/* gatevectors.com — built by scripts/site.py. Fonts, then the approved page's style (unchanged), then NEXT-SITE's additions. */
/* Self-hosted from Google Fonts by scripts/site.py fonts (SIL Open Font License). */
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-cyrillic-0b5c2db191.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-latin-ext-7300d08cc3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-latin-5778b1a208.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-cyrillic-4065b246a6.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-latin-ext-2d8cfbcbf9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/ibm-plex-mono-latin-11ced52deb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-cyrillic-4e183d488c.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin-ext-efbd4e0b70.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin-9d44a92983.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-cyrillic-4e183d488c.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin-ext-efbd4e0b70.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin-9d44a92983.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-cyrillic-4e183d488c.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin-ext-efbd4e0b70.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/ibm-plex-sans-latin-9d44a92983.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat-cyrillic-3ac7574859.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat-latin-ext-a42b6e465d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat-latin-c4f4a8cd0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat-cyrillic-3ac7574859.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat-latin-ext-a42b6e465d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat-latin-c4f4a8cd0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/montserrat-cyrillic-3ac7574859.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/montserrat-latin-ext-a42b6e465d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/montserrat-latin-c4f4a8cd0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- design/site/home.template.html <style> --- */
/* One committed world: the navy of the logo, gold where the brand speaks, a split-flap gate board as the signature. Left-aligned, max 1200. */
:root{
  --bg:#0A1730; --bg2:#0E2140; --bg3:#122A4D; --ink:#EEF3FA; --mut:#9FB0C6; --line:#213A5E; --field:#071127;
  --gold:#D9A93F; --gold2:#F3CF73; --gold3:#8A6A1E; --accent:#FF7A3D; --ok:#4CC08A; --red:#FF5C5C;
  --brand:'Montserrat',system-ui,sans-serif; --body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.55;overflow-x:clip}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--brand);margin:0;line-height:1.02;text-wrap:balance}
h1{font-weight:800;font-size:clamp(44px,7.4vw,104px);letter-spacing:-.035em}
h2{font-weight:800;font-size:clamp(28px,3.8vw,46px);letter-spacing:-.022em}
h3{font-weight:800;font-size:21px;letter-spacing:-.01em}
p{margin:0}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
/* the VALKYRIE wordmark and mark */
.vkn{font-family:var(--brand);font-weight:800;letter-spacing:.12em;font-size:.86em;background:linear-gradient(180deg,#F8DE8E 0%,#D9A93F 55%,#9A7524 100%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
h1 .vkn,h2 .vkn{font-size:.94em;letter-spacing:.06em}
.vkh{white-space:nowrap}
h2 .vkm{width:.95em;height:.95em;vertical-align:-.08em;margin-right:.18em}
h2 .vkn{margin-right:.06em}
.vkm{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.35em}
.vklink{display:inline-flex;align-items:center}
.vklink .vkn{font-size:.9em}
.vklink .vkm{width:1.05em;height:1.05em;margin-right:.3em;vertical-align:-.15em}
/* nav */
.nav{display:flex;align-items:center;gap:26px;padding-block:18px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:48px;height:48px}
.brand b{font-family:var(--brand);font-weight:800;letter-spacing:.2em;font-size:14px;color:var(--gold2)}
.brand small{display:block;font-family:var(--brand);font-weight:600;letter-spacing:.26em;font-size:8.5px;color:var(--gold);margin-top:3px}
.links{display:flex;gap:22px;margin-left:auto;font-size:14.5px;color:var(--mut)}
.links a{text-decoration:none}
.links a:hover{color:var(--ink)}
.links .signin{color:var(--ink);font-weight:600;padding-left:6px}
@media (max-width:820px){.links{display:none}}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--brand);font-weight:800;font-size:14.5px;letter-spacing:.02em;border-radius:8px;padding:14px 22px;text-decoration:none;white-space:nowrap;border:1px solid transparent}
.btn.gold{background:var(--gold);color:#0A1730}
.btn.gold:hover{background:var(--gold2)}
.btn.ghost{border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--gold)}
.btn.sm{padding:10px 16px;font-size:13.5px}
/* hero */
.hero{padding-block:88px 40px}
@media (max-width:760px){.hero{padding-block:48px 28px}}
.hero{position:relative}
.hero::before{content:"";position:absolute;left:-10%;top:-20%;width:60%;height:70%;background:radial-gradient(closest-side,rgba(217,169,63,.10),transparent 70%);pointer-events:none}
.hero .over{font-size:15px;color:var(--gold2);font-weight:500;letter-spacing:.01em;margin-bottom:22px}
.hero .ctanote{font-size:14.5px;color:var(--mut)}
.hero h1 span{display:block}
.hero .lead{font-size:clamp(18px,1.6vw,21px);color:var(--mut);max-width:56ch;margin-top:28px}
.hero .lead b{color:var(--ink);font-weight:600}
.hero .cta{display:flex;gap:14px;align-items:center;margin-top:34px;flex-wrap:wrap}
/* the board */
.boardwrap{margin-top:64px}
.board{background:#050C1C;border:1px solid #1B2E4D;border-radius:10px;padding:18px 18px 14px;box-shadow:0 40px 120px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);overflow-x:auto}
.bhead{display:flex;align-items:baseline;gap:18px;padding:0 6px 14px;border-bottom:1px solid #1B2E4D;margin-bottom:10px;min-width:720px}
.bhead .t{font-family:var(--brand);font-weight:800;letter-spacing:.24em;font-size:12px;color:var(--gold2)}
.bhead .d{font-family:var(--mono);font-size:12.5px;color:var(--mut);margin-left:auto}
.bhead .d b{color:var(--ink);font-weight:600}
.row{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:16px;align-items:center;padding:7px 6px;min-width:1040px}
@media (max-width:760px){.row{grid-template-columns:auto auto auto auto;min-width:720px}.row > :nth-child(3){display:none}}
.row.h{padding-bottom:8px}
.row.h span{font-family:var(--brand);font-weight:700;font-size:10.5px;letter-spacing:.2em;color:#5C7494}
.cells{display:flex;gap:2px}
.c{width:13px;min-width:13px;height:28px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:15px;color:#F2E8C8;background:linear-gradient(#1A2C4B,#0E1C35);border-radius:3px;position:relative;overflow:hidden;perspective:200px}
.c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
.c.flip{animation:flap .28s ease-in-out}
@keyframes flap{0%{transform:rotateX(0)}50%{transform:rotateX(-88deg)}100%{transform:rotateX(0)}}
.c.lab{background:none;height:18px;font-family:var(--brand);font-weight:700;font-size:10.5px;letter-spacing:.2em;color:#5C7494;justify-items:start}.c.lab::after{display:none}
.c.gold{color:var(--gold2)}.c.red{color:var(--red)}.c.ok{color:var(--ok)}.c.hot{color:var(--accent)}
.bfoot{display:flex;gap:18px;padding:12px 6px 0;font-size:12.5px;color:var(--mut);border-top:1px solid #1B2E4D;margin-top:10px;min-width:720px;flex-wrap:wrap}
.bfoot b{color:var(--ink);font-weight:600}
.bcap{font-size:14.5px;color:var(--mut);max-width:70ch;margin-top:16px}
/* sections */
section{padding-block:96px;border-top:1px solid var(--line)}
@media (max-width:760px){section{padding-block:64px}}
.srule{width:56px;height:3px;background:linear-gradient(90deg,var(--gold2),var(--gold3));margin-bottom:22px}
.sec-h{max-width:22ch}
.sec-p{color:var(--mut);max-width:60ch;font-size:18px;margin-top:22px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.split .sec-p{margin-top:0}
@media (max-width:860px){.split{grid-template-columns:1fr}.split .sec-p{margin-top:18px}}
.sec-p b{color:var(--ink);font-weight:600}
/* product with the living proposal */
.stage{position:relative;margin-top:56px}
.frame{border:1px solid #2A4468;border-radius:14px;overflow:hidden;background:#0B182F;box-shadow:0 50px 140px rgba(0,0,0,.6), 0 0 0 1px rgba(217,169,63,.08)}
.frame img{display:block;width:100%;height:auto}
.prop{position:absolute;right:4%;bottom:10%;width:min(380px,80%);background:#0E2140;border:1px solid var(--gold3);border-radius:12px;padding:16px 18px;box-shadow:0 30px 80px rgba(0,0,0,.6);opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.prop.show{opacity:1;transform:none}
.prop .work,.prop .done{display:none}
.prop.working .work{display:block}
.prop.ready .done{display:block}
.prop .k i.spin{background:var(--gold);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.prop .wl{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:13.5px;color:var(--mut)}
.prop .wl span{padding-left:18px;position:relative;opacity:0;transition:opacity .3s}
.prop .wl span.on{opacity:1}
.prop .wl span::before{content:"✓";position:absolute;left:0;color:var(--ok)}
.prop .k{font-family:var(--brand);font-weight:800;letter-spacing:.2em;font-size:10.5px;color:var(--gold2);display:flex;align-items:center;gap:8px}
.prop .k i{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block}
.prop .t{font-family:var(--brand);font-weight:800;font-size:17px;margin-top:8px;letter-spacing:-.01em}
.prop .w{font-size:13.5px;color:var(--mut);margin-top:6px}
.prop .ev{font-family:var(--mono);font-size:12px;margin-top:10px;padding:7px 9px;border-radius:7px;background:var(--field);border:1px solid var(--line);color:#C7D3E3;overflow-wrap:anywhere}
.prop .act{display:flex;gap:8px;margin-top:12px}
.prop .act span{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-family:var(--brand);font-weight:700}
.prop .act span.on{background:var(--gold);border-color:var(--gold);color:#0A1730;transition:box-shadow .3s}
.prop.pressed .act span.on{box-shadow:0 0 0 6px rgba(217,169,63,.25)}
.stage .cap{font-size:14px;color:var(--mut);margin-top:16px;max-width:70ch}
/* three clocks as statements */
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:56px;border-top:1px solid var(--line)}
@media (max-width:860px){.three{grid-template-columns:1fr}}
.three > div{padding:30px 26px 30px 0;border-right:1px solid var(--line)}
.three > div:last-child{border-right:0}
@media (max-width:860px){.three > div{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.three > div:last-child{border-bottom:0}}
.three .big{font-family:var(--brand);font-weight:900;font-size:clamp(40px,4.4vw,58px);letter-spacing:-.03em;line-height:1}
.three .big.hot{color:var(--accent)}.three .big.red{color:var(--red)}.three .big.ok{color:var(--ok)}
.three h3{margin-top:12px}
.three p{color:var(--mut);font-size:15.5px;margin-top:8px}
/* valkyrie */
.vk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:56px}
@media (max-width:900px){.vk{grid-template-columns:1fr}}
.rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
@media (max-width:760px){.rules{grid-template-columns:1fr}}
.rules li{padding:18px 0;border-top:1px solid var(--line)}
.rules b{display:block;font-family:var(--brand);font-weight:800;font-size:18px;letter-spacing:-.01em}
.rules span{display:block;color:var(--mut);font-size:15.5px;margin-top:5px}
.chat{border:1px solid var(--line);border-radius:14px;background:#0B182F;padding:18px;display:flex;flex-direction:column;gap:12px}
.chat .u{align-self:flex-end;background:#132A4C;border-radius:14px 14px 3px 14px;padding:10px 14px;max-width:88%;font-size:15px}
.chat .v{align-self:flex-start;border:1px solid var(--gold3);border-radius:14px 14px 14px 3px;padding:10px 14px;max-width:88%;font-size:15px}
.chat .v small{display:block;color:var(--mut);font-size:12px;margin-top:6px;font-family:var(--mono)}
.chat .talk{font-size:13px;color:var(--mut);border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
/* three ways */
.ways{margin-top:48px;border:1px solid var(--line);border-radius:16px;background:#0B182F;overflow:hidden}
.tabs{display:flex;gap:6px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.tab{font-family:var(--brand);font-weight:800;font-size:14px;letter-spacing:.02em;border:1px solid var(--line);background:none;color:var(--mut);border-radius:8px;padding:9px 16px;cursor:pointer}
.tab.on{background:var(--gold);border-color:var(--gold);color:#0A1730}
.tabs .task{margin-left:auto;font-size:13.5px;color:var(--mut)}
@media (max-width:700px){.tabs .task{width:100%;margin-left:0}}
.wstage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0}
@media (max-width:860px){.wstage{grid-template-columns:1fr}}
.input{padding:22px;border-right:1px solid var(--line);min-height:300px}
@media (max-width:860px){.input{border-right:0;border-bottom:1px solid var(--line);min-height:0}}
.ways .in{display:none}.ways[data-mode="talk"] .in.talk,.ways[data-mode="type"] .in.type,.ways[data-mode="click"] .in.click{display:block}
.wave{display:flex;gap:4px;align-items:center;height:44px;margin-bottom:16px}
.wave i{display:block;width:5px;height:8px;border-radius:3px;background:var(--gold);animation:wv 1.1s ease-in-out infinite}
.wave i:nth-child(2n){animation-delay:.15s}.wave i:nth-child(3n){animation-delay:.3s}.wave i:nth-child(5n){animation-delay:.45s}
@keyframes wv{0%,100%{height:8px;opacity:.6}50%{height:40px;opacity:1}}
.ways:not(.listening) .wave i{animation-play-state:paused;height:8px}
.say{display:flex;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line);font-size:15.5px;min-height:46px}
.say .who{font-family:var(--brand);font-weight:800;font-size:10.5px;letter-spacing:.18em;color:var(--mut);width:70px;flex:none;text-transform:uppercase}
.say.vk .who{color:var(--gold2)}
.cmd{display:flex;align-items:center;gap:12px;height:52px;border:1px solid var(--gold3);border-radius:10px;background:var(--field);padding:0 14px;font-family:var(--mono);font-size:16px}
.cmd .k{font-size:11px;letter-spacing:.1em;color:var(--mut);border:1px solid var(--line);border-radius:4px;padding:2px 6px}
.caret{width:2px;height:22px;background:var(--gold);animation:blink 1s steps(2) infinite}
.hint{font-size:14px;color:var(--mut);margin-top:14px;min-height:44px}
.drivers{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.drivers .lab{width:100%;font-size:13px;color:var(--mut);margin-bottom:4px}
.drv{font-size:13.5px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:#0E2140;cursor:grab}
.drv.off{color:#5C7494}
.drv.lift{box-shadow:0 10px 30px rgba(0,0,0,.5);border-color:var(--gold)}
.mini{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;min-height:300px}
.col{border:1px solid var(--line);border-radius:12px;padding:10px;background:#0A1730;display:flex;flex-direction:column;gap:8px}
.col .ch{display:flex;gap:8px;align-items:baseline;padding:2px 4px 8px;border-bottom:1px solid var(--line)}
.col .ch b{font-family:var(--brand);font-weight:800;letter-spacing:.1em;font-size:13px;color:var(--gold2)}
.col .ch span{font-size:12px;color:var(--mut)}.col .ch em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mut)}
.card{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#0E2140;font-size:12.5px;max-height:120px;overflow:hidden;transition:box-shadow .3s,transform .3s,max-height .4s,padding .4s,opacity .3s,margin .4s}
.card .ld{font-family:var(--mono);font-weight:600}.card .tm{font-family:var(--mono);color:var(--mut);text-align:right}
.card .wh{grid-column:1/-1}.card .who{grid-column:1/-1;color:var(--mut);font-size:12px}
.card .who.need{color:var(--accent);font-weight:600}
.card.hot{box-shadow:inset 3px 0 0 var(--accent)}
.card.drop{outline:2px solid var(--gold);box-shadow:0 0 0 4px rgba(217,169,63,.2)}
.card.gone{opacity:0;transform:scale(.96);max-height:0;padding-top:0;padding-bottom:0;border-width:0;margin-top:-8px}
.slot{min-height:0;border:1px dashed transparent;border-radius:9px;transition:min-height .4s,border-color .4s}
.slot.open{min-height:74px;border-color:var(--gold3)}
.slot .card{animation:land .4s ease-out}
@keyframes land{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.cursor{position:absolute;left:0;top:0;opacity:0;transition:left 1.2s ease-in-out,top 1.2s ease-in-out,opacity .3s;z-index:3;pointer-events:none}
.dragghost{position:absolute;left:0;top:0;opacity:0;transition:left 1.2s ease-in-out,top 1.2s ease-in-out,opacity .3s;z-index:2;font-size:13.5px;border:1px solid var(--gold);border-radius:999px;padding:7px 14px;background:#0E2140;box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:none}
.toast{grid-column:1/-1;display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:10px;background:#0E2140;border:1px solid var(--ok);font-size:13.5px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;min-height:42px}
.toast.show{opacity:1;transform:none}
.toast i{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block;flex:none}
.ways-cap{padding:14px 18px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
.ways-cap b{color:var(--ink);font-weight:600}
/* the dispatch box, as in the product */
.dsp-intro{margin-top:56px;max-width:70ch}
.dsp-intro h3{font-size:24px}
.dsp-intro p{color:var(--mut);font-size:16.5px;margin-top:10px}
.dsp{margin-top:22px;background:#152A41;border:1px solid #26415C;border-radius:12px;overflow:hidden;font-family:var(--body);font-size:13.5px}
.dsp-head{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 14px 10px}
.dsp-title{font-family:var(--brand);font-size:20px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-bottom:6px;border-bottom:3px solid var(--accent)}
.dsp-cnt{display:inline-block;min-width:22px;text-align:center;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;background:#1E3650}
.dsp-purpose{font-size:12px;color:var(--mut);padding:0 14px 14px;text-align:center}
.dsp .big4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 14px 14px}
@media (max-width:860px){.dsp .big4{grid-template-columns:repeat(2,1fr)}}
.dsp .big{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 18px 16px;min-height:104px;background:#1E3650;border:1px solid #26415C;border-radius:12px;color:var(--ink);cursor:pointer;text-align:left;font-family:var(--body);transition:border-color .2s,transform .2s}
.dsp .big:hover{border-color:var(--accent)}
.dsp .big.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,122,61,.18)}
.dsp .bt{font-family:var(--brand);font-weight:800;font-size:16px;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}
.dsp .bt .plus{color:var(--accent);font-size:22px;margin-right:6px;vertical-align:-2px}
.dsp .bs{font-size:12px;color:var(--mut)}
.dsp .big kbd{position:absolute;top:12px;right:12px;font:600 10.5px var(--mono);color:var(--mut);border:1px solid #26415C;border-radius:4px;padding:1px 5px;background:#152A41}
.dsp-foot{display:flex;gap:16px;padding:9px 14px;font-size:12px;color:var(--mut);border-top:1px solid #26415C;flex-wrap:wrap}
.dsp-foot .r{margin-left:auto}
.dsp .win{border-top:1px solid #26415C;background:#0F2033}
.dsp .win[hidden]{display:none}
.dsp .wh{display:flex;align-items:baseline;gap:12px;padding:14px 18px;border-bottom:1px solid #26415C}
.dsp .wt{font-family:var(--brand);font-weight:800;font-size:15px;letter-spacing:.04em}
.dsp .wk{font-size:12.5px;color:var(--mut)}
.dsp .wh .x{margin-left:auto;background:none;border:0;color:var(--mut);font-size:14px;cursor:pointer}
.dsp .paste{margin:14px 18px 0;border:1px dashed #26415C;border-radius:8px;padding:9px 12px;font-size:12.5px;color:var(--mut);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dsp .paste.filled{border-style:solid;border-color:var(--accent);color:var(--ink);background:#3A2415}
.dsp .paste .pl{color:var(--accent);font-weight:700;font-family:var(--mono)}
.dsp .paste a{margin-left:auto;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.dsp .fg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px;padding:14px 18px 6px}
.dsp .f{display:flex;flex-direction:column;gap:4px;min-width:0}
.dsp .c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c12{grid-column:span 12}
@media (max-width:860px){.dsp .c2,.dsp .c3,.dsp .c4,.dsp .c5{grid-column:span 6}}
@media (max-width:520px){.dsp .c2,.dsp .c3,.dsp .c4,.dsp .c5,.dsp .c6{grid-column:span 12}}
.dsp .f label{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsp .f.req label{color:var(--ink)}
.dsp .f label.pd::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:1px}
.dsp .fld{height:32px;border:1px solid #26415C;border-radius:6px;background:#0B182F;padding:0 9px;display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsp .fld .ph{color:#5C7494}
.dsp .fld .okt{margin-left:auto;font-size:11px;color:var(--ok)}
.dsp .src{font-size:11px;color:var(--mut)}
.dsp .seg{display:inline-flex;border:1px solid #26415C;border-radius:6px;overflow:hidden;height:32px}
.dsp .seg span{padding:0 10px;display:flex;align-items:center;font-size:12.5px;color:var(--mut);border-right:1px solid #26415C}
.dsp .seg span:last-child{border-right:0}
.dsp .seg span.on{background:#1E3650;color:var(--ink);font-weight:600}
.dsp .ta{width:100%;min-height:32px;border:1px solid #26415C;border-radius:6px;background:#0B182F;color:var(--ink);padding:7px 9px;font:13px var(--body);resize:none;overflow:hidden;line-height:1.4}
.dsp .ta:focus{outline:2px solid var(--accent);outline-offset:1px}
.dsp .wf{display:flex;gap:8px;align-items:center;padding:12px 18px 16px;flex-wrap:wrap}
.dsp .wf .keys{font-size:11.5px;color:var(--mut);margin-right:auto}
.dsp .wbtn{font:inherit;font-size:12.5px;font-weight:700;border-radius:7px;padding:7px 12px;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;white-space:nowrap}
.dsp .wbtn.ghost{background:none;color:var(--ink);border-color:#26415C}
.dsp .wbtn.ghost.strong{border-color:var(--ink)}
/* email */
.mail{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;align-items:center;margin-top:48px}
@media (max-width:900px){.mail{grid-template-columns:1fr}.mail .arrow{transform:rotate(90deg);justify-self:center}}
.m{border:1px solid var(--line);border-radius:14px;background:#0B182F;overflow:hidden;min-width:0}
.m.out{border-color:var(--gold3)}
.mh{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--mut)}
.mh .from{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m.out .mh .from{color:var(--gold2);font-family:var(--brand);font-weight:800;letter-spacing:.16em;font-size:11.5px}
.ms{padding:12px 16px 0;font-family:var(--brand);font-weight:800;font-size:16px;letter-spacing:-.01em}
.mb{padding:10px 16px 16px;font-size:14.5px;color:var(--mut);line-height:1.5}
.att{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:12.5px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:4px 8px}
.arrow{font-size:40px;color:var(--gold);font-weight:900;font-family:var(--brand)}
.load{display:flex;flex-direction:column;padding:8px 16px 4px}
.load div{display:flex;gap:14px;padding:7px 0;border-top:1px solid var(--line);font-size:14px}
.load div span{color:var(--mut);width:84px;flex:none}
.load div b{font-weight:600;min-width:0}
.mact{display:flex;gap:8px;padding:12px 16px 16px;flex-wrap:wrap}
.mact span{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-family:var(--brand);font-weight:700}
.mact span.on{background:var(--gold);border-color:var(--gold);color:#0A1730}
/* drivers */
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:56px}
@media (max-width:900px){.two{grid-template-columns:1fr}}
.phone{width:min(320px,100%);margin:0 auto;border:1px solid #2A4468;border-radius:34px;background:#050C1C;padding:22px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 40px 90px rgba(0,0,0,.55)}
.phone .now{border:1px solid var(--line);border-radius:16px;padding:14px;background:#0E2140}
.phone .now .k{font-size:12px;color:var(--mut)}
.phone .now .b{font-family:var(--mono);font-weight:600;font-size:24px;margin-top:3px;letter-spacing:.01em}
.phone .now .w{font-size:14px;margin-top:5px}
.phone .big{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.phone .big span{display:block;text-align:center;font-family:var(--brand);font-weight:800;font-size:15px;padding:18px 6px;border-radius:14px;background:#0E2140;border:1px solid var(--line)}
.phone .big span.go{background:var(--ok);color:#06261A;border-color:var(--ok)}
.phone .big span.scan{grid-column:1/-1;background:var(--gold);color:#0A1730;border-color:var(--gold)}
.phone .big span.prob{color:var(--red)}
.plist{font-size:12.5px;color:var(--mut);display:flex;flex-direction:column;gap:5px;padding:4px 2px}
.plist b{color:var(--ink);font-family:var(--mono);font-weight:600}
.langs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.langs span{font-family:var(--brand);font-weight:700;font-size:12.5px;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--mut)}
/* paperwork */
.puz{border:1px solid var(--line);border-radius:12px;overflow-x:auto;background:#0B182F;margin-top:56px}
.puz table{border-collapse:collapse;width:100%;font-size:14px;min-width:760px}
.puz th{font-family:var(--brand);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--gold);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.puz td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.puz tr:last-child td{border-bottom:0}
.pc{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--field);border:1px solid var(--line);border-radius:6px;padding:4px 8px}
.pc::before{content:"";width:8px;height:10px;border:1.5px solid var(--ok);border-radius:1.5px}
.pc i{font-style:normal;color:var(--mut)}
.miss{display:inline-flex;font-size:12.5px;color:var(--accent);font-weight:600;border:1px dashed var(--accent);border-radius:6px;padding:4px 8px}
.nay{color:#5C7494}
.fn{font-family:var(--mono);font-size:14px;color:var(--gold2);margin-top:18px}
/* guarantee band */
.band{margin-inline:calc(50% - 50vw);padding-block:96px;background:linear-gradient(180deg,#0E2140,#0A1730);border-top:1px solid var(--gold3);border-bottom:1px solid var(--gold3)}
.band .g{font-family:var(--brand);font-weight:900;font-size:clamp(30px,5.2vw,64px);letter-spacing:-.03em;line-height:1.02;max-width:20ch}
.band .g em{font-style:normal;color:var(--gold2)}
.band p{color:var(--mut);font-size:18px;max-width:60ch;margin-top:22px}
/* price */
.price{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;margin-top:48px}
@media (max-width:900px){.price{grid-template-columns:1fr}}
.price .big{font-family:var(--brand);font-weight:900;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.03em;line-height:1.05;color:var(--gold2)}
.price .big small{display:block;font-family:var(--body);font-weight:500;font-size:18px;color:var(--mut);margin-top:16px;letter-spacing:0}
.price ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.price li{padding:16px 0;border-top:1px solid var(--line);font-size:16px;color:var(--mut)}
.price li:last-child{border-bottom:1px solid var(--line)}
.price li b{color:var(--ink);font-weight:600}
/* doors */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:40px}
@media (max-width:760px){.facts{grid-template-columns:1fr}}
.facts > div{padding:18px 0;border-top:1px solid var(--line)}
.facts b{display:block;font-family:var(--brand);font-weight:800;font-size:18px;letter-spacing:-.01em}
.facts span{display:block;color:var(--mut);font-size:15.5px;margin-top:5px}
.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
@media (max-width:760px){.doors{grid-template-columns:1fr}}
.door{border:1px solid var(--line);border-radius:14px;padding:30px;background:#0B182F;display:flex;flex-direction:column;gap:12px}
.door.pri{border-color:var(--gold3)}
.door h3{font-size:24px}
.door p{color:var(--mut);font-size:15.5px}
.door ul{margin:4px 0 0;padding-left:18px;color:var(--mut);font-size:15px;display:flex;flex-direction:column;gap:6px}
.door .btn{align-self:flex-start;margin-top:10px}
/* proof */
.proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:48px}
@media (max-width:900px){.proof{grid-template-columns:1fr}}
.score{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0B182F}
.score table{border-collapse:collapse;width:100%;font-size:15px}
.score th{text-align:left;font-family:var(--brand);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--gold);padding:12px 16px;border-bottom:1px solid var(--line)}
.score td{padding:11px 16px;border-bottom:1px solid var(--line)}
.score tr:last-child td{border-bottom:0}
.score td:last-child{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;color:var(--gold2)}
/* footer */
footer{border-top:1px solid var(--line);padding-block:56px 48px;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
footer img{width:min(360px,90%);height:auto;mix-blend-mode:lighten}
footer .l{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;font-size:14px;color:var(--mut)}
footer .l a{text-decoration:none}
footer .copy{font-size:13px;color:#5C7494}
/* the late, slim, dismissible bar */
.bar[hidden]{display:none}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(5,12,28,.92);backdrop-filter:blur(10px);border-top:1px solid var(--gold3);font-size:14.5px}
.bar span{flex:1;min-width:0}
.bar .x{background:none;border:0;color:var(--mut);font-size:22px;cursor:pointer;padding:0 4px}
@media (max-width:600px){.bar span{display:none}.bar .btn{flex:1;justify-content:center}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* --- site/src/pages.css --- */
/* NEXT-SITE additions. The approved page's <style> comes first, unchanged; everything here is new or scoped so it
   cannot change a carried-over section. Colors are the approved page's tokens. */
[hidden]{display:none!important}
.sprite{position:absolute}
/* the approved page's inline style attributes, as classes (CSP: no inline styles) */
.u-mla{margin-left:auto}
.rules.u-mt48{margin-top:48px}
.sec-p.u-s155{font-size:15.5px;margin-top:22px}
.sec-p.u-mt0{margin-top:0}
.sec-p.u-s16{font-size:16px}
/* §0b: the GV monogram and the gold wordmark in the nav and footer */
.gvn{font-family:var(--brand);font-weight:800;background:linear-gradient(180deg,#F8DE8E 0%,#D9A93F 55%,#9A7524 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand b.gvn{color:transparent}
.brand span{white-space:nowrap}
/* the CTA reads "Request a pilot spot" now, longer than the approved one: tighten the phone nav so the brand stays on one line */
@media (max-width:880px){.links{display:none}}
@media (min-width:881px) and (max-width:1060px){.nav{gap:16px}.links{gap:14px;font-size:14px}}
@media (max-width:480px){.nav{gap:12px}.brand{gap:9px}.brand img{width:36px;height:36px}.brand b{font-size:12px;letter-spacing:.16em}.brand small{font-size:7.5px;letter-spacing:.2em}.nav .btn.sm{padding:10px 12px;font-size:13px;margin-left:auto}}
footer .fbrand{display:flex;align-items:center;gap:14px;text-decoration:none}
footer .fbrand img{width:56px;height:56px;mix-blend-mode:normal}
footer .fbrand .gvn{letter-spacing:.2em;font-size:20px}
footer .l.small{font-size:13px}
footer .copy{color:var(--mut)}   /* the approved #5C7494 is 3.7:1 on navy; the muted token passes */
/* §0a: the opening is the holding page (design/site/hold/index.html), scoped to .open */
.open{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0 8px;font-size:17px;line-height:1.55}
.open::before{content:"";position:absolute;left:50%;top:10%;width:70%;height:60%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(217,169,63,.08),transparent 70%);pointer-events:none}
.open .obrand{display:inline-flex;text-decoration:none;position:relative}
.open .brandimg{width:min(420px,86vw);height:auto;mix-blend-mode:lighten;display:block;-webkit-mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 72% 80% at 50% 50%,#000 78%,transparent 100%)}
.open .lock{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;position:relative}
.open .mark{width:min(132px,32vw);height:auto;filter:drop-shadow(0 0 28px rgba(217,169,63,.35))}
.open .vkhero{letter-spacing:.2em;font-size:clamp(34px,7vw,56px);line-height:1;padding-left:.2em}
.open h1{font-weight:800;font-size:clamp(24px,3.6vw,38px);letter-spacing:-.02em;line-height:1.12;margin:30px 0 10px;max-width:26ch;text-wrap:balance}
.open .sub{color:var(--mut);font-size:clamp(16px,1.6vw,19px);max-width:46ch;margin:0}
.open .acts{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:12px;width:min(640px,100%);text-align:left}
.open .acts li{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.open .acts svg{width:22px;height:22px;margin-top:3px}
.open .acts b{font-weight:600;color:var(--ink);display:block}
.open .acts span{color:var(--mut)}
.open .octa{margin-top:30px}
@media (max-width:560px){.open .acts li{grid-template-columns:18px 1fr;gap:10px;padding:12px 13px}.open .acts svg{width:18px;height:18px}}
.boardsec{padding-bottom:40px}
/* the holding page's .tap line, now introducing Talk · Type · Click & drag */
.tap{margin:40px 0 0;max-width:52ch;color:var(--ink);font-size:clamp(16px,1.6vw,18.5px)}
.tap em{font-style:normal;color:var(--gold2)}
/* drivers: the language chips are links to /drivers */
.langs a,.lsw button{font-family:var(--brand);font-weight:700;font-size:12.5px;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--mut);text-decoration:none;background:none;cursor:pointer}
.langs a:hover,.langs a.on,.lsw button:hover,.lsw button.on{color:var(--ink);border-color:var(--gold)}
.langs [lang=ar],.lsw [lang=ar]{letter-spacing:0}
.lsw button.on{color:var(--gold2)}
/* §2 pricing: two desks */
.bill{display:inline-flex;gap:6px;margin-top:40px;padding:5px;border:1px solid var(--line);border-radius:12px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:22px}
@media (max-width:760px){.plans{grid-template-columns:1fr}}
.plan{border:1px solid var(--line);border-radius:14px;padding:30px;background:#0B182F;display:flex;flex-direction:column;gap:10px}
.plan.pri{border-color:var(--gold3)}
.plan .pn{font-family:var(--brand);font-weight:800;font-size:24px;letter-spacing:-.01em}
.plan .pw{color:var(--mut);font-size:16px}
.plan .pp{font-family:var(--brand);font-weight:900;font-size:clamp(38px,4.2vw,54px);letter-spacing:-.03em;line-height:1;color:var(--gold2);margin-top:10px}
.plan .pp small{font-family:var(--body);font-weight:500;font-size:16px;color:var(--mut);letter-spacing:0;margin-left:6px}
.plan .pa{font-size:14px;color:var(--mut);min-height:1.55em}
.plan .pl{font-weight:600;font-size:16px;padding-top:12px;border-top:1px solid var(--line);margin-top:4px}
.plan .cmp{color:var(--gold2);font-size:15.5px;border-left:3px solid var(--gold3);padding-left:12px}
.plan .btn{align-self:flex-start;margin-top:10px}
.plan .after{font-size:13.5px;color:var(--mut)}
.over{margin-top:22px;color:var(--mut);font-size:16px}
.over a,.prose a,.pmail a,.lnk{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:1px}
.over a:hover,.prose a:hover,.pmail a:hover,.lnk:hover{color:var(--gold2);border-color:var(--gold2)}
.pfine{font-size:13.5px;color:var(--mut);margin-top:18px;max-width:70ch}
/* the pilot section: the holding page's form, unchanged, scoped to .pilot */
section.pilot .pin{width:min(640px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.pilot h2{max-width:24ch;margin:0 0 14px}
.pilot .sub{color:var(--mut);font-size:clamp(16px,1.6vw,19px);max-width:52ch;margin:0}
.eyebrow{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);display:inline-flex;align-items:center;gap:14px;margin-bottom:14px}
.eyebrow::before,.eyebrow::after{content:"";width:38px;height:1px;background:var(--line)}
.pilot form{margin-top:22px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
.pilot form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--mut);min-width:0}
.pilot form input,.pilot form select{width:100%;min-width:0;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;font-size:16px;padding:12px 13px;outline:none}
.pilot form input:focus,.pilot form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,169,63,.18)}
.pilot form select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.pilot .full{grid-column:1 / -1}
.pilot .hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.pilot form button{grid-column:1 / -1;margin-top:4px;font-family:var(--brand);font-weight:800;font-size:16px;letter-spacing:.02em;color:#1A1405;background:linear-gradient(180deg,#F3CF73,#D9A93F);border:0;border-radius:12px;padding:15px 18px;cursor:pointer}
.pilot form button:hover{filter:brightness(1.06)}
.pilot form button:disabled{opacity:.6;cursor:default}
.pilot .fine{grid-column:1 / -1;color:var(--mut);font-size:12.5px;margin:0;text-align:center}
.pilot .msg{grid-column:1 / -1;color:var(--gold2);font-size:14px;margin:0;text-align:center;min-height:1.2em}
.pilot .done{margin-top:22px;padding:18px 20px;border:1px solid var(--gold3);border-radius:12px;background:var(--bg2);max-width:46ch}
.pilot .done b{color:var(--gold2)}
.pmail{margin:22px 0 0;font-size:15px;color:var(--mut)}
@media (max-width:560px){.pilot form{grid-template-columns:1fr}}
/* §5 the commercial slot (rendered only when the film exists) */
.film video{display:block;width:100%;height:auto;border:1px solid #2A4468;border-radius:14px;background:var(--bg);margin-top:40px}
/* the other pages */
.pg{padding-block:72px 96px;border-top:0}
@media (max-width:760px){.pg{padding-block:48px 64px}}
.pg h1{font-size:clamp(32px,4.6vw,58px);letter-spacing:-.025em;max-width:22ch}
.pg .sec-p{max-width:62ch}
.prose{max-width:72ch;color:var(--mut);font-size:16.5px;margin-top:28px}
.prose h2{font-size:clamp(22px,2.4vw,28px);color:var(--ink);margin-top:44px}
.prose p,.prose ul{margin:14px 0 0}
.prose ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.prose b{color:var(--ink);font-weight:600}
.dt{border:1px solid var(--line);border-radius:12px;overflow-x:auto;background:#0B182F;margin-top:20px}
.dt table{border-collapse:collapse;width:100%;font-size:15px;min-width:560px}
.dt th{font-family:var(--brand);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--gold);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);text-transform:uppercase}
.dt td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--mut)}
.dt td:first-child{color:var(--ink);font-weight:600}
.dt tr:last-child td{border-bottom:0}
.dt .yes{color:var(--ok)}.dt .no{color:var(--accent)}
.si{margin-top:34px;max-width:560px}
.si form{display:flex;gap:10px;flex-wrap:wrap}
.si .slug{flex:1 1 300px;display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:0 13px;min-width:0}
.si .slug:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,169,63,.18)}
.si .slug span{color:var(--mut);font-family:var(--mono);font-size:15px;white-space:nowrap}
.si .slug input{flex:1;min-width:60px;background:none;border:0;outline:none;color:var(--ink);font:500 16px var(--mono);padding:13px 4px;text-align:right}
.si button.btn{cursor:pointer;font-size:15px}
.si label{display:block;flex-basis:100%;font-size:13.5px;color:var(--mut);margin-bottom:8px}
.si .msg{color:var(--gold2);font-size:14px;margin-top:10px;min-height:1.2em}
.nf{padding-block:120px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
/* /drivers in six languages; Arabic is right to left */
.lsw{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
[dir=rtl] .sec-p,[dir=rtl] .sec-h{text-align:right}
[dir=rtl] .phone .now .b,[dir=rtl] .plist b{direction:ltr;unicode-bidi:isolate}
:lang(ar) .phone .big span{letter-spacing:0}