@import "tailwindcss";

:root {
  --ink: #080b10;
  --paper: #f3f2ed;
  --white: #f7f9fc;
  --muted: #717783;
  --blue: #3167ff;
  --cyan: #62d7ff;
  --lime: #caff60;
  --line: rgba(12, 17, 25, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
a, button, input { -webkit-tap-highlight-color: transparent; }

.nav {
  position: fixed;
  z-index: 30;
  top: 18px;
  left: 50%;
  width: min(1180px, calc(100% - 32px));
  height: 62px;
  padding: 0 10px 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(7, 10, 15, 0.76);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(18px);
  transform: translateX(-50%);
  color: white;
}
.brand { font-size: 23px; font-weight: 850; letter-spacing: -1.5px; }
.brand-dot { color: var(--lime); }
.nav-links { display: flex; gap: 30px; color: #aeb5c2; font-size: 13px; }
.nav-links a { transition: color .2s ease; }
.nav-links a:hover { color: white; }
.nav-cta {
  height: 42px;
  padding: 0 17px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
  background: var(--white);
  color: var(--ink);
  font-size: 13px;
  font-weight: 750;
}

.hero {
  position: relative;
  min-height: 100svh;
  padding: 138px max(7vw, 24px) 60px;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 75% 42%, rgba(49, 103, 255, .24), transparent 28%),
    radial-gradient(circle at 10% 0, rgba(80, 111, 184, .12), transparent 28%),
    #070a0f;
  color: var(--white);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,10,15,.99) 0%, transparent 58%);
  pointer-events: none;
}
.hero-grid {
  position: absolute;
  inset: 0;
  opacity: .2;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to right, transparent, black 60%, transparent);
}
.hero-content { position: relative; z-index: 3; max-width: 780px; }
.eyebrow {
  margin: 0 0 22px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .2em;
}
.hero .eyebrow, .contact .eyebrow, .opc-section .eyebrow { color: var(--cyan); }
.pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 0 5px rgba(202,255,96,.08), 0 0 18px var(--lime);
}
.hero h1 {
  margin: 0;
  font-size: clamp(44px, 5.55vw, 82px);
  font-weight: 730;
  line-height: 1.04;
  letter-spacing: -.065em;
}
.hero h1 span {
  display: block;
  margin-bottom: 10px;
  color: var(--lime);
  font-size: .27em;
  line-height: 1;
  letter-spacing: .12em;
}
.hero-copy {
  max-width: 640px;
  margin: 30px 0 0;
  color: #aab2c0;
  font-size: clamp(15px, 1.25vw, 17px);
  line-height: 1.9;
}
.hero-actions { margin-top: 38px; display: flex; flex-wrap: wrap; gap: 10px; }
.button {
  min-height: 52px;
  padding: 0 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 750;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--blue); box-shadow: 0 12px 40px rgba(49,103,255,.28); }
.button-secondary { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.07); }
.button-ghost { color: #aab2c0; }
.button-dark { background: var(--ink); color: white; }
.button-light { background: white; color: var(--ink); }
.hero-proof {
  margin-top: 34px;
  padding-top: 20px;
  max-width: 650px;
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto 1fr;
  gap: 8px 12px;
  border-top: 1px solid rgba(255,255,255,.1);
  font-size: 10px;
}
.hero-proof span { color: #687283; }
.hero-proof b { color: #bac2cf; font-weight: 600; }

.hero-system {
  position: relative;
  z-index: 2;
  width: min(42vw, 560px);
  aspect-ratio: 1;
  justify-self: end;
  border: 1px solid rgba(98,215,255,.16);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(49,103,255,.18) 0 18%, transparent 19%),
    repeating-radial-gradient(circle, transparent 0 16%, rgba(255,255,255,.08) 16.2% 16.5%);
  box-shadow: inset 0 0 90px rgba(49,103,255,.12), 0 0 120px rgba(49,103,255,.12);
}
.hero-system::before, .hero-system::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(98,215,255,.6), transparent);
  transform: translate(-50%,-50%) rotate(35deg);
}
.hero-system::after { transform: translate(-50%,-50%) rotate(-58deg); }
.system-caption {
  position: absolute;
  top: 8%;
  right: 8%;
  left: 8%;
  display: flex;
  justify-content: space-between;
  color: #6f7b90;
  font-family: monospace;
  font-size: 9px;
  letter-spacing: .16em;
}
.system-caption span:last-child { color: var(--lime); }
.system-core {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 29%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(98,215,255,.6);
  border-radius: 50%;
  background: rgba(8,17,34,.88);
  box-shadow: 0 0 60px rgba(49,103,255,.6), inset 0 0 30px rgba(98,215,255,.2);
  transform: translate(-50%,-50%);
}
.system-core span { font-size: clamp(24px,4vw,48px); font-weight: 850; letter-spacing: -.06em; }
.system-core small { color: var(--cyan); font-size: 8px; letter-spacing: .18em; }
.system-node {
  position: absolute;
  z-index: 3;
  width: 72px;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  background: #0b1019;
  box-shadow: 0 8px 30px rgba(0,0,0,.4);
}
.system-node::after { content:""; position:absolute; inset:-5px; border:1px solid rgba(98,215,255,.2); border-radius:inherit; }
.system-node b { color: var(--cyan); font-size: 22px; }
.system-node span { color: #9ba7b9; font-size: 10px; }
.node-s { top: 17%; left: 19%; }
.node-b { top: 25%; right: 11%; }
.node-c { right: 23%; bottom: 8%; }
.orbit { position:absolute; z-index:1; border:1px solid rgba(98,215,255,.14); border-radius:50%; pointer-events:none; }
.orbit i { position:absolute; top:50%; left:-3px; width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.orbit-one { width:48vw; height:48vw; top:12%; right:-4%; animation:spin 26s linear infinite; }
.orbit-two { width:35vw; height:35vw; top:22%; right:3%; animation:spin 18s linear infinite reverse; }
@keyframes spin { to { transform: rotate(360deg); } }

.section { padding: 118px max(7vw,24px); }
.section-head {
  margin-bottom: 54px;
  display: grid;
  grid-template-columns: 1fr .65fr;
  gap: 60px;
  align-items: end;
}
.section-head h2, .apply-intro h2, .opc-copy h2, .contact h2 {
  margin: 0;
  font-size: clamp(38px,5vw,70px);
  font-weight: 720;
  line-height: 1.06;
  letter-spacing: -.06em;
}
.section-head > p {
  max-width: 500px;
  margin: 0;
  color: #666c76;
  font-size: 15px;
  line-height: 1.8;
}

.ecosystem-list { border-top: 1px solid var(--line); }
.ecosystem-card {
  min-height: 230px;
  display: grid;
  grid-template-columns: .3fr 1.12fr .78fr .58fr;
  gap: 28px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  transition: padding .3s ease, background .3s ease;
}
.ecosystem-card:hover { padding-right:18px; padding-left:18px; background:rgba(255,255,255,.5); }
.card-number { align-self:start; padding-top:36px; color:var(--blue); font-family:monospace; font-size:12px; }
.card-main > p:first-child { margin:0 0 12px; color:#747982; font-size:12px; }
.card-main h3 { margin:0; font-size:clamp(26px,3vw,42px); letter-spacing:-.045em; }
.card-copy { max-width:520px; margin:18px 0 0; color:#6d727b; font-size:14px; line-height:1.7; }
.tag-list { display:flex; flex-wrap:wrap; gap:8px; }
.tag-list span { padding:8px 12px; border:1px solid var(--line); border-radius:100px; color:#565c65; font-size:11px; }
.ecosystem-card > a { display:flex; justify-content:space-between; gap:20px; font-size:13px; font-weight:750; }
.ecosystem-card > a span { color:var(--blue); }

.model { background:#0a0e15; color:var(--white); }
.light-head > p { color:#8f98a8; }
.flow { display:grid; grid-template-columns:1fr .35fr 1fr .35fr 1fr; align-items:stretch; }
.flow-stage {
  min-height: 320px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 24px;
  background: linear-gradient(145deg,rgba(255,255,255,.04),transparent),#0d121b;
}
.flow-stage-focus {
  border-color:rgba(98,215,255,.32);
  background:radial-gradient(circle at 100% 0,rgba(49,103,255,.3),transparent 40%),#111a2a;
  transform:translateY(-14px);
}
.stage-code {
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,215,255,.24);
  border-radius:50%;
  color:var(--cyan);
  font-size:28px;
  font-weight:800;
  box-shadow:inset 0 0 24px rgba(49,103,255,.16);
}
.flow-stage p { margin:0 0 8px; color:var(--cyan); font-family:monospace; font-size:10px; letter-spacing:.16em; }
.flow-stage h3 { margin:0 0 12px; font-size:31px; }
.flow-stage span { color:#8f99a8; font-size:13px; line-height:1.6; }
.flow-line { position:relative; display:grid; place-items:center; color:#727e90; font-size:10px; writing-mode:vertical-rl; letter-spacing:.12em; }
.flow-line::after { content:"→"; position:absolute; color:var(--cyan); font-size:22px; writing-mode:horizontal-tb; }

.merchant-value { background:#e8edf3; }
.value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.value-grid article {
  min-height: 360px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(8,11,16,.1);
  border-radius: 20px;
  background: rgba(255,255,255,.48);
}
.value-grid article:nth-child(2) { background:#dce7ff; }
.value-grid article > span { color:var(--blue); font-family:monospace; font-size:11px; }
.value-signal {
  position: relative;
  width: 56px;
  height: 56px;
  margin: auto 0 34px;
  border: 1px solid #7e8796;
  border-radius: 50%;
}
.value-signal::before, .value-signal::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  border-radius:50%;
  border:1px solid rgba(49,103,255,.25);
  transform:translate(-50%,-50%);
}
.value-signal::before { width:76px; height:76px; }
.value-signal::after { width:96px; height:96px; }
.value-signal i { position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 20px var(--blue); transform:translate(-50%,-50%); }
.value-grid h3 { margin:0 0 12px; font-size:26px; letter-spacing:-.04em; }
.value-grid p { margin:0; color:#68707b; font-size:13px; line-height:1.75; }
.value-cta {
  margin-top: 18px;
  padding: 24px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgba(8,11,16,.12);
}
.value-cta p { margin:0; font-size:15px; }

.process-section { background:#f7f5f0; }
.process-list { margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); list-style:none; }
.process-list li {
  position:relative;
  min-height:260px;
  padding:22px 24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-left:1px solid var(--line);
}
.process-list li:last-child { border-right:1px solid var(--line); }
.process-list > li > span { color:var(--blue); font-family:monospace; font-size:11px; }
.process-list h3 { margin:0 0 10px; font-size:20px; letter-spacing:-.03em; }
.process-list p { margin:0; color:#747a83; font-size:12px; line-height:1.6; }
.process-list i { position:absolute; top:22px; right:20px; color:#a0a6ae; font-style:normal; }

.apply-section {
  padding: 118px max(7vw,24px);
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:80px;
  background:#10151e;
  color:white;
}
.apply-intro { align-self:start; position:sticky; top:120px; }
.apply-intro > p:not(.eyebrow) { max-width:440px; margin:26px 0 0; color:#939dab; font-size:15px; line-height:1.8; }
.apply-note { margin-top:42px; padding:18px 0; display:flex; flex-direction:column; gap:7px; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }
.apply-note b { color:var(--lime); font-size:11px; letter-spacing:.12em; }
.apply-note span { color:#778291; font-size:11px; line-height:1.6; }
.merchant-form { padding:34px; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:rgba(255,255,255,.035); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 14px; }
.merchant-form label { display:flex; flex-direction:column; gap:9px; }
.merchant-form label > span, .merchant-form legend { color:#aeb7c4; font-size:11px; }
.merchant-form input[type="text"], .merchant-form input:not([type]) { appearance:none; }
.merchant-form input:not([type="checkbox"]) {
  width:100%;
  height:54px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:11px;
  outline:none;
  background:#0b1018;
  color:white;
  font-size:14px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.merchant-form input::placeholder { color:#586270; }
.merchant-form input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(98,215,255,.08); }
.form-wide { grid-column:1 / -1; }
.merchant-form fieldset { margin:28px 0 0; padding:0; border:0; }
.merchant-form legend { margin-bottom:12px; }
.checkbox-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.checkbox-grid label { cursor:pointer; }
.checkbox-grid input { position:absolute; opacity:0; pointer-events:none; }
.checkbox-grid span {
  min-height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:#0b1018;
  color:#9fa8b6;
  font-size:13px;
  transition:.2s ease;
}
.checkbox-grid input:checked + span { border-color:var(--blue); background:rgba(49,103,255,.18); color:white; }
.checkbox-grid input:focus-visible + span { outline:2px solid var(--cyan); outline-offset:2px; }
.form-submit {
  width:100%;
  min-height:58px;
  margin-top:22px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:12px;
  background:var(--blue);
  color:white;
  cursor:pointer;
  font-weight:750;
}
.form-status { min-height:20px; margin:14px 0 0; font-size:12px; }
.form-status[data-state="success"] { color:var(--lime); }
.form-status[data-state="warning"] { color:#ffd86a; }
.form-status[data-state="error"] { color:#ff8a8a; }

.opc-section {
  padding:118px max(7vw,24px);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  background:
    radial-gradient(circle at 80% 50%,rgba(49,103,255,.18),transparent 30%),
    #080b10;
  color:white;
}
.opc-copy > p:not(.eyebrow) { max-width:590px; margin:28px 0 38px; color:#939dab; font-size:15px; line-height:1.8; }
.opc-system { position:relative; min-height:430px; display:grid; place-items:center; border:1px solid rgba(98,215,255,.14); border-radius:50%; }
.opc-system::before, .opc-system::after { content:""; position:absolute; inset:12%; border:1px solid rgba(255,255,255,.08); border-radius:50%; }
.opc-system::after { inset:27%; }
.opc-core { position:relative; z-index:2; width:150px; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--cyan); border-radius:50%; background:#0e1725; box-shadow:0 0 60px rgba(49,103,255,.4); }
.opc-core span { font-size:42px; font-weight:800; letter-spacing:-.05em; }
.opc-core small { color:var(--cyan); font-size:7px; letter-spacing:.13em; }
.opc-system ul { position:absolute; inset:0; margin:0; padding:0; list-style:none; }
.opc-system li { position:absolute; display:flex; align-items:center; gap:8px; color:#99a4b3; font-size:11px; }
.opc-system li b { width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:var(--lime); font-size:9px; }
.opc-system li:nth-child(1) { top:10%; left:14%; }
.opc-system li:nth-child(2) { top:18%; right:7%; }
.opc-system li:nth-child(3) { right:8%; bottom:16%; }
.opc-system li:nth-child(4) { left:12%; bottom:10%; }

.contact {
  position:relative;
  min-height:76svh;
  padding:118px max(7vw,24px) 34px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:linear-gradient(150deg,rgba(49,103,255,.18),transparent 32%),#070a0f;
  color:var(--white);
}
.contact-glow { position:absolute; top:0; right:-10%; width:55vw; height:55vw; border:1px solid rgba(98,215,255,.15); border-radius:50%; box-shadow:0 0 0 8vw rgba(49,103,255,.02),0 0 0 16vw rgba(49,103,255,.018),inset 0 0 100px rgba(49,103,255,.16); }
.contact h2 { position:relative; max-width:900px; font-size:clamp(46px,6.6vw,94px); }
.contact > p:not(.eyebrow) { position:relative; max-width:610px; margin:28px 0 0; color:#929baa; font-size:15px; line-height:1.8; }
.contact-options { position:relative; max-width:840px; margin-top:52px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.contact-options a { min-height:68px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(255,255,255,.04); font-size:14px; transition:.2s ease; }
.contact-options a:hover { border-color:var(--blue); background:var(--blue); }
.contact-options span { color:var(--cyan); }
.contact-footer { position:relative; margin-top:auto; padding-top:48px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:end; border-top:1px solid rgba(255,255,255,.1); color:#5f6978; font-size:10px; letter-spacing:.1em; }
.contact-footer p { margin:0; text-align:center; }
.footer-meta { display:flex; flex-direction:column; align-items:flex-end; gap:8px; text-align:right; }
.footer-meta a:hover { color:var(--white); }
.contact-footer .brand { color:white; }

@media (max-width: 1000px) {
  .hero { min-height:960px; padding-top:125px; grid-template-columns:1fr; align-content:start; }
  .hero-system { width:min(78vw,480px); margin-top:34px; justify-self:center; opacity:.88; }
  .orbit-one { width:90vw; height:90vw; top:48%; }
  .orbit-two { width:70vw; height:70vw; top:56%; }
  .section-head, .apply-section, .opc-section { grid-template-columns:1fr; }
  .apply-intro { position:static; }
  .value-grid { grid-template-columns:1fr 1fr; }
  .process-list { grid-template-columns:1fr; }
  .process-list li { min-height:130px; padding:20px; flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:24px; border-right:1px solid var(--line); border-bottom:0; }
  .process-list li:last-child { border-bottom:1px solid var(--line); }
  .process-list i { top:auto; right:22px; bottom:12px; }
  .opc-system { min-height:480px; max-width:600px; width:100%; justify-self:center; }
}

@media (max-width: 760px) {
  .nav { top:10px; width:calc(100% - 20px); height:56px; padding-left:16px; border-radius:15px; }
  .nav-links { display:none; }
  .nav-cta { height:38px; padding:0 13px; gap:10px; }
  .hero { min-height:850px; padding:108px 20px 34px; }
  .hero h1 { font-size:43px; letter-spacing:-.055em; }
  .hero-copy br { display:none; }
  .hero-actions { display:grid; grid-template-columns:1fr 1fr; }
  .hero-actions .button { width:100%; padding:0 12px; gap:10px; }
  .hero-actions .button-primary { grid-column:1 / -1; }
  .hero-actions .button-ghost { border-color:rgba(255,255,255,.1); }
  .hero-proof { display:none; }
  .hero-system { width:80vw; margin-top:30px; }
  .system-node { width:55px; }
  .system-node b { font-size:17px; }
  .system-node span { font-size:8px; }
  .section, .apply-section, .opc-section { padding:82px 20px; }
  .section-head { margin-bottom:36px; grid-template-columns:1fr; gap:18px; }
  .section-head h2, .apply-intro h2, .opc-copy h2 { font-size:39px; }
  .ecosystem-card { grid-template-columns:34px 1fr; gap:12px; padding:32px 0; }
  .card-number { padding-top:0; }
  .tag-list, .ecosystem-card > a { grid-column:2; }
  .tag-list { gap:6px; }
  .tag-list span { padding:7px 9px; }
  .flow { grid-template-columns:1fr; gap:0; }
  .flow-stage { min-height:220px; padding:22px; }
  .flow-stage-focus { transform:none; }
  .flow-line { height:68px; writing-mode:horizontal-tb; }
  .flow-line::after { content:"↓"; }
  .value-grid { grid-template-columns:1fr; }
  .value-grid article { min-height:280px; }
  .value-cta { padding:22px 0 0; align-items:stretch; flex-direction:column; }
  .value-cta .button { width:100%; }
  .apply-section { gap:42px; }
  .merchant-form { padding:20px; border-radius:18px; }
  .form-grid { grid-template-columns:1fr; }
  .form-wide { grid-column:auto; }
  .checkbox-grid { grid-template-columns:1fr; }
  .opc-section { gap:48px; }
  .opc-system { min-height:auto; aspect-ratio:1; }
  .opc-core { width:120px; }
  .opc-core span { font-size:34px; }
  .contact { min-height:760px; padding:90px 20px 26px; }
  .contact h2 { font-size:48px; }
  .contact-options { grid-template-columns:1fr; margin-top:38px; }
  .contact-options a { min-height:56px; }
  .contact-footer { grid-template-columns:1fr 1fr; gap:16px; }
  .contact-footer p { display:none; }
}

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