@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url('/assets/fonts/inter-latin.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700 900;font-display:swap;src:url('/assets/fonts/inter-tight-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-500-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-600-latin.woff2') format('woff2')}

:root{
  color-scheme:dark;
  --page:#050706;--surface:#0a0d0b;--surface-alt:#0d110f;--elevated:#101512;
  --overlay:rgba(0,0,0,.72);--text:#f5f7f5;--text-secondary:#a6aea9;--muted:#6f7772;
  --inverse:#050706;--brand:#26f07c;--brand-hover:#1fe274;--brand-pressed:#16cf66;
  --brand-soft:rgba(38,240,124,.12);--brand-glow:rgba(38,240,124,.24);
  --negative:#ff4d5e;--warning:#ffd84a;--neutral:#7e8781;
  --gold:#ffd84a;--silver:#c4cbd0;--bronze:#d98a52;
  --border:#202722;--border-strong:#2e3932;--border-brand:rgba(38,240,124,.42);
  --display:'Inter Tight','Inter',Arial,sans-serif;--sans:'Inter',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
  --space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;
  --radius-xl:22px;--radius-pill:999px;--shadow-card:0 12px 40px rgba(0,0,0,.28);
  --shadow-brand:0 12px 32px rgba(38,240,124,.18);--container:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--page);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
[hidden]{display:none!important}
.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}
.container{width:min(calc(100% - 96px),var(--container));margin-inline:auto}
.eyebrow{margin:0 0 var(--space-4);color:var(--text-secondary);font-family:var(--mono);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.hero-title,.section-title{margin:0;font-family:var(--display);font-weight:900;letter-spacing:-.055em;text-transform:uppercase}
.hero-title{font-size:clamp(58px,7.1vw,96px);line-height:.88}
.section-title{font-size:clamp(44px,5vw,72px);line-height:.92}
.hero-copy{margin:var(--space-5) 0 0;max-width:650px;color:var(--text-secondary);font-size:clamp(18px,1.65vw,24px);line-height:1.38}
.fineprint{color:var(--muted);font-size:12px;line-height:16px}
.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text);font-family:var(--display);font-size:18px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
.brand img{width:40px;height:40px}
.site-nav,.topbar{position:sticky;top:0;z-index:50;height:80px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-inline:max(48px,calc((100% - var(--container))/2));border-bottom:1px solid var(--border);background:rgba(5,7,6,.86);backdrop-filter:blur(14px)}
.nav-links{display:flex;align-items:center;gap:var(--space-8);font-size:14px;font-weight:600}
.nav-links a:not(.btn),.nav-links button:not(.btn){color:var(--text-secondary)}
.nav-links a:hover,.nav-links button:hover{color:var(--text)}
.btn,.cta,.paybtn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:0 var(--space-6);border:1px solid var(--brand);border-radius:var(--radius-md);background:var(--brand);color:var(--inverse);font-weight:800;line-height:1;box-shadow:var(--shadow-brand);transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}
.btn:hover,.cta:hover,.paybtn:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px);box-shadow:0 14px 38px var(--brand-glow)}
.btn:active,.cta:active,.paybtn:active{background:var(--brand-pressed);border-color:var(--brand-pressed);transform:none}
.secondary-button{min-height:44px;padding:0 var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:transparent;color:var(--text);font-weight:700}
.secondary-button:hover{border-color:var(--brand);color:var(--brand)}
.text-button{min-height:44px;padding:0;border:0;background:none;color:var(--brand);font-weight:700}
.site-footer{padding:var(--space-10) max(48px,calc((100% - var(--container))/2));border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}
.site-footer a:hover{color:var(--brand)}
.status-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 16px var(--brand-glow);flex:none}
.mode-notice,.demo-notice{padding:10px 20px;text-align:center;border-bottom:1px solid var(--border);background:var(--surface-alt);color:var(--text-secondary);font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}
input,textarea,select{width:100%;margin-top:var(--space-2);padding:14px var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--elevated);color:var(--text);font-size:16px}
input::placeholder,textarea::placeholder{color:var(--muted)}
input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-soft)}
label{display:block;color:var(--text-secondary);font-size:14px;font-weight:600}
dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8);background:var(--elevated);color:var(--text);box-shadow:var(--shadow-card)}
dialog::backdrop{background:var(--overlay);backdrop-filter:blur(8px)}
main.legal-shell{width:min(calc(100% - 40px),820px);margin:0 auto;padding:var(--space-20) 0 var(--space-24)}
.legal-shell h1{font:900 clamp(48px,8vw,80px)/.9 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.legal-shell h2{margin-top:var(--space-12);font:800 24px/30px var(--display);text-transform:uppercase}
.legal-shell p{color:var(--text-secondary);line-height:1.75}
.legal-shell a{color:var(--brand)}
@media(max-width:767px){
  .container{width:min(calc(100% - 40px),var(--container))}
  .site-nav,.topbar{height:72px;padding-inline:20px}
  .brand{font-size:16px}.brand img{width:36px;height:36px}
  .nav-links{gap:var(--space-4)}.nav-links .secondary{display:none}
  .hero-title{font-size:clamp(54px,16vw,76px);line-height:.9}
  .section-title{font-size:44px;line-height:.94}
  .hero-copy{font-size:18px;line-height:1.42}
  .site-footer{padding:var(--space-8) 20px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}