/* Home v2 — calm layout: one focal point per section, generous space, one accent. */
.h2{--hh:68px;font-size:17px}
.h2 .wrap{max-width:1160px;padding:0 24px}
.h2 .wrap.narrow{max-width:820px}
.h2 main>section{margin:0}
.h2 section{margin-top:0}

/* header */
.h2 .top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bgd) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.h2 .navin{height:68px;max-width:1160px;padding:0 24px}
.h2 .brand{gap:10px;color:var(--ink)}
.h2 .brand .bn{font-size:18px}
.h2 .links{gap:6px}
.h2 .links a{font-size:15px}
.h2 .navr{gap:10px}
.h2 .btn.primary{background:var(--acc);color:var(--acc-ink)}
.h2 .btn.primary:hover{background:color-mix(in srgb,var(--acc) 86%,#000)}
@media (min-width:1100px){.h2 .navr .btn.sm{display:inline-flex}}

/* section rhythm */
.h2 main>section{padding:128px 0}
.h2 main>section+section{border-top:1px solid var(--ln)}
.h2 .kick{margin:0 0 14px;font:500 13px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.h2 .sh{max-width:720px;margin:0 0 64px}
.h2 .sh h2{font-size:clamp(34px,4.6vw,52px);line-height:1.06;letter-spacing:-.035em;font-weight:600}
.h2 .sh p:not(.kick){margin:18px 0 0;font-size:19px;color:var(--g6);line-height:1.5}

/* hero */
.h2 .hx{padding:150px 0 140px!important;border:0}
.h2 .hx h1{font-size:clamp(44px,7vw,88px);line-height:1.02;letter-spacing:-.045em;font-weight:600;max-width:15ch}
.h2 .hx .lede{font-size:clamp(18px,1.8vw,22px);color:var(--g6);margin:28px 0 0;max-width:40ch}
.h2 .hx .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px}
.h2 .btn.ghost{border:1px solid var(--ln);color:var(--ink)}

/* twin */
.h2 .twh2{margin:0}
.twc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:stretch}
.twc-l,.twc-r{background:var(--card);border:1px solid var(--ln);border-radius:24px;padding:44px}
.twc-l{display:grid;grid-template-columns:170px minmax(0,1fr);gap:40px;align-items:center}
.h2 .twh-fig{height:420px;display:flex;justify-content:center;pointer-events:none}
.h2 .twh2 .tw-fig{-webkit-mask-image:none;mask-image:none}
.h2 .twh2 .tw-in{margin:0!important;display:flex;flex-direction:column;gap:22px}
.h2 .twh2 .tw-row{grid-template-columns:96px minmax(0,1fr) 44px;gap:18px;min-height:40px}
.h2 .twh2 .tw-row label,.h2 .twh2 .tw-lab,.h2 .twh2 .tw-val{font-size:16px}
.h2 .twh2 .tw-val{font-weight:500}
.h2 .tw-pd{display:none!important}
.h2 .twh2 .tw-crow{flex-direction:column;gap:18px;padding:6px 0 0}
.h2 .twh2 .tw-crow>div{display:grid;grid-template-columns:96px 1fr;gap:18px}
.h2 .twh2 .tw-chip{padding:11px 22px;font-size:15px}
.h2 .tw input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--acc),var(--acc)) 0/var(--p,50%) 100% no-repeat,var(--ln)}
.h2 .tw input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;background:var(--card);border:2px solid var(--acc)}
.h2 .tw input[type=range]::-moz-range-progress{background:var(--acc)}
.h2 .tw-chip[aria-checked=true]{background:color-mix(in srgb,var(--acc) 14%,transparent);border-color:var(--acc);color:var(--ink)}
.twc-r{display:flex;flex-direction:column;justify-content:center}
.h2 .twh2 .tw-count{font-size:20px;font-weight:500;letter-spacing:-.01em;color:var(--g6);line-height:1.3;margin:0}
.h2 .twh2 .tw-count b{display:block;color:var(--ink);font-size:clamp(56px,6.4vw,92px);font-weight:600;letter-spacing:-.05em;line-height:1;margin-bottom:12px}
.twc-k{margin:52px 0 6px;font-size:14px;color:var(--g6)}
.h2 .twh2 .tw-risks{margin:0 0 32px}
.h2 .twh2 .tw-risk{border-color:var(--ln)}
.h2 .twh2 .tw-rb{grid-template-columns:minmax(0,1fr) auto;padding:16px 0;cursor:default}
.h2 .twh2 .tw-dot,.h2 .twh2 .tw-est{display:none!important}
.h2 .twh2 .tw-rl{font-size:17px}
.h2 .twh2 .tw-v{font-size:17px;color:var(--ink);font-weight:500}
.h2 .twh2 .tw-risk[data-l="2"] .tw-v{color:#e0603f}
.h2 .twc-r .btn{align-self:flex-start}
.h2 .tw-who{margin:0 0 10px;font-size:14px;color:var(--g6)}

/* trials */
.tc-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ln);margin-bottom:56px;overflow-x:auto;scrollbar-width:none}
.tc-tabs::-webkit-scrollbar{display:none}
.tc-tabs .tc-t{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:14px 20px 16px;text-align:left;color:var(--g6);border-radius:0;transition:color .2s,border-color .2s}
.tc-tabs .tc-t b{font-size:17px;font-weight:600;color:inherit}
.tc-tabs .tc-t small{font-size:13px;color:var(--g4)}
.tc-tabs .tc-t:hover{color:var(--ink)}
.tc-tabs .tc-t[aria-checked=true]{color:var(--ink);border-bottom-color:var(--acc)}
.h2 .tc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.h2 .tc-viz{display:flex;flex-direction:column;gap:28px;max-width:440px}
.h2 .tc-num{gap:10px}
.h2 .tc-num b{font-size:clamp(56px,6vw,84px);background:none;color:var(--ink);-webkit-text-fill-color:currentColor}
.h2 .tc-num>span{font-size:17px}
.h2 .pop-grid{max-width:440px;max-height:440px;gap:7px;margin:0}
.h2 .pop-grid i{border-color:var(--ln);background:var(--sf);border-radius:6px}
.h2 .pop-grid i::after{background:var(--acc);border-radius:6px}
.h2 .pop-rule{border:0;background:none;padding:0;min-height:48px}
.h2 .pop-k{color:var(--g4)}
.h2 .pop-l{font-size:16px}
.h2 .tc-p{display:flex;flex-direction:column;gap:32px}
.h2 .tc-p[hidden]{display:none}
.tc-cmp{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.tc-cmp>div{padding:28px 0}
.tc-cmp>div+div{padding-left:32px;border-left:1px solid var(--ln)}
.tc-cmp dt{font-size:14px;color:var(--g6);margin-bottom:8px}
.tc-cmp dd{margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.h2 .tc-v{margin:0;font-size:17px;color:var(--ink);display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.h2 .tc-v>span{color:var(--g6);font-variant-numeric:tabular-nums}
.h2 .tc-p .btn{align-self:flex-start}

/* vs */
.vs-g{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.vs-c{border:1px solid var(--ln);border-radius:24px;padding:40px;background:transparent}
.vs-c.us{background:var(--card);border-color:color-mix(in srgb,var(--acc) 45%,var(--ln))}
.vs-h{margin:0 0 20px;font-size:22px;font-weight:600;letter-spacing:-.015em}
.vs-c dl{margin:0}
.vs-c dl>div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid var(--ln)}
.vs-c dt{color:var(--g6)}
.vs-c dd{margin:0;text-align:right;font-weight:500}

/* pricing */
.pr-g{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pr-c{display:flex;flex-direction:column;border:1px solid var(--ln);border-radius:24px;padding:40px 36px;background:transparent}
.pr-c.sel{background:var(--card);border-color:color-mix(in srgb,var(--acc) 45%,var(--ln))}
.pr-n{margin:0;font-size:15px;color:var(--g6)}
.pr-p{margin:14px 0 0;font-size:48px;font-weight:600;letter-spacing:-.04em;line-height:1}
.pr-p small{font-size:15px;font-weight:400;color:var(--g6);letter-spacing:0}
.pr-p.soon{font-size:32px;line-height:48px;letter-spacing:-.03em}
.pr-s{margin:16px 0 36px;color:var(--g6);flex:1}
.pr-c .btn{align-self:flex-start}

/* faq */
.h2 .fq2 .sh{margin-bottom:40px}
.h2 .fq-q{font-size:18px;padding:24px 0}
.h2 .fq-in p{font-size:16px;color:var(--g6);max-width:64ch}

/* final cta: plain, no gradient */
.h2 .cta2{text-align:center}
.h2 .cta2 h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em}
.h2 .cta2 p{margin:16px 0 36px;color:var(--g6);font-size:19px}

/* footer */
.ft{border-top:1px solid var(--ln);padding:56px 0 max(48px,env(safe-area-inset-bottom));margin-top:auto;font-size:15px;color:var(--g6)}
.ft-in{display:grid;grid-template-columns:auto 1fr;gap:24px 48px;align-items:center}
.ft-b{display:flex;align-items:center;gap:12px}
.ft-b .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.ft-b .bn{font-size:16px}
.ft a{color:var(--g6);text-decoration:none}
.ft a:hover{color:var(--ink)}
.ft-l{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 28px}
.ft-c{grid-column:1/-1;margin:16px 0 0;padding-top:24px;border-top:1px solid var(--ln);font-size:13.5px;color:var(--g4)}

/* tablet */
@media (max-width:1060px){
  .twc{grid-template-columns:1fr}
  .h2 .tc-body{grid-template-columns:1fr;gap:56px}
  .h2 .tc-viz{max-width:none}
}
/* phone */
@media (max-width:720px){
  .h2{font-size:16px}
  .h2 .wrap,.h2 .navin{padding:0 20px}
  .h2 main>section{padding:88px 0}
  .h2 .hx{padding:96px 0 88px!important}
  .h2 .sh{margin-bottom:44px}
  .h2 .sh p:not(.kick){font-size:17px}
  .twc{gap:20px}
  .twc-l,.twc-r{padding:28px 22px;border-radius:20px}
  .twc-l{grid-template-columns:1fr;gap:12px}
  .h2 .twh-fig{height:260px}
  .h2 .twh2 .tw-row{grid-template-columns:84px minmax(0,1fr) 40px;gap:14px}
  .h2 .twh2 .tw-crow>div{grid-template-columns:84px 1fr;gap:14px}
  .twc-k{margin-top:36px}
  .tc-tabs{margin:0 -20px 40px;padding:0 12px}
  .tc-tabs .tc-t{padding:12px 14px 14px}
  .tc-cmp>div+div{padding-left:20px}
  .vs-g,.pr-g{grid-template-columns:1fr;gap:20px}
  .vs-c,.pr-c{padding:28px 24px;border-radius:20px}
  .ft-in{grid-template-columns:1fr}
  .ft-l{justify-content:flex-start;gap:12px 22px}
}
/* resets of legacy rules */
.h2 .sh{display:block;gap:0}
.h2 .twh-fig,.h2 .twh-res,.h2 .twh2 .tw-in{grid-area:auto;margin-top:0!important}
.h2 .pr-p.soon{padding:0;border-radius:0}
.h2 .tc-v{justify-content:flex-start}
.h2 #twNt{display:inline}
.h2 .sh .shp{margin:18px 0 0;font-size:19px;color:var(--g6);line-height:1.5}
.twc{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.twc-l{grid-template-columns:140px minmax(0,1fr);gap:44px}
.h2 .twh2 .tw-chips{flex-wrap:nowrap}
.h2 .tc-body{border:0;padding-top:0;margin-top:0}
.h2 .pop-grid i:not(.out)::after{opacity:1}
.h2 .pop-grid i.part::after{opacity:1}
@media (max-width:720px){.h2 .sh .shp{font-size:17px}.twc-l{grid-template-columns:1fr;gap:12px}}
.h2 .twh2 .tw-count b{white-space:nowrap;font-size:clamp(48px,5.4vw,80px)}
.h2 .top .brand{flex-direction:row;align-items:center}
@media (max-width:1060px){.twc{grid-template-columns:1fr}}
@media (max-width:720px){.twc-l{grid-template-columns:1fr}.h2 .twh2 .tw-count b{font-size:56px}}
.h2 .fq-in p{color:var(--g6)}