:root{
  --forest:#17362C; --green:#13721E; --green-soft:#E6F0E2; --cream:#F6FBDA; --honey:#E3A72F; --honey-soft:#FBF0D6;
  --bg:#FAFAF6; --card:#FFFFFF; --ink:#1F2A24; --muted:#5E6B63; --line:#DCE1D8; --line-soft:#ECEFE8;
  --serif:'Fraunces',Georgia,serif; --sans:'Inter Tight','Inter',system-ui,sans-serif;
  /* Selvane sample brand */
  --s-bg:#FBF8F2; --s-ink:#3A2F2A; --s-muted:#7A6B62; --s-bar:#2F2723; --s-cta:#B8684A; --s-peach:#F3E3DA; --s-lilac:#D9D1E4; --s-sand:#EDE3D6;
  --s-serif:'Cormorant Garamond',Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--green)}
b,strong{font-weight:600}
.layout{display:grid;grid-template-columns:268px 1fr;min-height:100vh}

/* ---------- sidebar */
.side{position:sticky;top:0;height:100vh;overflow:auto;background:var(--forest);color:#E9F0E4;padding:28px 20px 24px;display:flex;flex-direction:column;gap:18px}
.brand{font:600 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--honey)}
.side h1{font:500 24px/1.15 var(--serif);margin:4px 0 0;color:#fff}
.progress{background:rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}
.progress .lbl{display:flex;justify-content:space-between;font-size:12.5px;color:#C9D6C4}
.bar{height:6px;border-radius:6px;background:rgba(255,255,255,.14);margin-top:8px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--honey);transition:width .3s}
.nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:#DCE6D7;text-decoration:none;font-size:14px}
.nav a:hover,.nav a.active{background:rgba(255,255,255,.09);color:#fff}
.nav .n{font:600 11px var(--sans);color:var(--honey);width:18px}
.nav .ck{margin-left:auto;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);flex:none}
.nav .ck.on{background:var(--honey);border-color:var(--honey);box-shadow:inset 0 0 0 3px var(--forest)}
.nav .sep{height:1px;background:rgba(255,255,255,.12);margin:8px 6px}
.side .pdf{margin-top:auto;display:block;text-align:center;padding:10px;border-radius:10px;background:var(--honey);color:var(--forest);font-weight:600;text-decoration:none;font-size:14px}

/* ---------- main */
main{padding:0 48px 80px;max-width:1180px;min-width:0}
.hero{padding:56px 0 36px;border-bottom:1px solid var(--line)}
.eyebrow{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.hero h2{font:500 46px/1.08 var(--serif);margin:10px 0 14px;color:var(--forest);letter-spacing:-.01em}
.hero p.sub{font-size:18px;color:var(--muted);max-width:700px;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{background:var(--green-soft);color:var(--forest);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}
section.blk{padding:52px 0 8px;border-bottom:1px solid var(--line)}
section.blk:last-child{border-bottom:0}
.sec-head{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;flex-wrap:wrap}
.sec-head .num{font:500 15px var(--serif);color:var(--honey)}
.sec-head h3{font:500 34px/1.12 var(--serif);margin:2px 0 6px;color:var(--forest)}
.sec-head .count{font-size:13px;color:var(--muted)}
.lead{font-size:17px;color:#33413A;max-width:780px;margin:10px 0 0}
.built{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font:500 13.5px var(--sans);cursor:pointer;color:var(--ink)}
.built .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--muted)}
.built.on{background:var(--green);border-color:var(--green);color:#fff}
.built.on .dot{background:#fff;border-color:#fff;box-shadow:inset 0 0 0 3px var(--green)}
h4{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:30px 0 10px}

.grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:22px;max-width:820px}
table.set{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}
table.set th,table.set td{text-align:left;padding:10px 14px;vertical-align:top;border-bottom:1px solid var(--line-soft)}
table.set tr:last-child td{border-bottom:0}
table.set thead th{background:var(--forest);color:#fff;font-weight:500;font-size:13px}
table.set td:first-child{font-weight:600;color:var(--forest);width:28%;white-space:nowrap}
.dia{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}
.dia svg{display:block;width:100%;height:auto}
.dia .t{font:600 15px var(--sans);fill:var(--ink)} .dia .n{font:600 13px var(--sans);fill:var(--ink)} .dia .s{font:400 11.5px var(--sans);fill:var(--muted)} .dia .b{font:400 11.5px var(--sans);fill:var(--ink)}
.dia .edge{stroke:#9AA59D;stroke-width:1.25;fill:none} .dia .box{fill:#fff;stroke:#9AA59D;stroke-width:1.25}
.dia .acc{fill:var(--green-soft);stroke:var(--green);stroke-width:2} .dia .wait{fill:#fff;stroke:#9AA59D;stroke-width:1;stroke-dasharray:4 3}
.dia .band{fill:#F2F4EF;stroke:#C9D0C6;stroke-width:1}
.dia-cap{font-size:13px;color:var(--muted);margin:8px 2px 0}

.tip{display:flex;gap:12px;background:var(--honey-soft);border:1px solid #EFD9A6;border-radius:12px;padding:14px 16px;margin:24px 0 8px;font-size:14.5px}
.tip .k{flex:none;font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#8A5B07;padding-top:2px}
.note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:14px 18px;margin:18px 0;font-size:14.5px}
.note b.t{display:block;color:var(--forest);font-size:15px;margin-bottom:4px}
.note ul{margin:8px 0 0;padding-left:20px}

/* ---------- email card */
.email{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:22px 0}
.email .hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.email .hd h5{font:500 22px var(--serif);margin:0;color:var(--forest)}
.when{font-size:12.5px;font-weight:600;color:var(--green);background:var(--green-soft);border-radius:999px;padding:3px 10px}
.field{margin-top:14px}
.field .lab{font:600 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.line{display:flex;align-items:center;gap:10px;border:1px solid var(--line-soft);background:#FCFCFA;border-radius:8px;padding:8px 10px;font-size:14.5px}
.line span{flex:1}
.copy{flex:none;border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 10px;font:500 12px var(--sans);color:var(--forest);cursor:pointer}
.copy:hover{border-color:var(--green)} .copy.done{background:var(--green);color:#fff;border-color:var(--green)}
.bodycopy{border:1px solid var(--line-soft);background:#FCFCFA;border-radius:10px;padding:14px 16px;font-size:14.5px;line-height:1.65;white-space:normal}
.bodycopy p{margin:0 0 10px} .bodycopy ol,.bodycopy ul{margin:0 0 10px;padding-left:22px}
.bodycopy .ctaline{font-weight:600;color:var(--forest)}
.bodycopy .sys{color:var(--muted);font-style:italic}
.ph{background:var(--honey-soft);color:#7A4E05;border-radius:4px;padding:0 3px}
.fieldrow{display:flex;justify-content:space-between;align-items:center}

/* ---------- Selvane preview */
.pv{position:sticky;top:20px}
.pv .cap{font:600 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}
.inbox{background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;padding:10px 14px;font-size:12.5px}
.inbox .from{font-weight:600} .inbox .subj{font-weight:600;color:var(--ink)} .inbox .pre{color:var(--muted)}
.mail{background:var(--s-bg);border:1px solid var(--line);border-radius:0 0 12px 12px;overflow:hidden;color:var(--s-ink);font:13px/1.6 var(--sans)}
.mail .ship{background:var(--s-bar);color:#EFE6DC;text-align:center;font:600 9px var(--sans);letter-spacing:.2em;padding:6px}
.mail .logo{text-align:center;padding:16px 0 10px}
.mail .logo b{display:block;font:500 24px var(--s-serif);letter-spacing:.32em;color:var(--s-ink)}
.mail .logo small{font:500 8.5px var(--sans);letter-spacing:.24em;color:var(--s-muted)}
.mail .in{padding:6px 26px 18px}
.mail p{margin:0 0 11px}
.mail h6{font:500 22px/1.2 var(--s-serif);margin:16px 0 8px;text-align:center;color:var(--s-ink)}
.mail .img{background:var(--s-lilac);height:150px;margin:6px -26px 14px;display:flex;align-items:center;justify-content:center;text-align:center;font:500 8.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#6C6380;padding:0 30px}
.mail .cta{display:block;width:max-content;margin:6px auto 16px;background:var(--s-cta);color:#fff;font:600 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:11px 22px;border-radius:2px}
.mail .pblock{display:flex;gap:12px;background:#fff;border:1px solid var(--s-sand);padding:10px;margin:4px 0 14px}
.mail .pblock .ph-img{width:84px;height:84px;background:var(--s-sand);flex:none;display:flex;align-items:center;justify-content:center;font:500 7.5px var(--sans);letter-spacing:.14em;color:var(--s-muted);text-align:center}
.mail .pblock b{font:500 17px var(--s-serif);display:block}
.mail .pblock .pr{color:var(--s-muted);font-size:12px}
.mail .pblock .mini{display:inline-block;margin-top:6px;background:var(--s-cta);color:#fff;font:600 8.5px var(--sans);letter-spacing:.14em;padding:5px 10px;text-transform:uppercase}
.mail .timer{display:flex;justify-content:center;gap:6px;margin:6px 0 16px}
.mail .timer div{background:var(--s-bar);color:#fff;border-radius:4px;width:56px;padding:6px 0;text-align:center;font:500 22px var(--s-serif)}
.mail .timer small{display:block;font:600 7.5px var(--sans);letter-spacing:.16em;color:#CBBFB3}
.mail .rev{background:var(--s-peach);padding:10px 14px;margin:0 0 12px;font:italic 500 15px/1.35 var(--s-serif)}
.mail .rev .st{font-style:normal;color:var(--s-cta);letter-spacing:.1em;font-size:11px;display:block}
.mail .rev small{display:block;font:500 10.5px var(--sans);color:var(--s-muted);font-style:normal;margin-top:4px}
.mail .prod{margin:0 0 4px} .mail .prod b{font:600 17px var(--s-serif)}
.mail .faq{background:var(--s-peach);padding:12px 16px;margin:0 0 14px}
.mail .faq p{margin:0 0 8px} .mail .faq p:last-child{margin:0}
.mail .codebox{border:1.5px dashed var(--s-cta);text-align:center;padding:8px;margin:0 auto 14px;width:70%;font:600 15px var(--sans);letter-spacing:.18em}
.mail .small{font-size:11px;color:var(--s-muted);text-align:center}
.mail ol,.mail ul{margin:0 0 12px;padding-left:20px}
.mail .needs{margin:0 0 12px} .mail .needs div{border-top:1px solid var(--s-sand);padding:8px 0}
.mail .foot{background:var(--s-sand);text-align:center;padding:16px 20px;font-size:10px;color:var(--s-muted)}
.mail .foot b{display:block;font:500 16px var(--s-serif);letter-spacing:.3em;color:var(--s-ink)}
.mail .ph{background:#F4E2B8}

/* ---------- popup mocks */
.popgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:20px}
.popcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.popcard h5{font:500 20px var(--serif);margin:0 0 6px;color:var(--forest)}
.popmock{background:#EAE5DE;border-radius:10px;padding:18px;margin-top:14px}
.popbox{background:var(--s-bg);max-width:300px;margin:0 auto;text-align:center;padding:22px 20px;border-radius:4px;color:var(--s-ink);position:relative;font-size:12.5px}
.popbox .x{position:absolute;top:6px;right:10px;color:var(--s-muted)}
.popbox h6{font:500 22px/1.15 var(--s-serif);margin:6px 0 8px}
.popbox .in{border:1px solid var(--s-sand);background:#fff;padding:8px;margin:10px 0;color:#A99;font-size:12px;text-align:left}
.popbox .btn{background:var(--s-cta);color:#fff;font:600 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:10px;margin-top:8px}
.popbox .lnk{margin-top:8px;font-size:11.5px;color:var(--s-muted);text-decoration:underline}
.popbox .fine{font-size:9.5px;color:var(--s-muted);margin-top:8px}
.popbox .codebox{border:1.5px dashed var(--s-cta);padding:7px;margin:10px auto;width:75%;font:600 14px var(--sans);letter-spacing:.18em}

/* ---------- start/after/work */
.intro-p{font-size:15.5px;color:#33413A;max-width:780px;margin:12px 0 0}
.intro3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.ix{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.ix-n{font:500 13px var(--serif);color:var(--honey)} .ix b{display:block;margin:4px 0 4px;color:var(--forest);font-size:15.5px} .ix p{margin:0;color:var(--muted);font-size:14px}
.startnow{background:var(--forest);color:#E9F0E4;border-radius:14px;padding:18px 20px;margin:18px 0 6px;font-size:15px}
.startnow b{color:var(--honey)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.wk{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.wk .w{font:500 30px var(--serif);color:var(--honey);line-height:1}
.wk b{display:block;margin:8px 0 4px;color:var(--forest)}
.wk p{margin:0;color:var(--muted);font-size:14px}
.cards3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.cardx{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.cardx b.t{display:block;font:500 20px var(--serif);color:var(--forest);margin-bottom:6px}
.cardx p{margin:0 0 12px;font-size:14.5px}
.btnx{display:inline-block;background:var(--forest);color:#fff;text-decoration:none;border-radius:999px;padding:9px 16px;font-weight:600;font-size:13.5px}
.btnx.alt{background:#fff;color:var(--forest);border:1.5px solid var(--forest)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.stat{background:var(--forest);color:#fff;border-radius:14px;padding:16px}
.stat b{display:block;font:500 28px var(--serif);color:var(--honey)}
.stat span{font-size:13px;color:#D6E2D1}
.checks{list-style:none;padding:0;margin:14px 0}
.checks li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)}
.checks input{accent-color:var(--green);width:17px;height:17px;margin-top:3px}
.foot-note{font-size:12.5px;color:var(--muted);margin-top:40px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--forest);color:#fff;padding:9px 16px;border-radius:999px;font-size:13.5px;opacity:0;transition:opacity .2s;pointer-events:none}
.toast.show{opacity:1}
.mobilebar{display:none}

@media (max-width:1100px){ .email{grid-template-columns:1fr} .pv{position:static;max-width:400px} .grid2{grid-template-columns:1fr} }
@media (max-width:860px){
  .layout{grid-template-columns:minmax(0,1fr)} .side{display:none}
  html{scroll-padding-top:70px}
  .mobilebar{display:flex;position:sticky;top:0;z-index:5;background:var(--forest);color:#fff;padding:12px 16px;align-items:center;justify-content:space-between}
  .mobilebar select{background:#fff;border:0;border-radius:8px;padding:6px 8px;font:500 13px var(--sans);max-width:60%}
  main{padding:0 16px 60px} .hero h2{font-size:34px} .steps,.cards3,.popgrid,.intro3{grid-template-columns:1fr} .stats{grid-template-columns:repeat(2,1fr)}
  .email{padding:16px} table.set td:first-child{white-space:normal}
}

/* ---------- print / PDF */
@page{size:Letter;margin:14mm 13mm}
@media print{
  body{background:#fff;font-size:11.5px}
  .layout{display:block} .side,.mobilebar,.copy,.built,.toast,.pdfchip{display:none!important}
  main{padding:0;max-width:none}
  .hero{padding:10px 0 18px}
  section.blk{break-before:page;padding-top:4px;border:0}
  .grid2{max-width:none}
  .dia{max-width:470px} .dia-cap{font-size:10.5px} h4.eh{display:none}
  .email{grid-template-columns:1fr 196px;gap:16px;padding:14px;break-inside:avoid;break-before:page;border-radius:10px;margin:0 0 12px}
  h4{break-after:avoid}
  #start{break-before:auto}
  .pv{zoom:.5}
  .pv{position:static}
  .mail{font-size:11px} .mail .in{padding:6px 18px 12px} .mail .img{height:90px;margin:6px -18px 12px}
  .bodycopy{font-size:11.5px}
  .line{font-size:11.5px;padding:5px 8px}
  .tip,.note,.dia,.wk,.cardx,.stat,.popcard,.ix,.startnow{break-inside:avoid}
  .popgrid{grid-template-columns:1fr 1fr;gap:12px}
  a{text-decoration:none}
  .sec-head h3{font-size:26px} .hero h2{font-size:36px}
  .print-only{display:block!important}
  .steps,.intro3{grid-template-columns:repeat(3,minmax(0,1fr))!important} .cards3{grid-template-columns:repeat(2,minmax(0,1fr))!important} .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
.print-only{display:none}

/* ================= Selvane email system (per Selvane Brand & Email Guidelines) ================= */
:root{--sv-berry:#B8336A;--sv-pink:#E94E84;--sv-blush:#FFE4EC;--sv-peach:#FFC9B0;--sv-butter:#FFEBAE;--sv-lilac:#E7DBF8;--sv-cream:#FFF8F2;--sv-white:#fff;--sv-ink:#3B1E2B;--sv-soft:#6E4B5A;--sv-gold:#F2A23A;
  --sv-serif:'Playfair Display',Georgia,serif;--sv-sans:'DM Sans',Arial,Helvetica,sans-serif}
.sv{background:var(--sv-cream);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;color:var(--sv-soft);font:13.5px/1.6 var(--sv-sans);text-align:center}
.sv p{margin:0 0 10px}
.sv-bar{background:var(--sv-berry);color:#fff;font:700 10px var(--sv-sans);letter-spacing:.16em;text-transform:uppercase;padding:8px 12px}
.sv-logo{padding:16px 0 12px}
.sv-logo b{display:block;font:700 25px var(--sv-serif);letter-spacing:.28em;color:var(--sv-berry);padding-left:.28em}
.sv-logo small{font:500 11px var(--sv-sans);color:var(--sv-soft)}
.sv-bg-blush{background:var(--sv-blush)} .sv-bg-peach{background:var(--sv-peach)} .sv-bg-butter{background:var(--sv-butter)} .sv-bg-lilac{background:var(--sv-lilac)} .sv-bg-cream{background:var(--sv-cream)} .sv-bg-white{background:#fff}
.sv-wave{display:block;width:100%;height:12px;margin-top:-1px;background:transparent}
.sv-wave.sv-blush{color:var(--sv-blush)} .sv-wave.sv-peach{color:var(--sv-peach)} .sv-wave.sv-butter{color:var(--sv-butter)} .sv-wave.sv-lilac{color:var(--sv-lilac)} .sv-wave.sv-cream{color:var(--sv-cream)} .sv-wave.sv-berry{color:var(--sv-berry)} .sv-wave.sv-white{color:#fff}
.sv-hero{padding:22px 26px 20px}
.sv-k{font:700 10px var(--sv-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--sv-pink);margin-bottom:6px}
.sv-h1{font:700 30px/1.06 var(--sv-serif);color:var(--sv-berry);margin:0 0 10px}
.sv-h1 em,.sv-h2 em,.popbox h6 em{font-style:italic;font-weight:600}
.sv-h2{font:700 21px/1.15 var(--sv-serif);color:var(--sv-berry);margin:0 0 10px}
.sv-btn{display:inline-block;background:var(--sv-pink);color:#fff;font:700 10.5px var(--sv-sans);letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border-radius:999px;margin:4px 0 2px}
.sv-btn-w{background:#fff;color:var(--sv-berry)}
.sv-photo{position:relative} .sv-photo img{display:block;width:100%;height:210px;object-fit:cover}
.sv-badge{position:absolute;top:12px;right:12px;width:66px;height:66px;border-radius:50%;background:var(--sv-pink);color:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;text-align:center;font:700 13px/1.05 var(--sv-serif);transform:rotate(8deg);padding:6px}
.sv-sec{padding:16px 24px 18px}
.sv-small{font-size:11.5px}
.sv-code{display:inline-block;background:#fff;border:2px dashed var(--sv-pink);border-radius:14px;padding:8px 20px;font:700 17px var(--sv-sans);letter-spacing:.2em;color:var(--sv-ink);margin:2px 0 8px}
.sv-card{display:flex;gap:14px;align-items:center;background:#fff;border-radius:20px;padding:10px;text-align:left;margin-bottom:8px}
.sv-card img{width:96px;height:96px;object-fit:cover;border-radius:14px;flex:none}
.sv-card p{margin:2px 0 4px;font-size:12.5px;line-height:1.45}
.sv-tag{display:inline-block;background:var(--sv-butter);color:var(--sv-berry);font:700 8.5px var(--sv-sans);letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin-bottom:4px}
.sv-pname{font:700 17px/1.15 var(--sv-serif);color:var(--sv-berry)} .sv-pname span{font:500 12px var(--sv-sans);color:var(--sv-soft)}
.sv-link{font:700 11px var(--sv-sans);color:var(--sv-pink);text-decoration:underline}
.sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sv-tile{background:#fff;border-radius:16px;padding:7px 7px 9px;display:flex;flex-direction:column;gap:2px}
.sv-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;margin-bottom:4px}
.sv-tile b{font:700 12px/1.15 var(--sv-serif);color:var(--sv-berry)} .sv-tile span{font-size:10.5px;line-height:1.3}
.sv-review{display:flex;gap:12px;background:#fff;border-radius:20px;padding:12px;text-align:left;align-items:flex-start}
.sv-review img,.sv-founder img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--sv-peach);flex:none}
.sv-review b{color:var(--sv-ink);font-size:12.5px} .sv-review p{margin:2px 0 0;font-size:12.5px;font-style:italic}
.sv-stars{color:var(--sv-gold);letter-spacing:.06em;font-size:11px}
.sv-founder img{width:60px;height:60px;display:block;margin:0 auto 8px}
.sv-founder p{font:italic 600 15px/1.35 var(--sv-serif);color:var(--sv-ink)} .sv-founder b{font:700 10px var(--sv-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sv-berry)}
.sv-count{display:flex;justify-content:center;gap:7px}
.sv-count div{background:var(--sv-berry);color:#fff;border-radius:12px;width:58px;padding:7px 0 5px;font:700 24px/1 var(--sv-serif)}
.sv-count small{display:block;font:700 7.5px var(--sv-sans);letter-spacing:.16em;margin-top:5px;color:#FFD3E1}
.sv-check{list-style:none;margin:0;padding:0;text-align:left}
.sv-check li{display:flex;gap:10px;align-items:center;padding:5px 0;color:var(--sv-ink);font-size:13px}
.sv-tick{width:22px;height:22px;flex:none;background:var(--sv-berry);color:#fff;border-radius:50%;padding:4px}
.sv-pill{display:flex;gap:10px;align-items:center;background:#fff;border-radius:999px;padding:7px 14px 7px 7px;margin:0 0 7px;text-align:left;font-size:12.5px;line-height:1.4}
.sv-pill b{color:var(--sv-ink)}
.sv-num{width:28px;height:28px;flex:none;border-radius:50%;background:var(--sv-berry);color:#fff;display:flex;align-items:center;justify-content:center;font:700 13px var(--sv-serif)}
.sv-faq{background:#fff;border-radius:16px;padding:9px 13px;margin:0 0 7px;text-align:left;font-size:12.5px;line-height:1.45}
.sv-faq b{display:block;color:var(--sv-berry);font:700 13.5px var(--sv-serif);margin-bottom:2px}
.sv-opt{display:flex;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:8px;margin:0 0 8px;text-align:left}
.sv-opt img{width:74px;height:74px;object-fit:cover;border-radius:13px;flex:none}
.sv-opt b{display:block;font:700 14px/1.2 var(--sv-serif);color:var(--sv-berry)} .sv-opt span{font-size:12px}
.sv-note{background:var(--sv-butter);padding:10px 22px;font-size:12.5px;color:var(--sv-ink);text-align:left}
.sv-note b{color:var(--sv-berry)}
.sv-badges{display:flex;justify-content:space-around;gap:8px}
.sv-badges div{display:flex;flex-direction:column;align-items:center;gap:5px;width:30%}
.sv-ib{width:42px;height:42px;border-radius:50%;background:var(--sv-berry);color:#fff;display:flex;align-items:center;justify-content:center}
.sv-ib .ic{width:22px;height:22px}
.sv-badges small{font:700 9px/1.3 var(--sv-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--sv-ink)}
.sv-banner{display:flex;background:var(--sv-berry);color:#fff;text-align:left;align-items:stretch}
.sv-banner img{width:42%;object-fit:cover} .sv-banner>div{padding:16px 18px} .sv-banner .sv-h2{color:#fff;font-size:19px} .sv-banner p{color:#FFE4EC;font-size:12.5px}
.sv-bigstars{font-size:30px;color:var(--sv-gold);letter-spacing:.1em;margin:0 0 6px}
.sv-foot{background:var(--sv-berry);color:#FFE4EC;padding:12px 20px 18px;font-size:11px}
.sv-foot b{display:block;font:700 18px var(--sv-serif);letter-spacing:.28em;color:#fff;margin-bottom:6px;padding-left:.28em}
.sv-soc{display:flex;justify-content:center;gap:8px;margin:10px 0}
.sv-soc span{width:24px;height:24px;border-radius:50%;border:1.5px solid #FFC9D9;font:700 8px/21px var(--sv-sans);color:#fff}
.sv-foot small{font-size:9.5px;color:#FFC9D9}
/* popup in Selvane style */
.popmock{background:#F3E6EA}
.popbox{background:var(--sv-cream);color:var(--sv-soft);font:13px/1.5 var(--sv-sans);border-radius:22px;overflow:hidden;padding:0;max-width:290px;text-align:center}
.popbox .pp-img{display:block;width:100%;height:120px;object-fit:cover}
.popbox .pp-in{padding:16px 20px 18px}
.popbox h6{font:700 22px/1.1 var(--sv-serif);color:var(--sv-berry);margin:0 0 8px}
.popbox p{margin:0 0 8px}
.popbox .x{position:absolute;top:8px;right:12px;color:var(--sv-berry);font-size:16px;z-index:2;background:rgba(255,255,255,.85);border-radius:50%;width:22px;height:22px;line-height:22px}
.popbox .in{border:1.5px solid #F0CFDA;background:#fff;border-radius:999px;padding:8px 14px;margin:8px 0;color:#B79AA6;font-size:12px;text-align:left}
.popbox .sv-btn{display:block}
.popbox .lnk{margin-top:8px;font-size:11.5px;color:var(--sv-soft);text-decoration:underline}
.popbox .fine{font-size:9.5px;color:var(--sv-soft);margin-top:8px}
@media print{ .sv-photo img{height:200px} .pv .cap{font-size:15px} }

/* ================= v3: hero, start slides, popup consistency ================= */
.hero{margin:0 -48px;padding:56px 48px 40px;background:linear-gradient(180deg,#FBEFC9 0%,#F8E7BC 100%);border-bottom:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;align-items:end}
.hero-brand{display:flex;align-items:center;gap:8px;font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#7A5410}
.bee{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--forest);color:var(--honey);font:600 11px var(--serif);letter-spacing:0}
.dotsep{color:#B88A2E}
.hero h2{font:500 64px/1.02 var(--serif);margin:14px 0 16px;color:var(--forest);letter-spacing:-.015em}
.hero h2 em{font-style:italic;color:#9A6A0E}
.hero p.sub{color:#4B4430;font-size:18.5px}
.hero .chip{background:rgba(255,255,255,.65);color:var(--forest)}
.proof{background:var(--forest);color:#E9F0E4;border-radius:20px;padding:22px 22px 16px}
.proof-h{font:500 17px/1.3 var(--serif);color:#fff;margin-bottom:14px}
.proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.proof-row div{background:rgba(255,255,255,.07);border-radius:14px;padding:12px}
.proof-row b{display:block;font:500 26px/1.05 var(--serif);color:var(--honey)}
.proof-row span{font-size:12.5px;line-height:1.35;color:#CFDCCA;display:block;margin-top:4px}
.proof small{display:block;font-size:11px;color:#A9BBA4;margin-top:10px}

section.start{margin:0 -48px;padding:52px 48px 44px;background:#F3ECDF;border-bottom:0}
section.start .num{color:#9A6A0E}
.slide{background:#fff;border-radius:24px;padding:30px 32px;margin-top:20px;box-shadow:0 1px 0 rgba(23,54,44,.06)}
.s-k{font:600 11.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.s-h{font:500 30px/1.15 var(--serif);color:var(--forest);margin:6px 0 10px}
.s-big{font:500 26px/1.25 var(--serif);color:var(--ink);margin:6px 0 10px;max-width:520px}
.s-big em{color:#9A6A0E}
.s-p{color:var(--muted);font-size:15.5px;margin:0 0 6px}
.s-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}
.aka{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.aka span{background:var(--honey-soft);color:#7A4E05;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}
.aka .aka-l{background:none;color:var(--muted);padding:0;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.mini-flow{display:flex;flex-direction:column;align-items:center;background:#F7F8F4;border-radius:18px;padding:20px}
.mini-flow>div:not(.mf-a){width:100%;max-width:230px;text-align:center;font-size:13.5px;border-radius:10px;padding:9px 10px}
.mf-t{background:var(--green-soft);border:2px solid var(--green);font-weight:600;color:var(--forest)}
.mf-e{background:#fff;border:1.25px solid #9AA59D;font-weight:600;color:var(--ink)}
.mf-w{border:1px dashed #9AA59D;color:var(--muted);max-width:150px!important;border-radius:999px!important;padding:4px 10px!important;font-size:12.5px!important}
.mf-a{width:1.5px;height:14px;background:#9AA59D}
.ib{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--forest);color:var(--honey);flex:none}
.ib svg{width:22px;height:22px}
.icards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}
.icard{background:#F7F8F4;border-radius:18px;padding:20px}
.icard b{display:block;font:500 19px var(--serif);color:var(--forest);margin:14px 0 4px}
.icard p{margin:0;color:var(--muted);font-size:14.5px}
.moments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 22px}
.moments div{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:#F7F8F4;border-radius:18px;padding:18px 10px;font-weight:600;color:var(--forest);font-size:14px}
.living{border-top:1px solid var(--line);padding-top:20px}
.living-h{display:flex;gap:14px;align-items:center}
.living-h b{font:500 21px var(--serif);color:var(--forest)} .living-h p{margin:2px 0 0;color:var(--muted)}
.ib-h{background:var(--green);color:#fff}
.grow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.grow div{border:1.5px dashed #BFD3BA;border-radius:16px;padding:14px 16px}
.grow b{display:block;color:var(--green);font-size:15px} .grow span{font-size:13.5px;color:var(--muted)}
.s-cta{display:flex;gap:20px;align-items:center;background:var(--forest);color:#DCE6D7}
.s-cta .s-h{color:var(--honey);margin:0 0 6px} .s-cta p{margin:0;font-size:15.5px;max-width:760px}
.ib-cta{width:60px;height:60px;background:var(--honey);color:var(--forest)} .ib-cta svg{width:28px;height:28px}
.tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;position:relative}
.tl::before{content:"";position:absolute;left:24px;right:24px;top:23px;height:3px;background:linear-gradient(90deg,var(--honey),var(--green));border-radius:3px}
.tl-step{position:relative}
.tl-dot{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--forest);color:var(--honey);border:4px solid #fff;display:flex;align-items:center;justify-content:center;font:500 20px var(--serif)}
.tl-w{font:500 24px var(--serif);color:var(--forest);margin-top:12px}
.tl-why{color:var(--muted);font-size:14px;margin:2px 0 10px}
.tl-flows{display:flex;flex-wrap:wrap;gap:6px}
.tl-flows span{background:var(--green-soft);color:var(--forest);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}
.howto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:10px}
.howto div{background:#F7F8F4;border-radius:18px;padding:18px}
.howto b{display:block;color:var(--forest);font-size:15.5px;margin:12px 0 4px} .howto p{margin:0;color:var(--muted);font-size:13.5px}
.claims{display:flex;gap:14px;align-items:flex-start;background:#FBEDEA;border:1px solid #F0CFC8;border-radius:14px;padding:14px 16px;font-size:14px;margin-top:12px}
.claims b{color:#8E3B2A}
.ib-red{background:#C4553A;color:#fff;width:38px;height:38px} .ib-red svg{width:20px;height:20px}
/* tip with icon */
.tip{align-items:center}
.tip .k{display:flex;align-items:center;gap:8px;padding-top:0;white-space:nowrap}
.tipi{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--honey);color:var(--forest)}
.tipi svg{width:19px;height:19px}
/* popup: identical frame on every step */
.popmock{margin:12px 0 4px}
.popbox{height:448px;display:flex;flex-direction:column}
.popbox .pp-img{flex:none;height:140px}
.popbox .pp-in{flex:1;display:flex;flex-direction:column;justify-content:center}
.popbox .sv-code{align-self:center}
@media (max-width:1100px){ .hero{grid-template-columns:1fr} .howto{grid-template-columns:repeat(2,minmax(0,1fr))} .moments{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:860px){
  .hero,section.start{margin:0 -16px;padding-left:16px;padding-right:16px}
  .hero h2{font-size:42px} .s-split,.icards,.grow,.tl,.howto{grid-template-columns:1fr} .moments{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl::before{display:none} .slide{padding:22px 18px} .s-h{font-size:25px} .proof-row{grid-template-columns:1fr 1fr 1fr} .proof-row b{font-size:20px}
  .s-cta{flex-direction:column;align-items:flex-start}
}
@media print{
  .hero{margin:0;padding:24px 22px;border-radius:16px;grid-template-columns:1.3fr 1fr!important}
  .hero h2{font-size:44px}
  section.start{margin:0;padding:18px 0 0;background:none!important;break-before:auto}
  .slide{background:#FBF7F0!important;border:1px solid #EADFCB}
  .slide.s-cta{background:var(--forest)!important}
  .slide{break-inside:avoid;padding:20px 22px;margin-top:12px}
  .s-split{grid-template-columns:1.2fr .8fr!important} .icards,.grow,.tl{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .moments{grid-template-columns:repeat(5,minmax(0,1fr))!important} .howto{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .tl::before{display:block!important} .proof-row{grid-template-columns:repeat(3,1fr)!important}
  .s-cta{flex-direction:row!important}
  .popbox{height:448px} .popmock{zoom:.72} .popcard .line{padding:4px 8px}
}

/* v4 Selvane blocks */
.sv-div{height:1px;background:rgba(184,51,106,.18);margin:12px 30px 14px}
.sv-ph{padding-bottom:22px}
.sv-ph-img{background:#fff;border-radius:22px;margin:6px auto 12px;width:72%;overflow:hidden;box-shadow:0 2px 0 rgba(184,51,106,.08)}
.sv-ph-img img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.sv-ph-name{font-size:22px;margin-top:2px} .sv-ph-price{font:700 15px var(--sv-sans);color:var(--sv-ink);margin:2px 0 8px}
.sv-dyn{font:500 9.5px var(--sv-sans);letter-spacing:.06em;color:var(--sv-soft);margin-top:8px;font-style:italic}
.sv-pr{margin-bottom:12px} .sv-pr .sv-card{margin-bottom:0;border-radius:20px 20px 0 0}
.sv-pr-rev{display:flex;gap:10px;background:var(--sv-blush);border-radius:0 0 20px 20px;padding:9px 12px;text-align:left;align-items:flex-start}
.sv-pr-rev img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--sv-peach);flex:none}
.sv-pr-rev b{color:var(--sv-ink);font-size:12px} .sv-pr-rev p{margin:1px 0 0;font-size:12px;font-style:italic;line-height:1.4}
.sv-cart{background:#fff;border-radius:20px;padding:6px 14px 12px;text-align:left;margin-bottom:10px}
.sv-ci{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #F3E3EA}
.sv-ci img{width:58px;height:58px;border-radius:12px;object-fit:cover;flex:none}
.sv-ci-m{flex:1;display:flex;flex-direction:column;line-height:1.35} .sv-ci-m b{font:700 14px var(--sv-serif);color:var(--sv-berry)} .sv-ci-m span{font-size:11.5px}
.sv-ci-p{font:700 13px var(--sv-sans);color:var(--sv-ink)}
.sv-ct{padding-top:8px;font-size:12.5px} .sv-ct div{display:flex;justify-content:space-between;padding:2px 0}
.sv-total{border-top:1.5px solid var(--sv-blush);margin-top:6px;padding-top:7px!important;font:700 15px var(--sv-sans);color:var(--sv-ink)}
.sv-rate{display:flex;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:10px;text-align:left;margin:0 0 14px}
.sv-rate img{width:70px;height:70px;border-radius:12px;object-fit:cover}
.sv-rate span{font-size:11.5px}
.sv-note .sv-link{white-space:nowrap}
/* v5 workbook + work with us */
.wb{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px;margin-top:18px}
.wb-step{display:flex;gap:14px;align-items:flex-start}
.wb-n{width:38px;height:38px;flex:none;border-radius:50%;background:var(--forest);color:var(--honey);display:flex;align-items:center;justify-content:center;font:500 18px var(--serif)}
.wb-step b{font:500 21px var(--serif);color:var(--forest)} .wb-step p{margin:2px 0 0;color:var(--muted);font-size:14.5px}
.wb-date{margin:14px 0 0;font-size:13.5px;color:var(--muted)}
.wb-scroll{overflow-x:auto;margin-top:12px}
.wb-t{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}
.wb-t th{background:var(--forest);color:#fff;font-weight:500;text-align:left;padding:8px 8px;font-size:12px}
.wb-t th:first-child{border-radius:8px 0 0 0} .wb-t th:last-child{border-radius:0 8px 0 0}
.wb-t td{border-bottom:1px solid var(--line-soft);padding:5px 6px}
.wb-t td:first-child{font-weight:600;color:var(--forest);white-space:nowrap}
.wb-in{width:100%;min-width:62px;border:1px solid var(--line);border-radius:7px;padding:6px 7px;font:13px var(--sans);background:#FCFCFA}
.wb-in:focus{outline:2px solid var(--honey);border-color:var(--honey)}
.wb-wide{width:180px}
.wb-pop{min-width:560px}
.fixgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.fixgrid div{background:#F7F8F4;border-radius:14px;padding:14px}
.fixgrid b{color:var(--forest);font-size:14.5px;display:block;margin-bottom:4px} .fixgrid p{margin:0;font-size:13px;color:var(--muted)}
.segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.segs label{display:flex;gap:10px;align-items:flex-start;background:#F7F8F4;border-radius:14px;padding:14px;cursor:pointer}
.segs input{accent-color:var(--green);width:18px;height:18px;margin-top:2px;flex:none}
.segs b{display:block;color:var(--forest);font-size:14.5px;margin-bottom:3px} .segs span{font-size:13px;color:var(--muted);line-height:1.45}
.grow2{grid-template-columns:repeat(2,minmax(0,1fr))}
section.work{margin-top:0}
.audit{background:var(--forest);border-radius:24px;padding:34px 36px;margin-top:20px;color:#DCE6D7;background-image:radial-gradient(circle at 92% 20%,rgba(227,167,47,.25),transparent 40%)}
.audit-h{font:500 36px/1.1 var(--serif);color:#fff;margin:6px 0 10px}
.audit p{max-width:640px;font-size:16px;margin:0 0 18px}
.btn-honey{background:var(--honey);color:var(--forest);padding:12px 22px;font-size:15px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.plans .cardx{border-radius:20px;padding:22px}
.xsell{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,.6);border:1px dashed #D9CBB2;border-radius:14px;padding:12px 16px;margin-top:16px;font-size:13.5px}
.xsell a{font-weight:600;color:var(--forest);white-space:nowrap}
@media (max-width:1100px){ .fixgrid{grid-template-columns:repeat(2,minmax(0,1fr))} .segs{grid-template-columns:1fr} }
@media (max-width:860px){ .plans,.grow2{grid-template-columns:1fr} .audit{padding:24px 20px} .audit-h{font-size:28px} }
@media print{
  #after{break-before:page} .wb{break-inside:avoid;padding:14px 16px;margin-top:10px}
  .wb-t{min-width:0;font-size:10.5px} .wb-in{min-height:20px;padding:3px} .wb-scroll{overflow:visible}
  .fixgrid{grid-template-columns:repeat(5,minmax(0,1fr))!important} .segs{grid-template-columns:repeat(3,minmax(0,1fr))!important} .grow2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .plans{grid-template-columns:1fr 1fr!important} section.work{break-before:page}
}
@media print{
  section.start.work{background:#F3ECDF!important;padding:16px 18px 10px!important;border-radius:16px}
  .work .stat{padding:10px 12px} .work .stat b{font-size:22px} .audit{padding:20px 22px;margin-top:12px} .audit-h{font-size:26px}
  .plans{margin-top:10px} .plans .cardx{padding:14px 16px} .xsell{margin-top:10px;padding:8px 12px} .work .foot-note{margin-top:10px;font-size:9.5px}
  .fixgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}