:root{
  --font-body:"Manrope","Aptos","Segoe UI",sans-serif;
  --font-display:"Outfit","Aptos","Segoe UI",sans-serif;
  --bg-dark:#091521;
  --bg-dark-soft:#11273b;
  --bg-panel:#ffffff;
  --bg-panel-soft:#f4f8fb;
  --bg-panel-tint:#eef5fa;
  --ink:#0e1825;
  --ink-soft:#5c6878;
  --ink-muted:#7e8897;
  --white:#ffffff;
  --line:rgba(14,24,37,.1);
  --line-strong:rgba(255,255,255,.12);
  --cyan:#6ecfff;
  --teal:#36b4a5;
  --amber:#f3b474;
  --mint:#92dfcb;
  --shadow:0 28px 80px rgba(9,21,33,.14);
  --shadow-strong:0 28px 90px rgba(4,12,20,.32);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:20px;
  --max:1220px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top:104px;
}

body{
  margin:0;
  color:var(--ink);
  font-family:var(--font-body);
  background:
    radial-gradient(circle at top left, rgba(110,207,255,.12), transparent 22%),
    radial-gradient(circle at 88% 8%, rgba(243,180,116,.1), transparent 16%),
    linear-gradient(180deg, #edf3f7 0%, #f5f7fa 100%);
}

body.nav-open{
  overflow:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  display:block;
  max-width:100%;
}

button,
input,
select,
textarea{
  font:inherit;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

.wrap{
  width:min(calc(100% - 40px), var(--max));
  margin:0 auto;
}

.section{
  padding:92px 0;
}

.section-tint{
  background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(230,240,248,.68));
}

.section-accent{
  padding-top:18px;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.8);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.eyebrow-light{
  background:rgba(54,180,165,.1);
  border-color:rgba(54,180,165,.18);
  color:#1b5e63;
}

.section-heading{
  max-width:50rem;
  margin-bottom:36px;
}

.section-heading h2{
  margin:16px 0 14px;
  font-family:var(--font-display);
  font-size:clamp(2.3rem, 5vw, 4rem);
  line-height:1.08;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.section-heading p{
  margin:0;
  color:var(--ink-soft);
  font-size:1.06rem;
  line-height:1.85;
}

.site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(6,17,28,.72);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
  transition:background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.site-header.is-scrolled{
  background:rgba(6,17,28,.88);
  border-bottom-color:rgba(255,255,255,.12);
  box-shadow:0 20px 40px rgba(3,10,16,.18);
}

.nav-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  padding:16px 0;
}

.brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--white);
}

.brand-mark{
  width:50px;
  height:50px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(145deg, rgba(110,207,255,.22), rgba(54,180,165,.22)),
    rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);
  color:var(--white);
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 18px 36px rgba(7,19,31,.22);
}


.brand-logo{
  object-fit:contain;
  padding:8px;
  background:rgba(255,255,255,.92);
}

.footer-brand .brand-logo{
  width:54px;
  height:54px;
  border-radius:16px;
}
.brand-copy{
  display:grid;
  gap:4px;
}

.brand-copy strong{
  font-family:var(--font-display);
  font-size:1.04rem;
  font-weight:700;
  letter-spacing:-.02em;
}

.brand-copy span{
  color:rgba(255,255,255,.62);
  font-size:.8rem;
}

.site-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  color:rgba(255,255,255,.72);
  font-size:.94rem;
  font-weight:600;
}

.site-nav a{
  transition:color .2s ease, transform .2s ease;
}

.site-nav a:hover,
.site-nav a:focus-visible{
  color:var(--white);
  transform:translateY(-1px);
}

.nav-toggle{
  display:none;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.04);
  cursor:pointer;
}

.nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  border-radius:999px;
  background:#fff;
  transition:transform .2s ease, opacity .2s ease;
}

body.nav-open .nav-toggle span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}

body.nav-open .nav-toggle span:nth-child(2){
  opacity:0;
}

body.nav-open .nav-toggle span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid transparent;
  cursor:pointer;
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.01em;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.button:hover,
.button:focus-visible{
  transform:translateY(-1px);
}

.button-solid{
  color:#061420;
  background:linear-gradient(135deg, var(--cyan), var(--mint));
  box-shadow:0 18px 38px rgba(110,207,255,.24);
}

.button-ghost{
  color:var(--white);
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.16);
}

.button-ghost-light{
  color:var(--white);
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
}

.hero{
  position:relative;
  overflow:hidden;
  padding:72px 0 34px;
  background:
    radial-gradient(circle at top left, rgba(110,207,255,.16), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(243,180,116,.14), transparent 22%),
    linear-gradient(135deg, #07121e 0%, #0c1d2d 48%, #0d1a27 100%);
}

.hero-glow{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(10px);
}

.hero-glow-left{
  top:72px;
  left:-80px;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(54,180,165,.28), transparent 72%);
}

.hero-glow-right{
  top:116px;
  right:-40px;
  width:360px;
  height:360px;
  background:radial-gradient(circle, rgba(243,180,116,.2), transparent 70%);
}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(430px, .98fr);
  gap:48px;
  align-items:center;
}

.hero-copy{
  color:var(--white);
}

.hero-copy h1{
  margin:18px 0 18px;
  max-width:11ch;
  font-family:var(--font-display);
  font-size:clamp(3rem, 7vw, 5.4rem);
  line-height:1.02;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.lead{
  max-width:41rem;
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:1.08rem;
  line-height:1.88;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.trust-row span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font-size:.84rem;
}

.hero-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:32px;
}

.metric-card{
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 24px 60px rgba(3,11,18,.18);
}

.metric-card strong{
  display:block;
  margin-bottom:10px;
  font-size:1rem;
  color:var(--white);
}

.metric-card span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:.92rem;
  line-height:1.7;
}

.hero-stage{
  position:relative;
}

.stage-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 220px;
  gap:18px;
  align-items:end;
}

.stage-card{
  overflow:hidden;
  border-radius:var(--radius-xl);
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  box-shadow:var(--shadow-strong);
  animation:float-card 10s ease-in-out infinite;
}

.stage-collage{
  grid-column:1 / -1;
}

.stage-shot{
  animation-delay:-3s;
}

.stage-mobile{
  animation-delay:-6s;
}

.stage-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.stage-collage img{
  aspect-ratio:16 / 10;
}

.stage-shot img{
  aspect-ratio:1.15 / 1;
}

.stage-mobile img{
  aspect-ratio:.6 / 1;
}

.stage-stack{
  display:grid;
  gap:18px;
}

.insight-card{
  padding:20px;
  border-radius:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:var(--white);
  box-shadow:0 20px 50px rgba(4,12,20,.2);
  animation:float-card 12s ease-in-out infinite;
  animation-delay:-1.5s;
}

.insight-card span{
  display:block;
  margin-bottom:9px;
  color:rgba(255,255,255,.56);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.insight-card p{
  margin:0;
  color:rgba(255,255,255,.82);
  line-height:1.7;
}

.proof-band{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:28px;
  padding:16px;
  border-radius:30px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.proof-band div{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
}

.proof-band strong{
  display:block;
  margin-bottom:8px;
  color:var(--white);
  font-size:.96rem;
}

.proof-band span{
  display:block;
  color:rgba(255,255,255,.66);
  font-size:.92rem;
  line-height:1.7;
}

.value-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px;
}

.value-card{
  padding:28px;
  border-radius:30px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.card-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(110,207,255,.18), rgba(54,180,165,.18));
  color:#0d4d65;
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.08em;
}

.value-card h3{
  margin:18px 0 10px;
  font-size:1.2rem;
  line-height:1.35;
}

.value-card p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.8;
}

.showcase-stack{
  display:grid;
  gap:28px;
}

.showcase-card{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:28px;
  align-items:center;
  padding:30px;
  border-radius:34px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--shadow);
}

.showcase-card.reverse{
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
}

.showcase-card.reverse .showcase-copy{
  order:2;
}

.showcase-card.reverse .screen-frame{
  order:1;
}

.showcase-label{
  display:inline-block;
  margin-bottom:10px;
  color:#13636d;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.showcase-copy h3{
  margin:0 0 12px;
  font-family:var(--font-display);
  font-size:clamp(1.8rem, 3.2vw, 2.7rem);
  line-height:1.12;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.showcase-copy p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.85;
}

.feature-list{
  display:grid;
  gap:12px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}

.feature-list li{
  position:relative;
  padding-left:20px;
  color:var(--ink);
  line-height:1.7;
}

.feature-list li::before{
  content:"";
  position:absolute;
  top:.68em;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--cyan), var(--teal));
}

.screen-frame{
  overflow:hidden;
  margin:0;
  border-radius:28px;
  border:1px solid rgba(14,24,37,.08);
  background:linear-gradient(180deg, rgba(18,39,58,.08), rgba(255,255,255,.94));
  box-shadow:0 20px 50px rgba(9,21,33,.12);
}

.screen-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.device-pair{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 220px;
  gap:18px;
  align-items:end;
}

.device-panel img{
  aspect-ratio:4 / 3;
}

.phone-panel img{
  aspect-ratio:.6 / 1;
}

.sector-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

.sector-card{
  overflow:hidden;
  border-radius:30px;
  background:rgba(255,255,255,.84);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.sector-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

.sector-copy{
  padding:22px 22px 24px;
}

.sector-copy h3{
  margin:0 0 10px;
  font-size:1.18rem;
}

.sector-copy p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.78;
}

.accent-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
  gap:24px;
  align-items:stretch;
}

.accent-card{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.accent-card-image{
  min-height:560px;
  background:#0d1a27;
}

.accent-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.accent-overlay{
  position:absolute;
  inset:auto 24px 24px 24px;
  padding:28px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(9,21,33,.12), rgba(9,21,33,.82));
  color:var(--white);
  backdrop-filter:blur(8px);
}

.accent-overlay h2{
  margin:14px 0 12px;
  font-family:var(--font-display);
  font-size:clamp(2rem, 3vw, 3rem);
  line-height:1.1;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.accent-overlay p{
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.8;
}

.accent-card-list{
  padding:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(238,245,250,.92));
}

.accent-card-list h2{
  margin:16px 0 20px;
  font-family:var(--font-display);
  font-size:clamp(2rem, 3.2vw, 3.1rem);
  line-height:1.1;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.delivery-list{
  display:grid;
  gap:14px;
}

.delivery-list article{
  padding:18px 18px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(14,24,37,.08);
}

.delivery-list strong{
  display:block;
  margin-bottom:6px;
}

.delivery-list p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.72;
}

.progress-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}

.progress-card{
  padding:28px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(10,22,34,.98), rgba(17,39,59,.94));
  color:var(--white);
  box-shadow:0 24px 56px rgba(6,17,28,.2);
}

.progress-stage{
  display:block;
  color:rgba(255,255,255,.56);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.progress-card h3{
  margin:12px 0 14px;
  font-family:var(--font-display);
  font-size:1.9rem;
  line-height:1.1;
  letter-spacing:-.02em;
}

.progress-card p{
  margin:0;
  color:rgba(255,255,255,.76);
  line-height:1.8;
}

.founder-section{
  padding-top:18px;
}

.founder-panel{
  display:grid;
  grid-template-columns:minmax(0, 1.06fr) minmax(310px, .94fr);
  gap:28px;
  padding:34px;
  border-radius:36px;
  background:
    radial-gradient(circle at top right, rgba(110,207,255,.16), transparent 30%),
    linear-gradient(135deg, rgba(8,19,32,.98), rgba(17,39,59,.94));
  color:var(--white);
  box-shadow:var(--shadow-strong);
}

.founder-copy h2{
  margin:16px 0 16px;
  font-family:var(--font-display);
  font-size:clamp(2.2rem, 4vw, 3.5rem);
  line-height:1.1;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.founder-copy p{
  margin:0;
  color:rgba(255,255,255,.76);
  line-height:1.9;
}

.founder-points{
  display:grid;
  gap:14px;
}

.founder-points article{
  padding:20px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
}

.founder-points strong{
  display:block;
  margin-bottom:6px;
  font-size:1.05rem;
}

.founder-points span{
  display:block;
  color:rgba(255,255,255,.7);
  line-height:1.72;
}

.contact-section{
  padding-top:92px;
}

.contact-shell{
  display:grid;
  grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
  gap:24px;
  align-items:start;
}

.contact-copy{
  padding:32px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(234,243,248,.92));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--shadow);
}

.contact-copy h2{
  margin:16px 0 14px;
  font-family:var(--font-display);
  font-size:clamp(2.2rem, 4vw, 3.2rem);
  line-height:1.1;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.contact-copy p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.85;
}

.contact-points{
  display:grid;
  gap:14px;
  margin-top:24px;
}

.contact-points article{
  padding:18px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(14,24,37,.08);
}

.contact-points strong{
  display:block;
  margin-bottom:6px;
}

.contact-points span{
  color:var(--ink-soft);
  line-height:1.72;
}

.contact-card{
  padding:34px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(10,22,34,.98), rgba(17,39,59,.94));
  color:var(--white);
  box-shadow:var(--shadow-strong);
}

.contact-card h3{
  margin:0 0 10px;
  font-family:var(--font-display);
  font-size:2.1rem;
  line-height:1.12;
  letter-spacing:-.02em;
}

.contact-card > p{
  margin:0 0 22px;
  color:rgba(255,255,255,.72);
  line-height:1.78;
}

.field-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.field{
  display:grid;
  gap:8px;
}

.field-full{
  grid-column:1 / -1;
}

.field label{
  color:rgba(255,255,255,.76);
  font-size:.92rem;
  font-weight:600;
}

.field input,
.field select,
.field textarea{
  width:100%;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:var(--white);
}

.field input::placeholder,
.field textarea::placeholder{
  color:rgba(255,255,255,.42);
}

.field select option{
  color:var(--ink);
}

.field textarea{
  min-height:136px;
  resize:vertical;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
  outline:2px solid rgba(110,207,255,.72);
  outline-offset:2px;
}

.form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

.status{
  min-height:1.4em;
  margin-top:14px;
  color:#d6f0ff;
  font-size:.94rem;
}

.support-note{
  margin-top:18px;
  color:rgba(255,255,255,.68);
  line-height:1.72;
  font-size:.94rem;
}

.support-note a{
  color:var(--white);
  text-decoration:underline;
  text-underline-offset:3px;
}

.site-footer{
  padding:0 0 44px;
  background:var(--bg-dark);
}

.footer-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:28px;
  color:rgba(255,255,255,.76);
}

.footer-brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.footer-brand strong{
  display:block;
  color:var(--white);
}

.footer-brand span{
  display:block;
  color:rgba(255,255,255,.6);
  font-size:.92rem;
  line-height:1.6;
}

.footer-note{
  color:rgba(255,255,255,.56);
  font-size:.94rem;
  text-align:right;
}

@keyframes float-card{
  0%, 100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-10px);
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
  }
}

@media (max-width:1120px){
  .hero-grid,
  .accent-grid,
  .contact-shell,
  .founder-panel{
    grid-template-columns:1fr;
  }

  .value-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .showcase-card,
  .showcase-card.reverse{
    grid-template-columns:1fr;
  }

  .showcase-card.reverse .showcase-copy,
  .showcase-card.reverse .screen-frame{
    order:initial;
  }

  .sector-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .progress-grid{
    grid-template-columns:1fr;
  }

  .proof-band{
    grid-template-columns:1fr;
  }
}

@media (max-width:920px){
  .nav-row{
    grid-template-columns:auto auto;
    justify-content:space-between;
  }

  .nav-toggle{
    display:inline-grid;
    place-items:center;
  }

  .nav-cta{
    display:none;
  }

  .site-nav{
    position:absolute;
    top:calc(100% + 12px);
    left:20px;
    right:20px;
    display:grid;
    gap:8px;
    padding:16px;
    border-radius:24px;
    background:rgba(7,19,31,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 50px rgba(0,0,0,.26);
    opacity:0;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .2s ease, transform .2s ease;
  }

  body.nav-open .site-nav{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }

  .site-nav a{
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
  }

  .hero-metrics,
  .value-grid,
  .sector-grid{
    grid-template-columns:1fr;
  }

  .stage-grid{
    grid-template-columns:1fr;
  }

  .device-pair{
    grid-template-columns:1fr;
  }

  .stage-mobile img,
  .phone-panel img{
    max-height:540px;
    object-fit:contain;
    background:#fff;
  }

  .section{
    padding:78px 0;
  }

  .contact-card,
  .contact-copy,
  .founder-panel,
  .accent-card-list,
  .showcase-card{
    padding:28px;
  }
}

@media (max-width:680px){
  .wrap{
    width:min(calc(100% - 28px), var(--max));
  }

  .brand-mark{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .brand-copy span{
    display:none;
  }

  .hero{
    padding-top:54px;
  }

  .hero-actions,
  .form-actions{
    flex-direction:column;
  }

  .button{
    width:100%;
  }

  .field-grid{
    grid-template-columns:1fr;
  }

  .footer-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-note{
    text-align:left;
  }
}