/* ===== v2 "calm sky" layer ===== */
:root{--ink:#0E1512;--pill:#0E1512;--pill-fg:#FFFFFF;--sky1:#DCEAF3;--sky2:#EAF3EC;--sky3:#F6FAF5;--disp2:'Inter Tight','Sora',system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#E7EFE9;--pill:#E7EFE9;--pill-fg:#0C1310;--sky1:#0F1B22;--sky2:#0F1A15;--sky3:#0C1310}}
:root[data-theme="dark"]{--ink:#E7EFE9;--pill:#E7EFE9;--pill-fg:#0C1310;--sky1:#0F1B22;--sky2:#0F1A15;--sky3:#0C1310}

body{background:var(--bg)}
h1,h2,h3{font-family:var(--disp2);letter-spacing:-.035em}

/* header v2 */
.hdr2{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hdr2 .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--disp2);font-weight:700;font-size:21px;letter-spacing:-.03em}
.logo svg{width:30px;height:30px;color:var(--green)}
.nav2{display:flex;gap:4px;flex-wrap:wrap}
.nav2 a{color:var(--fg);text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:999px;white-space:nowrap}
.nav2 a:hover,.nav2 a[aria-current="page"]{background:var(--soft2)}
.hdr-r{display:flex;align-items:center;gap:8px}
.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:999px;background:var(--pill);color:var(--pill-fg);text-decoration:none;font-weight:600;font-size:15.5px;border:1px solid var(--pill);transition:transform .15s,box-shadow .15s}
.pbtn:hover{color:var(--pill-fg);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.pbtn.lite{background:var(--surface);color:var(--fg);border-color:var(--line)}
.pbtn.lite:hover{color:var(--fg)}
.pbtn.sm{min-height:40px;padding:8px 16px;font-size:14.5px}

/* hero v2 */
.sky{margin:6px 14px 0;border-radius:30px;position:relative;overflow:hidden;
  background:
   radial-gradient(60% 45% at 18% 22%,rgba(255,255,255,.9),transparent 70%),
   radial-gradient(45% 35% at 82% 18%,rgba(255,255,255,.8),transparent 70%),
   radial-gradient(70% 40% at 50% 105%,color-mix(in srgb,var(--green) 28%,transparent),transparent 70%),
   linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 62%,var(--sky3) 100%)}
:root[data-theme="dark"] .sky{background:radial-gradient(50% 40% at 20% 20%,rgba(92,194,122,.10),transparent 70%),radial-gradient(70% 40% at 50% 105%,rgba(92,194,122,.18),transparent 70%),linear-gradient(180deg,var(--sky1),var(--sky2) 60%,var(--sky3))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sky{background:radial-gradient(50% 40% at 20% 20%,rgba(92,194,122,.10),transparent 70%),radial-gradient(70% 40% at 50% 105%,rgba(92,194,122,.18),transparent 70%),linear-gradient(180deg,var(--sky1),var(--sky2) 60%,var(--sky3))}}
.sky .inner{max-width:1100px;margin:0 auto;padding:64px 20px 0;text-align:center}
.proof{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--line);font-size:14px;font-weight:600}
.proof .chip{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--bg)}
.proof .chip svg{width:16px;height:16px}
.h-xl{font-size:clamp(40px,6.6vw,80px);line-height:1;margin:22px auto 0;max-width:900px;font-weight:700;color:var(--ink)}
.h-xl em{font-style:normal;color:var(--green)}
.sub{max-width:620px;margin:20px auto 0;color:var(--muted);font-size:19px}
.cta2{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}

/* dashboard mock */
.dash{margin:48px auto 0;max-width:1000px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 -10px 50px rgba(18,32,26,.10);display:grid;grid-template-columns:200px minmax(0,1fr);text-align:left;overflow:hidden}
.dash .side{border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:4px}
.dash .me{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.dash .me img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:62% 30%}
.dash .me b{font-size:14px;display:block;line-height:1.2}.dash .me small{font-size:12px;color:var(--muted)}
.dash .mi{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 10px;border-radius:10px;color:var(--muted)}
.dash .mi.on{background:var(--pill);color:var(--pill-fg);font-weight:600}
.dash .mi i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.6}
.dash .main{padding:18px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
.dash .hello{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dash .hello b{font-family:var(--disp2);font-size:22px;letter-spacing:-.03em}
.w{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface)}
.w .wt{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14.5px}
.gauge{display:block;width:100%;max-width:220px;margin:6px auto 0}
.g-seg{fill:var(--soft2)}.g-on{fill:var(--green)}
.g-val{font-family:var(--disp2);font-weight:700;font-size:30px;fill:var(--fg)}
.g-cap{font-size:11px;fill:var(--muted);font-weight:600}
.mini-call{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.mini-call div{background:var(--soft);border-radius:10px;padding:7px 8px;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.mini-call b{display:block;font-family:var(--mono);font-size:13px;color:var(--fg);text-transform:none;letter-spacing:0}
.toast{margin-top:10px;display:flex;align-items:center;gap:8px;background:var(--pill);color:var(--pill-fg);border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:600}
.toast i{width:8px;height:8px;border-radius:50%;background:#5CC27A}

/* trust strip */
.trust{padding:40px 0 10px;text-align:center}
.trust p{color:var(--muted);margin:0 0 18px}
.marks{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:0 20px}
.marks span{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp2);font-weight:700;font-size:20px;color:var(--muted);letter-spacing:-.02em}
.marks svg{width:28px;height:28px}

/* split sections */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.split.rev>:first-child{order:2}
.eye{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
.eye::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--green);transform:rotate(45deg)}
.h-l{font-size:clamp(32px,4.4vw,52px);line-height:1.04;margin-top:14px;color:var(--ink)}
.h-l em{font-style:normal;color:var(--green)}
.p-l{color:var(--muted);font-size:18px;margin:16px 0 0;max-width:520px}
.panel{border-radius:26px;padding:26px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky1),var(--sky2))}
.noise{display:flex;flex-wrap:wrap;gap:10px}
.noise span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:600;font-size:15px;box-shadow:var(--shadow);position:relative}
.noise span.x{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--down);text-decoration-thickness:2px}
.noise span.ok{background:var(--pill);color:var(--pill-fg);border-color:var(--pill)}
.float{animation:bob 4s ease-in-out infinite}
.float:nth-child(2n){animation-delay:-1.5s}.float:nth-child(3n){animation-delay:-2.6s}
@keyframes bob{50%{transform:translateY(-6px)}}

/* feature grid */
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.fcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px}
.fcard .vis{border-radius:16px;background:var(--soft);padding:16px;min-height:170px;display:flex;flex-direction:column;justify-content:center}
.fcard h3{font-size:19px}
.fcard p{margin:0;color:var(--muted);font-size:15.5px}
.phone{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;box-shadow:var(--shadow)}
.phone + .phone{margin-top:8px}
.phone .av{width:30px;height:30px;border-radius:9px;background:var(--green);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.phone b{font-size:13.5px;display:block}.phone small{font-size:12.5px;color:var(--muted)}
.checks2{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.checks2 li{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:14px;font-weight:600}
.checks2 li i{width:20px;height:20px;border-radius:6px;background:var(--green);color:var(--bg);display:grid;place-items:center;font-style:normal;font-size:12px}

/* who list */
.who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;margin-top:34px}
.who img{width:100%;height:460px;object-fit:cover;object-position:60% 30%;border-radius:24px}
.rows{display:grid}
.rows div{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.2fr);gap:14px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.rows div:first-child{border-top:1px solid var(--line)}
.rows small{color:var(--muted);font-weight:700}
.rows b{font-family:var(--disp2);font-size:22px;letter-spacing:-.03em;line-height:1.15}
.rows p{margin:0;color:var(--muted);font-size:15.5px}

/* faq two col */
.faq2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px;align-items:start}
.faq2 details{margin:0}
.center{text-align:center}.center .h-l,.center .p-l{margin-left:auto;margin-right:auto}

/* dark footer */
.dfoot{margin:40px 14px 14px;border-radius:30px;background:#0B110E;color:#C9D4CD;padding:44px 0 0;overflow:hidden}
.dfoot a{color:#E7EFE9}
.dfoot .top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-end}
.dfoot h2{color:#fff;font-size:clamp(30px,4vw,46px);max-width:560px;line-height:1.05}
.dfoot .eye{color:#9DB3A5}
.dfoot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px;margin-top:44px;padding-top:28px;border-top:1px solid #22302A}
.dfoot h4{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#8FA598;margin:0 0 12px;font-family:var(--body)}
.dfoot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:15px}
.dfoot .legal2{margin-top:28px;display:grid;gap:8px;font-size:13.5px;color:#A9B8AF}
.dfoot .pbtn{background:#fff;color:#0B110E;border-color:#fff}
.giant{font-family:var(--disp2);font-weight:700;letter-spacing:-.05em;font-size:clamp(56px,14.5vw,215px);line-height:1.05;color:#fff;margin-top:30px;padding-bottom:.22em;white-space:nowrap;text-align:center;overflow:visible}
.risk-line{max-width:640px;margin:16px auto 0;font-size:13.5px;color:var(--muted)}

@media (max-width:900px){.dash{grid-template-columns:1fr}.dash .side{display:none}.dash .main{grid-template-columns:1fr}.split,.who{grid-template-columns:1fr}.split.rev>:first-child{order:0}.fgrid{grid-template-columns:1fr}.faq2{grid-template-columns:1fr}.who img{height:360px}}
@media (max-width:640px){.hdr2{position:static}.nav2{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.sky{margin:0 8px}.marks{justify-content:center}.rows div{grid-template-columns:40px 1fr}.rows p{grid-column:2}}
@media print{.hdr2{position:static}.float{animation:none}}