@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=IBM+Plex+Mono:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");

:root { --ink:#f5f2e8; --paper:#0e0f12; --lime:#bff057; --muted:#adafa8; --line:rgba(245,242,232,.14); --surface:#1a1c1f; --raised:#26292b; --font-display:"Cormorant Garamond"; --font-sans:"Manrope"; --font-mono:"IBM Plex Mono"; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans),sans-serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid var(--lime); outline-offset:4px; border-radius:4px; }
.wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.site-nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.brand { min-height:44px; display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.02em; }
.brand span,.privacy-mark { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:var(--surface); color:var(--ink); border:1px solid var(--line); font:700 13px var(--font-mono); letter-spacing:.05em; }
nav { display:flex; align-items:center; gap:30px; font-size:13px; font-weight:700; }
nav a,.footer>div a { min-height:44px; display:inline-flex; align-items:center; }
.nav-cta { padding:12px 18px; border:1px solid var(--ink); border-radius:999px; }
.hero { min-height:700px; padding:58px 0 80px; display:grid; grid-template-columns:1.04fr .96fr; gap:48px; align-items:center; }
.eyebrow { margin:0 0 22px; font:700 12px/1.3 var(--font-mono); letter-spacing:.12em; }
h1,h2,h3,blockquote { font-family:var(--font-display),serif; letter-spacing:-.04em; }
h1 { font-size:clamp(60px,6vw,92px); line-height:.88; font-weight:600; margin:0; max-width:760px; }
.lede { max-width:650px; font-size:18px; line-height:1.65; color:var(--muted); margin:34px 0 30px; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.primary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; background:var(--lime); color:#0e0f12; padding:17px 20px; min-width:258px; border:1px solid var(--lime); border-radius:16px; font-size:14px; font-weight:800; box-shadow:0 12px 34px rgba(191,240,87,.13); transition:.18s ease; }
.primary-button:hover { transform:translateY(-2px); box-shadow:0 18px 42px rgba(191,240,87,.2); }
.text-link { min-height:44px; display:inline-flex; align-items:center; font-size:14px; font-weight:800; border-bottom:1px solid currentColor; padding-top:3px; }
.trust-row { display:flex; gap:20px; margin-top:52px; color:var(--muted); font:600 10px var(--font-mono); letter-spacing:.09em; }
.trust-row span+span:before { content:"•"; margin-right:20px; color:var(--ink); }
.hero-visual { min-height:650px; position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-content:center; isolation:isolate; padding:18px 0; }
.orbit { position:absolute; border-radius:50%; border:1px solid var(--line); }
.orbit-one { width:510px; height:510px; }
.orbit-two { width:390px; height:390px; background:var(--lime); border:0; opacity:.92; }
.phone-shell { grid-column:1 / -1; justify-self:center; width:252px; height:517px; padding:7px; border-radius:47px; background:#0a0b0c; box-shadow:0 38px 80px rgba(0,0,0,.30); position:relative; z-index:2; overflow:hidden; }
.phone-shell img { width:100%; height:100%; object-fit:cover; border-radius:40px; }
.phone-island { position:absolute; z-index:3; width:88px; height:25px; border-radius:18px; background:#000; top:17px; left:50%; transform:translateX(-50%); }
.floating-card { position:static; z-index:3; width:180px; background:#151719; color:#f2efe6; border:1px solid #383b3c; border-radius:16px; padding:14px 16px; display:grid; gap:5px; box-shadow:0 18px 35px rgba(0,0,0,.22); user-select:none; }
.floating-card small { color:var(--lime); font:700 9px var(--font-mono); letter-spacing:.1em; }
.floating-card strong { font:600 21px var(--font-display); }
.floating-card span { color:#adafa9; font-size:11px; }
.evidence-card { justify-self:end; }
.protect-card { justify-self:start; }
.statement { background:var(--surface); color:var(--ink); padding:110px 0; }
.statement-grid { display:grid; grid-template-columns:.55fr 1.65fr .8fr; gap:54px; align-items:start; }
.statement blockquote { margin:0; font-size:clamp(44px,5.4vw,78px); line-height:.98; font-weight:600; }
.statement-grid>p:last-child { color:var(--muted); line-height:1.75; margin:5px 0 0; }
.method { padding:126px 0; }
.section-heading { display:grid; grid-template-columns:.8fr 1.5fr .8fr; gap:36px; align-items:end; margin-bottom:64px; }
.section-heading h2,.evidence-grid h2,.privacy h2,.final-cta h2 { font-size:clamp(50px,6vw,82px); line-height:.92; margin:0; font-weight:600; }
.section-heading>p:last-child { color:var(--muted); line-height:1.6; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }
.feature-card { padding:30px 34px 46px 0; min-height:310px; border-bottom:1px solid var(--ink); }
.feature-card+.feature-card { padding-left:34px; border-left:1px solid var(--line); }
.feature-number { font:700 11px var(--font-mono); color:var(--muted); }
.feature-card h3 { font-size:38px; margin:72px 0 16px; font-weight:600; }
.feature-card p { color:var(--muted); line-height:1.7; max-width:320px; }
.evidence-section { background:var(--raised); padding:120px 0; }
.evidence-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:80px; align-items:center; }
.evidence-grid>div:first-child>p:last-child { max-width:540px; line-height:1.75; color:var(--muted); margin-top:30px; }
.evidence-panel { background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:24px; padding:34px; box-shadow:14px 14px 0 var(--lime); }
.panel-top { display:flex; justify-content:space-between; gap:20px; font:700 10px var(--font-mono); color:#9da09a; }
.growing { color:var(--lime); }
.evidence-panel>strong { display:block; font:600 42px/1.02 var(--font-display); margin:48px 0; max-width:540px; }
.bar-row { display:grid; grid-template-columns:72px 1fr 42px; align-items:center; gap:14px; margin:20px 0; font:600 10px var(--font-mono); }
.bar-row i { height:7px; background:var(--raised); border-radius:10px; overflow:hidden; }
.bar-row b { display:block; height:100%; background:var(--lime); }
.bar-row em { font-style:normal; color:var(--muted); }
.evidence-panel>small { display:block; color:var(--muted); border-top:1px solid var(--line); padding-top:22px; margin-top:32px; line-height:1.5; }
.privacy { padding:120px 0; display:grid; grid-template-columns:80px 1fr 1fr; gap:46px; align-items:start; }
.privacy-mark { width:64px; height:64px; }
.privacy-copy { padding-top:38px; }
.privacy-copy p { color:var(--muted); line-height:1.8; margin:0 0 28px; }
.final-cta { background:var(--lime); color:#0e0f12; padding:105px 0; text-align:center; }
.final-cta h2 { max-width:920px; margin:0 auto 46px; }
.primary-button.light { background:#0e0f12; color:#f5f2e8; border-color:#0e0f12; box-shadow:none; }
.footer { padding:70px 0 40px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; align-items:center; }
.footer>p { color:var(--muted); text-align:center; }
.footer>div { display:flex; justify-content:flex-end; gap:22px; font-size:13px; font-weight:700; }
.footer>small { grid-column:1/-1; padding-top:30px; border-top:1px solid var(--line); color:var(--muted); }

.legal-page { min-height:100vh; }
.legal-hero { padding:90px 0 60px; border-bottom:1px solid var(--line); }
.legal-hero h1 { font-size:clamp(58px,8vw,98px); }
.legal-hero .lede { max-width:760px; }
.legal-content { max-width:780px; padding:70px 0 110px; line-height:1.75; }
.legal-content h2 { font:600 34px/1.1 var(--font-display); margin:54px 0 16px; }
.legal-content li { margin:9px 0; }
.legal-note { background:var(--lime); color:#0e0f12; border:1px solid var(--lime); padding:22px; border-radius:16px; margin-bottom:44px; font-weight:700; }
.legal-content a { text-decoration:underline; font-weight:700; }

@media (max-width:900px) {
  .site-nav nav>a:not(.nav-cta) { display:none; }
  .hero { grid-template-columns:1fr; padding-top:58px; overflow:hidden; }
  .hero-visual { min-height:700px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-content:center; place-items:initial; padding:24px 0; }
  .phone-shell { grid-column:1 / -1; justify-self:center; width:260px; height:534px; }
  .floating-card { position:static; width:auto; max-width:none; transform:none; padding:14px 15px; }
  .floating-card strong { font-size:19px; }
  .evidence-card { justify-self:stretch; }
  .protect-card { justify-self:stretch; }
  .statement-grid,.section-heading,.evidence-grid,.privacy { grid-template-columns:1fr; }
  .statement-grid { gap:28px; }
  .section-heading { align-items:start; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card+.feature-card { padding-left:0; border-left:0; }
  .feature-card { min-height:auto; }
  .feature-card h3 { margin-top:40px; }
  .privacy-copy { padding-top:0; }
}
@media (max-width:600px) {
  .wrap { width:min(100% - 32px,1180px); }
  .site-nav { height:74px; }
  .nav-cta { padding:10px 13px; }
  h1 { font-size:57px; }
  .hero { min-height:auto; padding-bottom:70px; }
  .hero-visual { margin:0; min-height:680px; }
  .trust-row { gap:10px; flex-wrap:wrap; }
  .trust-row span+span:before { margin-right:10px; }
  .orbit-one { width:470px;height:470px; }
  .floating-card { max-width:none; }
  .statement,.method,.evidence-section,.privacy { padding-top:82px; padding-bottom:82px; }
  .evidence-panel { padding:25px; box-shadow:8px 8px 0 var(--lime); }
  .evidence-panel>strong { font-size:34px; }
  .panel-top { flex-direction:column; }
  .footer { grid-template-columns:1fr; }
  .footer>p { text-align:left; }
  .footer>div { justify-content:flex-start; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.primary-button{transition:none} }