/* ReplyDesk v3: ink, paper, review-star gold */
:root{--ink:#161b26;--ink-2:#2a3142;--paper:#f5efe3;--paper-2:#ece4d3;--card:#fffdf8;--line:#ddd3bf;--muted:#585246;--gold:#e8a317;--gold-d:#8a5a00;--green:#1e6b4a;
--serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--g:Roboto,Arial,Helvetica,sans-serif;
--r:14px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:72px;--s7:112px;--wrap:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--ink);text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{text-decoration-color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.cta :focus-visible,.foot :focus-visible{outline-color:var(--gold)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:50}.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s3)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.1;margin:0;font-variation-settings:"opsz" 120}
h2{font-size:clamp(1.9rem,1.2rem + 2.2vw,2.75rem)}h3{font-size:1.25rem;font-variation-settings:"opsz" 30}
p{margin:0 0 var(--s2)}
.eyebrow{font:700 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin:0 0 var(--s2);display:flex;align-items:center;gap:10px}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--gold)}
.eyebrow-light{color:var(--gold)}
.sub{color:var(--muted);font-size:1.08rem;max-width:56ch;margin-top:var(--s2)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;font:700 1rem/1 var(--sans);padding:14px 22px;border-radius:999px;text-decoration:none;border:2px solid var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{background:var(--ink-2);transform:translateY(-1px);box-shadow:0 6px 0 -2px var(--gold)}
.btn-lg{padding:18px 28px;font-size:1.05rem}.btn-sm{padding:10px 16px;font-size:.92rem}.btn-block{width:100%}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.btn-gold:hover{background:#f2b53a;box-shadow:0 6px 0 -2px #fff}
.btn-quiet{background:transparent;color:var(--ink)}.btn-quiet:hover{background:var(--paper-2);box-shadow:none}
.txt-link{font-weight:700;color:var(--ink)}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(245,239,227,.92);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:var(--s4);height:68px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.wm{font:600 1.45rem/1 var(--serif);letter-spacing:-.02em}.wm em{font-style:italic;font-weight:500;color:var(--gold-d)}
.brand-light{color:#fff}.brand-light .wm em{color:var(--gold)}.brand-light .mark path:first-child{fill:#fff}
.links{display:flex;gap:var(--s3);margin-left:auto}.links a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--ink)}
.links a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
/* hero */
.hero{padding:var(--s6) 0 var(--s7);border-bottom:1px solid var(--line);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--s5);align-items:center}
.hero h1{font-size:clamp(2.5rem,1.4rem + 3.6vw,4.2rem);line-height:1.03;letter-spacing:-.025em;max-width:14ch}
.hero h1 em{font-style:italic;font-weight:500;color:var(--ink);background:linear-gradient(transparent 64%,rgba(232,163,23,.45) 64%,rgba(232,163,23,.45) 92%,transparent 92%)}
.lead{font-size:1.18rem;color:var(--muted);max-width:50ch;margin:var(--s3) 0 var(--s4)}
.hero-act{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.facts{display:flex;gap:0;margin:var(--s5) 0 0;padding:0;border-top:1px solid var(--line)}
.facts div{padding:var(--s2) var(--s3) 0 0;margin-right:var(--s3);border-right:1px solid var(--line)}.facts div:last-child{border:0}
.facts dt{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.facts dd{margin:4px 0 0;font:600 1.6rem/1.1 var(--serif)}
.facts .js-price{font:inherit}
.hero-art{position:relative;padding:28px 0 0}
.paper-tab{position:absolute;top:0;left:22px;font:700 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px 8px 0 0}
.g-hero{transform:rotate(-1.2deg);box-shadow:0 1px 0 var(--line),0 24px 48px -24px rgba(22,27,38,.35)}
.flag{position:relative;margin:-14px -18px 0 auto;width:72%;transform:rotate(1.6deg)}
.flag .gcard{box-shadow:0 18px 36px -20px rgba(22,27,38,.4)}
.flag-note{margin:0;background:var(--gold);color:var(--ink);font-size:.82rem;padding:8px 14px;border-radius:0 0 10px 10px}
/* google-style review card */
.gcard{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:18px 20px;font-family:var(--g);color:#202124}
.g-head{display:flex;align-items:center;gap:12px}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font:500 1.05rem/1 var(--g);background:hsl(var(--h) 55% 38%);flex:none}
.g-name{margin:0;font-weight:500;font-size:.95rem}.g-meta{margin:0;font-size:.8rem;color:#5f6368}
.gtag{margin-left:auto}
.g-rate{display:flex;align-items:center;gap:8px;margin:10px 0 6px}
.stars{display:inline-flex;gap:1px}.stars i{width:15px;height:15px;fill:#e8a317}.stars i.off{fill:#dadce0}
.g-when{font-size:.8rem;color:#5f6368}
.g-text{font-size:.93rem;line-height:1.5;margin:0}
.owner{margin-top:14px;padding:12px 14px;background:#f1f3f4;border-radius:8px}
.owner-h{margin:0 0 4px;font-size:.84rem}.owner-h b{font-weight:500}.owner-h span{color:#5f6368;margin-left:6px}
.owner p:last-child{font-size:.9rem;line-height:1.5;margin:0}
.g-mini{padding:14px 16px}.g-mini .g-text{font-size:.88rem}
/* sections */
.sec{padding:var(--s7) 0}
.sec-head{max-width:720px;margin:0 auto var(--s5);text-align:left}
.sec-head.left{margin-left:0}
/* examples: feed */
.examples{background:var(--card);border-bottom:1px solid var(--line)}
.feed-wrap{border-top:2px solid var(--ink)}
.feed-bar{display:flex;justify-content:space-between;padding:14px 0;font-size:.9rem;color:var(--muted);border-bottom:1px solid var(--line)}.feed-bar b{color:var(--ink)}
.feed{list-style:none;margin:0;padding:0}
.feed-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--line);align-items:start}
.feed-row .gcard{border-color:#e3e3e3}
.note{display:flex;gap:var(--s2);padding-top:var(--s1)}
.note-n{font:600 1.9rem/1 var(--serif);color:var(--gold-d)}
.note>div{border-left:2px solid var(--gold);padding-left:var(--s2)}.note p{margin:0;color:var(--ink-2);font-size:1rem}.note .note-h{font:700 .74rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
/* timeline */
.how-grid{display:grid;grid-template-columns:4fr 7fr;gap:var(--s6)}
.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:var(--line)}
.tl-item{position:relative;padding:0 0 var(--s5) var(--s5)}.tl-item:last-child{padding-bottom:0}
.tl-item:before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:3px solid var(--ink)}
.tl-item:first-child:before{background:var(--gold)}
.tl-when{margin:0 0 6px;font:700 .78rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
.tl-item h3{margin-bottom:6px}.tl-item p:last-child{color:var(--muted);margin:0;max-width:52ch}
/* pricing panel */
.pricing{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.panel{display:grid;grid-template-columns:5fr 6fr;background:var(--card);border:2px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:10px 10px 0 var(--ink)}
.panel-l{padding:var(--s5);border-right:1px solid var(--line)}
.panel-r{padding:var(--s5);background:var(--card)}
.amount{display:flex;align-items:flex-start;margin:var(--s3) 0 var(--s2);font:600 6rem/0.9 var(--serif);letter-spacing:-.04em}
.amount .cur{font-size:2.4rem;margin:8px 4px 0 0}.amount .per{align-self:flex-end;font:500 1rem/1 var(--sans);letter-spacing:0;color:var(--muted);margin:0 0 12px 10px}
.panel-l .btn{margin:var(--s3) 0 var(--s2)}.panel-l .txt-link{display:inline-block}
.panel-r h3{margin-bottom:var(--s2)}
.ticks{list-style:none;padding:0;margin:0 0 var(--s3)}
.ticks li{position:relative;padding:10px 0 10px 32px;border-bottom:1px dashed var(--line)}
.ticks li:before{content:"";position:absolute;left:4px;top:17px;width:14px;height:8px;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
.refund{margin:0;font-size:.95rem;color:var(--muted)}.refund b{color:var(--ink)}
.cur-toggle{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;padding:3px;gap:2px;background:var(--card)}
.cur-toggle button{border:0;background:transparent;font:700 .82rem/1 var(--sans);color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer;min-height:32px}
.cur-toggle button.on{background:var(--ink);color:#fff}
/* sample form */
.sample-grid{display:grid;grid-template-columns:5fr 6fr;gap:var(--s6);align-items:start}
.note-form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);box-shadow:0 1px 0 var(--line),0 30px 50px -36px rgba(22,27,38,.4);display:grid;gap:6px}
.note-form label,.gen label{font-weight:700;font-size:.9rem;margin-top:10px}
input,select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1.5px solid #b9ae98;border-radius:10px;padding:12px 14px;min-height:48px}
input:focus,select:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--ink)}
.note-form .btn{margin-top:var(--s3)}
.fine{font-size:.8rem;color:var(--muted);margin:var(--s2) 0 0}
/* faq */
.faq-grid{display:grid;grid-template-columns:4fr 7fr;gap:var(--s6)}
.qas{border-top:2px solid var(--ink)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font:600 1.18rem/1.3 var(--serif);position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary:after{content:"+";position:absolute;right:4px;top:16px;font:400 1.6rem/1 var(--sans);color:var(--gold-d)}
.qa[open] summary:after{content:"–"}
.qa p{margin:0 0 20px;color:var(--muted);max-width:60ch}
/* guide index */
.guides{background:var(--card);border-top:1px solid var(--line)}
.gindex{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.gindex a{display:grid;grid-template-columns:56px 1.2fr 2fr 24px;gap:var(--s3);align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.gindex a:hover .gi-t{text-decoration:underline;text-decoration-color:var(--gold)}
.gi-n{font:600 1rem/1 var(--serif);color:var(--gold-d)}.gi-t{font:600 1.3rem/1.2 var(--serif)}.gi-d{color:var(--muted)}.gi-a{font-size:1.2rem}
/* cta + footer */
.cta{background:var(--ink);color:#fff;padding:var(--s6) 0}
.cta-in{display:grid;grid-template-columns:3fr 2fr;gap:var(--s5);align-items:center}
.cta h2{color:#fff}.cta p{color:#d6d0c4;margin:var(--s2) 0 0;max-width:52ch}
.cta-act{display:grid;gap:var(--s2);justify-items:start}
.cta-link{color:#fff;font-weight:700}
.foot{background:var(--ink);color:#d6d0c4;border-top:1px solid #2c3344;padding:var(--s5) 0 var(--s3)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s4)}
.foot h3{font:700 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:6px 0 var(--s2)}
.foot nav a{display:block;color:#d6d0c4;text-decoration:none;padding:4px 0}.foot nav a:hover{color:#fff;text-decoration:underline}
.foot-brand p{margin:var(--s2) 0 0;max-width:36ch}.foot-brand a[href^=mailto]{color:#fff}
.foot-bot{display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;border-top:1px solid #2c3344;margin-top:var(--s5);padding-top:var(--s3);font-size:.85rem}
/* inner pages */
.page-head{padding:var(--s6) 0 var(--s5);border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.4rem);max-width:22ch;line-height:1.06}
.page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s6);padding-top:var(--s5);padding-bottom:var(--s7)}
.page.legal{grid-template-columns:minmax(0,760px)}
.prose{font-size:1.06rem;max-width:70ch}
.prose h2{font-size:1.75rem;margin:var(--s5) 0 var(--s2)}.prose h3{margin:var(--s4) 0 var(--s1)}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:0 0 10px}.prose li::marker{color:var(--gold-d);font-weight:700}
.ex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin:var(--s3) 0}
.card.ex{background:#fff;border:1px solid #dadce0;border-left:4px solid var(--gold);border-radius:10px;padding:16px 18px;font-size:.98rem}
.card.ex b{display:block;font:700 .75rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);margin-bottom:8px}
.card.ex p{margin:0}
.side{display:grid;gap:var(--s3);align-content:start;position:sticky;top:92px}
.side-card{border-top:2px solid var(--ink);padding-top:var(--s2)}
.side-h{font:700 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin:0 0 var(--s2)}
.side-card a:not(.btn){display:block;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}
.side-card a[aria-current]{font-weight:700;box-shadow:inset 3px 0 0 var(--gold);padding-left:12px}
.side-cta{background:var(--card);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:0 0 var(--r) var(--r);padding:var(--s3)}
.side-cta p{color:var(--muted);font-size:.95rem}
.gen{display:grid;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);margin:var(--s3) 0}
.gen .btn{margin-top:var(--s2);justify-self:start}
.gen-out{margin-top:var(--s2)!important}.gen-out p{font-size:1.05rem;margin-bottom:12px!important}
/* responsive */
@media (max-width:980px){
 .hero-grid,.how-grid,.faq-grid,.sample-grid,.cta-in{grid-template-columns:1fr;gap:var(--s5)}
 .hero{padding:var(--s5) 0 var(--s6)}.hero-art{max-width:520px}.flag{right:0}
 .panel{grid-template-columns:1fr}.panel-l{border-right:0;border-bottom:1px solid var(--line)}
 .page{grid-template-columns:1fr}.side{position:static}
 .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
 body{font-size:16px}.wrap{padding:0 20px}.links{display:none}.top-in{justify-content:space-between;height:60px}
 .sec{padding:var(--s6) 0}
 .hero h1{font-size:2.45rem}.lead{font-size:1.06rem;margin:var(--s2) 0 var(--s3)}
 .hero-act .btn{width:100%}.hero-act .txt-link{margin:0 auto}
 .facts{margin-top:var(--s4)}.facts div{padding-right:var(--s2);margin-right:var(--s2)}.facts dd{font-size:1.25rem}
 .flag{width:86%;margin-right:-6px}
 .feed-row{grid-template-columns:1fr;gap:var(--s2)}
 .panel{box-shadow:6px 6px 0 var(--ink)}.panel-l,.panel-r{padding:var(--s4) var(--s3)}.amount{font-size:4.6rem}
 .ex-grid{grid-template-columns:1fr}
 .gindex a{grid-template-columns:36px 1fr 20px}.gi-d{grid-column:2;grid-row:2;font-size:.95rem}.gi-a{grid-column:3;grid-row:1}
 .foot-grid{grid-template-columns:1fr}
}

.next{list-style:none;counter-reset:n;margin:var(--s4) 0 0;padding:0;border-top:1px solid var(--line)}
.next li{counter-increment:n;position:relative;padding:14px 0 14px 44px;border-bottom:1px solid var(--line);color:var(--muted)}
.next li b{color:var(--ink);display:block}
.next li:before{content:counter(n);position:absolute;left:0;top:14px;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font:600 .9rem/1 var(--serif);color:var(--ink)}
.facts .js-cur{font:inherit}
/* ===== inner pages v3.1 ===== */
.ihero{padding:var(--s6) 0 var(--s5);border-bottom:1px solid var(--line);background:var(--paper)}
.ihero h1{font-size:clamp(2.3rem,1.5rem + 3vw,3.8rem);line-height:1.04;letter-spacing:-.022em;max-width:20ch}
.dek{font-size:1.25rem;line-height:1.5;color:var(--muted);max-width:58ch;margin:var(--s3) 0 0}
.updated{margin:var(--s2) 0 0;font-size:.9rem;color:var(--muted)}
.iwrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--s6);padding-top:var(--s5);padding-bottom:var(--s7);align-items:start}
.iart{font-size:1.125rem;line-height:1.7;max-width:70ch;min-width:0}
.iart p{max-width:68ch}
.a-sec{padding-top:var(--s5);scroll-margin-top:90px}.a-sec:first-child{padding-top:0}
.a-sec>h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);margin:0 0 var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}
.a-sec:first-child>h2{border-top:0;padding-top:0}
mark.ph{background:rgba(232,163,23,.22);color:inherit;padding:0 3px;border-radius:4px;font-weight:500}
/* takeaway / summary */
.takeaway,.summary{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:var(--s3) var(--s4);margin:0 0 var(--s4);box-shadow:6px 6px 0 var(--gold)}
.takeaway p:last-child{margin:0;font:500 1.25rem/1.5 var(--serif);font-variation-settings:"opsz" 30}
.tk-h{font:700 .76rem/1 var(--sans)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin:0 0 12px!important}
.summary ul{margin:0;padding-left:1.1em}.summary li{margin:0 0 6px}.summary li::marker{color:var(--gold-d)}
/* flow diagram */
.flow{margin:var(--s3) 0 var(--s4)}
.flow ol{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--s2);position:relative}
.flow li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s2) var(--s2)}
.flow li:not(:last-child):after{content:"";position:absolute;top:34px;right:-14px;width:12px;height:12px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg);z-index:1;background:transparent}
.fl-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font:600 1rem/1 var(--serif);margin-bottom:12px}
.flow li:first-child .fl-n{background:var(--gold);color:var(--ink)}
.fl-t{font:600 1.05rem/1.25 var(--serif);margin:0 0 6px!important}.fl-d{font-size:.95rem;line-height:1.5;color:var(--muted);margin:0!important}
.flow figcaption{font-size:.85rem;color:var(--muted);margin-top:10px}
/* callouts */
.callout{display:flex;gap:14px;align-items:flex-start;border-radius:var(--r);padding:var(--s2) var(--s3);margin:var(--s3) 0;border:1px solid}
.callout svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.callout p{margin:0;font-size:1.02rem}.co-h{font-weight:700;margin-bottom:4px!important}
.c-tip{background:#eef4ef;border-color:#b9d3c2;color:#163d2c}.c-tip p{color:#1d3a2d}
.c-warn{background:#fbf0dc;border-color:#e6c27a;color:#5c3b00}.c-warn p{color:#4a3200}
/* do / don't */
.dd{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin:0 0 var(--s3)}
.dd-c{border-radius:var(--r);padding:var(--s3);border:1px solid var(--line);background:var(--card)}
.dd-do{border-top:4px solid var(--green)}.dd-dont{border-top:4px solid #a3341f}
.dd-h{font:700 .8rem/1 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px!important}
.dd-do .dd-h{color:var(--green)}.dd-dont .dd-h{color:#a3341f}
.dd ul{list-style:none;margin:0;padding:0}.dd li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:1.02rem;line-height:1.45}.dd li:last-child{border:0}
/* example cards */
.ex-cards{display:grid;gap:var(--s3);margin:var(--s3) 0}
.ex-lab{font:700 .76rem/1 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin:0 0 8px!important}
.g-ex{box-shadow:0 1px 0 var(--line),0 14px 30px -24px rgba(22,27,38,.45)}
.g-ex .g-text,.g-ex .owner p{max-width:none}
.owner-h span:empty{display:none}.g-when:empty{display:none}
/* table -> cards on mobile */
.tbl{margin:var(--s3) 0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.tbl table{width:100%;border-collapse:collapse;font-size:1rem}
.tbl caption{text-align:left;padding:14px 18px;font:700 .76rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);border-bottom:1px solid var(--line)}
.tbl th{text-align:left;font-weight:700;padding:12px 18px;background:var(--paper-2);font-size:.9rem}
.tbl td{padding:14px 18px;border-top:1px solid var(--line);vertical-align:top;line-height:1.45}
/* toc sidebar */
.toc{position:sticky;top:92px}
.toc-in{border-top:2px solid var(--ink);padding-top:var(--s2)}
.toc-h{font:700 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin:0 0 12px}.toc-gap{margin-top:var(--s4)}
.toc ol,.toc-legal{list-style:none;margin:0;padding:0;counter-reset:t}
.toc ol li{counter-increment:t}
.toc ol a,.toc-legal a{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;font-size:.98rem}
.toc ol a:before{content:counter(t,decimal-leading-zero);font:600 .85rem/1.6 var(--serif);color:var(--gold-d)}
.toc a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.toc-legal a[aria-current]{font-weight:700;box-shadow:inset 3px 0 0 var(--gold);padding-left:12px}
.toc-cta{margin-top:var(--s4);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3)}
.toc-cta p:not(.toc-h){font-size:.95rem;color:var(--muted)}
/* related */
.related{margin-top:var(--s6);border-top:2px solid var(--ink);padding-top:var(--s3)}
.rel-h{font:700 .76rem/1 var(--sans)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.related a{display:block;padding:var(--s2);border:1px solid var(--line);border-radius:var(--r);background:var(--card);text-decoration:none;height:100%}
.related a span{display:block;font:600 1.1rem/1.3 var(--serif)}.related a small{color:var(--muted);font-size:.9rem}
.related a:hover{border-color:var(--ink)}
/* legal */
.legal-art .a-sec>h2{font-size:1.5rem}
.legal-contact{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line)}
/* generator */
.gen-wrap{display:grid;grid-template-columns:6fr 5fr;gap:var(--s5);padding-top:var(--s5);padding-bottom:var(--s7);align-items:start}
.gen-form{background:var(--card);border:2px solid var(--ink);border-radius:20px;padding:var(--s4);box-shadow:8px 8px 0 var(--ink);display:grid;gap:6px}
.gen-form label{font-weight:700;font-size:.95rem;display:block;margin:12px 0 6px}
.gen-step{font:700 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin:var(--s2) 0 0}
.gen-form .gen-step:first-child{margin-top:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.gen-form .btn{margin-top:var(--s3)}
.gen-res{position:sticky;top:92px}.gen-res h2{margin-bottom:var(--s2)}
.g-out{box-shadow:0 24px 48px -28px rgba(22,27,38,.4)}.g-out .owner p:last-child{font-size:1rem;min-height:3em}
.gen-act{display:flex;gap:var(--s1);align-items:center;margin:var(--s2) 0}.copied{font-size:.9rem;color:var(--green);font-weight:700}
.gen-more{font-size:1rem;color:var(--muted)}
/* partners */
.ph-grid{display:grid;grid-template-columns:7fr 4fr;gap:var(--s5);align-items:end}
.ihero-partner .hero-act{margin-top:var(--s4)}
.p-facts{margin:0;display:grid;gap:var(--s2)}
.p-facts div{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:var(--s3);box-shadow:6px 6px 0 var(--gold)}
.p-facts dt{font:700 .76rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d)}
.p-facts dd{margin:8px 0 0;font:600 3rem/1 var(--serif)}.p-facts dd.p-sub{font:500 .95rem/1.3 var(--sans);color:var(--muted);margin-top:6px}
.pwrap{padding-top:var(--s5);padding-bottom:var(--s6);font-size:1.125rem}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.offer{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:var(--s4)}
.offer-alt{background:var(--ink);color:#fff;border-color:var(--ink)}.offer-alt .ticks li{border-color:#3a4256}.offer-alt .ticks li:before{border-color:var(--gold)}
.offer-k{font:700 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin:0 0 8px}.offer-alt .offer-k{color:var(--gold)}
.offer h3{font-size:1.6rem}.offer-big{font:600 3.2rem/1 var(--serif);margin:var(--s2) 0}.offer-big span{font:500 1rem/1 var(--sans);color:var(--muted)}.offer-alt .offer-big span{color:#cfc9bd}
.p-get{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:start}
.pcta{background:var(--paper-2);border-top:1px solid var(--line);padding:var(--s6) 0}
.pcta-in{display:grid;grid-template-columns:3fr 2fr;gap:var(--s4);align-items:center}.pcta p{color:var(--muted);max-width:52ch;margin:var(--s2) 0 0}
.pcta .btn{justify-self:start}
@media (max-width:980px){
 .iwrap,.gen-wrap,.ph-grid,.pcta-in{grid-template-columns:1fr;gap:var(--s4)}
 .toc,.gen-res{position:static}.toc{order:-1}
 .toc-in{border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:0 0 var(--r) var(--r);padding:var(--s2);background:var(--card)}
 .toc-cta{display:none}
 .flow ol{grid-auto-flow:row;grid-auto-columns:auto}
 .flow li:not(:last-child):after{top:auto;bottom:-13px;right:auto;left:28px;width:9px;height:9px;transform:rotate(135deg)}
}
@media (max-width:720px){
 .ihero{padding:var(--s5) 0 var(--s4)}.ihero h1{font-size:2.2rem}.dek{font-size:1.1rem}
 .iart{font-size:1.06rem}
 .takeaway,.summary{padding:var(--s3);box-shadow:4px 4px 0 var(--gold)}
 .dd,.related ul,.offers,.p-get,.row2{grid-template-columns:1fr}
 .tbl{border:0;background:transparent}.tbl caption{padding:0 0 10px;border:0}
 .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .tbl table,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
 .tbl tr{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:6px 16px}
 .tbl td{border:0;padding:8px 0;border-bottom:1px dashed var(--line)}.tbl td:last-child{border:0}
 .tbl td:before{content:attr(data-label);display:block;font:700 .72rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
 .gen-form{padding:var(--s3);box-shadow:5px 5px 0 var(--ink)}
 .p-facts{grid-template-columns:1fr 1fr}.p-facts dd{font-size:2.2rem}.p-facts div{padding:var(--s2)}
 .offer{padding:var(--s3)}
}

.a-lead{padding-bottom:var(--s2)}.a-lead+.a-sec{padding-top:var(--s4)}.a-lead+.a-sec>h2{border-top:1px solid var(--line);padding-top:var(--s4)}
.g-ex .g-text{font-size:1rem}.g-ex .owner p:last-child{font-size:.98rem;line-height:1.55}.g-ex .g-name{font-size:1rem}
.gen-wrap{font-size:1.125rem}
/* v3.2 */
.ex-2col{grid-template-columns:1fr 1fr;align-items:stretch}
.ex-2col .ex-item{display:flex;flex-direction:column}.ex-2col .gcard{flex:1}
.p-cur{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--muted);background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
@media (max-width:980px){
 .flow ol{gap:36px}
 .flow li:not(:last-child):after{content:"";top:auto;bottom:-30px;left:50%;right:auto;width:2px;height:24px;margin-left:-1px;border:0;background:var(--ink);transform:none}
 .flow li:not(:last-child):before{content:"";position:absolute;bottom:-31px;left:50%;margin-left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--ink);z-index:1}
}
@media (max-width:720px){.ex-2col{grid-template-columns:1fr}.p-cur{grid-column:1/-1}}
.p-facts .cur-toggle{background:var(--card);border:1.5px solid var(--ink);box-shadow:none;padding:3px;border-radius:999px}