/* The Ovesion design layer (2026-11-04, from the Home redesign), on every page: the calm backdrop (a faint grid and
   the light of the section in view, data-tone, set by ui.js or on Home by home.js), glass panels, two-tone titles,
   the app's decision pills, windows for real screenshots, the fix plan panel, questions and the closing call. Home adds
   home.css and the moving ring of cubes; the other pages keep the backdrop still on purpose. */

:root{
  --h-red:#F0402A;--h-red-text:#FF7A66;
  --h-orange:#E07A1F;--h-orange-text:#F29A4A;
  --h-amber:#D9A72A;--h-amber-text:#E8BE55;
  --h-blue:#4C8DBF;--h-blue-text:#8CBEE3;
  --h-tone:var(--h-red);--h-tone-text:var(--h-red-text);
  --h-body:#BCC2CB;
  --h-glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  --h-glass-edge:rgba(255,255,255,.085);
  --h-wrap:1240px;
}
body{background:#07080A}
.page{position:relative;isolation:isolate;background:transparent;overflow-x:clip}

/* backdrop: a faint grid, a vignette and the tone's light; the ring canvas sits above it, the content above both */
.h-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(60% 50% at 72% 38%,color-mix(in oklab,var(--h-tone) 16%,transparent),transparent 70%),
    radial-gradient(40% 40% at 10% 90%,rgba(76,141,191,.07),transparent 70%),
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/72px 72px,
    #07080A;
  transition:background 900ms ease}
.h-backdrop::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(0,0,0,.7) 100%)}
.h-ring{position:fixed;inset:0;z-index:-1;width:100vw;height:100vh;pointer-events:none}

.h-wrap{max-width:var(--h-wrap);margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.h-section{position:relative;padding:clamp(88px,12vw,168px) 0}
.h-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--h-tone-text)}
.h-eyebrow::before{content:"";width:8px;height:8px;background:currentColor;box-shadow:0 0 12px currentColor}
.h-title{margin-top:18px;font-weight:800;font-size:clamp(38px,5.6vw,76px);line-height:1;letter-spacing:-.045em;text-wrap:balance;color:var(--text)}
.h-dim{color:#7E8692}
.h-text{margin-top:22px;max-width:620px;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--h-body);text-wrap:pretty}
.h-text a,.h-note a{color:var(--brand-link-hover)}

/* glass panels */
.h-glass{position:relative;border-radius:18px;background:var(--h-glass);border:1px solid var(--h-glass-edge);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 90px -50px rgba(0,0,0,.9);
  -webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}
.h-glass--lit::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(150deg,color-mix(in oklab,var(--h-tone) 70%,transparent),transparent 40%,transparent 70%,rgba(255,255,255,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.h-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--h-glass-edge);background:rgba(255,255,255,.04);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}
.h-pill--live::before{content:"";width:6px;height:6px;border-radius:50%;background:#46C37B;box-shadow:0 0 8px #46C37B}
.h-dec{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid transparent;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.h-dec--immediate{background:color-mix(in oklab,var(--h-red) 16%,#0B0C0E);border-color:color-mix(in oklab,var(--h-red) 60%,transparent);color:#FF6A55}
.h-dec--out-of-cycle{background:color-mix(in oklab,var(--h-orange) 13%,#0B0C0E);border-color:color-mix(in oklab,var(--h-orange) 55%,transparent);color:var(--h-orange-text)}
.h-dec--scheduled{background:rgba(255,255,255,.1);color:#E6E9EE}
.h-dec--defer{background:transparent;border-color:rgba(255,255,255,.16);color:var(--text-secondary)}

/* buttons */
.h-ctas{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease}
.h-btn--primary{background:var(--text);color:#0B0C0E;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 18px 50px -18px color-mix(in oklab,var(--h-tone) 80%,transparent)}
.h-btn--ghost{color:var(--text);border:1px solid var(--h-glass-edge);background:rgba(255,255,255,.035)}
@media (hover:hover){.h-btn:hover{transform:translateY(-1px)}.h-btn--primary:hover{background:#fff}.h-btn--ghost:hover{background:rgba(255,255,255,.07)}}
.h-btn:focus-visible,.h-seg input:focus-visible+span,.h-range:focus-visible,.h-num:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}

/* ---------- the problem ---------- */
.h-trio{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.h-trio .h-glass{padding:0;overflow:hidden}
.h-vis{height:150px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--h-glass-edge);background:rgba(0,0,0,.25)}
.h-card__body{padding:22px 24px 26px}
.h-card__title{font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--text)}
.h-card__text{margin-top:8px;font-size:16px;line-height:1.55;color:var(--h-body)}
.h-feed{display:grid;gap:7px;width:62%}
.h-feed span{display:block;height:7px;border-radius:2px;background:rgba(255,255,255,.12)}
.h-feed span:nth-child(odd){width:86%}.h-feed span:nth-child(3n){width:64%}
.h-names{display:grid;gap:8px;justify-items:start}
.h-names span{font-family:var(--font-mono);font-size:13px;padding:5px 10px;border-radius:6px;border:1px solid var(--h-glass-edge);background:rgba(255,255,255,.04);color:#D5DAE1}
.h-names span:nth-child(2){margin-left:28px}.h-names span:nth-child(3){margin-left:56px}
.h-track{position:relative;width:76%;height:46px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}
.h-track__line{position:absolute;left:0;right:0;top:22px;height:3px;background:rgba(255,255,255,.12)}
.h-track__bad{position:absolute;left:48%;right:6%;top:22px;height:3px;background:var(--h-red);box-shadow:0 0 12px rgba(240,64,42,.6)}
.h-track__you{position:absolute;left:14%;top:16px;width:14px;height:14px;background:var(--text);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.h-track__l1{position:absolute;left:48%;top:30px}.h-track__l2{position:absolute;right:6%;top:30px}.h-track__l0{position:absolute;left:8%;top:-2px;color:var(--text)}

.h-stat{margin-top:clamp(72px,9vw,120px);display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center;padding:clamp(28px,4vw,48px)}
@media (min-width:980px){.h-stat{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.h-grid100{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:360px}
.h-grid100 span{aspect-ratio:1;border-radius:2px;background:rgba(255,255,255,.07)}
.h-grid100 span.is-lit{background:var(--text)}
.h-grid100 span.is-odd{background:var(--h-red);box-shadow:0 0 14px rgba(240,64,42,.8)}
.h-stat__num{font-weight:800;font-size:clamp(48px,6.4vw,92px);line-height:.95;letter-spacing:-.05em;color:var(--text)}
.h-legend{margin-top:18px;display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--text-secondary)}
.h-legend span{display:inline-flex;align-items:center;gap:8px}
.h-legend span::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--text)}
.h-legend span+span::before{background:rgba(255,255,255,.12)}
.h-source{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8E95A0}
.h-source a{color:var(--text-secondary)}

/* ---------- 01 tell Ovesion what you run ---------- */
.h-split{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
@media (min-width:1000px){.h-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@media (min-width:1000px){.h-scene .h-split{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)}.h-scene .h-title{font-size:clamp(36px,4vw,58px)}}
.h-inputs{margin-top:36px;display:grid;gap:14px}
.h-input{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 22px}
.h-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:color-mix(in oklab,var(--h-tone) 16%,transparent);color:var(--h-tone-text);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--h-tone) 40%,transparent)}
.h-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.h-input__title{font-weight:700;font-size:17px;color:var(--text)}
.h-input__text{margin-top:4px;font-size:15px;line-height:1.55;color:var(--h-body)}
.h-window{overflow:hidden;padding:0}
.h-window__bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-bottom:1px solid var(--h-glass-edge);background:rgba(0,0,0,.3)}
.h-window__bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}
.h-window__bar span{margin-left:auto;margin-right:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}
.h-window img{display:block;width:100%;height:auto}
.h-caption{margin-top:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8E95A0}

/* ---------- 02 the fix plan, a pinned scene ---------- */
.h-scene__steps{margin-top:32px;display:grid;gap:10px;padding:0;list-style:none;counter-reset:step}
.h-step{position:relative;padding:18px 20px 18px 56px;border-radius:14px;border:1px solid transparent;transition:background 300ms ease,border-color 300ms ease,opacity 300ms ease}
.h-step::before{counter-increment:step;content:"0" counter(step);position:absolute;left:20px;top:19px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--h-tone-text)}
.h-step__title{font-weight:700;font-size:18px;color:var(--text)}
.h-step__text{margin-top:6px;font-size:15px;line-height:1.55;color:#CDD2D9}
.h-app{padding:0;overflow:hidden}
.h-app__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:18px 20px;border-bottom:1px solid var(--h-glass-edge)}
.h-app__title{font-weight:800;font-size:18px;color:var(--text)}
.h-app__sub{font-size:14px;color:var(--text-secondary)}
.h-app__rank{display:none;margin-left:auto;font-size:12px;color:var(--text-muted)}
@media (min-width:1280px){.h-app__rank{display:block}}
.h-app__body{position:relative}
.h-rows{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.h-rows .h-w-n{width:36px}.h-rows .h-w-act{width:134px}.h-rows .h-w-cur{width:66px}.h-rows .h-w-fix{width:118px}.h-rows .h-w-x{width:86px}.h-rows .h-w-cl{width:112px}
/* the act pills always show whole; Current only where the panel is wide enough, Fixed in from 700px */
.h-rows td:nth-child(2){overflow:visible}
.h-rows th:nth-child(4),.h-rows td:nth-child(4){display:none}
@media (min-width:1500px){.h-rows th:nth-child(4),.h-rows td:nth-child(4){display:table-cell}}
@media (max-width:699px){.h-rows .h-w-act{width:122px}.h-rows .h-w-cl{width:94px}.h-rows th:nth-child(1),.h-rows td:nth-child(1),.h-rows th:nth-child(6),.h-rows td:nth-child(6){display:none}.h-rows td.h-fix{white-space:normal;line-height:1.35}}
.h-rows th{padding:11px 10px;text-align:left;background:rgba(255,255,255,.025);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--h-glass-edge);white-space:nowrap}
.h-rows td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:#D5DAE1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-rows td.h-fix{font-weight:700;color:var(--text)}
.h-rows td.h-c-n{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}
.h-rows td.h-c-mono{font-family:var(--font-mono);font-size:12px;color:#C9CFD8}
.h-rows td.h-c-fixed{color:var(--text)}
.h-rows .h-c-x{text-align:center}
.h-rows td.h-hot{color:var(--h-red);font-weight:600}
.h-rows tr{transition:background 300ms ease,opacity 300ms ease}
.h-rows tbody tr:first-child{background:color-mix(in oklab,var(--h-red) 10%,transparent);box-shadow:inset 3px 0 0 var(--h-red)}
.h-rows .h-hide-sm{display:none}
@media (min-width:700px){.h-rows .h-hide-sm{display:table-cell}}
.h-drawer{border-top:1px solid var(--h-glass-edge);padding:20px;background:#0C0D11}
.h-drawer__top{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.h-drawer__title{margin-top:10px;font-weight:800;font-size:19px;color:var(--text)}
.h-six{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.h-six{grid-template-columns:repeat(3,minmax(0,1fr))}}
.h-six div{padding:12px 14px;border-radius:10px;border:1px solid var(--h-glass-edge);background:rgba(255,255,255,.03)}
.h-six dt{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8E95A0}
.h-six dd{margin:6px 0 0;font-weight:800;font-size:18px;color:var(--text)}
.h-six dd small{display:block;margin-top:4px;font-weight:500;font-size:12px;line-height:1.4;color:var(--text-secondary)}
.h-six .is-hot dd{color:var(--h-red-text)}
.h-real{margin-top:16px;display:flex;align-items:center;gap:14px}
.h-real img{width:120px;height:auto;border-radius:8px;border:1px solid var(--h-glass-edge)}
.h-real p{font-size:13px;line-height:1.5;color:var(--text-secondary)}

}
.h-decide{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:color-mix(in oklab,var(--h-red) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--h-red) 45%,transparent)}
.h-decide strong{font-weight:800;font-size:20px;color:var(--h-red-text)}
.h-decide span{font-size:14px;color:#E7D3CF}


/* ---------- why: a bento of six ---------- */
.h-bento{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.h-bento .h-glass{padding:26px 24px}
.h-bento .h-card__title{margin-top:18px;font-size:19px}

/* ---------- price ---------- */
.h-est{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:1000px){.h-est{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.h-est__in{padding:clamp(24px,3vw,36px)}
.h-est__q{font-weight:700;font-size:17px;color:var(--text)}
.h-est__row{margin-top:18px;display:flex;align-items:center;gap:16px}
.h-range{flex:1;accent-color:var(--h-red);height:28px}
.h-num{width:110px;min-height:48px;padding:0 12px;border-radius:10px;border:1px solid var(--h-glass-edge);background:rgba(0,0,0,.35);color:var(--text);font:700 18px/1 var(--font-mono)}
.h-est__hint{margin-top:14px;font-size:14px;line-height:1.55;color:var(--text-secondary)}
.h-est__in .h-est__row,.h-est__in .h-est__q{display:none}
.has-js .h-est__in .h-est__row,.has-js .h-est__in .h-est__q{display:flex}
.has-js .h-est__in .h-est__q{display:block}
.h-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.h-plan{padding:24px}
.h-plan__name{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.h-plan__price{margin-top:10px;font-weight:800;font-size:40px;letter-spacing:-.03em;color:var(--text)}
.h-plan__price small{font-weight:500;font-size:15px;letter-spacing:0;color:var(--text-secondary)}
.h-plan__how{margin-top:8px;font-size:14px;line-height:1.5;color:var(--h-body);min-height:3em}
.h-plan--off .h-plan__price{color:var(--text-muted);font-size:22px;letter-spacing:0}

/* ---------- questions ---------- */
.h-faq{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
@media (min-width:1000px){.h-faq{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.h-faq__head{position:sticky;top:120px;align-self:start}}
.h-faq__list{display:grid;gap:10px}
.h-faq details{border-radius:14px;background:var(--h-glass);border:1px solid var(--h-glass-edge)}
.h-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 20px;cursor:pointer;list-style:none}
.h-faq summary::-webkit-details-marker{display:none}
.h-faq summary h3{margin:0;font-weight:700;font-size:17px;line-height:1.4;color:var(--text)}
.h-faq summary span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--h-glass-edge);font-family:var(--font-mono);color:var(--text-secondary);transition:transform 200ms ease}
.h-faq details[open] summary span{transform:rotate(45deg)}
.h-faq details p{padding:0 20px 20px;font-size:16px;line-height:1.65;color:var(--h-body)}
.h-faq details p a{color:var(--brand-link-hover)}
.h-faq summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:14px}

/* ---------- closing ---------- */
.h-close{text-align:center}
.h-close .h-title{margin-left:auto;margin-right:auto;max-width:16ch;font-size:clamp(42px,6.4vw,96px)}
.h-close .h-ctas{justify-content:center}
.h-close__early{margin:56px auto 0;max-width:620px;padding:28px 30px;text-align:left}
.h-close__early .h-card__title{margin-top:10px}

/* reveal: only with JavaScript and motion allowed, never hiding what is already on screen (home.js) */
@media (prefers-reduced-motion:no-preference){
  .has-js .h-rise{opacity:0;transform:translateY(28px);transition:opacity 700ms ease,transform 700ms cubic-bezier(.2,.8,.2,1)}
  .has-js .h-rise.is-in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.h-backdrop{transition:none}}
@media (max-width:999px){.h-scrollcue{display:none}.h-fixcard{justify-self:start}}

/* the email in a mail-app view */
.h-mail{background:#0B0C0E}
.h-mail__head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--h-glass-edge);background:rgba(255,255,255,.03)}
.h-mail__avatar{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--h-glass-edge);background:#0F1116}
.h-mail__from{font-weight:700;font-size:13px;color:var(--text)}
.h-mail__subject{font-size:13px;color:var(--text-secondary)}
.h-mail__img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:top}
.h-close .h-note{margin-left:auto;margin-right:auto}

/* ---------- inner pages (How it works, Pricing, Security): still backdrop, same language as Home ---------- */
.h-pagehero{position:relative;padding:clamp(120px,11vw,156px) 0 clamp(32px,4vw,56px)}
.h-pagehero__title{margin-top:20px;max-width:22ch;font-weight:800;font-size:clamp(42px,5.6vw,84px);line-height:.98;letter-spacing:-.048em;color:var(--text);text-wrap:balance}
.h-section--tight{padding-top:clamp(24px,3vw,40px)}
.h-subtitle{margin-top:22px;font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;color:var(--text)}
.h-jump{margin-top:40px}
.h-jump ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}
.h-jump a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--h-glass-edge);background:rgba(255,255,255,.035);color:#D5DAE1;font-size:14px;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background 160ms ease}
.h-jump a span{font-family:var(--font-mono);font-size:11px;color:var(--h-tone-text)}
@media (hover:hover){.h-jump a:hover{background:rgba(255,255,255,.08)}}
.h-jump a:focus-visible,.h-text a:focus-visible,.h-card__text a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}

.h-steps4{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;padding:0;list-style:none}
.h-steps4 li{padding:22px 22px 24px}
.h-steps4__n{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--h-tone-text)}
.h-steps4 .h-card__title{margin-top:10px;font-size:18px}
.h-card__text a,.h-text a{color:var(--brand-link-hover)}
.h-plan-demo{margin-top:24px}
.h-pair{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
@media (min-width:1000px){.h-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.h-pair--flip figure{order:2}.h-pair--flip{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.h-pair__text .h-subtitle{margin-top:0}

.h-decisions{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.h-decision{padding:24px}
.h-decision .h-card__text{margin-top:14px;font-size:17px;color:var(--text)}
.h-decision--immediate{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px color-mix(in oklab,var(--h-red) 35%,transparent),0 30px 70px -40px color-mix(in oklab,var(--h-red) 60%,transparent)}
.h-decision--out-of-cycle{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px color-mix(in oklab,var(--h-orange) 30%,transparent)}

.h-duo{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media (min-width:1000px){.h-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.h-duo--cards{margin:20px 0 28px;gap:14px}
.h-fact{padding:24px}
.h-roles{padding:clamp(20px,3vw,32px)}
.h-roles__title{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.h-roles dl{margin:12px 0 0}
.h-roles dl div{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 0;border-top:1px solid var(--h-glass-edge)}
.h-roles dt{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.h-roles dd{margin:0;font-size:15px;line-height:1.5;color:var(--h-body)}
.h-roles__note{padding-top:12px;border-top:1px solid var(--h-glass-edge);font-size:14px;color:var(--text-secondary)}
@media (max-width:560px){.h-roles dl div{grid-template-columns:1fr;gap:4px}}

/* pricing */
.h-tiers{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media (min-width:1000px){.h-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
.h-tier{padding:28px 26px 30px;display:flex;flex-direction:column}
.h-tier__name{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}
.h-tier__sub{margin-top:10px;font-size:16px;line-height:1.5;color:var(--text)}
.h-tier__price{margin-top:18px;font-weight:800;font-size:46px;letter-spacing:-.035em;line-height:1;color:var(--text)}
.h-tier__price small{font-weight:500;font-size:15px;letter-spacing:0;color:var(--text-secondary)}
.h-tier__btn{margin-top:22px;width:100%}
.h-tier__list{margin-top:24px;display:grid;gap:12px;padding:22px 0 0;list-style:none;border-top:1px solid var(--h-glass-edge)}
.h-tier__list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.5;color:var(--h-body)}
.h-tier__list li span{color:var(--h-tone-text);font-weight:700}
.h-tier__list li.is-no span{color:var(--text-muted)}
.h-notes{margin-top:16px;padding:18px 24px;text-align:center}
.h-notes ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;padding:0;margin:0;list-style:none;font-size:15px;color:#D5DAE1}
.h-notes li+li::before{content:"\00B7";margin:0 14px;color:var(--text-secondary)}
.h-notes p{margin-top:8px;font-size:14px;color:var(--text-secondary)}
@media (max-width:600px){.h-notes ul{flex-direction:column;gap:4px}.h-notes li+li::before{content:none}}
.h-cmp{margin-top:40px;padding:0;overflow-x:auto}
.h-cmp table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.h-cmp thead th{position:sticky;top:0;padding:18px 20px;text-align:center;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text);background:rgba(10,11,14,.9);border-bottom:1px solid var(--h-glass-edge)}
.h-cmp thead th:first-child{text-align:left}
.h-cmp tbody th{padding:14px 20px;text-align:left;font-weight:600;color:var(--text);width:40%}
.h-cmp td{padding:14px 20px;text-align:center;color:var(--h-body);border-top:1px solid rgba(255,255,255,.05)}
.h-cmp tbody th{border-top:1px solid rgba(255,255,255,.05)}
.h-cmp .h-cmp__group th{padding:22px 20px 10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--h-tone-text);border-top:0}
.h-yes{color:var(--h-red-text);font-weight:700}.h-no{color:var(--text-muted)}

/* security */
.h-bento--3{margin-top:0}
@media (min-width:1000px){.h-bento--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.h-report{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:clamp(28px,4vw,48px)}
@media (min-width:800px){.h-report{grid-template-columns:48px minmax(0,1fr)}}
.h-report .h-title{font-size:clamp(32px,4vw,52px)}

/* ---------- documents (Docs, Privacy, Terms) and the form pages: the same layer over their existing markup ---------- */
.legal-intro{background:transparent;border-bottom:0;padding:clamp(112px,10vw,148px) 0 clamp(20px,3vw,36px)}
.legal-intro .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--h-tone-text)}
.legal-intro .eyebrow::before{content:"";width:8px;height:8px;background:currentColor;box-shadow:0 0 12px currentColor}
.legal-intro__title{margin-top:16px;font-weight:800;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.045em;color:var(--text)}
.legal-intro__lead{margin-top:18px;max-width:640px;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--h-body)}
.legal-meta{margin-top:22px}
.legal-meta__chip{border-radius:999px;border:1px solid var(--h-glass-edge);background:rgba(255,255,255,.035)}
.legal-body{padding-top:clamp(20px,3vw,32px);padding-bottom:clamp(88px,10vw,140px)}
.legal-toc{padding:22px 22px 18px;border-radius:16px;background:var(--h-glass);border:1px solid var(--h-glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);top:96px}
.legal-toc__label{color:var(--h-tone-text)}
.legal-toc__link{color:#C9CFD8;text-decoration:none}
@media (hover:hover){.legal-toc__link:hover{color:var(--text)}}
.legal__article{padding:clamp(24px,3.5vw,48px);border-radius:20px;background:var(--h-glass);border:1px solid var(--h-glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 90px -50px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}
.legal__section+.legal__section{margin-top:clamp(36px,4vw,52px);padding-top:clamp(36px,4vw,52px);border-top:1px solid var(--h-glass-edge)}
.legal__h2{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.025em}
.legal__h3{font-size:17px}
.legal__p,.legal__li{font-size:16px;line-height:1.7;color:var(--h-body)}
.legal__callout{background:color-mix(in oklab,var(--h-tone) 9%,transparent);border-color:color-mix(in oklab,var(--h-tone) 35%,transparent);border-radius:14px}
.legal__contact{background:rgba(255,255,255,.03);border-color:var(--h-glass-edge);border-radius:14px;box-shadow:none}
.legal__bullet{background:var(--h-tone-text)}
.docs-index{padding-bottom:clamp(88px,10vw,140px)}
.docs-index__card{border-radius:18px;background:var(--h-glass);border:1px solid var(--h-glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 90px -50px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform 200ms ease,border-color 200ms ease}
@media (hover:hover){.docs-index__card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--h-tone) 45%,transparent)}}
.docs-index__title{font-size:19px;letter-spacing:-.02em}

/* the trial request and the confirmation */
.trial{background:transparent}
.trial__title,.message__title{font-weight:800;letter-spacing:-.045em;line-height:1}
.trial__title{font-size:clamp(40px,4.6vw,64px)}
.message__title{font-size:clamp(40px,5vw,72px)}
.trial__lead,.message__text{color:var(--h-body)}
.trial__eyebrow{color:var(--h-tone-text)}
.trial__form-wrap{border-radius:20px;background:var(--h-glass);border:1px solid var(--h-glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 90px -50px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}
.trial__term{border-color:var(--h-glass-edge)}
.legal-intro__inner{padding-top:0;padding-bottom:0}
.trial{padding:clamp(112px,10vw,148px) 0 clamp(88px,10vw,140px)}
.legal__section{padding:0;border-top:0}
.legal__section+.legal__section{border-top:1px solid var(--h-glass-edge)}