:root{--bg:#07111f;--bg2:#0a1628;--panel:rgba(11,20,38,.78);--line:rgba(143,238,255,.13);--text:#eef8ff;--muted:#9fb8d8;--blue:#2fc8ff;--blue2:#2a64ff;--shadow:0 26px 90px rgba(0,0,0,.42);--r-lg:24px;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%, rgba(47,200,255,.16), transparent 23%),radial-gradient(circle at 88% 12%, rgba(255,92,114,.09), transparent 14%),radial-gradient(circle at 84% 84%, rgba(42,100,255,.12), transparent 20%),linear-gradient(180deg,#06101d 0%,#091221 100%)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(4,9,18,.65);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.topbar-inner{min-height:172px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:24px;font-weight:800;letter-spacing:.01em}.brand img{width:192px;height:192px;object-fit:contain;border-radius:36px;filter:drop-shadow(0 0 30px rgba(47,200,255,.28))}.brand small{display:block;color:var(--muted);font-weight:500}
.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav a{font-size:.96rem;opacity:.92}.nav a:hover{opacity:1}.mobile-toggle{display:none;border:none;background:transparent;color:white;font-size:1.2rem}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(147,247,255,.18);background:rgba(147,247,255,.06);color:#c8fbff;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}
.hero{padding:84px 0 36px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.hero h1{margin:18px 0 14px;font-size:clamp(3.2rem,8vw,6.25rem);line-height:.9;letter-spacing:-.055em}.hero p{font-size:1.1rem;line-height:1.92;color:var(--muted);max-width:780px}.gradient{background:linear-gradient(90deg,#fff,#a9f7ff 35%,#62bcff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-lockup{display:flex;align-items:center;gap:34px;margin-bottom:22px}.logo-lockup img{width:340px;height:340px;object-fit:contain;border-radius:52px;filter:drop-shadow(0 0 44px rgba(47,200,255,.28))}
.cta-row{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:14px;font-weight:700;border:1px solid rgba(147,247,255,.16);transition:transform .22s ease, opacity .22s ease, background .22s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));border-color:transparent;box-shadow:0 14px 34px rgba(42,100,255,.32)}.btn-secondary{background:rgba(147,247,255,.06)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.metric{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.metric strong{display:block;font-size:1.4rem;margin-bottom:6px}.metric span{display:block;color:var(--muted);font-size:.94rem;line-height:1.55}
.visual{position:relative;min-height:590px}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(147,247,255,.42), rgba(42,100,255,.10) 56%, transparent 72%);filter:blur(16px)}.orb.one{width:240px;aspect-ratio:1;top:8px;right:4px}.orb.two{width:180px;aspect-ratio:1;bottom:36px;left:-16px}.showcase{position:absolute;inset:28px 0 0 28px;display:grid;gap:18px}.screen{border-radius:34px;padding:24px;background:linear-gradient(180deg, rgba(18,31,58,.9), rgba(8,15,28,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.window-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.window-dots{display:flex;gap:8px}.window-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}.pill{padding:8px 12px;border-radius:999px;background:rgba(147,247,255,.07);border:1px solid rgba(147,247,255,.14);color:#d6fbff;font-size:.9rem}.shell{display:grid;grid-template-columns:220px 1fr;gap:18px}.side,.mainpanel{padding:18px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.line{height:10px;border-radius:999px;background:linear-gradient(90deg, rgba(147,247,255,.68), rgba(42,100,255,.44));margin-bottom:12px}.sm{width:46%}.md{width:68%}.lg{width:92%}.scoregrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.score{padding:16px;border-radius:18px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.05)}.score strong{display:block;font-size:1.36rem;margin-bottom:8px}.bars{display:flex;align-items:flex-end;gap:8px;height:84px;margin-top:8px}.bars span{width:18%;border-radius:999px;background:linear-gradient(180deg, rgba(147,247,255,.34), rgba(42,100,255,.86))}.floatcards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.float{padding:20px;border-radius:22px;background:rgba(7,13,25,.86);border:1px solid var(--line);box-shadow:var(--shadow)}.float h4{margin:0 0 8px}.float p{margin:0;color:var(--muted);line-height:1.72}
.section{padding:92px 0}.section-tight{padding:72px 0}.section-title{font-size:clamp(2rem,5vw,3.45rem);line-height:1;margin:0 0 16px}.lead{font-size:1.08rem;line-height:1.9;color:var(--muted);max-width:860px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(18,31,58,.84), rgba(8,15,28,.92));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(130deg, rgba(147,247,255,.12), transparent 28%, transparent 72%, rgba(255,92,114,.08));pointer-events:none}.card-inner{position:relative;padding:28px}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(147,247,255,.17), rgba(42,100,255,.17));border:1px solid var(--line);margin-bottom:16px;font-size:1.35rem}.tile h3,.feature h3,.project h3,.legalbox h3{margin:0 0 10px;font-size:1.22rem}.tile p,.feature p,.project p,.legalbox p{margin:0;color:var(--muted);line-height:1.8}.link{display:inline-flex;margin-top:18px;color:#ddfbff;font-weight:700}
.band{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:30px;border-radius:30px;background:radial-gradient(circle at 88% 20%, rgba(255,92,114,.11), transparent 20%), linear-gradient(135deg, rgba(17,31,59,.96), rgba(8,14,26,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.band h3{margin:0 0 10px;font-size:2rem}.band p{margin:0;color:var(--muted);line-height:1.8;max-width:760px}
.page-hero{padding:84px 0 26px}.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.95;letter-spacing:-.05em;margin:18px 0 14px}.page-hero p{color:var(--muted);line-height:1.9;max-width:820px}.breadcrumbs{display:flex;gap:10px;color:#b9d9f4;font-size:.95rem}.list{display:grid;gap:12px;padding:0;list-style:none}.list li{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);line-height:1.78}.form{display:grid;gap:16px}.field{display:grid;gap:8px}.field label{font-weight:700}.field input,.field textarea{padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}.field textarea{min-height:160px;resize:vertical}.notice{padding:16px 18px;border-radius:16px;background:rgba(255,92,114,.08);border:1px solid rgba(255,92,114,.16);color:#ffd8de}

.footer .brand{align-items:flex-start}.footer .brand img{width:168px;height:168px;border-radius:34px}
.footer{padding:30px 0 56px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr .8fr;gap:20px;padding-top:20px}.footer h4{margin:0 0 12px;color:#fff}.footer a{display:block;margin-bottom:10px;color:var(--muted)}.footer-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06);margin-top:22px;padding-top:18px}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.in{opacity:1;transform:none}.notfound{min-height:72vh;display:grid;place-items:center;text-align:center}
@media (max-width:1100px){.hero-grid,.grid-4,.grid-3,.grid-2,.band,.footer-grid,.metrics,.shell,.floatcards{grid-template-columns:1fr 1fr}.visual{min-height:520px}}
@media (max-width:840px){.mobile-toggle{display:block}.nav{display:none;position:fixed;inset:156px 16px auto 16px;flex-direction:column;align-items:flex-start;padding:18px;border-radius:22px;background:rgba(6,11,22,.97);border:1px solid var(--line);box-shadow:var(--shadow)}body.menu-open .nav{display:flex}.hero-grid,.grid-4,.grid-3,.grid-2,.band,.footer-grid,.metrics,.shell,.floatcards{grid-template-columns:1fr}.showcase{position:relative;inset:0}.visual{min-height:auto}.section{padding:74px 0}.section-header{display:block}.logo-lockup img{width:240px;height:240px}.brand img{width:132px;height:132px}.footer .brand img{width:128px;height:128px}}

.form-note{margin-top:14px;color:var(--muted);font-size:.95rem;line-height:1.7}
.checkbox-row{display:flex;gap:10px;align-items:flex-start;margin-top:4px}
.checkbox-row input{margin-top:4px}
.checkbox-row label{font-weight:500;color:var(--muted);line-height:1.7}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mini-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(147,247,255,.07);border:1px solid rgba(147,247,255,.14);color:#d6fbff;font-size:.82rem}
.code-inline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,255,255,.06);padding:2px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}
.success-box{max-width:780px;margin:0 auto}

.hp-field{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}


html{scroll-behavior:smooth}
.nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.compact-list li{padding:14px 16px;line-height:1.65}
.status-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid transparent}
.status-pill.live{background:rgba(64,201,113,.10);color:#c9ffd9;border-color:rgba(64,201,113,.22)}
.status-pill.progress{background:rgba(147,247,255,.10);color:#d9fbff;border-color:rgba(147,247,255,.20)}
.status-pill.planned{background:rgba(255,209,102,.10);color:#fff1c1;border-color:rgba(255,209,102,.22)}
.roadmap{display:grid;gap:16px}
.roadstep{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;padding:22px 24px;border-radius:24px;background:linear-gradient(180deg, rgba(18,31,58,.84), rgba(8,15,28,.92));border:1px solid var(--line);box-shadow:var(--shadow)}
.roadstep span{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-weight:800;font-size:1.08rem;background:linear-gradient(135deg, rgba(147,247,255,.16), rgba(42,100,255,.16));border:1px solid var(--line)}
.roadstep h3{margin:0 0 8px;font-size:1.15rem}
.roadstep p{margin:0;color:var(--muted);line-height:1.75}
.legalbox p{margin:0 0 12px;color:var(--muted);line-height:1.8}
main a[href^="mailto:"]{word-break:break-word}
@media (max-width:840px){.roadstep{grid-template-columns:1fr}.roadstep span{width:58px;height:58px;border-radius:18px}}

.form-status{min-height:1.5em;margin:2px 0 0;color:var(--muted);font-size:.96rem;line-height:1.6}
.form-status.is-success{color:#c9ffd9}
.form-status.is-error{color:#ffd8de}
.btn[disabled]{opacity:.72;transform:none;cursor:not-allowed}
.field input:invalid,.field textarea:invalid{box-shadow:none}

.app-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.app-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(147,247,255,.07);border:1px solid rgba(147,247,255,.16);color:#d6fbff;font-size:.88rem}
.soft-panel{padding:24px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.stack-list{display:grid;gap:12px;padding:0;list-style:none;margin:0}
.stack-list li{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);line-height:1.72}
.note-text{color:var(--muted);line-height:1.82}
.section-copy{max-width:860px;color:var(--muted);line-height:1.86}

/* v13 responsive hardening + slimmer header */
html,body{max-width:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%}
main,header,footer,section{max-width:100%}
.hero-grid > *,.grid > *,.metrics > *,.shell > *,.floatcards > *,.scoregrid > *,.band > *,.footer-grid > *,.topbar-inner > *,.section-header > *{min-width:0}
h1,h2,h3,p,li,a,small,span,strong,label{overflow-wrap:anywhere}

.container{width:min(calc(100% - 28px),var(--max))}
.topbar{overflow-x:clip}
.topbar-inner{min-height:128px;padding:10px 0;gap:18px}
.brand{gap:16px;min-width:0;max-width:min(100%,440px)}
.brand img{width:152px;height:152px;border-radius:30px}
.brand div{min-width:0;font-size:clamp(1rem,2.1vw,1.16rem);line-height:1.15}
.brand small{margin-top:4px;line-height:1.35}
.nav{justify-content:flex-end;row-gap:10px;max-width:100%}
.nav a{display:inline-flex;align-items:center;padding:10px 12px;border:1px solid transparent;border-radius:12px;line-height:1.25;min-width:0}
.mobile-toggle{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}

.hero{padding:72px 0 34px}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:28px}
.hero h1{font-size:clamp(2.5rem,6.3vw,5.4rem);line-height:.96}
.hero p,.page-hero p,.lead,.section-copy,.tile p,.feature p,.project p,.legalbox p,.list li,.band p,.note-text{hyphens:auto}
.logo-lockup{gap:22px;flex-wrap:wrap}
.logo-lockup img{width:clamp(230px,28vw,320px);height:auto;aspect-ratio:1 / 1}
.kicker{max-width:100%}
.cta-row{max-width:100%}
.btn{max-width:100%;text-align:center}

.visual{min-width:0;overflow:hidden}
.showcase{max-width:100%;inset:24px 0 0 24px}
.screen,.side,.mainpanel,.card,.band,.roadstep,.soft-panel{max-width:100%}
.shell{grid-template-columns:minmax(0,220px) minmax(0,1fr)}
.scoregrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bars span{flex:1 1 0;width:auto;min-width:0}
.orb{pointer-events:none}
.section{padding:84px 0}
.page-hero{padding:72px 0 24px}
.page-hero h1{font-size:clamp(2.35rem,5.8vw,4.6rem)}
.breadcrumbs{flex-wrap:wrap}
.field input,.field textarea{width:100%;max-width:100%}
.form-actions{max-width:100%}

.footer .brand img{width:144px;height:144px;border-radius:28px}
.footer-grid{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,.8fr))}
.footer-meta > *{min-width:0}

@media (max-width:1200px){
  .topbar-inner{min-height:118px}
  .brand img{width:144px;height:144px}
  .logo-lockup img{width:clamp(220px,30vw,300px)}
  .showcase{inset:18px 0 0 18px}
}

@media (max-width:980px){
  .topbar-inner{min-height:108px}
  .hero-grid{grid-template-columns:1fr}
  .visual{order:2}
  .hero .reveal:first-child{order:1}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:840px){
  .container{width:min(calc(100% - 24px),var(--max))}
  .topbar-inner{min-height:94px;padding:8px 0;gap:12px}
  .brand{gap:12px;max-width:calc(100% - 64px)}
  .brand img{width:112px;height:112px;border-radius:24px}
  .brand div{font-size:1rem}
  .nav{inset:104px 12px auto 12px;width:auto;max-width:none}
  .logo-lockup img{width:min(64vw,240px)}
  .hero,.page-hero{padding-top:52px}
  .section,.section-tight{padding:68px 0}
  .card-inner,.screen,.side,.mainpanel,.band,.roadstep,.soft-panel{padding:20px}
}

@media (max-width:680px){
  .metrics,.scoregrid{grid-template-columns:1fr}
  .shell{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .logo-lockup{margin-bottom:18px}
  .brand small{font-size:.78rem}
  .showcase{inset:0}
  .orb{display:none}
}

@media (max-width:480px){
  .container{width:min(calc(100% - 20px),var(--max))}
  .topbar-inner{min-height:84px}
  .brand{max-width:calc(100% - 58px)}
  .brand img{width:96px;height:96px;border-radius:22px}
  .brand small{display:none}
  .nav{inset:92px 10px auto 10px}
  .mobile-toggle{padding:8px 10px}
  .hero h1{font-size:clamp(2rem,12vw,3rem)}
  .page-hero h1{font-size:clamp(1.95rem,10.4vw,2.9rem)}
  .logo-lockup img{width:min(62vw,220px)}
  .kicker{font-size:.74rem;padding:8px 12px}
  .btn{width:100%}
  .band .cta-row{width:100%}
}