/* Cyberpunk skin for the Veto landing. Loaded after /cyber.css (shared tokens, HUD, terminal, effects)
   and after veto.css, so it only restyles Veto's own components. */
:root{--r:0px;--accent-ink:#fff;--ok:#3DFFA2;--bad:#FF4D6D}
:root[data-theme="light"]{--accent-ink:#fff;--ok:#0E9A5C;--bad:#D0204A}

/* header */
.top{background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line2)}
.mark svg rect{fill:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}
.mark svg path{stroke:#050A1C}
.top nav a{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase}
.top nav a:hover{color:var(--neon);text-shadow:0 0 10px var(--neon)}
.menu{border-radius:0;clip-path:var(--cut-sm)}
.menu i{border-radius:0;background:var(--neon)}
.theme{border-radius:0}.theme i{border-radius:0}
@media (max-width:900px){.top nav{background:rgba(5,10,28,.96);border-bottom:1px solid var(--neon);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 30px -10px var(--accent)}}
@media (max-width:900px){:root[data-theme="light"] .top nav{background:rgba(255,255,255,.96)}}

/* type */
h1,h2,.sec-t,.cta h2{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;text-transform:uppercase}
.hero h1{font-size:clamp(34px,4vw,54px);line-height:1.02;text-shadow:0 0 22px var(--glow)}
.serif em,.hero h1 em{font-style:normal;color:var(--accent)}
h2 em,.sec-t em{text-shadow:-2px 0 var(--hot),2px 0 var(--neon)}
h3{font-family:var(--serif);font-weight:600;letter-spacing:.01em}
.offer-name{font-weight:700;text-transform:uppercase;text-shadow:0 0 18px var(--glow)}
.mono{color:var(--neon)}
.lede{color:var(--tx2)}
body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] .sec-t{text-transform:none;letter-spacing:0}

/* buttons and chips */
.btn{border-radius:0;clip-path:var(--cut-sm);text-transform:uppercase;letter-spacing:.14em;font:700 14px/1 var(--sans);background:var(--accent);color:#fff;box-shadow:0 0 22px -4px var(--accent)}
.btn:hover{box-shadow:0 0 30px var(--accent);text-shadow:-1px 0 var(--hot),1px 0 var(--neon)}
.btn.ghost{background:rgba(77,243,255,.08);color:var(--neon);border:1px solid var(--neon);box-shadow:none}
.chip{border-radius:0!important;clip-path:var(--cut-sm);font-family:var(--mono)!important;letter-spacing:.06em;border-color:var(--line2)!important;background:rgba(77,121,255,.08)!important}
.chip:hover,.chip[aria-pressed="true"]{border-color:var(--neon)!important;color:var(--neon)!important;box-shadow:0 0 14px -4px var(--neon)}

/* panels: cut corners, neon edge */
.join,.offers,.tile,.try,.proof,.faq details,.cta,.spots{border-radius:0!important;clip-path:var(--cut);border-color:var(--line2)!important;
  box-shadow:inset 0 0 0 1px rgba(77,243,255,.08),inset 0 0 50px -22px var(--accent)!important}
.join-hd,.try-hd{background:rgba(77,121,255,.08);border-bottom:1px dashed var(--line2)}
.join-hd .mono::before,.try-hd .mono::before{content:"▮ ";color:var(--hot)}
.fld input,.fld select,.fld textarea{border-radius:0;background:rgba(5,10,28,.6);font-family:var(--sans)}
:root[data-theme="light"] .fld input,:root[data-theme="light"] .fld select{background:#fff}
.fld input:focus,.fld select:focus{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 0 18px -4px var(--neon)}
.fld>span b{color:var(--hot)}
.join-log{font-family:var(--mono)}
.offer+.offer{border-top:1px dashed var(--line2)}
.offer dt{color:var(--neon)}
.strip{border-color:var(--line2);background:rgba(77,121,255,.05)}
.strip li b{color:var(--neon);text-shadow:0 0 10px var(--neon)}
.points article{border-top-color:var(--line2)}

/* the hero diagram and its stamp */
.lane path{stroke:var(--accent);opacity:.6}
.node circle,.node rect{stroke:var(--line2)}
.node.lit circle,.node.lit rect{stroke:var(--neon);fill:color-mix(in srgb,var(--neon) 14%,var(--panel));filter:drop-shadow(0 0 6px var(--neon))}
.node.person .head,.node.person .body{stroke:var(--hot)}.node.person .head{fill:var(--hot)}
.stamp circle{stroke:var(--hot)}.stamp text{fill:var(--hot)}
.gate svg{filter:drop-shadow(0 0 12px var(--glow))}

/* hero video sits under a neon wash so the type stays readable */
.hero-video{filter:saturate(.6) hue-rotate(190deg) contrast(1.1)}

/* FAQ */
.faq summary{font-family:var(--serif);font-weight:600;letter-spacing:.02em}
.faq details[open] summary{color:var(--neon)}
.hero h1 em{display:block}