/* ==========================================================
   ADSTELLER — public site styles  (Deep Teal & Sand)
   ========================================================== */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --ink:#123B3A; --support:#2E5C58; --accent:#B87A4E; --accent-2:#D9A576;
  --base:#EFEAE1; --surface:#E3DACB; --deep:#0D2C2B; --line:rgba(18,59,58,.14);
  --muted:#6B7A72; --bodyink:#22322D; --maxw:1160px;
}
html{scroll-behavior:smooth;}
body{background:var(--base);color:var(--ink);font-family:'Hanken Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,56px);}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.015em;line-height:1.08;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.accent{color:var(--accent);}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent);}
.btn{display:inline-block;font-weight:600;font-size:14px;padding:14px 24px;border-radius:9px;transition:transform .15s,background .15s,border-color .15s;cursor:pointer;font-family:inherit;border:none;text-align:center;}
.btn-solid{background:var(--ink);color:var(--base);} .btn-solid:hover{background:var(--deep);transform:translateY(-1px);}
.btn-ghost{border:1px solid rgba(18,59,58,.3);color:var(--ink);background:none;} .btn-ghost:hover{border-color:var(--ink);}
.btn-accent{background:var(--accent);color:#fff;} .btn-accent:hover{background:#a76c43;transform:translateY(-1px);}
.btn-light{background:var(--base);color:var(--ink);} .btn-light:hover{transform:translateY(-1px);}
a.btn:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;} .js .rv.in{opacity:1;transform:none;}

/* ---------------- header / nav ---------------- */
header.site{position:sticky;top:0;z-index:60;background:rgba(239,234,225,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:24px;}
.logo{font-family:'Fraunces',serif;font-weight:600;font-size:23px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;}
.logo b{color:var(--accent);} .logo img{height:34px;width:auto;}
.nav-right{display:flex;align-items:center;gap:14px;}
.navlinks{display:flex;align-items:center;gap:28px;margin-left:auto;}
.navlink{background:none;border:none;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--support);cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:0;transition:color .15s;}
.navlink:hover,.navlink.active{color:var(--ink);}
.caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-top:-3px;}
.has-sub{position:relative;}
.has-sub:hover .navlink,.has-sub.open .navlink{color:var(--ink);}
.has-sub:hover .caret,.has-sub.open .caret{transform:rotate(-135deg);margin-top:2px;}
.submenu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--base);border:1px solid var(--line);border-radius:16px;box-shadow:0 34px 60px -30px rgba(18,59,58,.45);padding:24px;width:820px;max-width:88vw;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:80;}
.submenu::before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px;}
.has-sub:hover .submenu,.has-sub.open .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mega-col .mt{font-family:'Fraunces',serif;font-size:15px;font-weight:600;color:var(--ink);display:block;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid var(--line);}
.mega-col a.ms{display:block;font-size:12.5px;color:var(--support);padding:5px 0;transition:color .15s,padding-left .15s;}
.mega-col a.ms:hover{color:var(--accent);padding-left:4px;}
@media (max-width:980px){.navlinks{display:none;}}
.menu-btn{display:none;align-items:center;gap:10px;background:none;border:1px solid rgba(18,59,58,.22);border-radius:9px;padding:10px 14px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink);}
.menu-btn:hover{border-color:var(--ink);}
.mb-bars{display:inline-flex;flex-direction:column;gap:3.5px;width:18px;}
.mb-bars i{display:block;height:2px;width:18px;background:var(--ink);border-radius:2px;} .mb-bars i:nth-child(2){width:13px;}
@media (max-width:980px){.menu-btn{display:inline-flex;}}
@media (max-width:520px){.mb-label{display:none;} .nav-cta{display:none;}}
.drawer-bg{position:fixed;inset:0;background:rgba(13,44,43,.5);opacity:0;visibility:hidden;transition:.3s;z-index:190;}
.drawer-bg.open{opacity:1;visibility:visible;}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(340px,88vw);background:var(--ink);color:var(--base);transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);z-index:200;display:flex;flex-direction:column;overflow-y:auto;}
.drawer.open{transform:none;}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1);}
.menu-close{background:none;border:1px solid rgba(255,255,255,.25);color:var(--base);border-radius:9px;padding:9px 14px;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;}
.menu-close span{color:var(--accent-2);}
.drawer-body{padding:18px 22px;flex:1;}
.d-lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-weight:700;margin:14px 0 6px;}
.d-acc{border-bottom:1px solid rgba(255,255,255,.08);}
.d-accbtn{width:100%;background:none;border:none;color:var(--base);font-family:'Fraunces',serif;font-weight:500;font-size:19px;text-align:left;padding:13px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.d-accbtn .caret{color:var(--accent-2);}
.d-acc.open .d-accbtn .caret{transform:rotate(-135deg);margin-top:2px;}
.d-sub{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.d-acc.open .d-sub{max-height:400px;}
.d-sub a{display:block;font-size:14px;color:#A9C0B6;padding:7px 0 7px 4px;transition:.15s;}
.d-sub a:hover{color:var(--accent-2);padding-left:9px;}
.d-link{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:19px;color:var(--base);padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.d-link:hover{padding-left:6px;color:var(--accent-2);}
.drawer-foot{padding:20px 22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:14px;}
.drawer-foot .fe{font-size:14px;color:#A9C0B6;}
body.menu-open{overflow:hidden;}

/* ---------------- sections ---------------- */
section{padding:clamp(56px,8vw,100px) 0;}
section.sec-surface{background:var(--surface);}
section.sec-dark{background:var(--ink);color:var(--base);}
section.sec-dark .eyebrow{color:var(--accent-2);} section.sec-dark h2,section.sec-dark h3{color:var(--base);}
section.sec-dark p{color:#A9C0B6;}
.sec-eyebrow{margin-bottom:16px;}
.sec-h{font-size:clamp(28px,4.6vw,46px);max-width:20ch;}
.sec-h.center{margin-inline:auto;text-align:center;}
.sec-intro{color:var(--support);font-size:clamp(16px,2vw,18px);margin-top:18px;max-width:56ch;}
.sec-dark .sec-intro{color:#A9C0B6;}
.center{text-align:center;}

/* breadcrumb + hero */
.crumb{font-size:13px;color:var(--muted);font-weight:600;padding:22px 0 0;}
.crumb a{color:var(--support);} .crumb .sep{margin:0 8px;color:var(--line);}
.hero{padding:clamp(34px,5vw,64px) 0 clamp(30px,5vw,56px);}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,4vw,60px);align-items:center;}
@media (max-width:920px){.hero-grid{grid-template-columns:1fr;gap:38px;}}
.hero h1{font-size:clamp(34px,5.8vw,62px);max-width:15ch;}
.hero .lede{font-size:clamp(17px,2.1vw,20px);color:var(--support);margin-top:22px;max-width:46ch;}
.hero .cta{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;}
.hero.compact{padding-bottom:8px;} .hero.compact .hero-grid{grid-template-columns:1fr;} .hero.compact h1{max-width:22ch;}

/* generic visual card */
.vcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;}
.vcard .vh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.vcard .vt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.vcard .vb{font-size:11px;font-weight:700;color:#3E7A5E;}
.vrow{display:grid;grid-template-columns:1.6fr .8fr .8fr .8fr;gap:10px;padding:11px 0;align-items:center;border-bottom:1px solid var(--line);font-size:12px;}
.vrow.head{color:var(--muted);font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;}
.vrow .v{font-variant-numeric:tabular-nums;font-weight:600;} .vrow .g{color:#2f6b50;font-weight:700;}
.vbars{display:flex;align-items:flex-end;gap:5px;height:52px;padding-top:14px;}
.vbars i{flex:1;background:linear-gradient(var(--accent),var(--accent-2));border-radius:3px 3px 0 0;}
.fstage{margin-bottom:11px;}
.fstage .fl{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--support);margin-bottom:5px;}
.fstage .fl b{color:var(--ink);font-variant-numeric:tabular-nums;}
.fbar{height:28px;border-radius:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0;transition:width .9s cubic-bezier(.4,0,.2,1);}
.fmeet{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:10px;}
.fmeet .n{font-family:'Fraunces',serif;font-size:32px;color:var(--accent);line-height:1;}
.fmeet .l{font-size:13px;color:var(--support);font-weight:600;}
.vchips{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.vchip{flex:1;background:var(--base);border:1px solid var(--line);border-radius:10px;padding:9px 11px;}
.vchip .cl{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.vchip .cv{font-family:'Fraunces',serif;font-size:18px;margin-top:2px;color:var(--accent);line-height:1;}
.vsvg{width:100%;height:auto;display:block;}
.lineP{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:draw 1.8s ease forwards .2s;}
.lineB{fill:none;stroke:var(--muted);stroke-width:2;opacity:.5;stroke-dasharray:5 5;}
@keyframes draw{to{stroke-dashoffset:0;}}
.node-pill{fill:var(--base);stroke:var(--line);stroke-width:1;}
.node-txt{font-family:'Hanken Grotesk',sans-serif;font-size:11px;font-weight:600;fill:var(--ink);}
.core-ring{fill:none;stroke:var(--accent);stroke-width:2;opacity:.5;animation:pulse 2.6s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.5;r:46;}50%{opacity:.15;r:54;}}
.core-fill{fill:var(--ink);} .core-txt{font-family:'Fraunces',serif;font-size:12px;font-weight:600;fill:var(--base);}
.out-txt{font-family:'Fraunces',serif;font-size:13px;font-weight:600;fill:var(--ink);}
.spark{stroke:var(--accent);stroke-width:2.4;fill:none;}
.flow{stroke:var(--support);stroke-width:1.6;fill:none;opacity:.55;stroke-dasharray:5 7;animation:flowanim 1.6s linear infinite;}
@keyframes flowanim{to{stroke-dashoffset:-24;}}
.browser{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(18,59,58,.35);}
.b-bar{display:flex;align-items:center;gap:8px;padding:11px 13px;background:var(--surface);border-bottom:1px solid var(--line);}
.dots{display:flex;gap:6px;} .dots i{width:9px;height:9px;border-radius:50%;background:rgba(18,59,58,.2);}
.b-addr{flex:1;background:var(--base);border-radius:6px;height:18px;display:flex;align-items:center;padding:0 10px;font-size:9px;color:var(--muted);font-weight:600;}
.b-lp{padding:26px 22px;text-align:center;}
.b-lp .h{height:11px;width:66%;background:var(--ink);border-radius:5px;margin:0 auto 9px;} .b-lp .h.s{width:46%;}
.b-lp .p{height:6px;width:54%;background:rgba(18,59,58,.16);border-radius:3px;margin:0 auto 7px;} .b-lp .p.s{width:40%;}
.b-lp .cta2{height:34px;width:150px;background:var(--accent);border-radius:8px;margin:16px auto 14px;}
.b-lp .row{display:flex;gap:8px;justify-content:center;} .b-lp .row i{width:34px;height:18px;background:var(--surface);border:1px solid var(--line);border-radius:5px;}
.mailrow{display:flex;gap:11px;padding:11px 8px;border-radius:9px;align-items:flex-start;}
.mailrow .av{width:32px;height:32px;border-radius:9px;background:var(--surface);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:600;font-size:14px;color:var(--support);}
.mailrow .mn{font-size:13px;font-weight:700;} .mailrow .msub{font-size:12.5px;color:var(--support);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mailrow.reply{background:rgba(62,122,94,.08);box-shadow:inset 0 0 0 1px rgba(62,122,94,.28);}
.mailrow.reply .av{background:rgba(62,122,94,.16);color:#3E7A5E;} .mailrow.reply .mn{color:#2f6b50;}
.calgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.calcol{background:var(--base);border-radius:9px;padding:8px 6px;min-height:120px;}
.calcol .dh{font-size:10px;font-weight:700;color:var(--muted);text-align:center;margin-bottom:8px;}
.mtgpill{background:var(--accent);color:#fff;border-radius:6px;padding:6px 5px;margin-bottom:5px;font-size:9px;font-weight:700;line-height:1.2;}
.mtgpill.alt{background:var(--support);} .mtgpill .tm{opacity:.85;font-weight:600;}
.slotempty{height:26px;border:1px dashed var(--line);border-radius:6px;margin-bottom:5px;}
.aio{border:1px solid rgba(184,122,78,.3);background:rgba(184,122,78,.06);border-radius:12px;padding:14px;margin-bottom:16px;}
.aio .hl{font-size:11.5px;font-weight:700;color:var(--ink);margin-bottom:9px;display:block;}
.aio .l{height:6px;background:rgba(18,59,58,.16);border-radius:3px;margin-bottom:6px;} .aio .l.s{width:72%;}
.cite{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--accent);border-radius:20px;padding:3px 9px;font-size:10.5px;font-weight:700;margin-top:10px;}
.oresult{margin-bottom:14px;position:relative;padding:10px;border-radius:10px;}
.oresult.you{background:rgba(62,122,94,.07);border:1px solid rgba(62,122,94,.25);}
.oresult .u{font-size:11px;color:#2f6b50;margin-bottom:3px;} .oresult .t{font-size:15px;color:var(--accent);font-weight:500;margin-bottom:5px;}
.oresult .ln{height:5px;background:rgba(18,59,58,.12);border-radius:3px;margin-bottom:5px;} .oresult .ln.s{width:66%;}
.lifelist{list-style:none;} .lifelist li{display:flex;gap:11px;padding:9px 0;font-size:14.5px;color:var(--bodyink);border-top:1px solid var(--line);}
.lifelist li:first-child{border-top:none;}
.lifelist .ck{width:20px;height:20px;border-radius:50%;background:rgba(184,122,78,.14);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;}
.wfnode{display:flex;align-items:center;gap:12px;background:var(--base);border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:10px;}
.wfnode .wfic{width:30px;height:30px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.wfnode .wfl{font-size:13.5px;font-weight:700;} .wfnode .wfs{font-size:11.5px;color:var(--muted);}
.wfnode .ok{margin-left:auto;color:#3E7A5E;font-weight:700;}

/* logos marquee */
.logos{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;}
.logos-lbl{text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:18px;}
.logos-mask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.logo-track{display:flex;align-items:center;gap:56px;width:max-content;animation:logomarch 44s linear infinite;}
.logos:hover .logo-track{animation-play-state:paused;}
@keyframes logomarch{to{transform:translateX(-50%);}}
.logo-item{flex-shrink:0;display:inline-flex;align-items:center;height:34px;font-family:'Fraunces',serif;font-weight:600;font-size:18px;white-space:nowrap;color:var(--support);opacity:.55;transition:.2s;}
.logo-item:hover{opacity:1;color:var(--ink);}
.logo-item img{height:34px;width:auto;filter:grayscale(1);}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%;gap:28px 40px;}.logos-mask{mask-image:none;-webkit-mask-image:none;}}

/* compare graphic */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.compare .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 16px;text-align:center;}
.compare .box h4{font-family:'Hanken Grotesk',sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:10px;}
.compare svg{width:100%;height:90px;}
.scatter circle{fill:var(--support);opacity:.5;} .linked line{stroke:var(--accent);stroke-width:1.4;opacity:.6;} .linked circle{fill:var(--ink);}
.problem-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,4vw,56px);align-items:center;}
@media (max-width:820px){.problem-grid{grid-template-columns:1fr;}}
.body-copy{margin-top:22px;font-size:17px;color:var(--bodyink);max-width:58ch;} .body-copy p+p{margin-top:15px;}
.sec-dark .body-copy{color:#C4D4CC;}

/* features */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,22px);margin-top:46px;}
.feat-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.feat-grid.cols-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:900px){.feat-grid,.feat-grid.cols-3{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.feat-grid,.feat-grid.cols-2,.feat-grid.cols-3{grid-template-columns:1fr;}}
.feat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 20px;}
section.sec-surface .feat{background:var(--base);}
.feat .fi{width:38px;height:38px;margin-bottom:14px;color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(184,122,78,.12);font-family:'Fraunces',serif;font-weight:600;}
.feat h3{font-size:19px;} .feat p{color:var(--support);font-size:14px;margin-top:8px;}
.feat-grid.plain .feat{background:none;border:none;border-top:2px solid var(--accent);border-radius:0;padding:22px 0 0;}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,28px);margin-top:48px;}
@media (max-width:820px){.steps{grid-template-columns:1fr 1fr;gap:32px 20px;}}
@media (max-width:480px){.steps{grid-template-columns:1fr;}}
.step .sn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--accent);color:var(--accent);font-family:'Fraunces',serif;font-weight:600;font-size:15px;margin-bottom:16px;}
.sec-dark .step .sn{background:rgba(255,255,255,.06);}
.step h3{font-size:20px;} .step p{color:var(--support);font-size:14.5px;margin-top:8px;}
.sec-dark .step p{color:#A9C0B6;}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 24px;margin-top:48px;}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr;}}
.stat .n{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(38px,6vw,56px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--base);}
section:not(.sec-dark) .stat .n{color:var(--ink);}
.stat .c{font-size:13px;color:#A9C0B6;margin-top:12px;}
section:not(.sec-dark) .stat .c{color:var(--muted);}
.proof-note{margin-top:34px;font-size:12.5px;color:#7C958B;}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);margin-top:44px;align-items:center;}
@media (max-width:820px){.proof-grid{grid-template-columns:1fr;gap:40px;}}
.proof-grid .stats{grid-template-columns:1fr 1fr;margin-top:0;}
.chartbox{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px;}
.chartbox .clbl{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#8FA79D;font-weight:700;margin-bottom:6px;}
.grid-line{stroke:rgba(255,255,255,.09);stroke-width:1;}
.areaF{fill:url(#ag);} .lineF{fill:none;stroke:var(--accent-2);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s ease;}
.lineF.in{stroke-dashoffset:0;} .mtick{font-size:9px;fill:#7C958B;}

/* cards */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,20px);margin-top:46px;}
@media (max-width:940px){.card-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.card-grid{grid-template-columns:1fr;}}
.pcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px 24px;transition:.2s;display:block;}
.pcard:hover{background:rgba(255,255,255,.07);transform:translateY(-3px);}
section:not(.sec-dark) .pcard{background:var(--surface);border-color:var(--line);}
.pcard .tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent-2);margin-bottom:8px;display:block;}
section:not(.sec-dark) .pcard .tag{color:var(--accent);}
.pcard h3{font-size:23px;} .pcard p{color:#B7CabF;margin-top:10px;font-size:15px;}
section:not(.sec-dark) .pcard p{color:var(--support);}
.pcard ul{list-style:none;margin-top:14px;} .pcard li{font-size:13px;padding-left:18px;position:relative;margin-bottom:6px;color:#A9C0B6;}
section:not(.sec-dark) .pcard li{color:var(--bodyink);}
.pcard li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(--accent);}

/* services explorer */
.svc-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,3vw,48px);margin-top:46px;align-items:start;}
@media (max-width:820px){.svc-wrap{grid-template-columns:1fr;gap:8px;}}
.svc-tabs{display:flex;flex-direction:column;}
.svc-tab{display:flex;gap:16px;align-items:baseline;text-align:left;background:none;border:none;cursor:pointer;padding:20px 8px;border-top:1px solid var(--line);font-family:'Fraunces',serif;transition:.2s;width:100%;color:var(--ink);}
.svc-tab:last-child{border-bottom:1px solid var(--line);}
.svc-tab .ti{font-size:14px;color:var(--muted);} .svc-tab .tn{font-size:clamp(20px,2.6vw,26px);font-weight:500;}
.svc-tab:hover{padding-left:14px;} .svc-tab.active{color:var(--accent);} .svc-tab.active .ti{color:var(--accent);}
.svc-panel{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(26px,3vw,38px);min-height:280px;}
.svc-pane{display:none;} .svc-pane.show{display:block;animation:fade .35s ease;}
@keyframes fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.svc-pane h3{font-size:28px;} .svc-pane p{color:var(--support);margin-top:12px;font-size:16px;}
.svc-pane ul{list-style:none;margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;}
.svc-pane li a,.svc-pane li span{display:inline-block;font-size:13px;font-weight:600;color:var(--ink);background:var(--base);border:1px solid var(--line);padding:8px 14px;border-radius:20px;}
.svc-pane li a:hover{border-color:var(--accent);color:var(--accent);}
@media (max-width:820px){.svc-panel{position:static;margin:0 0 10px;}}

/* related */
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px;}
@media (max-width:760px){.rel-grid{grid-template-columns:1fr 1fr;}}
.rel{border:1px solid var(--line);border-radius:12px;padding:18px;font-family:'Fraunces',serif;font-size:17px;display:flex;justify-content:space-between;align-items:center;transition:.15s;background:var(--base);}
.rel:hover{transform:translateY(-2px);border-color:var(--accent);} .rel span{color:var(--accent);}

/* FAQ + form */
.engage-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,64px);align-items:start;}
@media (max-width:900px){.engage-grid{grid-template-columns:1fr;gap:40px;}}
.faqs{margin-top:26px;}
.faq{border-bottom:1px solid rgba(255,255,255,.12);}
section:not(.sec-dark) .faq{border-bottom-color:var(--line);}
.faq-q{width:100%;background:none;border:none;cursor:pointer;font-family:'Fraunces',serif;font-weight:500;font-size:clamp(16.5px,2vw,19px);color:var(--base);text-align:left;padding:19px 8px 19px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;line-height:1.25;}
section:not(.sec-dark) .faq-q{color:var(--ink);}
.faq-q:hover{color:var(--accent-2);}
.faq-q .chev{width:10px;height:10px;border-right:2px solid var(--accent-2);border-bottom:2px solid var(--accent-2);transform:rotate(45deg);transition:transform .3s;flex-shrink:0;margin-top:-4px;}
.faq.open .faq-q .chev{transform:rotate(-135deg);margin-top:3px;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq.open .faq-a{max-height:420px;}
.faq-a p{color:#A9C0B6;font-size:14.5px;line-height:1.6;padding:0 30px 20px 0;}
section:not(.sec-dark) .faq-a p{color:var(--support);}
.formcard{background:var(--base);color:var(--ink);border-radius:18px;padding:clamp(24px,3vw,34px);box-shadow:0 30px 60px -34px rgba(0,0,0,.45);border:1px solid var(--line);}
.formcard .fk{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent);}
.formcard h3{font-size:clamp(21px,2.8vw,27px);margin-top:10px;}
.formcard .fsub{color:var(--support);font-size:14.5px;margin-top:8px;margin-bottom:22px;}
.eform .frow{margin-bottom:13px;}
.eform label{display:block;font-size:12px;font-weight:700;color:var(--support);margin-bottom:6px;}
.eform input,.eform textarea,.eform select{width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 13px;font-family:inherit;font-size:14.5px;color:var(--ink);transition:border-color .15s;}
.eform input::placeholder,.eform textarea::placeholder{color:#9AA79F;}
.eform input:focus,.eform textarea:focus,.eform select:focus{outline:none;border-color:var(--accent);}
.eform textarea{resize:vertical;min-height:92px;}
.eform .frow2{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
@media (max-width:480px){.eform .frow2{grid-template-columns:1fr;}}
.eform .consent{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--muted);margin:6px 0 18px;cursor:pointer;}
.eform .consent input{width:auto;margin-top:2px;accent-color:var(--accent);flex-shrink:0;}
.eform button{width:100%;border:none;font-size:15px;cursor:pointer;}
.fdone{text-align:center;padding:26px 0;}
.fdone .fic{width:52px;height:52px;border-radius:50%;background:rgba(62,122,94,.14);color:#3E7A5E;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px;}
.fdone h4{font-family:'Fraunces',serif;font-weight:500;font-size:22px;} .fdone p{color:var(--support);font-size:14.5px;margin-top:8px;}
.ferr{background:rgba(181,83,74,.12);border:1px solid rgba(181,83,74,.35);color:#8d3a33;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:12px;}
.contact-details{display:grid;gap:10px;margin-top:26px;}
.contact-details a{display:flex;gap:10px;align-items:center;font-size:15px;color:#C4D4CC;}
.contact-details a b{color:var(--accent-2);}

/* CTA band */
.final{text-align:center;}
.final h2{font-size:clamp(30px,5vw,50px);max-width:18ch;margin:0 auto;}
.final p{margin:20px auto 0;font-size:17px;max-width:52ch;} .final .btn{margin-top:32px;}

/* blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,24px);margin-top:44px;}
@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.blog-grid{grid-template-columns:1fr;}}
.bcard{background:var(--base);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;}
.bcard:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(18,59,58,.4);border-color:var(--accent);}
.bcard .bimg{aspect-ratio:16/9;background:linear-gradient(140deg,var(--ink),var(--support) 60%,var(--accent));position:relative;overflow:hidden;}
.bcard .bimg img{width:100%;height:100%;object-fit:cover;}
.bcard .bbody{padding:22px;display:flex;flex-direction:column;flex:1;}
.bcard .bcat{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent);}
.bcard h3{font-size:20px;margin-top:8px;line-height:1.18;}
.bcard p{color:var(--support);font-size:14px;margin-top:10px;flex:1;}
.bcard .bmeta{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;}
.cat-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;}
.cat-chip{font-size:13px;font-weight:600;color:var(--support);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 16px;}
.cat-chip.on,.cat-chip:hover{background:var(--ink);color:var(--base);border-color:var(--ink);}
.post-hero{padding:clamp(30px,5vw,52px) 0 20px;}
.post-hero h1{font-size:clamp(30px,4.6vw,50px);max-width:22ch;}
.post-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:20px;font-size:13.5px;color:var(--muted);}
.post-cover{border-radius:18px;overflow:hidden;margin:32px 0;background:linear-gradient(140deg,var(--ink),var(--support) 60%,var(--accent));aspect-ratio:21/9;}
.post-body{max-width:72ch;font-size:17px;color:var(--bodyink);line-height:1.72;}
.post-body h2{font-size:clamp(23px,3vw,30px);margin:36px 0 12px;}
.post-body h3{font-size:21px;margin:28px 0 10px;}
.post-body p{margin-bottom:16px;} .post-body ul,.post-body ol{margin:0 0 18px 22px;} .post-body li{margin-bottom:8px;}
.post-body a{color:var(--accent);text-decoration:underline;}
.post-body blockquote{border-left:3px solid var(--accent);padding:6px 0 6px 18px;margin:22px 0;color:var(--support);font-style:italic;}
.post-body img{border-radius:12px;margin:20px 0;}
.share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:36px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.share span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);}
.share a{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.15s;background:var(--base);}
.share a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);}
.share a svg{width:17px;height:17px;fill:currentColor;}
.pager{display:flex;gap:8px;justify-content:center;margin-top:44px;flex-wrap:wrap;}
.pager a,.pager span{padding:9px 15px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:600;color:var(--support);}
.pager a.on,.pager a:hover{background:var(--ink);color:var(--base);border-color:var(--ink);}

/* careers */
#rolesList{margin-top:40px;display:flex;flex-direction:column;gap:16px;}
.role{background:var(--base);border:1px solid var(--line);border-radius:16px;padding:24px 26px;transition:.2s;display:flex;align-items:center;gap:24px;}
.role:hover{border-color:var(--accent);box-shadow:0 18px 34px -26px rgba(18,59,58,.4);transform:translateY(-2px);}
.role-main{flex:1;min-width:0;}
.role .dept{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent);}
.role h3{font-size:clamp(21px,2.6vw,26px);margin-top:5px;}
.role .rsum{color:var(--support);font-size:14.5px;margin-top:8px;max-width:60ch;}
.role-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.rm{font-size:12px;font-weight:700;color:var(--support);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:6px 12px;}
.rm.sal{color:var(--ink);border-color:rgba(184,122,78,.4);background:rgba(184,122,78,.07);}
@media (max-width:680px){.role{flex-direction:column;align-items:stretch;gap:18px;}.role-cta .btn{width:100%;}}
.nomatch{margin-top:40px;background:var(--surface);border:1px dashed var(--line);border-radius:16px;padding:30px;text-align:center;}
.nomatch h3{font-size:22px;} .nomatch p{color:var(--support);font-size:14.5px;margin-top:8px;max-width:48ch;margin-inline:auto;} .nomatch .btn{margin-top:18px;}
.jd-block{margin-bottom:22px;} .jd-block h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px;}
.jd-list{list-style:none;} .jd-list li{font-size:14px;color:var(--bodyink);padding-left:22px;position:relative;margin-bottom:9px;}
.jd-list li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--accent);}
.filezone{border:1.5px dashed rgba(18,59,58,.28);border-radius:11px;padding:18px;text-align:center;cursor:pointer;background:#fff;transition:.15s;}
.filezone:hover{border-color:var(--accent);background:rgba(184,122,78,.04);}
.filezone .fz-t{font-size:13.5px;font-weight:700;} .filezone .fz-s{font-size:11.5px;color:var(--muted);margin-top:3px;}
.filezone input[type=file]{display:none;}

/* modal */
.modal{position:fixed;inset:0;z-index:250;display:none;align-items:flex-start;justify-content:center;padding:clamp(12px,4vw,48px);overflow-y:auto;}
.modal.open{display:flex;}
.modal-bg{position:fixed;inset:0;background:rgba(13,44,43,.55);backdrop-filter:blur(3px);}
.modal-card{position:relative;z-index:1;background:var(--base);border-radius:20px;max-width:640px;width:100%;box-shadow:0 50px 90px -30px rgba(0,0,0,.5);overflow:hidden;margin:auto;}
.modal-top{background:var(--ink);color:var(--base);padding:26px clamp(22px,4vw,34px);}
.modal-top .mdept{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent-2);}
.modal-top h2{color:var(--base);font-size:clamp(24px,4vw,32px);margin-top:6px;}
.modal-top .mmeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.mm{font-size:12px;font-weight:700;color:#C4D4CC;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:6px 12px;}
.menu-x{position:absolute;top:18px;right:18px;z-index:2;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:15px;}
.modal-body{padding:clamp(22px,4vw,34px);}

/* popup */
.pu-bg{position:fixed;inset:0;background:rgba(13,44,43,.55);backdrop-filter:blur(3px);z-index:300;display:none;align-items:center;justify-content:center;padding:18px;}
.pu-bg.open{display:flex;}
.pu-bg.side{align-items:flex-end;justify-content:flex-end;padding:22px;}
.pu-bg.bar{align-items:flex-end;justify-content:center;padding:0;background:none;backdrop-filter:none;pointer-events:none;}
.pu{background:var(--base);border-radius:18px;max-width:460px;width:100%;overflow:hidden;box-shadow:0 50px 90px -30px rgba(0,0,0,.55);position:relative;animation:puin .35s ease;pointer-events:auto;}
.pu-bg.bar .pu{max-width:100%;border-radius:0;display:flex;align-items:center;gap:20px;padding:16px 22px;flex-wrap:wrap;}
@keyframes puin{from{opacity:0;transform:translateY(18px) scale(.98);}to{opacity:1;transform:none;}}
.pu-img{width:100%;aspect-ratio:16/7;object-fit:cover;}
.pu-body{padding:26px;}
.pu-bg.bar .pu-body{padding:0;flex:1;}
.pu h3{font-size:24px;} .pu .pu-sub{color:var(--support);font-size:14.5px;margin-top:8px;}
.pu .pu-content{font-size:14px;color:var(--bodyink);margin-top:12px;}
.pu-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.85);cursor:pointer;font-size:15px;color:var(--ink);z-index:3;}
.pu .eform{margin-top:16px;}

/* whatsapp + chat */
.wa-btn{position:fixed;bottom:22px;z-index:250;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);transition:transform .2s;}
.wa-btn:hover{transform:scale(1.06);} .wa-btn svg{width:30px;height:30px;fill:#fff;}
.wa-right{right:22px;} .wa-left{left:22px;}
.chat-fab{position:fixed;bottom:22px;right:22px;z-index:250;height:56px;border-radius:28px;background:var(--ink);color:var(--base);display:flex;align-items:center;gap:10px;padding:0 20px;font-weight:700;font-size:14px;cursor:pointer;border:none;font-family:inherit;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);transition:transform .2s;}
.chat-fab:hover{transform:translateY(-2px);}
.chat-fab svg{width:20px;height:20px;fill:var(--accent-2);}
body.has-wa .chat-fab{right:90px;}
.chat-win{position:fixed;bottom:22px;right:22px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 44px));background:var(--base);border-radius:18px;box-shadow:0 40px 80px -24px rgba(0,0,0,.5);z-index:260;display:none;flex-direction:column;overflow:hidden;border:1px solid var(--line);}
.chat-win.open{display:flex;}
.chat-head{background:var(--ink);color:var(--base);padding:16px 18px;display:flex;align-items:center;gap:12px;}
.chat-head .ca{width:36px;height:36px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:600;}
.chat-head .ct{font-weight:700;font-size:14.5px;} .chat-head .cs{font-size:11.5px;color:#A9C0B6;}
.chat-head button{margin-left:auto;background:none;border:none;color:#A9C0B6;font-size:20px;cursor:pointer;}
.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface);}
.cmsg{max-width:84%;font-size:13.5px;line-height:1.55;padding:11px 14px;border-radius:14px;}
.cmsg.bot{background:var(--base);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start;}
.cmsg.user{background:var(--ink);color:var(--base);border-bottom-right-radius:4px;align-self:flex-end;}
.cmsg a{color:var(--accent);text-decoration:underline;}
.cquick{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 10px;background:var(--surface);}
.cquick button{background:var(--base);border:1px solid var(--line);border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--support);cursor:pointer;font-family:inherit;}
.cquick button:hover{border-color:var(--accent);color:var(--accent);}
.chat-foot{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--base);}
.chat-foot input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:14px;background:#fff;}
.chat-foot input:focus{outline:none;border-color:var(--accent);}
.chat-foot button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:0 16px;cursor:pointer;font-weight:700;}
.typing{display:flex;gap:4px;padding:12px 14px;} .typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tp 1s infinite;}
.typing i:nth-child(2){animation-delay:.15s;} .typing i:nth-child(3){animation-delay:.3s;}
@keyframes tp{0%,60%,100%{opacity:.25;transform:translateY(0);}30%{opacity:1;transform:translateY(-3px);}}

/* footer */
footer.site{background:var(--deep);color:#A9C0B6;padding:56px 0 40px;}
.foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.foot-logo{font-family:'Fraunces',serif;font-size:22px;color:var(--base);font-weight:600;} .foot-logo b{color:var(--accent);}
.foot-tag{margin-top:12px;font-size:14px;max-width:34ch;}
.foot-social{display:flex;gap:10px;margin-top:18px;}
.foot-social a{width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:.15s;}
.foot-social a:hover{border-color:var(--accent-2);color:var(--accent-2);} .foot-social svg{width:16px;height:16px;fill:currentColor;}
.foot-cols{display:flex;gap:56px;flex-wrap:wrap;}
.foot-col h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7C958B;margin-bottom:14px;font-weight:700;}
.foot-col a{display:block;font-size:14px;margin-bottom:9px;color:#C4D4CC;} .foot-col a:hover{color:var(--base);}
.foot-news{margin-top:14px;display:flex;gap:8px;max-width:320px;}
.foot-news input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:9px;padding:11px 13px;color:var(--base);font-family:inherit;font-size:13.5px;}
.foot-news input::placeholder{color:#7C958B;}
.foot-news button{background:var(--accent);color:#fff;border:none;border-radius:9px;padding:0 16px;font-weight:700;cursor:pointer;font-family:inherit;}
.foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.markets{color:#7C958B;}
.cookie{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:var(--base);padding:14px 20px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;z-index:240;font-size:13.5px;}
.cookie button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-weight:700;cursor:pointer;font-family:inherit;}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important;}.js .rv{opacity:1;transform:none;}}

/* ============================================================= legal */
.phero{padding:clamp(30px,5vw,54px) 0 clamp(24px,4vw,40px);border-bottom:1px solid var(--line);}
.phero h1{font-size:clamp(38px,6vw,64px);}
.phero .updated{display:inline-block;margin-top:20px;font-size:12.5px;font-weight:700;color:var(--support);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:7px 15px;}
.phero .intro{font-size:clamp(16px,2vw,18px);color:var(--support);margin-top:20px;max-width:66ch;}
.legal{padding:clamp(40px,6vw,68px) 0 clamp(56px,8vw,96px);}
.legal-grid{display:grid;grid-template-columns:250px 1fr;gap:clamp(30px,5vw,68px);align-items:start;}
.toc{position:sticky;top:92px;}
.toc .tl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:14px;}
.toc ol{list-style:none;counter-reset:toc;margin:0;padding:0;}
.toc a{display:block;font-size:13.5px;color:var(--support);padding:7px 0 7px 26px;position:relative;line-height:1.35;border-left:2px solid transparent;transition:color .15s,border-color .15s;counter-increment:toc;}
.toc a::before{content:counter(toc,decimal-leading-zero);position:absolute;left:8px;top:7px;font-size:10.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;}
.toc a:hover{color:var(--ink);}
.toc a.active{color:var(--accent);border-left-color:var(--accent);font-weight:700;}
.toc a.active::before{color:var(--accent);}
@media (max-width:900px){
  .legal-grid{grid-template-columns:1fr;gap:8px;}
  .toc{position:static;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:8px;}
  .toc ol{columns:2;column-gap:24px;}
  .toc a{padding:6px 0 6px 24px;border-left:none;}
  .toc a.active{border-left:none;}
}
@media (max-width:520px){.toc ol{columns:1;}}
.lcontent{max-width:74ch;}
.callout{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:18px 20px;margin-bottom:34px;font-size:14px;color:var(--bodyink);}
.callout b{color:var(--ink);}
.lsec{padding-top:14px;margin-bottom:34px;scroll-margin-top:92px;}
.lsec h2{font-size:clamp(22px,3vw,28px);display:flex;align-items:baseline;gap:12px;}
.lsec h2 .snum{font-size:14px;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;}
.lsec h3{font-size:16.5px;margin-top:22px;color:var(--ink);}
.lsec p{font-size:15px;color:var(--bodyink);margin-top:13px;line-height:1.62;}
.lsec ul{margin:13px 0 0;padding-left:0;list-style:none;}
.lsec ul li{font-size:14.5px;color:var(--bodyink);position:relative;padding-left:22px;margin-bottom:9px;line-height:1.55;}
.lsec ul li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:2px;background:var(--accent-2);}
.lsec a{color:var(--accent);font-weight:600;border-bottom:1px solid rgba(184,122,78,.35);}
.lsec .ph{background:rgba(184,122,78,.12);color:var(--accent);font-weight:700;padding:1px 6px;border-radius:4px;font-size:13.5px;}
.divider{height:1px;background:var(--line);margin:0 0 34px;}
.lcard{background:var(--ink);color:var(--base);border-radius:16px;padding:clamp(24px,4vw,32px);margin-top:8px;}
.lcard h3{color:var(--base);font-size:20px;margin-top:0;}
.lcard p{color:#A9C0B6;font-size:14.5px;margin-top:10px;}
.lcard a{color:var(--accent-2);font-weight:600;border-bottom:none;}

/* ===================================================== contact split */
.hero-badge{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:13px;font-weight:700;color:var(--support);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 15px;}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#3E7A5E;box-shadow:0 0 0 4px rgba(62,122,94,.16);}
.cwrap{padding:clamp(20px,3vw,30px) 0 clamp(60px,9vw,110px);}
.cgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,3.5vw,44px);align-items:start;}
@media (max-width:900px){.cgrid{grid-template-columns:1fr;gap:24px;}}
.qchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.qchip{font-family:inherit;font-size:12.5px;font-weight:700;color:var(--support);background:var(--base);border:1px solid var(--line);border-radius:20px;padding:8px 14px;cursor:pointer;transition:.15s;}
.qchip:hover{border-color:var(--accent);}
.qchip.on{background:var(--ink);color:var(--base);border-color:var(--ink);}
.caside{display:flex;flex-direction:column;gap:16px;}
.channels{background:var(--ink);color:var(--base);border-radius:20px;padding:clamp(22px,3vw,28px);}
.channels .ct{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-weight:700;margin-bottom:6px;}
.channels h3{color:var(--base);font-size:21px;margin-bottom:16px;}
.chan{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);transition:padding-left .2s;color:var(--base);}
.chan:hover{padding-left:5px;}
.chan .ci{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chan .ci svg{width:19px;height:19px;stroke:var(--accent-2);}
.chan .cl{display:block;font-size:11px;color:#8FA79D;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.chan .cv{display:block;font-size:15px;color:var(--base);font-weight:600;margin-top:2px;}
.chan .arr{margin-left:auto;color:var(--accent-2);font-size:16px;}
.bookbtn{margin-top:18px;width:100%;text-align:center;background:var(--accent);color:#fff;border:none;display:block;}
.bookbtn:hover{background:#a76c43;}
.cnext{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,28px);}
.cnext .ct{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:16px;}
.nstep{display:flex;gap:14px;padding:11px 0;}
.nstep .nn{width:26px;height:26px;border-radius:50%;background:var(--base);border:1px solid var(--accent);color:var(--accent);font-family:'Fraunces',serif;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nstep .nt{font-size:14.5px;font-weight:700;color:var(--ink);}
.nstep .nd{font-size:13px;color:var(--support);margin-top:2px;}
.mkts{background:var(--base);border:1px solid var(--line);border-radius:20px;padding:22px 26px;}
.mkts .ct{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:12px;}
.mkts .mrow{display:flex;flex-wrap:wrap;gap:8px;}
.mkts .mrow span{font-size:13px;font-weight:700;color:var(--support);background:var(--surface);border-radius:20px;padding:6px 13px;}

/* =================================================== storefront demo */
.sfstage{margin-top:44px;max-width:820px;margin-inline:auto;}
.sfstore{position:relative;background:var(--base);border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.55);color:var(--ink);}
.sf-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--surface);border-bottom:1px solid var(--line);}
.sf-bar .lg{font-family:'Fraunces',serif;font-weight:600;font-size:15px;}
.sf-cartbtn{position:relative;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px;}
.sf-cartbtn .badge{background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;}
.sf-pdp{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;}
@media (max-width:620px){.sf-pdp{grid-template-columns:1fr;gap:18px;}}
.sf-gallery .main{height:210px;border-radius:12px;transition:background .3s;background:linear-gradient(140deg,#C98A5B,#B87A4E);display:flex;align-items:flex-end;padding:14px;}
.sf-gallery .main .tag{background:rgba(255,255,255,.85);color:var(--ink);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;}
.sf-gallery .thumbs{display:flex;gap:8px;margin-top:10px;}
.sf-gallery .thumbs i{flex:1;height:42px;border-radius:8px;border:1px solid var(--line);opacity:.7;}
.sf-gallery .thumbs i:nth-child(1){background:linear-gradient(140deg,#C98A5B,#B87A4E);}
.sf-gallery .thumbs i:nth-child(2){background:linear-gradient(140deg,#2E5C58,#123B3A);}
.sf-gallery .thumbs i:nth-child(3){background:linear-gradient(140deg,#3a3f42,#22262a);}
.sf-info h3{font-size:26px;}
.sf-info .price{font-family:'Fraunces',serif;font-size:22px;color:var(--accent);margin-top:6px;font-variant-numeric:tabular-nums;}
.sf-info .rate{font-size:12px;color:var(--muted);margin-top:6px;}
.sf-info .opt-l{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 9px;}
.sf-swatches{display:flex;gap:9px;}
.sf-swatches .sw{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px var(--line);transition:border-color .15s;padding:0;}
.sf-swatches .sw.on{border-color:var(--ink);}
.sf-sizes{display:flex;gap:8px;flex-wrap:wrap;}
.sf-sizes .size{min-width:42px;padding:9px 0;text-align:center;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:.15s;}
.sf-sizes .size.on{background:var(--ink);color:var(--base);border-color:var(--ink);}
.sf-add{width:100%;margin-top:20px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:15px;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:transform .12s,background .15s;}
.sf-add:hover{background:#a76c43;}
.sf-add:active{transform:scale(.98);}
.sf-info .trust{font-size:11.5px;color:var(--muted);text-align:center;margin-top:12px;}
.sf-cart{position:absolute;top:0;right:0;bottom:0;width:min(320px,86%);background:#fff;border-left:1px solid var(--line);box-shadow:-20px 0 50px -20px rgba(18,59,58,.4);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:5;}
.sf-cart.open{transform:none;}
.sf-cart-h{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line);}
.sf-cart-h b{font-family:'Fraunces',serif;font-weight:600;font-size:17px;}
.sf-cart-x{background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted);line-height:1;}
.sf-cart-body{flex:1;overflow-y:auto;padding:16px;}
.sf-cart-body .empty{color:var(--muted);font-size:13.5px;text-align:center;margin-top:30px;}
.sf-cart-body .li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);}
.sf-cart-body .li .im{width:44px;height:44px;border-radius:8px;flex-shrink:0;}
.sf-cart-body .li .nm{font-size:13px;font-weight:600;}
.sf-cart-body .li .mt{font-size:11.5px;color:var(--muted);margin-top:2px;}
.sf-cart-body .li .lp{margin-left:auto;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}
.sf-cart-f{padding:16px;border-top:1px solid var(--line);}
.sf-cart-f .sub{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:12px;}
.sf-cart-f .sub .v{font-family:'Fraunces',serif;font-size:17px;font-variant-numeric:tabular-nums;}
.sf-checkout{width:100%;background:var(--ink);color:var(--base);border:none;border-radius:10px;padding:14px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;}

/* ================================================= block editor demo */
.edwin{background:var(--base);border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.55);color:var(--ink);}
.ed-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);}
.ed-bar .mode{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px;}
.ed-bar .mode .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);}
.ed-page{padding:22px;min-height:230px;color:var(--ink);}
.ed-page .blk{position:relative;padding:10px 12px;border-radius:8px;margin-bottom:12px;transition:background .15s;}
.ed-page.editing .blk{border:1.5px dashed rgba(184,122,78,.55);background:rgba(184,122,78,.05);}
.ed-page.editing .blk::before{content:attr(data-label);position:absolute;top:-9px;left:10px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);padding:2px 7px;border-radius:4px;}
.ed-page .blk h4{font-family:'Fraunces',serif;font-size:26px;font-weight:500;}
.ed-page .blk p{color:var(--support);font-size:15px;margin-top:4px;}
.ed-page .blk .imgph{height:90px;background:linear-gradient(140deg,var(--surface),#d9cdb8);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:600;}
.ed-page .blk .bcta{display:inline-block;background:var(--accent);color:#fff;font-size:13px;font-weight:600;padding:11px 20px;border-radius:8px;}
.ed-foot{padding:12px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);}
.ed-foot .hint{font-size:12px;color:var(--muted);font-weight:600;}
.ed-toolbar{display:flex;gap:6px;}
.ed-toolbar span{width:24px;height:24px;border-radius:6px;background:var(--base);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--support);font-weight:700;}

/* ============================================== youtube formats demo */
.ytstage{margin-top:40px;display:flex;flex-direction:column;align-items:center;}
.ftabs{display:flex;gap:6px;background:rgba(255,255,255,.08);border-radius:11px;padding:5px;margin-bottom:26px;flex-wrap:wrap;justify-content:center;}
.sec-light .ftabs,.sec-surface .ftabs{background:rgba(18,59,58,.08);}
.ftabs button{border:none;background:none;color:#A9C0B6;font-family:inherit;font-weight:700;font-size:13px;padding:9px 16px;border-radius:8px;cursor:pointer;transition:.15s;}
.sec-light .ftabs button,.sec-surface .ftabs button{color:var(--support);}
.ftabs button.on{background:var(--accent);color:#fff;}
.fbox{width:min(560px,100%);}
.fmt{display:none;}
.fmt.on{display:block;}
.ytplayer{position:relative;aspect-ratio:16/9;background:linear-gradient(150deg,#2a2f31,#14171a 60%,#3a2a1e);border-radius:12px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.6);}
.ytplayer .adlbl{position:absolute;top:11px;left:11px;font-size:10px;font-weight:700;color:#111;background:#F5C518;padding:2px 7px;border-radius:3px;}
.ytplayer .ctr{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.ytplayer .ctr .pl{width:0;height:0;border-left:22px solid rgba(255,255,255,.9);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px;}
.brandov{position:absolute;left:12px;bottom:20px;display:flex;align-items:center;gap:9px;z-index:2;}
.brandov .bl{width:34px;height:34px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0;}
.brandov .bt{font-size:12px;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);}
.brandov .bs{font-size:10px;color:rgba(255,255,255,.85);}
.ycta{background:#fff;color:var(--ink);font-size:11px;font-weight:700;padding:7px 13px;border-radius:6px;margin-left:6px;display:inline-block;}
.sbtm .ycta{background:var(--accent);color:#fff;padding:8px 15px;}
.ytskip{position:absolute;right:0;bottom:14px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.5);border-left:none;color:#fff;font-size:11.5px;font-weight:600;padding:8px 12px;border-radius:4px 0 0 4px;}
.ytpbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.28);}
.ytpbar i{display:block;height:100%;background:#F5C518;width:20%;}
.badge6{position:absolute;top:11px;right:11px;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.6);padding:3px 8px;border-radius:20px;}
.fcap{margin-top:16px;text-align:center;color:#A9C0B6;font-size:13.5px;}
.fcap b{color:#fff;}
.sec-light .fcap,.sec-surface .fcap{color:var(--support);}
.sec-light .fcap b,.sec-surface .fcap b{color:var(--ink);}
.feedbox{background:var(--base);border-radius:12px;padding:16px;color:var(--ink);border:1px solid var(--line);}
.ytrow{display:flex;gap:12px;padding:9px 0;}
.ytrow .th{width:110px;height:62px;border-radius:8px;flex-shrink:0;background:linear-gradient(150deg,#2a2f31,#14171a);position:relative;}
.ytrow.ad .th{background:linear-gradient(150deg,#2E5C58,#123B3A);}
.ytrow .th .d{position:absolute;right:4px;bottom:4px;font-size:8px;color:#fff;background:rgba(0,0,0,.6);padding:0 3px;border-radius:2px;}
.ytrow .meta .adtag{display:inline-block;font-size:9px;font-weight:700;color:#111;background:#F5C518;padding:1px 5px;border-radius:3px;margin-bottom:5px;}
.ytrow .meta .ft{font-size:13px;font-weight:700;margin-bottom:5px;line-height:1.25;}
.ytrow .meta .fc{font-size:11px;color:var(--muted);}
.ytrow.org .ft{font-weight:600;color:var(--support);}
.ytrow + .ytrow{border-top:1px solid var(--line);}
.shortswrap{display:flex;justify-content:center;}
.shorts{position:relative;width:210px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#3a2a1e,#14171a 60%,#2E5C58);box-shadow:0 40px 70px -30px rgba(0,0,0,.6);}
.shorts .slbl{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;color:#fff;}
.shorts .sad{position:absolute;top:12px;right:12px;font-size:9px;font-weight:700;color:#111;background:#F5C518;padding:1px 6px;border-radius:3px;}
.shorts .sactions{position:absolute;right:10px;bottom:96px;display:flex;flex-direction:column;gap:15px;}
.shorts .sactions .ic{width:26px;height:26px;border-radius:50%;border:2px solid #fff;opacity:.92;}
.shorts .sbtm{position:absolute;left:12px;right:56px;bottom:16px;}
.shorts .sbtm .rn{display:flex;align-items:center;gap:7px;margin-bottom:7px;}
.shorts .sbtm .rn .a{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1.5px solid #fff;}
.shorts .sbtm .rn b{font-size:11px;color:#fff;}
.shorts .sbtm .cap{font-size:10.5px;color:#fff;margin-bottom:9px;text-shadow:0 1px 4px rgba(0,0,0,.5);}

/* ================================================== phone shop demo */
.shopdemo .sec-eyebrow{color:var(--accent-2);}
.shop-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,4vw,56px);margin-top:48px;align-items:center;}
@media (max-width:820px){.shop-grid{grid-template-columns:1fr;justify-items:center;}}
.dphone{width:250px;background:#0d2c2b;border:8px solid #0a2322;border-radius:34px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.6);}
.dphone .ph-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;background:var(--base);}
.dphone .ph-bar .st{font-family:'Fraunces',serif;font-size:14px;color:var(--ink);}
.dphone .ph-cart{position:relative;color:var(--ink);}
.dphone .ph-cart .cb{position:absolute;top:-8px;right:-10px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:9px;padding:1px 6px;transition:transform .2s;}
.dphone .ph-cart .cb.pop{transform:scale(1.4);}
.dphone .ph-img{height:170px;background:linear-gradient(150deg,var(--surface),#d9cdb8);display:flex;align-items:center;justify-content:center;}
.dphone .ph-img svg{width:80px;height:80px;}
.dphone .ph-img svg *{stroke:var(--support);}
.dphone .ph-info{background:var(--base);padding:16px;}
.dphone .ph-info .nm{font-family:'Fraunces',serif;font-size:19px;color:var(--ink);}
.dphone .ph-info .rt{font-size:11px;color:var(--muted);margin-top:3px;}
.dphone .ph-info .pr{font-family:'Fraunces',serif;font-size:22px;color:var(--ink);margin-top:12px;}
.ph-add{margin-top:14px;width:100%;background:var(--accent);color:#fff;border:none;border-radius:9px;padding:13px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s;}
.ph-add:hover{background:#a76c43;}
.phone-frame{position:relative;}
.ph-toast{position:absolute;left:50%;bottom:74px;transform:translateX(-50%) translateY(10px);background:var(--ink);color:var(--base);font-size:11px;font-weight:600;padding:7px 14px;border-radius:20px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;}
.ph-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.cart-panel{max-width:420px;}
.cart-panel h3{font-size:24px;color:var(--base);}
.cart-panel p{color:#A9C0B6;margin-top:10px;font-size:15px;}
.cart-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:20px;margin-top:22px;}
.cart-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);}
.cart-line:last-of-type{border-bottom:none;}
.cart-line .lt{font-size:14px;color:var(--base);}
.cart-line .lt small{display:block;color:#8FA79D;font-size:12px;margin-top:2px;}
.cart-line .lq{font-family:'Fraunces',serif;font-size:15px;color:var(--accent-2);}
.cart-sub{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);}
.cart-sub .sl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8FA79D;font-weight:700;}
.cart-sub .sv{font-family:'Fraunces',serif;font-size:28px;color:var(--base);font-variant-numeric:tabular-nums;}
.cart-hint{font-size:12px;color:#8FA79D;margin-top:14px;}

/* ======================================================= funnel bars */
.fnl{margin-top:44px;display:flex;flex-direction:column;gap:12px;max-width:760px;}
.fnb-row{display:flex;align-items:center;gap:16px;}
.fnb-label{width:130px;font-size:13.5px;font-weight:600;color:var(--support);text-align:right;flex-shrink:0;}
.fnb-track{flex:1;background:var(--base);border-radius:8px;overflow:hidden;height:38px;border:1px solid var(--line);}
.fnb-fill{height:100%;width:0;background:var(--support);border-radius:8px 0 0 8px;transition:width 1.1s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:12px;}
.fnb-fill.last{background:var(--accent);}
.fnb-pct{font-family:'Fraunces',serif;font-size:14px;color:var(--base);font-variant-numeric:tabular-nums;}
.sec-dark .fnb-track{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);}
.sec-dark .fnb-label{color:#A9C0B6;}
@media (max-width:560px){.fnb-label{width:88px;font-size:12px;}}

/* ===================================================== showcase grid */
.sc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(16px,2vw,22px);margin-top:46px;}
.sc-card{background:var(--base);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.sc-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(18,59,58,.4);}
.sc-screen{background:var(--surface);border-bottom:1px solid var(--line);padding:16px;}
.sc-screen .sbar{display:flex;gap:5px;margin-bottom:12px;}
.sc-screen .sbar i{width:8px;height:8px;border-radius:50%;background:rgba(18,59,58,.22);}
.sc-screen .scr{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;height:118px;position:relative;overflow:hidden;}
.sc-body{padding:22px 22px 24px;}
.sc-body .ix{font-family:'Fraunces',serif;font-size:14px;color:var(--accent);font-weight:600;}
.sc-body h3{font-size:23px;margin-top:6px;}
.sc-body p{color:var(--support);font-size:14.5px;margin-top:10px;}
.sc-body .best{font-size:12.5px;color:var(--muted);margin-top:14px;}
.sc-body .best b{color:var(--ink);font-weight:700;}
.sc-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13.5px;font-weight:700;color:var(--accent);}
/* mockup atoms */
.scr .m-line{height:7px;background:rgba(18,59,58,.16);border-radius:4px;margin-bottom:7px;}
.scr .m-line.s{width:60%;}
.scr .m-line.a{background:var(--accent);width:40%;}
.scr .m-title{height:11px;width:70%;background:var(--ink);border-radius:4px;margin-bottom:12px;}
.scr .m-row{display:flex;gap:7px;margin-bottom:8px;}
.scr .m-row .cell{flex:1;height:34px;background:linear-gradient(140deg,var(--surface),var(--base));border:1px solid var(--line);border-radius:6px;}
.scr .m-flex{display:flex;gap:10px;height:100%;}
.scr .m-side{width:34%;background:var(--surface);border-radius:6px;}
.scr .m-main{flex:1;display:flex;flex-direction:column;gap:7px;}
.scr .m-btn{height:16px;width:46%;background:var(--accent);border-radius:5px;}
.scr .m-block{height:20px;background:var(--surface);border:1px solid var(--line);border-radius:5px;margin-bottom:7px;position:relative;}
.scr .m-block::after{content:"";position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:2px;background:var(--accent-2);}
.scr .m-cart{position:absolute;right:14px;top:14px;width:14px;height:14px;border:2px solid var(--accent);border-radius:3px;}
.scr .mln{height:6px;background:rgba(18,59,58,.16);border-radius:3px;margin-bottom:6px;}
.scr .mln.s{width:55%;}
.scr .mav{width:22px;height:22px;border-radius:50%;background:var(--surface);border:1px solid var(--line);flex-shrink:0;}
.scr .mavsq{width:22px;height:22px;border-radius:5px;background:var(--surface);border:1px solid var(--line);flex-shrink:0;}
.scr .rowc{display:flex;gap:8px;align-items:center;margin-bottom:9px;}
.scr .btnm{height:16px;width:64px;background:var(--accent);border-radius:5px;}
.scr .m-img{height:46px;background:linear-gradient(140deg,#C98A5B,#B87A4E);border-radius:6px;margin:8px 0;}
.scr .m-spon{font-size:8px;color:var(--muted);font-weight:600;}
.scr .m-react{display:flex;gap:12px;margin-top:8px;}
.scr .m-react i{width:16px;height:6px;background:rgba(18,59,58,.14);border-radius:3px;}
.scr .g-bar{display:flex;align-items:center;gap:6px;background:var(--base);border:1px solid var(--line);border-radius:20px;padding:6px 10px;margin-bottom:12px;}
.scr .g-bar .mag{width:10px;height:10px;border:2px solid var(--muted);border-radius:50%;flex-shrink:0;}
.scr .g-bar .q{height:5px;width:50%;background:rgba(18,59,58,.18);border-radius:3px;}
.scr .g-res{margin-bottom:12px;}
.scr .g-ad{display:inline-block;font-size:8px;font-weight:700;color:#2f6b50;border:1px solid rgba(62,122,94,.4);border-radius:3px;padding:0 4px;margin-bottom:5px;}
.scr .g-t{height:7px;width:74%;background:var(--accent);border-radius:3px;margin-bottom:5px;}
.scr .g-u{height:5px;width:40%;background:rgba(18,59,58,.2);border-radius:3px;margin-bottom:6px;}
.scr .li-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:8px;}
.scr .li-ci{height:34px;background:linear-gradient(140deg,#2E5C58,#123B3A);}
.scr .li-cf{display:flex;align-items:center;justify-content:space-between;padding:7px;}
.scr .licta{height:14px;width:52px;border:1px solid var(--accent);border-radius:12px;}
.scr .yt-mini{position:relative;height:78px;background:linear-gradient(140deg,#2a2f31,#14171a);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;overflow:hidden;}
.scr .yt-play{width:0;height:0;border-left:16px solid rgba(255,255,255,.9);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px;}
.scr .yt-skip{position:absolute;right:7px;bottom:9px;font-size:8px;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.4);border-radius:3px;padding:2px 6px;font-weight:600;}
.scr .yt-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25);}
.scr .yt-prog i{display:block;height:100%;width:38%;background:var(--accent);}

/* ==================================================== platform cards */
.plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,24px);margin-top:44px;}
@media (max-width:760px){.plat-grid{grid-template-columns:1fr;}}
.plat{border:1px solid var(--line);border-radius:16px;padding:28px 24px;background:var(--base);transition:transform .2s,box-shadow .2s;}
.plat:hover{transform:translateY(-3px);box-shadow:0 18px 34px -22px rgba(18,59,58,.4);}
.plat .pn{font-family:'Fraunces',serif;font-size:24px;}
.plat .pk{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:12px;}
.plat p{color:var(--support);font-size:14.5px;margin-top:10px;}

/* footer: wide column (all services) + group headings */
.foot-col.wide{columns:2;column-gap:36px;min-width:280px;}
.foot-col.wide a{break-inside:avoid;}
.foot-col a.fhead{color:var(--base);font-weight:700;margin-top:10px;}
.foot-col a.fhead:first-child{margin-top:0;}

/* ============================================================
   SIGNATURE DEMOS · v3 (custom app, google search, linkedin audience,
   meta placements, outbound cadence, lead qualifier, lifecycle journey,
   workflow runner, landing A/B) — all scoped under .d-* containers
   ============================================================ */

/* ---------- shared: dark demo band already handled by .sec-dark ---------- */

/* ---------- CUSTOM APP DEMO ---------- */
.d-app{margin-top:44px;max-width:840px;margin-inline:auto;}
.d-app .app{background:var(--base);border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.55);color:var(--ink);display:flex;min-height:340px;}
.d-app .app-side{width:180px;background:var(--ink);color:var(--base);padding:18px 14px;flex-shrink:0;}
@media (max-width:600px){.d-app .app-side{width:60px;padding:14px 8px;}.d-app .app-side .lbl{display:none;}}
.d-app .app-side .brand{display:flex;align-items:center;gap:9px;margin-bottom:22px;}
.d-app .app-side .brand .m{width:26px;height:26px;border-radius:7px;background:var(--accent);flex-shrink:0;}
.d-app .app-side .brand b{font-family:'Fraunces',serif;font-size:15px;}
.d-app .nvitem{display:flex;align-items:center;gap:11px;padding:10px 10px;border-radius:8px;font-size:13.5px;font-weight:600;color:#A9C0B6;margin-bottom:4px;cursor:default;}
.d-app .nvitem .ic{width:16px;height:16px;border:2px solid currentColor;border-radius:4px;flex-shrink:0;}
.d-app .nvitem.on{background:rgba(255,255,255,.1);color:var(--base);}
.d-app .nvitem.on .ic{border-color:var(--accent-2);background:rgba(217,165,118,.3);}
.d-app .app-main{flex:1;padding:22px;min-width:0;}
.d-app .app-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px;}
.d-app .app-top h3{font-size:22px;font-family:'Fraunces',serif;font-weight:500;}
.d-app .seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px;}
.d-app .seg button{border:none;background:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--support);padding:7px 14px;border-radius:7px;cursor:pointer;transition:.15s;}
.d-app .seg button.on{background:var(--ink);color:var(--base);}
.d-app .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;}
@media (max-width:600px){.d-app .kpis{grid-template-columns:1fr;}}
.d-app .kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;}
.d-app .kpi .kl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.d-app .kpi .kv{font-family:'Fraunces',serif;font-size:28px;margin-top:8px;font-variant-numeric:tabular-nums;line-height:1;}
.d-app .kpi .kd{font-size:11.5px;font-weight:700;margin-top:6px;color:#3E7A5E;}
.d-app .chart{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;}
.d-app .chart .ct{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:14px;letter-spacing:.05em;}
.d-app .bars{display:flex;align-items:flex-end;gap:9px;height:120px;}
.d-app .bars .bar{flex:1;background:linear-gradient(var(--accent),var(--accent-2));border-radius:5px 5px 0 0;height:20%;transition:height .5s cubic-bezier(.4,0,.2,1);}

/* ---------- GOOGLE SEARCH DEMO ---------- */
.d-gs{margin-top:40px;max-width:660px;margin-inline:auto;}
.d-gs .gchips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:22px;}
.d-gs .gchips button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#D7E2DC;font-family:inherit;font-size:12.5px;font-weight:600;padding:9px 15px;border-radius:20px;cursor:pointer;transition:.15s;}
.d-gs .gchips button.on{background:var(--accent);color:#fff;border-color:var(--accent);}
.sec-light .d-gs .gchips button,.sec-surface .d-gs .gchips button{border-color:var(--line);background:var(--base);color:var(--support);}
.sec-light .d-gs .gchips button.on,.sec-surface .d-gs .gchips button.on{background:var(--accent);color:#fff;border-color:var(--accent);}
.d-gs .gwin{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.55);color:var(--ink);}
.d-gs .gtop{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--surface);border-bottom:1px solid var(--line);}
.d-gs .gtop .dots{display:flex;gap:5px;}
.d-gs .gtop .dots i{width:8px;height:8px;border-radius:50%;background:rgba(18,59,58,.2);}
.d-gs .gsearch{flex:1;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 14px;margin-left:6px;}
.d-gs .gsearch .mag{width:13px;height:13px;border:2px solid var(--muted);border-radius:50%;position:relative;flex-shrink:0;}
.d-gs .gsearch .mag::after{content:"";position:absolute;width:6px;height:2px;background:var(--muted);transform:rotate(45deg);right:-4px;bottom:-1px;border-radius:2px;}
.d-gs .gsearch .q{font-size:13px;color:var(--ink);font-weight:500;}
.d-gs .gbody{padding:20px 22px;}
.d-gs .gad{border:1px solid rgba(184,122,78,.3);background:rgba(184,122,78,.05);border-radius:10px;padding:14px;margin-bottom:18px;}
.d-gs .gad .lbl{font-size:11px;font-weight:700;color:var(--ink);margin-bottom:7px;}
.d-gs .gad .lbl b{color:var(--accent);}
.d-gs .gad .brandrow{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.d-gs .gad .fav{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0;}
.d-gs .gad .bn{font-size:12.5px;font-weight:700;}
.d-gs .gad .url{font-size:11.5px;color:#2f6b50;}
.d-gs .gad h4{font-size:18px;color:var(--accent);font-weight:500;margin-bottom:6px;line-height:1.2;font-family:'Fraunces',serif;}
.d-gs .gad p{font-size:13px;color:var(--support);line-height:1.45;margin-bottom:10px;}
.d-gs .gad .sl{display:flex;gap:16px;flex-wrap:wrap;}
.d-gs .gad .sl a{font-size:12px;color:var(--accent);font-weight:600;cursor:default;}
.d-gs .gorg{margin-bottom:16px;}
.d-gs .gorg .ou{font-size:11.5px;color:var(--muted);margin-bottom:3px;}
.d-gs .gorg .ot{font-size:15px;color:var(--support);font-weight:600;margin-bottom:4px;}
.d-gs .gorg .ol{height:6px;background:rgba(18,59,58,.12);border-radius:3px;margin-bottom:5px;}
.d-gs .gorg .ol.s{width:70%;}

/* ---------- LINKEDIN AUDIENCE BUILDER ---------- */
.d-aud{margin-top:40px;display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start;max-width:900px;margin-inline:auto;}
@media (max-width:800px){.d-aud{grid-template-columns:1fr;}}
.d-aud .tpanel{background:var(--base);border-radius:14px;padding:22px;color:var(--ink);}
.sec-light .d-aud .tpanel,.sec-surface .d-aud .tpanel{border:1px solid var(--line);}
.d-aud .tpanel .pt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.d-aud .tpanel .pt .li{width:16px;height:16px;border-radius:4px;background:var(--ink);}
.d-aud .tcat{margin-bottom:16px;}
.d-aud .tcat .cl{font-size:11.5px;font-weight:700;color:var(--support);margin-bottom:9px;}
.d-aud .tchips{display:flex;flex-wrap:wrap;gap:7px;}
.d-aud .tchip{border:1px solid var(--line);background:#fff;color:var(--support);font-family:inherit;font-size:12px;font-weight:600;padding:7px 12px;border-radius:20px;cursor:pointer;transition:.14s;}
.d-aud .tchip.on{background:var(--ink);color:var(--base);border-color:var(--ink);}
.d-aud .tchip .x{color:var(--accent-2);margin-left:5px;font-weight:700;}
.d-aud .tchip:not(.on) .x{display:none;}
.d-aud .aresult{background:var(--base);border-radius:14px;padding:24px;color:var(--ink);position:sticky;top:90px;}
.sec-light .d-aud .aresult,.sec-surface .d-aud .aresult{border:1px solid var(--line);}
.d-aud .aresult .al{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.d-aud .aresult .av{font-family:'Fraunces',serif;font-size:clamp(34px,6vw,46px);line-height:1;margin:8px 0 4px;font-variant-numeric:tabular-nums;color:var(--ink);}
.d-aud .aresult .as{font-size:12.5px;color:var(--support);}
.d-aud .aresult .track{height:8px;background:var(--surface);border-radius:6px;overflow:hidden;margin:16px 0 20px;}
.d-aud .aresult .track .fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:6px;transition:width .5s ease;}
.d-aud .aresult .ml{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.d-aud .prof{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--line);}
.d-aud .prof .mono{width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--base);font-family:'Fraunces',serif;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.d-aud .prof .pn{font-size:12.5px;font-weight:700;}
.d-aud .prof .pr{font-size:11px;color:var(--support);}

/* ---------- META PLACEMENTS DEMO ---------- */
.d-plc{margin-top:40px;display:flex;flex-direction:column;align-items:center;}
.d-plc .ptabs{display:flex;gap:8px;background:rgba(255,255,255,.08);border-radius:11px;padding:5px;margin-bottom:26px;}
.sec-light .d-plc .ptabs,.sec-surface .d-plc .ptabs{background:var(--surface);border:1px solid var(--line);}
.d-plc .ptabs button{border:none;background:none;color:#A9C0B6;font-family:inherit;font-weight:700;font-size:13.5px;padding:9px 20px;border-radius:8px;cursor:pointer;transition:.15s;}
.sec-light .d-plc .ptabs button,.sec-surface .d-plc .ptabs button{color:var(--support);}
.d-plc .ptabs button.on{background:var(--accent);color:#fff;}
.d-plc .plc-phone{width:270px;height:498px;background:#0a0a0b;border:9px solid #1a1a1c;border-radius:34px;overflow:hidden;box-shadow:0 40px 70px -25px rgba(0,0,0,.6);position:relative;}
.d-plc .screen2{width:100%;height:100%;position:relative;background:#fff;overflow:hidden;}
.d-plc .place{position:absolute;inset:0;display:none;}
.d-plc .place.on{display:block;}
.d-plc .place-feed{background:#fff;padding:14px 12px;color:#111;}
.d-plc .place-feed .fb{display:flex;align-items:center;gap:9px;margin-bottom:11px;}
.d-plc .place-feed .fav{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0;}
.d-plc .place-feed .fn{font-size:12.5px;font-weight:700;color:#111;}
.d-plc .place-feed .fs{font-size:10px;color:#8a8a8a;}
.d-plc .place-feed .fimg{height:236px;border-radius:10px;background:linear-gradient(150deg,#C98A5B,#B87A4E);margin-bottom:11px;position:relative;}
.d-plc .place-feed .fimg .tg{position:absolute;top:9px;left:9px;background:rgba(255,255,255,.85);color:#111;font-size:9px;font-weight:700;padding:3px 8px;border-radius:20px;}
.d-plc .place-feed .fcap{font-size:12px;color:#333;line-height:1.4;margin-bottom:11px;}
.d-plc .place-feed .fcta{display:block;text-align:center;background:var(--accent);color:#fff;font-size:12.5px;font-weight:700;padding:10px;border-radius:8px;margin-bottom:11px;}
.d-plc .place-feed .fr{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #eee;}
.d-plc .place-feed .fr span{font-size:10.5px;color:#8a8a8a;font-weight:600;}
.d-plc .full{position:absolute;inset:0;background:linear-gradient(160deg,#123B3A,#2E5C58 55%,#B87A4E);}
.d-plc .full.reels{background:linear-gradient(160deg,#2a2f31,#14171a 60%,#3a2a1e);}
.d-plc .prog{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3;}
.d-plc .prog i{flex:1;height:2.5px;background:rgba(255,255,255,.35);border-radius:2px;}
.d-plc .prog i.f{background:#fff;}
.d-plc .stop{position:absolute;top:22px;left:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:3;}
.d-plc .stop .a{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1.5px solid #fff;}
.d-plc .stop .n{font-size:11.5px;font-weight:700;color:#fff;}
.d-plc .stop .sp{font-size:9px;color:rgba(255,255,255,.8);}
.d-plc .sbtm{position:absolute;left:14px;right:14px;bottom:18px;z-index:3;}
.d-plc .sbtm .cap{font-size:12px;color:#fff;font-weight:600;margin-bottom:10px;text-shadow:0 1px 4px rgba(0,0,0,.4);}
.d-plc .sbtm .cta{display:block;text-align:center;background:#fff;color:var(--ink);font-size:12.5px;font-weight:700;padding:11px;border-radius:9px;}
.d-plc .ractions{position:absolute;right:10px;bottom:78px;display:flex;flex-direction:column;gap:16px;z-index:3;}
.d-plc .ractions .ic{width:26px;height:26px;border-radius:50%;border:2px solid #fff;opacity:.92;}
.d-plc .rbtm{position:absolute;left:14px;right:60px;bottom:18px;z-index:3;}
.d-plc .rbtm .rn{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.d-plc .rbtm .rn .a{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1.5px solid #fff;}
.d-plc .rbtm .rn b{font-size:11.5px;color:#fff;}
.d-plc .rbtm .cap{font-size:11px;color:#fff;margin-bottom:9px;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.d-plc .rbtm .cta{display:inline-block;background:var(--accent);color:#fff;font-size:11.5px;font-weight:700;padding:8px 16px;border-radius:20px;}

/* ---------- OUTBOUND CADENCE PLAYER ---------- */
.d-cad{margin-top:40px;max-width:640px;margin-inline:auto;}
.d-cad .cadbar{display:flex;gap:6px;background:rgba(255,255,255,.08);border-radius:12px;padding:5px;flex-wrap:wrap;justify-content:center;}
.sec-light .d-cad .cadbar,.sec-surface .d-cad .cadbar{background:var(--surface);border:1px solid var(--line);}
.d-cad .cadbar button{border:none;background:none;color:#A9C0B6;font-family:inherit;font-weight:700;font-size:12px;padding:9px 13px;border-radius:8px;cursor:pointer;transition:.15s;white-space:nowrap;}
.sec-light .d-cad .cadbar button,.sec-surface .d-cad .cadbar button{color:var(--support);}
.d-cad .cadbar button.on{background:var(--accent);color:#fff;}
.d-cad .cadprog{height:6px;background:rgba(255,255,255,.12);border-radius:6px;margin:18px 0 0;overflow:hidden;}
.sec-light .d-cad .cadprog,.sec-surface .d-cad .cadprog{background:var(--surface);}
.d-cad .cadprog-fill{height:100%;width:20%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1);}
.d-cad .cadbox{background:#fff;color:var(--ink);border-radius:16px;margin-top:18px;box-shadow:0 40px 70px -30px rgba(0,0,0,.5);overflow:hidden;}
.d-cad .cbxhead{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--surface);}
.d-cad .cbxhead .cl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.d-cad .stpill{font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;background:var(--base);color:var(--support);display:inline-flex;align-items:center;gap:6px;}
.d-cad .stpill.good{background:rgba(62,122,94,.14);color:#2f6b50;}
.d-cad .stpill .d{width:7px;height:7px;border-radius:50%;background:currentColor;}
.d-cad .cbody{padding:20px;min-height:220px;}
.d-cad .cpanel{display:none;}
.d-cad .cpanel.on{display:block;}
.d-cad .eml .efrom{display:flex;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px;}
.d-cad .eml .efrom .av{width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--base);font-family:'Fraunces',serif;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.d-cad .eml .efrom .l1{font-size:13px;font-weight:700;color:var(--ink);}
.d-cad .eml .efrom .l2{font-size:11.5px;color:var(--muted);margin-top:1px;}
.d-cad .eml .esub{font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:10px;}
.d-cad .eml .ebody p{font-size:13.5px;line-height:1.6;color:var(--bodyink,#22322D);margin-bottom:9px;}
.d-cad .tok,.d-jny .tok{background:rgba(184,122,78,.16);color:var(--accent);font-weight:700;padding:1px 5px;border-radius:4px;}
.d-cad .lin .lihead{display:flex;gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px;}
.d-cad .lin .lihead .av{width:42px;height:42px;border-radius:50%;background:var(--support);color:#fff;font-family:'Fraunces',serif;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.d-cad .lin .lihead .l1{font-size:14px;font-weight:700;color:var(--ink);}
.d-cad .lin .lihead .l2{font-size:12px;color:var(--muted);margin-top:1px;}
.d-cad .lin .lihead .in{margin-left:auto;font-size:10px;font-weight:700;color:#fff;background:#2E5C58;width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.d-cad .bub{font-size:13.5px;line-height:1.55;padding:11px 14px;border-radius:14px;margin-bottom:10px;max-width:86%;}
.d-cad .bub.me{background:var(--surface);color:var(--bodyink,#22322D);border-bottom-left-radius:4px;}
.d-cad .bub.them{background:rgba(62,122,94,.12);color:#22322D;margin-left:auto;border-bottom-right-radius:4px;box-shadow:inset 0 0 0 1px rgba(62,122,94,.25);}
.d-cad .bnote{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px;}
.d-cad .mtg{text-align:center;padding:14px 0;}
.d-cad .mtg .ic{width:56px;height:56px;border-radius:50%;background:rgba(62,122,94,.14);color:#3E7A5E;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 14px;}
.d-cad .mtg h4{font-family:'Fraunces',serif;font-weight:500;font-size:22px;color:var(--ink);}
.d-cad .mtg .who{font-size:13.5px;color:var(--support);margin-top:5px;}
.d-cad .mtg .slot{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;color:var(--ink);}
.d-cad .mtg .slot .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);}

/* ---------- LEAD QUALIFIER DEMO ---------- */
.d-qz{margin-top:40px;max-width:680px;margin-inline:auto;}
.d-qz .qhint{text-align:center;font-size:12.5px;color:#8FA79D;font-weight:600;margin-bottom:14px;}
.sec-light .d-qz .qhint,.sec-surface .d-qz .qhint{color:var(--muted);}
.d-qz .qzchips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px;}
.d-qz .qzchip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#C4D4CC;font-family:inherit;font-weight:700;font-size:12.5px;padding:9px 15px;border-radius:24px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:8px;}
.sec-light .d-qz .qzchip,.sec-surface .d-qz .qzchip{border-color:var(--line);background:var(--base);color:var(--support);}
.d-qz .qzchip .bx{width:14px;height:14px;border-radius:4px;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:10px;}
.d-qz .qzchip.on{background:var(--accent);border-color:var(--accent);color:#fff;}
.d-qz .qzchip.on .bx{background:#fff;color:var(--accent);border-color:#fff;}
.d-qz .qbox{background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 40px 70px -30px rgba(0,0,0,.5);overflow:hidden;}
.d-qz .qcount{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--surface);border-bottom:1px solid var(--line);}
.d-qz .qcount .big{font-family:'Fraunces',serif;font-size:26px;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;}
.d-qz .qcount .big b{color:var(--accent);font-weight:500;}
.d-qz .qcount .lbl{font-size:12px;color:var(--muted);font-weight:700;}
.d-qz .qlist{padding:8px 12px;}
.d-qz .qrow{display:flex;align-items:center;gap:12px;padding:11px 8px;border-radius:9px;transition:opacity .25s, background .25s;border-bottom:1px solid var(--line);}
.d-qz .qrow:last-child{border-bottom:none;}
.d-qz .qrow .mono{width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--base);font-family:'Fraunces',serif;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.d-qz .qrow .qmeta{flex:1;min-width:0;}
.d-qz .qrow .qn{font-size:13.5px;font-weight:700;color:var(--ink);}
.d-qz .qrow .qd{font-size:12px;color:var(--muted);margin-top:1px;}
.d-qz .qtag{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap;background:var(--base);color:var(--muted);}
.d-qz .qrow.pass .qtag{background:rgba(62,122,94,.14);color:#2f6b50;}
.d-qz .qrow.fail{opacity:.42;}
.d-qz .qrow.fail .mono{background:var(--surface);color:var(--muted);}
.d-qz .qrow.fail .qn{color:var(--muted);text-decoration:line-through;}
.d-qz .qrow.fail .qtag{background:var(--surface);color:var(--muted);}
.d-qz .qnote{text-align:center;font-size:12px;color:#8FA79D;font-weight:600;margin-top:16px;}
.sec-light .d-qz .qnote,.sec-surface .d-qz .qnote{color:var(--muted);}

/* ---------- LIFECYCLE JOURNEY DEMO ---------- */
.d-jny{margin-top:44px;max-width:600px;margin-inline:auto;}
.d-jny .jtrack{position:relative;display:flex;justify-content:space-between;margin-bottom:26px;padding:0 4px;}
.d-jny .jbase{position:absolute;left:14px;right:14px;top:9px;height:2px;background:rgba(255,255,255,.14);}
.sec-light .d-jny .jbase,.sec-surface .d-jny .jbase{background:var(--line);}
.d-jny .jfill{position:absolute;left:14px;top:9px;height:2px;background:var(--accent);width:0;transition:width .4s ease;}
.d-jny .jpt{position:relative;z-index:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;font-family:inherit;}
.d-jny .jpt .jdot{width:20px;height:20px;border-radius:50%;background:var(--ink);border:2px solid rgba(255,255,255,.3);transition:.2s;}
.sec-light .d-jny .jpt .jdot,.sec-surface .d-jny .jpt .jdot{background:var(--surface);border-color:var(--line);}
.d-jny .jpt.done .jdot{background:var(--accent);border-color:var(--accent);}
.d-jny .jpt.on .jdot{background:var(--accent);border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(184,122,78,.25);}
.d-jny .jpt .jlbl{font-size:10.5px;font-weight:700;color:#A9C0B6;white-space:nowrap;letter-spacing:.01em;}
.sec-light .d-jny .jpt .jlbl,.sec-surface .d-jny .jpt .jlbl{color:var(--support);}
.d-jny .jpt.on .jlbl{color:var(--base);}
.sec-light .d-jny .jpt.on .jlbl,.sec-surface .d-jny .jpt.on .jlbl{color:var(--ink);}
@media (max-width:460px){.d-jny .jpt .jlbl{font-size:9px;}}
.d-jny .jbox{background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 40px 70px -30px rgba(0,0,0,.5);overflow:hidden;}
.d-jny .jmeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--surface);}
.d-jny .jmeta .trig{font-size:11.5px;font-weight:700;color:var(--ink);}
.d-jny .jmeta .trig b{color:var(--accent);}
.d-jny .jmeta .chan{font-size:10.5px;font-weight:700;color:#fff;background:var(--support);padding:3px 9px;border-radius:20px;margin-left:auto;}
.d-jny .jmeta .delay{font-size:11px;color:var(--muted);font-weight:600;}
.d-jny .jbody{padding:20px;min-height:186px;}
.d-jny .lpanel{display:none;}
.d-jny .lpanel.on{display:block;}
.d-jny .lp-email .efrom{display:flex;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px;}
.d-jny .lp-email .av{width:32px;height:32px;border-radius:9px;background:var(--ink);color:var(--base);font-family:'Fraunces',serif;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.d-jny .lp-email .l1{font-size:12.5px;font-weight:700;color:var(--ink);}
.d-jny .lp-email .l2{font-size:11px;color:var(--muted);}
.d-jny .lp-email .esub{font-size:14.5px;font-weight:700;margin-bottom:9px;}
.d-jny .lp-email .eb{font-size:13.5px;line-height:1.6;color:var(--bodyink,#22322D);}
.d-jny .lp-email .cta2{display:inline-block;margin-top:12px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:8px 16px;border-radius:8px;}
.d-jny .lp-wa .wahead{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px;}
.d-jny .lp-wa .av{width:36px;height:36px;border-radius:50%;background:var(--support);color:#fff;font-family:'Fraunces',serif;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;}
.d-jny .lp-wa .l1{font-size:13px;font-weight:700;color:var(--ink);}
.d-jny .lp-wa .l2{font-size:10.5px;color:#3E7A5E;font-weight:700;}
.d-jny .lp-wa .wabub{background:var(--base);border:1px solid var(--line);border-radius:12px;border-top-left-radius:3px;padding:11px 13px;font-size:13.5px;line-height:1.5;color:var(--bodyink,#22322D);max-width:88%;position:relative;}
.d-jny .lp-wa .watime{display:block;text-align:right;font-size:9.5px;color:var(--muted);margin-top:5px;}
.d-jny .lp-sms{text-align:center;}
.d-jny .lp-sms .smsfrom{font-size:11px;color:var(--muted);font-weight:700;margin-bottom:12px;}
.d-jny .lp-sms .smsbub{display:inline-block;text-align:left;background:var(--surface);border-radius:16px;border-bottom-left-radius:4px;padding:12px 15px;font-size:13.5px;line-height:1.5;color:var(--bodyink,#22322D);max-width:90%;}

/* ---------- WORKFLOW RUNNER DEMO ---------- */
.d-wf{margin-top:40px;max-width:560px;margin-inline:auto;}
.d-wf .wftabs{display:flex;gap:6px;background:rgba(255,255,255,.08);border-radius:12px;padding:5px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;}
.sec-light .d-wf .wftabs,.sec-surface .d-wf .wftabs{background:var(--surface);border:1px solid var(--line);}
.d-wf .wftabs button{border:none;background:none;color:#A9C0B6;font-family:inherit;font-weight:700;font-size:12.5px;padding:9px 15px;border-radius:8px;cursor:pointer;transition:.15s;}
.sec-light .d-wf .wftabs button,.sec-surface .d-wf .wftabs button{color:var(--support);}
.d-wf .wftabs button.on{background:var(--accent);color:#fff;}
.d-wf .wfwin{background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 40px 70px -30px rgba(0,0,0,.5);overflow:hidden;}
.d-wf .wfhead{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface);}
.d-wf .wfeng{font-size:12px;color:var(--muted);font-weight:700;}
.d-wf .wfeng b{color:var(--ink);font-weight:700;}
.d-wf .wfrun{background:var(--ink);color:var(--base);border:none;font-family:inherit;font-weight:700;font-size:12.5px;padding:8px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .15s;}
.d-wf .wfrun:hover{background:var(--deep,#0D2C2B);}
.d-wf .wfrun:disabled{opacity:.5;cursor:default;}
.d-wf .wfrun .tri{width:0;height:0;border-left:7px solid var(--accent-2);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;}
.d-wf .wfflow{padding:20px 18px;}
.d-wf .wfnode{display:flex;align-items:center;gap:12px;background:var(--base);border:1px solid var(--line);border-radius:11px;padding:12px 14px;transition:border-color .3s, box-shadow .3s;}
.d-wf .wfnode.running{border-color:var(--accent);box-shadow:0 0 0 3px rgba(184,122,78,.14);}
.d-wf .wfnode.done{border-color:rgba(62,122,94,.4);}
.d-wf .wfic{width:30px;height:30px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--support);}
.d-wf .wfic svg{width:16px;height:16px;}
.d-wf .wfnode.ai .wfic{background:var(--ink);color:var(--accent-2);}
.d-wf .wfmeta{flex:1;min-width:0;}
.d-wf .wfl{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.1;}
.d-wf .wfs{font-size:11.5px;color:var(--muted);margin-top:2px;}
.d-wf .wfstat{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;}
.d-wf .wfstat .dot{width:9px;height:9px;border-radius:50%;background:var(--line);}
.d-wf .wfstat .sp{width:16px;height:16px;border-radius:50%;border:2px solid rgba(184,122,78,.3);border-top-color:var(--accent);animation:wfspin .7s linear infinite;}
.d-wf .wfstat .ok{color:#3E7A5E;font-size:15px;font-weight:700;}
@keyframes wfspin{to{transform:rotate(360deg);}}
.d-wf .wfconn{width:2px;height:16px;margin:0 0 0 28px;background:var(--line);position:relative;overflow:hidden;}
.d-wf .wfconn.active::after{content:"";position:absolute;left:-1px;width:4px;height:8px;border-radius:3px;background:var(--accent);animation:wfflowdown .5s linear;}
@keyframes wfflowdown{from{top:-8px;}to{top:16px;}}
.d-wf .wfresult{margin-top:16px;text-align:center;font-size:12.5px;font-weight:700;color:#2f6b50;opacity:0;transition:opacity .3s;}
.d-wf .wfresult.show{opacity:1;}

/* ---------- LANDING A/B DEMO ---------- */
.d-ab{margin-top:44px;max-width:840px;margin-inline:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start;}
@media (max-width:760px){.d-ab{grid-template-columns:1fr;}}
.d-ab .lp-win{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.55);color:var(--ink);}
.d-ab .lp-top{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);}
.d-ab .lp-top .dots{display:flex;gap:5px;}
.d-ab .lp-top .dots i{width:8px;height:8px;border-radius:50%;background:rgba(18,59,58,.2);}
.d-ab .lp-top .vlabel{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:rgba(184,122,78,.12);padding:3px 9px;border-radius:20px;}
.d-ab .lp-page{padding:30px 26px;text-align:center;min-height:280px;}
.d-ab .lp-page .badge2{display:inline-block;font-size:11px;font-weight:700;color:var(--support);background:var(--surface);padding:5px 12px;border-radius:20px;margin-bottom:16px;}
.d-ab .lp-page h4{font-size:26px;line-height:1.12;margin-bottom:10px;transition:opacity .2s;font-family:'Fraunces',serif;font-weight:500;}
.d-ab .lp-page p{color:var(--support);font-size:14px;max-width:34ch;margin:0 auto 18px;}
.d-ab .lp-cta{display:inline-block;color:#fff;font-weight:700;font-size:14px;padding:14px 26px;border-radius:9px;transition:background .2s;background:var(--accent);}
.d-ab .lp-cta.solid-ink{background:var(--ink);}
.d-ab .lp-trust{display:flex;gap:8px;justify-content:center;margin-top:16px;opacity:.8;}
.d-ab .lp-trust i{width:38px;height:16px;background:var(--surface);border:1px solid var(--line);border-radius:4px;}
.d-ab .ab-panel{background:var(--base);border-radius:14px;padding:22px;color:var(--ink);}
.sec-light .d-ab .ab-panel,.sec-surface .d-ab .ab-panel{border:1px solid var(--line);}
.d-ab .ab-panel .pt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.d-ab .abtoggle{display:flex;gap:8px;margin-bottom:22px;}
.d-ab .abtoggle button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;font-family:inherit;font-weight:700;font-size:13.5px;color:var(--support);cursor:pointer;transition:.15s;}
.d-ab .abtoggle button.on{background:var(--ink);color:var(--base);border-color:var(--ink);}
.d-ab .meter{margin-bottom:16px;}
.d-ab .meter .ml{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:6px;}
.d-ab .meter .ml .pct{font-variant-numeric:tabular-nums;}
.d-ab .track{height:12px;background:var(--surface);border-radius:8px;overflow:hidden;}
.d-ab .track .fill{height:100%;border-radius:8px;transition:width .7s cubic-bezier(.4,0,.2,1);}
.d-ab .meter.a .fill{background:var(--muted);width:0;}
.d-ab .meter.b .fill{background:var(--accent);width:0;}
.d-ab .meter.dim{opacity:.5;}
.d-ab .winner{background:rgba(62,122,94,.12);border:1px solid rgba(62,122,94,.3);border-radius:10px;padding:12px 14px;font-size:13px;color:#2f6b50;font-weight:700;display:flex;align-items:center;gap:8px;}
.d-ab .winner b{color:#245840;}

/* ---------- SHOWCASE: bullet include-list + new hub minis ---------- */
.sc-inc{list-style:none;margin-top:14px;padding:0;}
.sc-inc li{font-size:13px;color:var(--bodyink,#22322D);padding-left:20px;position:relative;margin-bottom:7px;}
.sc-inc li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:var(--accent);}
/* agent chat mini */
.scr .agc .arow{display:flex;gap:8px;margin-bottom:9px;align-items:flex-start;}
.scr .agc .aav{width:22px;height:22px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;}
.scr .agc .aav.u{background:var(--surface);}
.scr .agc .aav.a{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;}
.scr .agc .ab{font-size:11.5px;line-height:1.45;padding:8px 10px;border-radius:9px;}
.scr .agc .ab.u{background:var(--surface);color:var(--bodyink,#22322D);}
.scr .agc .ab.a{background:var(--base);color:var(--bodyink,#22322D);border:1px solid var(--line);}
.scr .agc .act{display:inline-flex;align-items:center;gap:6px;margin-left:30px;margin-top:2px;font-size:10px;font-weight:700;color:#2f6b50;background:rgba(62,122,94,.12);padding:5px 10px;border-radius:20px;}
/* flow mini */
.scr .flw{display:flex;flex-direction:column;align-items:center;gap:0;}
.scr .fnode{width:100%;text-align:center;font-size:11.5px;font-weight:700;padding:9px 8px;border-radius:8px;border:1px solid var(--line);background:var(--base);color:var(--ink);}
.scr .fnode.ai{background:var(--ink);color:var(--base);border-color:var(--ink);}
.scr .fconn{width:2px;height:14px;background:var(--accent);opacity:.5;}
.scr .frow2{display:flex;gap:8px;width:100%;}
.scr .frow2 .fnode{flex:1;font-size:10.5px;padding:8px 4px;}
/* journey mini */
.scr .jny{position:relative;padding-left:8px;}
.scr .jst{display:flex;align-items:center;gap:10px;position:relative;padding:6px 0;}
.scr .jst .jd{width:11px;height:11px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);flex-shrink:0;z-index:1;}
.scr .jst.on .jd{background:var(--accent);}
.scr .jny .jline{position:absolute;left:5px;top:12px;bottom:12px;width:2px;background:var(--line);}
.scr .jst .jl{font-size:12px;font-weight:700;color:var(--ink);}
.scr .jst .jt{margin-left:auto;font-size:9px;font-weight:700;color:var(--accent);background:rgba(184,122,78,.12);padding:3px 8px;border-radius:20px;}
/* cadence mini */
.scr .cadr{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.scr .cadr .cic{width:26px;height:26px;border-radius:7px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--support);font-size:11px;font-weight:700;}
.scr .cadr .cb{flex:1;}
.scr .cadr .cd{font-size:9px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.scr .cadr .cl2{height:6px;background:rgba(18,59,58,.14);border-radius:3px;margin-top:4px;width:72%;}
.scr .cadr.reply .cic{background:rgba(62,122,94,.14);border-color:rgba(62,122,94,.35);color:#3E7A5E;}
.scr .cadr.reply .cl2{background:rgba(62,122,94,.4);width:50%;}
.scr .cadr.reply .cd{color:#3E7A5E;}
/* lead list mini */
.scr .lrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);}
.scr .lrow:first-child{border-top:none;}
.scr .lmono{width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--base);font-family:'Fraunces',serif;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.scr .lrow .li2{flex:1;}
.scr .lrow .nm{height:6px;width:60%;background:rgba(18,59,58,.24);border-radius:3px;margin-bottom:5px;}
.scr .lrow .cp{height:5px;width:42%;background:rgba(18,59,58,.13);border-radius:3px;}
.scr .ltag{font-size:9px;font-weight:700;color:#3E7A5E;background:rgba(62,122,94,.14);padding:3px 8px;border-radius:20px;}
/* seo serp mini */
.scr .mrow{margin-bottom:11px;position:relative;}
.scr .mrow .rk{position:absolute;right:0;top:-2px;font-size:9px;font-weight:700;color:#3E7A5E;}
.scr .mu{height:5px;width:38%;background:#2f6b50;border-radius:3px;margin-bottom:4px;opacity:.6;}
.scr .mt{height:7px;width:70%;background:var(--accent);border-radius:3px;margin-bottom:4px;}
.scr .mt.alt{background:var(--support);}
.scr .ml2{height:5px;background:rgba(18,59,58,.14);border-radius:3px;margin-bottom:4px;}
.scr .ml2.s{width:60%;}
.scr .mrow.top{background:rgba(62,122,94,.08);border:1px solid rgba(62,122,94,.25);border-radius:7px;padding:8px;margin:-2px -2px 11px;}
.scr .mrow.dim{opacity:.5;}
/* aeo mini */
.scr .macard{border:1px solid rgba(184,122,78,.3);background:rgba(184,122,78,.06);border-radius:9px;padding:12px;}
.scr .mah{display:flex;align-items:center;gap:7px;margin-bottom:9px;}
.scr .mah .sp{font-size:13px;color:var(--accent);line-height:1;}
.scr .mah b{font-size:10.5px;font-weight:700;color:var(--ink);}
.scr .macard .ml2{margin-bottom:5px;}
.scr .msrc{display:flex;gap:6px;margin-top:10px;}
.scr .mchip{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--accent);border-radius:20px;padding:3px 8px;}
.scr .mchip .f{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));}
.scr .mchip b{font-size:9.5px;color:var(--ink);}
.scr .mchip.dim{border-color:var(--line);opacity:.6;}
.scr .mchip.dim .f{background:var(--surface);}
.d-app .app-top h3{color:var(--ink);}

/* ============================================================
   HOME/ABOUT v2 · careers band, story timeline, team cards
   ============================================================ */
.ctaband{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.ctaband .cb-txt{max-width:620px;}
.ctaband .cb-txt .sec-h{margin-bottom:10px;}
.ctaband .cb-txt .sec-intro{margin-bottom:0;}
.ctaband .cb-act{flex-shrink:0;}

.tline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px);margin-top:52px;}
@media (max-width:760px){.tline{grid-template-columns:1fr;gap:30px;}}
.tline .tl-rail{position:absolute;left:5px;right:5px;top:5px;height:2px;background:var(--line);}
@media (max-width:760px){.tline .tl-rail{display:none;}}
.tl-item{position:relative;padding-top:26px;}
.tl-item .tl-dot{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--accent);z-index:1;}
.tl-item .tl-era{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.tl-item h3{font-size:19px;}
.tl-item p{color:var(--support);font-size:14px;margin-top:7px;}
.sec-dark .tl-item p{color:#A9C0B6;}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,20px);margin-top:46px;}
@media (max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.team-grid{grid-template-columns:1fr;}}
.tm-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center;}
.sec-surface .tm-card{background:var(--base);}
.tm-tile{width:64px;height:64px;border-radius:16px;background:var(--ink);color:var(--base);font-family:'Fraunces',serif;font-weight:600;font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.tm-tile.acc{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;}
.tm-name{font-family:'Fraunces',serif;font-weight:500;font-size:18px;color:var(--ink);}
.tm-role{font-size:12.5px;color:var(--support);margin-top:5px;font-weight:600;}
.tm-note{text-align:center;font-size:12px;color:var(--muted);margin-top:26px;}
.card-grid.cols-2{grid-template-columns:1fr 1fr;}
@media (max-width:560px){.card-grid.cols-2{grid-template-columns:1fr;}}
.sec-surface .pcard{background:#fff;border-color:var(--line);}