.contact-form,.form-done{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-top:24px;padding:32px}.contact-form h3,.form-done h3{color:var(--text-bright);margin-bottom:8px;font-size:20px}.form-lead,.form-done p{color:var(--text-dim);margin-bottom:24px;font-size:15px}.form-done p{margin-bottom:0}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{margin-bottom:16px}.form-field label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.form-field input,.form-field textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-bright);font-family:var(--sans);border-radius:4px;padding:12px 14px;font-size:15px;line-height:1.5;transition:border-color .2s}.form-field textarea{resize:vertical;min-height:120px}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-dim);opacity:.7}.form-field input:hover,.form-field textarea:hover{border-color:#2a4d7a}.form-field input:focus-visible,.form-field textarea:focus-visible,.form-consent input:focus-visible,.form-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}:is(.contact-form:invalid .form-field input:user-invalid,.contact-form:invalid .form-field textarea:user-invalid){border-color:var(--danger)}.form-trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-consent{color:var(--text-dim);cursor:pointer;align-items:flex-start;gap:10px;margin:4px 0 24px;font-size:14px;display:flex}.form-consent input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:2px}.form-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.form-submit{background:var(--accent);color:#06202b;font-family:var(--sans);cursor:pointer;border:none;border-radius:4px;padding:13px 32px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s}.form-submit:hover:not(:disabled){background:#67e8f9}.form-submit:disabled{opacity:.6;cursor:progress}.form-status{color:var(--danger);margin:0;font-size:14px}.form-done{border-color:var(--accent2)}.form-done h3{color:var(--accent2)}@media (width<=640px){.contact-form,.form-done{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-submit{width:100%}}@media (prefers-reduced-motion:reduce){.form-field input,.form-field textarea,.form-submit{transition:none}}.hero{isolation:isolate;overflow-anchor:none;align-items:center;min-height:max(680px,100svh);padding:120px 24px 80px;display:grid;position:relative;overflow:hidden}.hero-inner{z-index:1;width:100%;max-width:var(--max-w);pointer-events:none;grid-template-columns:560px minmax(0,1fr);align-items:center;gap:48px;margin:0 auto;display:grid;position:relative}.hero-copy{pointer-events:auto;min-width:0}.hero-stage{align-self:stretch;min-height:480px;position:relative}.hero-backdrop{z-index:0;pointer-events:none;--horizontal-fade:linear-gradient(90deg, transparent 0%, #00000018 calc(var(--scene-left,55vw) - 380px), #00000045 calc(var(--scene-left,55vw) - 80px), #000 calc(var(--scene-left,55vw) + 180px), #000 94%, transparent);-webkit-mask-image:var(--horizontal-fade);-webkit-mask-image:var(--horizontal-fade);mask-image:var(--horizontal-fade);position:absolute;inset:0}.kiosk-viewport{--vertical-fade:linear-gradient(180deg, transparent, #000 100px, #000 calc(100% - 120px), transparent);-webkit-mask-image:var(--vertical-fade);-webkit-mask-image:var(--vertical-fade);mask-image:var(--vertical-fade);position:absolute;inset:0}.kiosk-viewport canvas{width:100%;height:100%;transition:opacity .4s;display:block}.kiosk-viewport[data-loading=true] canvas{opacity:0}.kiosk-interaction{pointer-events:auto;cursor:grab;touch-action:pan-y;position:absolute;inset:0 0 60px}.kiosk-interaction:active{cursor:grabbing}.kiosk-interaction:focus-visible{outline:1px dashed var(--text-dim);outline-offset:8px}.kiosk-controls{pointer-events:auto;opacity:0;justify-content:flex-end;align-items:center;gap:14px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:0;right:0;transform:translateY(5px)}.hero-stage:hover .kiosk-controls,.hero-stage:focus-within .kiosk-controls{opacity:1;transform:none}.hero h1{color:var(--text-bright);max-width:700px;margin-bottom:24px;font-size:clamp(36px,4.2vw,56px);font-weight:800;line-height:1.15}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:var(--text-dim);max-width:560px;margin-bottom:40px;font-size:18px}.hero-stats{gap:48px;margin-top:48px;display:flex}.hero-stat-value{font-family:var(--mono);color:var(--accent);font-size:36px;font-weight:700}.hero-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:13px}.kiosk-selector{gap:16px;display:flex}.kiosk-selector button,.kiosk-actions button{color:var(--text-dim);cursor:pointer;font:11px var(--mono);text-shadow:0 1px 8px var(--bg);background:0 0;border:0;padding:10px 0}.kiosk-selector button{align-items:center;gap:7px;display:flex}.kiosk-selector button>span{opacity:.5;font-size:9px}.kiosk-selector button[aria-pressed=true]{color:var(--accent)}.kiosk-selector button:hover,.kiosk-actions button:hover{color:var(--text-bright)}.kiosk-actions{gap:14px;display:flex}.kiosk-actions button{min-width:24px;font-size:20px}.animation-kiosk button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.animation-kiosk button:disabled{cursor:default;opacity:.4}@media (width>=901px) and (width<=1199px){.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px}.hero h1{font-size:clamp(36px,4.1vw,49px)}.kiosk-selector{gap:10px}.kiosk-selector button{font-size:9px}.kiosk-controls{gap:10px}}@media (width<=900px){.hero{min-height:100svh;padding-bottom:48px}.hero-inner{grid-template-columns:minmax(0,1fr);gap:24px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(36px,6vw,56px)}.hero-stage{min-height:440px}.hero-backdrop{--horizontal-fade:linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent)}.kiosk-viewport{--vertical-fade:linear-gradient(180deg, transparent calc(var(--scene-top,600px) - 60px), #000 calc(var(--scene-top,600px) + 60px), #000 calc(var(--scene-bottom,1000px) - 80px), transparent var(--scene-bottom,1000px))}.kiosk-controls{justify-content:center;gap:12px;left:0}.kiosk-selector{gap:12px}.kiosk-selector button{gap:4px;font-size:9px}.kiosk-actions{gap:8px}.hero-stats{flex-wrap:wrap;gap:32px}}@media (hover:none){.kiosk-controls{opacity:.75;transform:none}}@media (prefers-reduced-motion:reduce){.kiosk-viewport canvas,.kiosk-controls{transition:none}}
