/* Premium styling for the app pages and legal pages (classes kept from the original markup). */
:root{--text-soft:var(--bone-2);--amber:var(--signal)}
.amber{color:var(--signal);font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.chev{display:none}
/* doc pages */
.doc-hero{padding-bottom:56px}
.doc-hero .display{font-size:clamp(44px,6vw,88px)}
.back-row{margin:0 0 36px}
.back{color:var(--bone-2);text-decoration:none}.back:hover{color:var(--signal)}
.dates{color:var(--mute);margin:0}
.doc{padding:0 0 clamp(80px,10vw,140px)}
.doc-body{max-width:72ch;border-top:1px solid var(--line);padding-top:24px}
.doc-body h2{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.025em;margin:48px 0 14px}
.doc-body p,.doc-body li{color:var(--bone-2)}
.doc-body ul{padding-left:20px}.doc-body li{margin:8px 0}
.doc-body b{color:var(--bone);font-weight:600}
.doc-body a,.prod .inline-link,.prod p a:not(.btn){color:var(--bone);text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:3px}
/* product pages */
.prod section{position:relative}
.prod h2{font-size:clamp(34px,4.4vw,60px);letter-spacing:-.035em;line-height:1.02}
.prod .eyebrow{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.prod .prod-hero{min-height:auto;padding:160px 0 96px;align-items:center}
.prod .prod-hero h1{font-size:clamp(44px,6.6vw,96px);font-weight:500;letter-spacing:-.045em;line-height:.96;max-width:15ch}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}
.hero-ctas,.prod .ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.store-badges{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.store-badges img[height="40"]{height:44px;width:auto}
.store-badges img[height="60"]{height:64px;width:auto;margin:-10px}
.under,.note-line{display:block;margin-top:22px;color:var(--mute);font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.prod .btn-ghost{border:1px solid var(--line-2);color:var(--bone)}.prod .btn-ghost:hover{border-color:var(--bone)}
.prod .btn-amber{background:var(--signal);color:#120801}.prod .btn-amber:hover{background:var(--signal-2)}
.prod .phone{width:100%;max-width:300px;justify-self:center;border-radius:44px;border:8px solid #1d2026;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px var(--line-2);aspect-ratio:auto}
.prod .phone img{width:100%;height:auto}
.prod .phone.shot{border-radius:28px;border-width:1px;background:#07111f}
.prod .phone.shot img{width:100%;height:auto;object-fit:contain;display:block}
.subnav{position:sticky;top:72px;z-index:20;background:rgba(8,9,11,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-block:1px solid var(--line)}
.subnav .wrap{display:flex;align-items:center;gap:24px;min-height:56px;overflow-x:auto}
.subnav-t{color:var(--mute);white-space:nowrap}
.subnav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;margin-left:auto}
.subnav a{display:block;white-space:nowrap;text-decoration:none;color:var(--bone-2);font-size:14px;padding:8px 12px;border-radius:999px}
.subnav a:hover{color:var(--bone);background:rgba(236,232,224,.06)}
.subnav a.sub-cta{color:var(--signal)}
#protocols{padding:clamp(80px,10vw,140px) 0;scroll-margin-top:130px}
#call-assistant,#tools,#pricing{scroll-margin-top:130px}
.feature-row{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.feature-row:first-child{border-top:0}
.fr-copy h2{margin:18px 0 18px}
.fr-copy>p{color:var(--bone-2);max-width:54ch}
.fr-points{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.fr-points li{display:flex;gap:14px;color:var(--bone-2);font-size:16px}
.fr-points i{flex:none;width:7px;height:7px;margin-top:10px;background:var(--signal);transform:rotate(45deg)}
.fr-points b{color:var(--bone);font-weight:600}
.levels{display:inline-flex;gap:4px;vertical-align:middle}
.levels span{font:600 11px var(--mono);width:20px;height:20px;display:inline-grid;place-items:center;border-radius:5px;border:1px solid var(--line-2);color:var(--bone)}
.levels .p{border-color:var(--signal);color:var(--signal)}
.phone-cell{display:flex;justify-content:center}
.offline{padding:clamp(80px,10vw,140px) 0;background:var(--paper);color:var(--paper-ink)}
.offline p{color:#4a4842!important;font-size:18px}
.off-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.offline .big{font-size:clamp(64px,9vw,140px);font-weight:500;letter-spacing:-.05em;line-height:.88}
.offline .eyebrow{color:#D9531A}
.pricing{padding:clamp(80px,10vw,140px) 0;text-align:center}
.pricing h2{margin:14px auto 0;max-width:20ch}
.price-card{max-width:460px;margin:48px auto 0;padding:44px 40px;border:1px solid var(--line-2);border-radius:28px;background:radial-gradient(80% 60% at 50% 0,rgba(255,107,44,.14),transparent 70%),var(--ink-2);text-align:left}
.price-card .num{font-size:88px;font-weight:500;letter-spacing:-.05em;line-height:1}
.price-card .num small{font-size:.45em;vertical-align:top;margin-right:4px;color:var(--bone-2)}
.price-card .once{display:block;margin:10px 0 24px;color:var(--signal);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.price-card ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px;border-top:1px solid var(--line);padding-top:24px}
.price-card li{display:flex;gap:12px;color:var(--bone-2)}
.price-card li i{flex:none;width:7px;height:7px;margin-top:10px;background:var(--signal);transform:rotate(45deg)}
.agency-strip,.strip,.layer{padding:64px 0;border-top:1px solid var(--line)}
.agency-strip h2,.strip h2{font-size:clamp(28px,3vw,40px)}
.agency-strip p,.strip p,.layer p{color:var(--bone-2);max-width:62ch}
.as-grid,.strip-grid{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.legal{padding:48px 0 72px;border-top:1px solid var(--line)}
.legal p{color:var(--mute);font-size:13.5px;max-width:110ch;margin:0}
/* MD feature cards */
.prod section.dark#protocols h2{max-width:20ch}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feat{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 32px}
.feat h3{font-size:24px;letter-spacing:-.025em;margin-bottom:10px}
.feat p{color:var(--bone-2);margin:0}
.prod .offline h2{color:var(--paper-ink)}
.prod .pricing .price-card ul{margin-bottom:20px}
.nf{min-height:80vh;align-items:center}
@media (max-width:900px){
  .hero-grid,.feature-row,.off-grid{grid-template-columns:1fr;gap:40px}
  .feature-row .phone-cell{order:2}
  .prod .phone{max-width:240px}
  .subnav-t{display:none}.subnav ul{margin-left:0}
  .feat-grid{grid-template-columns:1fr}
}
