:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#f7f8fb;background:#07090f;--line:rgba(255,255,255,.09);--muted:#8995a8;--mint:#75f7c8;--violet:#9b8cff;--crit:#ff5f80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#07090f;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 82%)}a{color:inherit;text-decoration:none}.stars{position:absolute;inset:0;z-index:-2;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1.3px);background-size:97px 97px;opacity:.1}.ambient{position:absolute;border-radius:50%;filter:blur(130px);z-index:-3}.a1{width:600px;height:600px;background:#5949e8;opacity:.17;top:-320px;left:20%}.a2{width:520px;height:520px;background:#00c895;opacity:.11;right:-230px;top:500px}nav,main,footer{width:min(1240px,calc(100% - 48px));margin:auto}nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column;gap:3px}.brand b{font-size:19px}.brand small{font-size:7px;letter-spacing:.15em;color:#65d9b3}.logo{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(117,247,200,.32);border-radius:13px;color:var(--mint);background:linear-gradient(145deg,rgba(117,247,200,.12),rgba(155,140,255,.12))}.navlinks{display:flex;gap:34px;color:#929caf;font-size:13px}.launch,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 21px;border-radius:11px;font-size:13px;font-weight:750;transition:.2s}.launch{color:#06110d;background:linear-gradient(135deg,#75f7c8,#a5ffd9);box-shadow:0 12px 35px rgba(80,235,184,.15)}.launch.small{min-height:40px;padding:0 16px}.launch:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(80,235,184,.22)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.025)}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:75px 0 85px}.kicker,.section-head>p,.workflow header p,.cta>p{color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.17em}.kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:9px;background:var(--mint);box-shadow:0 0 14px var(--mint)}h1{margin:24px 0 22px;font-size:clamp(52px,5.6vw,78px);line-height:1.01;letter-spacing:-.062em}h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--mint),#71d9ff 58%,#aa98ff);background-clip:text}.lead{max-width:650px;margin:0;color:#a6b0c0;font-size:17px;line-height:1.75}.actions{display:flex;gap:12px;margin-top:32px}.trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:27px;color:#7f8b9f;font-size:11px}.visual{height:520px;position:relative;border:1px solid rgba(255,255,255,.075);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(105,89,255,.16),transparent 43%),rgba(10,13,21,.64);box-shadow:inset 0 0 80px rgba(0,0,0,.42),0 35px 80px rgba(0,0,0,.32)}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,#000,transparent 72%)}.orbit{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(117,247,200,.15)}.orbit.one{width:290px;height:290px;animation:spin 20s linear infinite}.orbit.two{width:210px;height:210px;border-style:dashed;border-color:rgba(155,140,255,.3);animation:spinrev 14s linear infinite}.core{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;text-align:center;gap:8px;border:1px solid rgba(117,247,200,.38);background:linear-gradient(145deg,rgba(117,247,200,.16),rgba(155,140,255,.2));box-shadow:0 0 65px rgba(117,247,200,.16)}.core span{color:var(--mint);font-size:38px}.core small{font-size:7px;letter-spacing:.18em}.scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(117,247,200,.75),transparent);animation:scan 5s linear infinite}.signal{position:absolute;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:245px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(13,18,29,.9);box-shadow:0 15px 40px rgba(0,0,0,.28)}.s1{top:72px;left:25px;animation:float 5s ease-in-out infinite}.s2{right:20px;top:220px;animation:float 4.7s ease-in-out infinite .5s}.s3{bottom:55px;left:55px;animation:float 5.4s ease-in-out infinite 1s}.signal>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-style:normal}.critical{color:var(--crit);background:rgba(255,95,128,.1)}.policy{color:var(--violet);background:rgba(155,140,255,.1)}.proof{color:var(--mint);background:rgba(117,247,200,.1)}.signal div{display:flex;flex-direction:column;gap:3px}.signal small{font-size:7px;letter-spacing:.12em;color:#657186}.signal b{font-size:10px}.signal em{font-size:7px;font-style:normal;color:var(--crit)}.s2 em{color:var(--violet)}.s3 em{color:var(--mint)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.metrics article{display:flex;align-items:center;gap:12px;padding:25px 27px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics strong{font-size:23px;color:var(--mint)}.metrics span{color:#7f8b9d;font-size:10px}.product{padding:145px 0 120px}.section-head{max-width:700px;margin-bottom:42px}.section-head h2,.workflow h2,.cta h2{margin:10px 0 14px;font-size:clamp(38px,4vw,54px);line-height:1.08;letter-spacing:-.05em}.section-head>span{color:#8793a6;font-size:15px;line-height:1.7}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{min-height:285px;padding:32px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.012))}.card.wide{grid-column:1/-1;min-height:420px;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.card>small{font-size:9px;letter-spacing:.15em;font-weight:800;color:var(--mint)}.card h3{margin:13px 0 12px;font-size:25px}.card p{margin:0;color:#8793a6;font-size:13px;line-height:1.75}.card ul{padding:0;list-style:none;display:grid;gap:10px;color:#a5afbe;font-size:11px}.card li:before{content:"✓";color:var(--mint);margin-right:10px}.icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:42px;border:1px solid rgba(117,247,200,.2);border-radius:12px;color:var(--mint)}.icon.violet{color:var(--violet)}.code{position:relative;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#090d15}.code header{height:45px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--line)}.code header i{width:7px;height:7px;border-radius:50%;background:var(--crit)}.code header i:nth-child(2){background:#ffd166}.code header i:nth-child(3){background:var(--mint)}.code header span{margin-left:8px;color:#68758a;font-size:9px}.code pre{margin:0;padding:24px 20px 55px;color:#aeb9ca;font:11px/2 Consolas,monospace}.code pre b{display:inline-block;width:28px;color:#3d485b}.code mark{color:#ff91a8;background:rgba(255,95,128,.1)}.code label{position:absolute;right:18px;bottom:18px;padding:9px 12px;border:1px solid rgba(255,95,128,.22);border-radius:8px;color:#ff7f99;background:rgba(255,95,128,.08);font-size:8px}.workflow{padding:90px 0 130px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid var(--line)}.workflow ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.workflow li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.workflow li>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(117,247,200,.18);border-radius:10px;color:var(--mint);font-size:9px}.workflow li p{margin:7px 0 0;color:#778497;font-size:11px}.cta{margin-bottom:120px;padding:95px 25px;text-align:center;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 110%,rgba(117,247,200,.1),transparent 45%)}.cta h2{margin-bottom:28px}.cta small{display:block;margin-top:17px;color:#637086;font-size:9px}footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer p{color:#6f7b8f;font-size:11px}footer>div{display:flex;gap:22px;color:#8d98aa;font-size:11px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinrev{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes scan{0%{top:5%;opacity:0}10%,85%{opacity:1}100%{top:95%;opacity:0}}@keyframes float{50%{transform:translateY(-8px)}}@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.card.wide,.workflow{grid-template-columns:1fr}.workflow{gap:35px}}@media(max-width:620px){nav,main,footer{width:calc(100% - 28px)}.hero{padding:60px 0}.hero h1{font-size:46px}.actions{flex-direction:column}.visual{height:410px}.signal{min-width:210px}.s1{left:8px}.s2{right:6px}.s3{left:22px}.metrics,.cards{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}.card.wide{grid-column:auto;padding:23px}.code pre{font-size:9px;overflow:auto}.cta{padding:70px 15px}footer{padding:28px 0;gap:22px;align-items:flex-start;flex-direction:column}}
:where(.feature-strip){display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip article{display:flex;align-items:flex-start;gap:14px;padding:26px 28px;border-right:1px solid var(--line)}.feature-strip article:last-child{border-right:0}.feature-strip i{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(117,247,200,.18);border-radius:11px;color:var(--mint);background:rgba(117,247,200,.04);font-style:normal}.feature-strip div{display:flex;flex-direction:column;gap:6px}.feature-strip b{font-size:13px}.feature-strip span{color:#788397;font-size:10px;line-height:1.55}@media(max-width:900px){.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip article:nth-child(2){border-right:0}}@media(max-width:620px){.feature-strip{grid-template-columns:1fr}.feature-strip article{border-right:0;border-bottom:1px solid var(--line)}}

/* Keep the animated starfield visible inside the landing-page background. */
body{position:relative;isolation:isolate}body:before{z-index:0;pointer-events:none}.starfield{z-index:0!important}.ambient{z-index:0}nav,main,footer{position:relative;z-index:1}
:where(.starfield){position:fixed;inset:-12%;pointer-events:none;z-index:-2;mix-blend-mode:screen;background-repeat:repeat}.starfield-a{opacity:.62;background-image:radial-gradient(circle,rgba(255,255,255,.74) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(117,247,200,.6) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(155,140,255,.54) 0 1px,transparent 1.8px);background-position:13px 19px,71px 43px,121px 97px;background-size:155px 155px,221px 221px,287px 287px;animation:landingStarsDrift 48s linear infinite,landingStarTwinkle 8.5s ease-in-out infinite}.starfield-b{opacity:.3;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.55px);background-size:103px 103px;background-position:35px 17px;animation:landingStarsReverse 72s linear infinite,landingStarTwinkle 11s ease-in-out infinite reverse}.starfield-c{opacity:.25;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.65px),radial-gradient(circle,rgba(117,247,200,.72) 0 1.15px,transparent 1.85px),radial-gradient(circle,rgba(155,140,255,.68) 0 1px,transparent 1.8px);background-size:370px 370px,520px 520px,690px 690px;background-position:41px 73px,183px 211px,317px 119px;animation:landingStarParallax 88s linear infinite,landingStarTwinkle 7s ease-in-out infinite}@keyframes landingStarsDrift{to{transform:translate3d(-90px,120px,0)}}@keyframes landingStarsReverse{to{transform:translate3d(70px,-100px,0)}}@keyframes landingStarParallax{to{transform:translate3d(-120px,80px,0)}}@keyframes landingStarTwinkle{0%,100%{filter:brightness(.85);opacity:.32}50%{filter:brightness(1.2);opacity:.7}}@media(prefers-reduced-motion:reduce){.starfield{animation:none!important}}

/* Homepage privacy pipeline */
.flow-hero{min-height:0;grid-template-columns:minmax(0,1fr) 330px;gap:80px;padding:90px 0 62px}.flow-hero .hero-copy h1{max-width:900px;margin:0;font-size:clamp(56px,6vw,88px)}.flow-hero .visual{display:none}.flow-hero .hero-copy{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:80px;align-items:end}.flow-hero .actions,.flow-hero .trust{grid-column:2}.flow-hero .actions{grid-row:1;margin:0 0 70px}.flow-hero .trust{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0}.privacy-flow{position:relative;width:100%;height:550px;border-top:1px solid rgba(117,247,200,.18);border-bottom:1px solid rgba(117,247,200,.18);overflow:hidden;background:linear-gradient(180deg,rgba(8,18,27,.82),rgba(7,15,23,.66)),linear-gradient(90deg,rgba(117,247,200,.025) 1px,transparent 1px),linear-gradient(rgba(117,247,200,.025) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;box-shadow:inset 0 1px rgba(255,255,255,.02),inset 0 -80px 120px rgba(0,0,0,.22)}.flow-lines{position:absolute;inset:0;width:100%;height:100%}.route{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}.route-neutral{stroke:#263b4a}.route-risk{stroke:#ff526f}.route-safe{stroke:#2ff0bd}.junction{fill:#08111a;stroke-width:3}.junction.neutral{stroke:#9fb0bc}.flow-packet.neutral{fill:#e8f2f3}.flow-packet.risk{fill:#ff526f;filter:drop-shadow(0 0 7px rgba(255,82,111,.7))}.flow-packet.safe{fill:#2ff0bd;filter:drop-shadow(0 0 7px rgba(47,240,189,.65))}.flow-node{position:absolute;width:170px;padding:14px 12px 13px;border-top:1px solid #263b4a;border-bottom:1px solid #263b4a;background:rgba(7,15,23,.9)}.flow-node small{display:block;margin-bottom:12px;color:#72869a;font:9px/1.1 Consolas,monospace;letter-spacing:.17em}.flow-node b{display:block;font-size:18px;line-height:1.15}.flow-node span{display:block;margin-top:9px;color:#a1afbc;font:9px/1.2 Consolas,monospace}.node-source{left:2.2%;top:224px}.node-trace{left:27%;top:48px}.node-action{left:52%;top:222px}.node-finding{left:43%;top:384px}.node-policy{left:65%;top:48px}.node-proof{right:2.2%;top:224px}.node-finding b{color:#ff7b91}.node-policy b,.node-proof b{color:#cffff2}.flow-caption{position:absolute;bottom:14px;color:#607688;font:8px/1 Consolas,monospace;letter-spacing:.08em}.caption-left{left:16px}.caption-right{right:16px}.privacy-flow:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,9,15,.35),transparent 12%,transparent 88%,rgba(7,9,15,.35))}.product{padding-top:125px}
@media(max-width:980px){.flow-hero,.flow-hero .hero-copy{display:block}.flow-hero .actions{margin-top:28px}.flow-hero .trust{display:flex;margin-top:24px}.privacy-flow{height:auto;min-height:540px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:28px 18px 55px}.flow-lines{display:none}.flow-node{position:relative;inset:auto;width:auto;min-height:112px}.node-finding{border-color:rgba(255,82,111,.45)}.node-policy,.node-proof{border-color:rgba(47,240,189,.4)}}
@media(max-width:620px){.flow-hero{padding:58px 0}.flow-hero .hero-copy h1{font-size:clamp(43px,13vw,58px)}.flow-hero .trust{display:grid}.privacy-flow{grid-template-columns:1fr}.flow-caption{display:none}}
@media(prefers-reduced-motion:reduce){.flow-packet{display:none}}

/* Hallmark · atmospheric motion · restrained project telemetry rain */
.veil-rain{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.55) 72%,transparent 98%)}
@media(max-width:620px){.veil-rain{opacity:.68}}
@media(prefers-reduced-motion:reduce){.veil-rain{display:none}}
.starfield{display:none!important}
.ambient{display:none!important}

/* Hallmark · typography and primary-action refinement */
:root{--font-body:"Manrope","Segoe UI",system-ui,sans-serif;--font-display:"Space Grotesk","Manrope",system-ui,sans-serif;--launch-start:#00e89c;--launch-mid:#30efb1;--launch-end:#78f6ca;--launch-hover-start:#12f2a9;--launch-hover-mid:#47f7bd;--launch-hover-end:#91fbd6;--launch-ink:#02150e;--launch-ring:rgba(48,239,177,.48)}
body{font-family:var(--font-body)}
h1,.section-head h2,.workflow h2,.cta h2,.card h3,.flow-node b{font-family:var(--font-display);font-weight:700}
.flow-hero .hero-copy h1{letter-spacing:-.052em;font-weight:700}
.launch{font-family:var(--font-body);font-weight:800;color:var(--launch-ink);background:linear-gradient(120deg,var(--launch-start),var(--launch-mid) 52%,var(--launch-end));border:1px solid rgba(120,246,202,.58);box-shadow:0 10px 28px rgba(0,232,156,.2),inset 0 1px rgba(255,255,255,.4)}
.launch:hover{background:linear-gradient(120deg,var(--launch-hover-start),var(--launch-hover-mid) 52%,var(--launch-hover-end));box-shadow:0 14px 36px rgba(18,242,169,.3),inset 0 1px rgba(255,255,255,.5)}
.launch:focus-visible{outline:3px solid var(--launch-ring);outline-offset:3px}

/* Hallmark · pre-emit critique: P5 H5 E5 S4 R5 V4 */
/* Hero alignment refinement: keep the CTA and trust signals as one visual unit. */
@media(min-width:981px){
  .flow-hero .hero-copy{
    position:relative;
    display:block;
    grid-template-columns:minmax(0,860px) minmax(280px,1fr);
    grid-template-rows:1fr auto;
    column-gap:clamp(56px,7vw,110px);
    align-items:stretch;
  }
  .flow-hero .hero-copy h1{
    width:calc(100% - 390px);
  }
  .flow-hero .actions{
    position:absolute;
    right:0;
    top:50%;
    width:320px;
    margin:-76px 0 0;
  }
  .flow-hero .trust{
    position:absolute;
    right:0;
    top:50%;
    width:320px;
    margin:0;
    padding-top:20px;
    border-top:1px solid var(--line);
  }
}

/* Hallmark · persistent full-width navigation */
nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  width:100%;
  max-width:none;
  margin:0;
  padding-right:max(24px,calc((100vw - 1240px)/2));
  padding-left:max(24px,calc((100vw - 1240px)/2));
  background:rgba(7,9,15,.28);
  border-bottom:1px solid rgba(117,247,200,.15);
  box-shadow:none;
  backdrop-filter:blur(8px);
}
main{padding-top:82px}
@media(max-width:620px){nav{padding-right:14px;padding-left:14px}main{padding-top:82px}}

/* Hallmark · single-line headline over the flow, action anchored inside */
main>.flow-hero{order:-2}
main>.privacy-flow{order:-1;margin-top:0}
.flow-hero{padding:38px 0 26px}
.flow-hero .visual,.flow-hero .actions,.flow-hero .trust{display:none}
.flow-trust{position:absolute;z-index:2;left:18px;bottom:48px;display:flex;flex-wrap:wrap;gap:10px 18px;color:#8090a1;font-size:10px}
.flow-launch{position:absolute;z-index:3;right:22px;bottom:38px;min-width:150px}
@media(min-width:981px){
  .flow-hero .hero-copy{display:block;min-height:0}
  .flow-hero .hero-copy h1{width:100%;max-width:none;margin:0;white-space:nowrap;font-size:clamp(24px,2.65vw,34px);line-height:1.05;letter-spacing:-.04em}
}

/* Final system header layout. */
main>.flow-hero{padding:0 0 34px}
@media(min-width:981px){
  .flow-hero .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto;gap:0 90px;align-items:end;min-height:0}
  .flow-hero .hero-copy:before{grid-column:1;grid-row:1}
  .flow-hero .hero-copy h1{grid-column:1;grid-row:2;width:auto;max-width:720px;white-space:normal;font-size:clamp(44px,4.6vw,62px);line-height:1.02;letter-spacing:-.055em}
  .flow-intro-copy{grid-column:2;grid-row:1 / 3;align-self:end;padding-bottom:4px}
}
@media(max-width:980px){main>.flow-hero{padding:0 0 28px}.flow-intro-copy{margin-top:20px}}

/* Hallmark · split hero restoration · technical atmospheric */
.brand{gap:12px}
nav .logo,footer .logo{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;overflow:hidden;font-size:0;color:transparent;border:1px solid rgba(117,247,200,.32);border-radius:13px;background:linear-gradient(145deg,rgba(117,247,200,.12),rgba(155,140,255,.12))!important;box-shadow:none}
nav .logo:before,nav .logo:after,footer .logo:before,footer .logo:after{content:"";position:absolute;display:block!important;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
nav .logo:before,footer .logo:before{width:15px;height:15px;border:1px solid #4fe1bb;background:linear-gradient(145deg,rgba(79,225,187,.2),rgba(104,148,255,.16));box-shadow:0 0 14px rgba(79,225,187,.24)}
nav .logo:after,footer .logo:after{width:5px;height:5px;background:#a5f4dd;box-shadow:0 0 10px rgba(165,244,221,.72)}
.brand b{font-family:var(--font-display)!important;font-size:20px;font-weight:700!important;letter-spacing:-.045em!important}
.brand small{font-family:var(--font-body);font-size:8px;font-weight:700;letter-spacing:.18em;color:#58cdae}

main>.flow-hero{order:initial;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(48px,6vw,88px);align-items:center;min-height:650px;padding:72px 0 88px}
.flow-hero .hero-copy{display:block!important;grid-column:auto;min-width:0;min-height:0}
.flow-hero .hero-copy:before{display:inline-flex;margin-bottom:20px}
.flow-hero .hero-copy h1{width:auto!important;max-width:700px!important;margin:0!important;white-space:normal!important;font-size:clamp(52px,5.3vw,74px)!important;line-height:1.01!important;letter-spacing:-.058em!important;overflow-wrap:anywhere}
.flow-intro-copy{max-width:620px;margin:24px 0 0!important;padding:0!important;color:#9ba7b7;font-size:15px;line-height:1.72}
.flow-hero .actions,.flow-hero .trust{display:none!important}
.flow-hero .visual{display:block!important;width:100%;height:500px;border-radius:24px;background:radial-gradient(circle at 50% 48%,rgba(105,89,255,.14),transparent 43%),rgba(8,13,20,.44);box-shadow:inset 0 0 78px rgba(0,0,0,.35),0 28px 68px rgba(0,0,0,.22);backdrop-filter:blur(2px)}
.flow-hero .visual:after{content:"LOCAL · DETERMINISTIC";position:absolute;right:18px;bottom:14px;color:#607688;font:700 7px/1 var(--font-body);letter-spacing:.16em}
.product{padding-top:92px}
@media(max-width:980px){main>.flow-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding:54px 0 72px}.flow-hero .hero-copy h1{max-width:760px!important;font-size:clamp(44px,8vw,66px)!important}.flow-hero .visual{max-width:680px;height:460px}.product{padding-top:72px}}
@media(max-width:620px){main>.flow-hero{padding:42px 0 56px}.flow-hero .hero-copy h1{font-size:clamp(38px,12vw,52px)!important}.flow-intro-copy{font-size:14px}.flow-hero .visual{height:380px;border-radius:18px}.flow-hero .orbit.one{width:230px;height:230px}.flow-hero .orbit.two{width:166px;height:166px}.flow-hero .core{width:82px;height:82px}.flow-hero .core span{font-size:28px}.flow-hero .signal{min-width:210px;padding:9px 10px}.flow-hero .s1{top:32px;left:8px}.flow-hero .s2{right:6px;top:168px}.flow-hero .s3{bottom:28px;left:18px}}


/* v3.2 homepage definitive cascade lock. */
nav.landing-topbar{background:rgba(7,9,15,.28);border-bottom-color:rgba(117,247,200,.1);box-shadow:none;backdrop-filter:blur(8px)}
main>.flow-hero{order:-4!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;gap:clamp(54px,6vw,100px)!important;align-items:center;min-height:calc(100vh - clamp(64px,4.1vh,88px));padding:clamp(58px,7vh,100px) 0 clamp(70px,8vh,120px)!important}
main>.cta{order:initial!important}
.flow-hero .hero-copy{display:block!important;position:static!important;min-height:0!important}
.flow-hero .hero-copy:before{display:none!important}
.flow-hero .release-badge{display:inline-flex!important}
.flow-hero .hero-copy h1{width:auto!important;max-width:760px!important;margin:0!important;color:#cbd1dc!important;white-space:normal!important;font-size:clamp(54px,5.1vw,82px)!important;line-height:.94!important;letter-spacing:-.06em!important;overflow-wrap:normal!important}
.flow-hero .hero-copy h1 em{display:inline;color:transparent!important;background:linear-gradient(90deg,#75f7c8 0%,#6fd5ff 52%,#b29cff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.flow-hero .flow-intro-copy{display:block!important;max-width:660px!important;margin:26px 0 0!important;padding:0!important;color:#aeb8c8!important;font-size:17px!important;line-height:1.9!important}
.flow-hero .hero-actions{display:flex!important;position:static!important;width:auto!important;margin:30px 0 0!important;padding:0!important;gap:12px!important;border:0!important}
.flow-hero .hero-trust{display:flex!important;position:static!important;width:auto!important;margin:24px 0 0!important;padding:0!important;gap:12px 22px!important;border:0!important}
.flow-hero .ascension-visual{display:block!important;width:100%!important;height:clamp(470px,48vh,620px)!important}
@media(max-width:980px){main>.flow-hero{grid-template-columns:1fr!important;min-height:0}.flow-hero .hero-copy h1{font-size:clamp(46px,8vw,68px)!important}.flow-hero .ascension-visual{max-width:none!important}.landing-nav-actions .ghost-link,.landing-version{display:none}}
@media(max-width:620px){main>.flow-hero{padding:42px 0 56px!important}.flow-hero .hero-copy h1{font-size:clamp(40px,12vw,54px)!important}.flow-hero .flow-intro-copy{font-size:14px!important;line-height:1.7!important}.flow-hero .hero-actions,.flow-hero .hero-trust{flex-direction:column;align-items:stretch}.flow-hero .hero-actions a{width:100%}.flow-hero .ascension-visual{height:390px!important}}

/* v3.2 homepage final lock — intentionally last in the cascade. */
nav.landing-topbar{background:rgba(7,9,15,.28);border-bottom-color:rgba(117,247,200,.1);box-shadow:none;backdrop-filter:blur(8px)}
main>.flow-hero{order:-4!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;gap:clamp(54px,6vw,100px)!important;align-items:center;min-height:calc(100vh - clamp(64px,4.1vh,88px));padding:clamp(58px,7vh,100px) 0 clamp(70px,8vh,120px)!important}
main>.cta{order:initial!important}
.flow-hero .hero-copy{display:block!important;position:static!important;min-height:0!important}
.flow-hero .hero-copy:before{display:none!important}
.flow-hero .release-badge{display:inline-flex!important}
.flow-hero .hero-copy h1{width:auto!important;max-width:760px!important;margin:0!important;color:#cbd1dc!important;white-space:normal!important;font-size:clamp(54px,5.1vw,82px)!important;line-height:.94!important;letter-spacing:-.06em!important;overflow-wrap:normal!important}
.flow-hero .hero-copy h1 em{display:inline;color:transparent!important;background:linear-gradient(90deg,#75f7c8 0%,#6fd5ff 52%,#b29cff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.flow-hero .flow-intro-copy{display:block!important;max-width:660px!important;margin:26px 0 0!important;padding:0!important;color:#aeb8c8!important;font-size:17px!important;line-height:1.9!important}
.flow-hero .hero-actions{display:flex!important;position:static!important;width:auto!important;margin:30px 0 0!important;padding:0!important;gap:12px!important;border:0!important}
.flow-hero .hero-trust{display:flex!important;position:static!important;width:auto!important;margin:24px 0 0!important;padding:0!important;gap:12px 22px!important;border:0!important}
.flow-hero .ascension-visual{display:block!important;width:100%!important;height:clamp(470px,48vh,620px)!important}
@media(max-width:980px){main>.flow-hero{grid-template-columns:1fr!important;min-height:0}.flow-hero .hero-copy h1{font-size:clamp(46px,8vw,68px)!important}.flow-hero .ascension-visual{max-width:none!important}.landing-nav-actions .ghost-link,.landing-version{display:none}}
@media(max-width:620px){main>.flow-hero{padding:42px 0 56px!important}.flow-hero .hero-copy h1{font-size:clamp(40px,12vw,54px)!important}.flow-hero .flow-intro-copy{font-size:14px!important;line-height:1.7!important}.flow-hero .hero-actions,.flow-hero .hero-trust{flex-direction:column;align-items:stretch}.flow-hero .hero-actions a{width:100%}.flow-hero .ascension-visual{height:390px!important}}

/* v3.2 landing integration — shared visual language with the Privacy OS engine. */
:root{
  --landing-content-max:clamp(1240px,84vw,2400px);
  --landing-side-gap:clamp(24px,3vw,96px);
}
body{color:#cbd1dc;background:#07090f}
nav,main,footer{width:min(var(--landing-content-max),calc(100% - (var(--landing-side-gap) * 2)))}
nav.landing-topbar{
  height:clamp(64px,4.1vh,88px);
  padding-right:max(var(--landing-side-gap),calc((100vw - var(--landing-content-max))/2));
  padding-left:max(var(--landing-side-gap),calc((100vw - var(--landing-content-max))/2));
  background:rgba(7,9,15,.28);
  border-bottom:1px solid rgba(117,247,200,.1);
  box-shadow:none;
  backdrop-filter:blur(8px);
}
.landing-topbar .brand b{color:#f7fbff!important}
.landing-topbar .navlinks{color:#c2ccda}
.landing-topbar .navlinks a:hover{color:#f4fffb}
.landing-nav-actions{display:flex;align-items:center;gap:10px}
.ghost-link,.landing-version{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid rgba(218,232,246,.16);border-radius:10px;background:rgba(9,14,22,.16);color:#dce4ee;font-size:13px}
.landing-version{min-width:54px;padding:0 12px;color:#bdfbe5;border-color:rgba(117,247,200,.25);background:rgba(117,247,200,.04);font-weight:800}
.landing-topbar .launch.small{min-height:42px}
main{padding-top:clamp(64px,4.1vh,88px)}
main>.flow-hero{
  order:-4!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;
  gap:clamp(54px,6vw,100px)!important;
  align-items:center;
  min-height:calc(100vh - clamp(64px,4.1vh,88px));
  padding:clamp(58px,7vh,100px) 0 clamp(70px,8vh,120px)!important;
}
main>.cta{order:initial!important}
.flow-hero .hero-copy{display:block!important}
.flow-hero .hero-copy:before{display:none!important}
.release-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-bottom:30px;padding:9px 12px;border:1px solid rgba(54,214,170,.3);border-radius:999px;background:rgba(54,214,170,.05);color:#bff8e8;font-size:11px;font-weight:800;letter-spacing:.015em}
.release-badge i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.release-badge span{color:#87f4d5}
.flow-hero .hero-copy h1{max-width:760px!important;color:#cbd1dc!important;font-size:clamp(54px,5.1vw,82px)!important;line-height:.94!important;letter-spacing:-.06em!important;overflow-wrap:normal!important}
.flow-hero .hero-copy h1 em{display:inline;color:transparent!important;background:linear-gradient(90deg,#75f7c8 0%,#6fd5ff 52%,#b29cff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.flow-intro-copy{max-width:660px!important;margin:26px 0 0!important;color:#aeb8c8!important;font-size:17px!important;line-height:1.9!important}
.flow-hero .hero-actions{display:flex!important;position:static!important;width:auto!important;margin:30px 0 0!important;gap:12px!important}
.flow-hero .hero-trust{display:flex!important;position:static!important;width:auto!important;margin:24px 0 0!important;padding:0!important;border:0!important;gap:12px 22px!important;color:#8290a3!important;font-size:11px!important}
.hero-upload{color:#d5deea;background:rgba(9,14,22,.34)}
.flow-hero .ascension-visual{display:block!important;height:clamp(470px,48vh,620px)!important;border:1px solid rgba(117,247,200,.1)!important;border-radius:28px!important;background:radial-gradient(circle at 50% 48%,rgba(78,104,170,.16),transparent 32%),rgba(6,11,18,.34)!important;box-shadow:inset 0 0 90px rgba(0,0,0,.36)!important;backdrop-filter:none!important}
.ascension-visual .orbit.one{width:310px;height:310px;border-color:rgba(117,247,200,.12)}
.ascension-visual .orbit.two{width:220px;height:220px;border-color:rgba(155,140,255,.25)}
.ascension-visual .core{width:102px;height:102px;background:linear-gradient(145deg,rgba(117,247,200,.14),rgba(155,140,255,.18));border-color:rgba(117,247,200,.3)}
.ascension-visual .core span{font-size:38px}
.system-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(10,16,27,.9);box-shadow:0 14px 34px rgba(0,0,0,.24);animation:float 5.2s ease-in-out infinite}
.system-tag b{color:#edf3fa;font-size:10px}.system-tag span{color:#8390a2;font-size:9px}.system-tag em{color:var(--mint);font-size:8px;font-style:normal;font-weight:800}
.genome-tag{left:28px;top:72px}.genome-tag em{color:var(--crit)}
.shadow-tag{right:20px;top:215px;animation-delay:.6s}.shadow-tag em{color:var(--violet)}
.passport-tag{left:60px;bottom:58px;animation-delay:1.1s}
.veil-rain{opacity:.54;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
@media(min-width:2200px){:root{--landing-content-max:1680px}.landing-topbar .logo{width:54px!important;height:54px!important;flex-basis:54px!important}.landing-topbar .brand b{font-size:clamp(20px,.8vw,27px)!important}.landing-topbar .brand small{font-size:clamp(8px,.34vw,11px)!important}}
@media(min-width:3200px){:root{--landing-content-max:2400px}.flow-hero .hero-copy h1{font-size:clamp(82px,3.2vw,110px)!important}.flow-intro-copy{font-size:22px!important}.flow-hero .ascension-visual{height:760px!important}}
@media(max-width:980px){main>.flow-hero{grid-template-columns:1fr!important;min-height:0}.flow-hero .hero-copy h1{font-size:clamp(46px,8vw,68px)!important}.flow-hero .ascension-visual{max-width:none!important}.landing-nav-actions .ghost-link,.landing-version{display:none}}
@media(max-width:620px){:root{--landing-side-gap:14px}.landing-topbar .navlinks{display:none}.landing-topbar .launch.small{padding:0 12px}.flow-hero .hero-copy h1{font-size:clamp(40px,12vw,54px)!important}.flow-intro-copy{font-size:14px!important;line-height:1.7!important}.flow-hero .hero-actions,.flow-hero .hero-trust{flex-direction:column;align-items:stretch}.flow-hero .hero-actions a{width:100%}.flow-hero .ascension-visual{height:390px!important}.genome-tag{left:8px;top:34px}.shadow-tag{right:6px;top:162px}.passport-tag{left:18px;bottom:30px}.system-tag{padding:0 10px}.system-tag span{font-size:8px}}

html,body{overflow-x:clip}
.flow-hero h1 em{color:var(--mint);background:none}
.launch,.navlinks a,footer a{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.flow-hero .orbit,.flow-hero .signal,.flow-hero .scanline{animation:none!important}}

/* Final original-logo lock. */
nav .logo,footer .logo{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;overflow:visible;font-size:16px!important;color:var(--mint)!important;border:1px solid rgba(117,247,200,.32);border-radius:13px;background:linear-gradient(145deg,rgba(117,247,200,.12),rgba(155,140,255,.12))!important;box-shadow:none}
nav .logo:before,nav .logo:after,footer .logo:before,footer .logo:after{display:none!important}

/* Keep the custom VeilForge wordmark above legacy brand rules. */
.brand b{font-family:"Michroma",var(--font-display)!important;font-weight:400;letter-spacing:-.07em}
.brand small{font-family:var(--font-body);font-weight:700;letter-spacing:.27em;color:#59bdb5}

/* Generated VeilForge energy-forge emblem. */
.logo{overflow:hidden;font-size:0;color:transparent;border-radius:14px;background:#04090f url("./assets/veilforge-mark-v2.png") center/cover no-repeat;box-shadow:0 0 24px rgba(36,218,215,.2)}
.logo:before,.logo:after{display:none}

/* Original VeilForge mark — restored by request. */
.logo{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;overflow:visible;font-size:16px;color:var(--mint);border:1px solid rgba(117,247,200,.32);border-radius:13px;background:linear-gradient(145deg,rgba(117,247,200,.12),rgba(155,140,255,.12));box-shadow:none}
.logo:before,.logo:after{display:none}

/* Hallmark · studied brand lockup: radiant diamond + wide technical wordmark */
@font-face{font-family:"Michroma";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/michroma-400.ttf") format("truetype")}
.brand{gap:14px}
.logo{width:50px;height:50px;flex:0 0 50px;border:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(105,255,238,.18),transparent 28%),conic-gradient(from 25deg,transparent,rgba(34,214,205,.2),transparent 28%,rgba(81,143,255,.16),transparent 62%,rgba(61,232,207,.18),transparent);box-shadow:0 0 24px rgba(45,224,208,.18),inset 0 0 18px rgba(42,171,181,.12)}
.logo:before{width:25px;height:25px;border:2px solid #8ef8ee;background:rgba(27,189,191,.08);box-shadow:inset 0 0 0 5px rgba(59,187,202,.22),0 0 0 5px rgba(54,151,179,.42),0 0 18px rgba(77,240,226,.56)}
.logo:after{width:9px;height:9px;background:#c6fff8;box-shadow:0 0 7px 3px #55eadf,0 0 18px 8px rgba(72,218,221,.42)}
.brand b{font-family:"Michroma",var(--font-display);font-size:18px;font-weight:400;letter-spacing:-.07em}
.brand small{font-family:var(--font-body);font-size:8px;font-weight:700;letter-spacing:.27em;color:#59bdb5}
@media(max-width:620px){.logo{width:44px;height:44px;flex-basis:44px}.brand b{font-size:15px}.brand small{font-size:7px}}

/* Final vertical centering. */
main>.flow-hero{padding-top:70px;padding-bottom:30px}
@media(max-width:980px){main>.flow-hero{padding-top:48px}}

/* Hallmark · CTA first, diagnostic flow second */
main>.cta{order:initial;margin-top:44px;margin-bottom:72px}
main>.flow-hero{order:-2}
main>.privacy-flow{order:-1}
.flow-launch{display:none!important}
@media(max-width:620px){main>.cta{margin-top:24px;margin-bottom:48px}}

/* Hallmark · studied-DNA: centered mission hero followed by split system view */
main>.cta{min-height:560px;margin-top:32px;margin-bottom:96px;padding:78px 24px 54px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:0;border-left:0;border-radius:0;background:radial-gradient(circle at 50% 22%,rgba(16,201,151,.09),transparent 36%),linear-gradient(180deg,rgba(7,9,15,.34),rgba(7,9,15,.12))}
.cta>p{margin:0 0 22px;padding:8px 13px;border:1px solid rgba(54,214,170,.34);border-radius:999px;background:rgba(16,201,151,.06);font-size:9px;letter-spacing:.14em}
.cta h2{max-width:900px;margin:0;text-wrap:balance;font-size:clamp(52px,6vw,78px);line-height:.98;letter-spacing:-.065em}
.cta>.launch{margin-top:30px}
.cta>small{max-width:620px;margin-top:18px;color:#9aa7b7;font-size:14px;line-height:1.7}
.cta-proof-strip{width:min(720px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(8,13,19,.56)}
.cta-proof-strip>span{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-right:1px solid var(--line);text-align:center}
.cta-proof-strip>span:last-child{border-right:0}
.cta-proof-strip b{font-family:var(--font-display);font-size:15px}
.cta-proof-strip small{margin:0;color:#718094;font-size:9px;line-height:1.4}

main>.flow-hero{padding:0 0 34px}
.flow-hero .hero-copy:before{content:"PRIVACY OPERATING SYSTEM";grid-column:1;grid-row:1;display:inline-flex;justify-self:start;margin-bottom:14px;padding:7px 11px;border:1px solid rgba(54,214,170,.3);border-radius:999px;color:var(--mint);background:rgba(16,201,151,.05);font:700 9px/1 var(--font-body);letter-spacing:.13em}
.flow-intro-copy{margin:0;color:#9ba7b7;font-size:14px;line-height:1.75}
@media(min-width:981px){
  .flow-hero .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto;gap:0 90px;align-items:end}
  .flow-hero .hero-copy h1{grid-column:1;grid-row:2;width:auto;max-width:720px;white-space:normal;font-size:clamp(44px,4.6vw,62px);line-height:1.02;letter-spacing:-.055em}
  .flow-intro-copy{grid-column:2;grid-row:1 / 3;align-self:end;padding-bottom:4px}
}
.privacy-flow{border-radius:18px}
@media(max-width:980px){
  main>.cta{min-height:520px;margin-bottom:72px;padding:64px 20px 46px}
  .flow-hero .hero-copy:before{display:inline-flex}
  .flow-intro-copy{margin-top:20px;max-width:680px}
}
@media(max-width:620px){
  main>.cta{min-height:0;margin-top:18px;margin-bottom:56px;padding:58px 14px 34px}
  .cta h2{font-size:clamp(42px,13vw,58px)}
  .cta-proof-strip{grid-template-columns:1fr}
  .cta-proof-strip>span{border-right:0;border-bottom:1px solid var(--line)}
  .cta-proof-strip>span:last-child{border-bottom:0}
  .privacy-flow{border-radius:14px}
}

/* Hallmark · VeilForge brand refinement */
.logo{position:relative;overflow:hidden;font-size:0;color:transparent;border-color:rgba(71,224,184,.42);border-radius:12px;background:linear-gradient(145deg,rgba(22,46,48,.94),rgba(12,19,29,.96));box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.22)}
.logo:before,.logo:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.logo:before{width:15px;height:15px;border:1px solid #4fe1bb;background:linear-gradient(145deg,rgba(79,225,187,.2),rgba(104,148,255,.16));box-shadow:0 0 14px rgba(79,225,187,.24)}
.logo:after{width:5px;height:5px;background:#a5f4dd;box-shadow:0 0 10px rgba(165,244,221,.72)}
.brand b{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.045em}
.brand small{font-family:var(--font-body);font-weight:700;letter-spacing:.18em;color:#58cdae}

.privacy-flow{background:linear-gradient(180deg,rgba(8,18,27,.24),rgba(7,15,23,.12)),linear-gradient(90deg,rgba(117,247,200,.02) 1px,transparent 1px),linear-gradient(rgba(117,247,200,.02) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;box-shadow:inset 0 1px rgba(255,255,255,.015),inset 0 -48px 90px rgba(0,0,0,.12);backdrop-filter:blur(1px)}

:root{--launch-start:#10c997;--launch-mid:#36d6aa;--launch-end:#72e5c5;--launch-hover-start:#20d7a5;--launch-hover-mid:#4ae1b7;--launch-hover-end:#8beacf;--launch-ring:rgba(54,214,170,.42)}
.launch{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;border-color:rgba(114,229,197,.5);box-shadow:0 10px 26px rgba(16,201,151,.16),inset 0 1px rgba(255,255,255,.34)}
.launch:hover{box-shadow:0 14px 32px rgba(32,215,165,.24),inset 0 1px rgba(255,255,255,.42)}

main>.flow-hero{padding-top:70px;padding-bottom:30px}
@media(max-width:980px){main>.flow-hero{padding-top:48px}}
@media(max-width:980px){
  .flow-hero{padding:28px 0 22px}
  .flow-hero .hero-copy h1{font-size:clamp(32px,7vw,52px)}
  .flow-trust{left:18px;right:18px;bottom:94px}
  .flow-launch{right:18px;bottom:28px}
}
@media(max-width:620px){
  .flow-trust{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-top:10px}
  .flow-launch{position:relative;right:auto;bottom:auto;grid-column:1/-1;justify-self:start;margin-top:4px}
}

@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/manrope-400.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("./fonts/manrope-600.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/manrope-700.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("./fonts/manrope-800.ttf") format("truetype")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/space-grotesk-500.ttf") format("truetype")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("./fonts/space-grotesk-600.ttf") format("truetype")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/space-grotesk-700.ttf") format("truetype")}

/* Hallmark · hero composition: visual first, supporting copy below */
main{display:flex;flex-direction:column}
main>.privacy-flow{order:-2;margin-top:36px}
main>.flow-hero{order:-1}
.flow-hero{display:block;min-height:0;padding:42px 0 84px}
.product{padding-top:64px}
@media(min-width:981px){
  .flow-hero .hero-copy{
    position:static;
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    grid-template-rows:auto auto;
    align-items:end;
    column-gap:clamp(64px,8vw,120px);
  }
  .flow-hero .hero-copy h1{
    grid-column:1;
    grid-row:1 / 3;
    align-self:center;
    width:auto;
    max-width:710px;
    font-size:clamp(40px,4.35vw,60px);
    line-height:1.04;
    letter-spacing:-.045em;
  }
  .flow-hero .actions{
    position:static;
    grid-column:2;
    grid-row:1;
    align-self:end;
    width:auto;
    margin:0 0 20px;
  }
  .flow-hero .trust{
    position:static;
    grid-column:2;
    grid-row:2;
    width:100%;
    margin:0;
    padding-top:18px;
    border-top:1px solid var(--line);
  }
}
@media(max-width:980px){main>.privacy-flow{margin-top:24px}.flow-hero{padding:34px 0 72px}.flow-hero .hero-copy h1{font-size:clamp(38px,8vw,58px)}}

@media(min-width:981px){
  .flow-hero .hero-copy{position:relative;display:block;min-height:230px}
  .flow-hero .hero-copy h1{width:calc(100% - 440px);max-width:680px;font-size:clamp(40px,4vw,54px)}
  .flow-hero .actions{position:absolute;right:0;top:10px;width:360px;margin:0}
  .flow-hero .trust{position:absolute;right:0;top:78px;width:360px;margin:0;padding-top:18px}
}

/* Final hero order — headline, then flow panel. */
main>.flow-hero{order:-2;padding:0 0 34px}
main>.privacy-flow{order:-1;margin-top:0}
.flow-hero .actions,.flow-hero .trust{display:none}
@media(min-width:981px){
  .flow-hero .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto auto;gap:0 90px;align-items:end;min-height:0}
  .flow-hero .hero-copy:before{grid-column:1;grid-row:1}
  .flow-hero .hero-copy h1{grid-column:1;grid-row:2;width:auto;max-width:720px;margin:0;white-space:normal;font-size:clamp(44px,4.6vw,62px);line-height:1.02;letter-spacing:-.055em}
  .flow-intro-copy{grid-column:2;grid-row:1 / 3;align-self:end;padding-bottom:4px}
}
@media(max-width:980px){main>.flow-hero{padding:0 0 28px}.flow-intro-copy{margin-top:20px}}

/* Hallmark · final split-hero and original-brand lock */
.brand{gap:12px}
nav .logo,footer .logo{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;overflow:hidden;font-size:0!important;color:transparent!important;border:1px solid rgba(117,247,200,.32);border-radius:13px;background:linear-gradient(145deg,rgba(117,247,200,.12),rgba(155,140,255,.12))!important;box-shadow:none}
nav .logo:before,nav .logo:after,footer .logo:before,footer .logo:after{content:"";position:absolute;display:block!important;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
nav .logo:before,footer .logo:before{width:15px;height:15px;border:1px solid #4fe1bb;background:linear-gradient(145deg,rgba(79,225,187,.2),rgba(104,148,255,.16));box-shadow:0 0 14px rgba(79,225,187,.24)}
nav .logo:after,footer .logo:after{width:5px;height:5px;background:#a5f4dd;box-shadow:0 0 10px rgba(165,244,221,.72)}
.brand b{font-family:var(--font-display)!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.045em!important}
.brand small{font-family:var(--font-body);font-size:8px;font-weight:700;letter-spacing:.18em;color:#58cdae}
main>.flow-hero{order:-4;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(54px,6vw,100px);align-items:center;min-height:clamp(760px,calc(100vh - clamp(64px,4.1vh,88px)),960px);padding:clamp(58px,7vh,88px) 0 clamp(64px,7vh,94px)}
.flow-hero .hero-copy{display:block!important;position:static!important;grid-column:auto!important;min-width:0;min-height:0!important}
.flow-hero .hero-copy:before{display:none!important}
.flow-hero .release-badge{display:inline-flex!important}
.flow-hero .hero-copy h1{width:auto!important;max-width:760px!important;margin:0!important;color:#cbd1dc!important;white-space:normal!important;font-size:clamp(54px,5.1vw,82px)!important;line-height:.94!important;letter-spacing:-.06em!important;overflow-wrap:normal!important}
.flow-hero .hero-copy h1 em{display:inline;color:transparent!important;background:linear-gradient(90deg,#75f7c8 0%,#6fd5ff 52%,#b29cff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.flow-intro-copy{display:block!important;max-width:660px!important;margin:26px 0 0!important;padding:0!important;color:#aeb8c8!important;font-size:17px!important;line-height:1.9!important}
.flow-hero .hero-actions{display:flex!important;position:static!important;width:auto!important;margin:30px 0 0!important;padding:0!important;gap:12px!important;border:0!important}
.flow-hero .hero-trust{display:flex!important;position:static!important;width:auto!important;margin:24px 0 0!important;padding:0!important;gap:12px 22px!important;border:0!important}
.flow-hero .visual{display:block!important;width:100%;height:clamp(470px,48vh,620px)!important;border-radius:24px;background:radial-gradient(circle at 50% 48%,rgba(105,89,255,.14),transparent 43%),rgba(8,13,20,.44);box-shadow:inset 0 0 78px rgba(0,0,0,.35),0 28px 68px rgba(0,0,0,.22);backdrop-filter:none}
.flow-hero .visual:after{content:"LOCAL · DETERMINISTIC";position:absolute;right:18px;bottom:14px;color:#607688;font:700 7px/1 var(--font-body);letter-spacing:.16em}
.product{padding-top:92px}
@media(max-width:980px){main>.flow-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding:54px 0 72px}.flow-hero .hero-copy h1{max-width:760px!important;font-size:clamp(44px,8vw,66px)!important}.flow-hero .visual{max-width:680px;height:460px}.product{padding-top:72px}}
@media(max-width:620px){main>.flow-hero{padding:42px 0 56px}.flow-hero .hero-copy h1{font-size:clamp(38px,12vw,52px)!important}.flow-intro-copy{font-size:14px}.flow-hero .visual{height:380px;border-radius:18px}.flow-hero .orbit.one{width:230px;height:230px}.flow-hero .orbit.two{width:166px;height:166px}.flow-hero .core{width:82px;height:82px}.flow-hero .core span{font-size:28px}.flow-hero .signal{min-width:210px;padding:9px 10px}.flow-hero .s1{top:32px;left:8px}.flow-hero .s2{right:6px;top:168px}.flow-hero .s3{bottom:28px;left:18px}}
