:root{--bg:#0a0600;--surface:#130b00;--surface2:#1a1000;--border:rgba(255,120,20,0.12);--border-h:rgba(255,120,20,0.3);--accent:#ff7014;--accent2:#ffaa40;--text:#fff0e8;--muted:#8a6a50;--green:#00ffb2;--nav-h:62px;--ban-h:36px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;overflow-x:hidden;min-width:320px;}
img{max-width:100%;height:auto;display:block;}
a{-webkit-tap-highlight-color:transparent;}
.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 15% -10%,rgba(255,112,20,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 110%,rgba(255,170,64,.07) 0%,transparent 55%);}
.grid-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,112,20,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,112,20,.03) 1px,transparent 1px);background-size:60px 60px;}
.btn{display:inline-flex;align-items:center;gap:7px;padding:clamp(10px,2vw,13px) clamp(16px,3vw,28px);border-radius:9px;font-family:'Outfit',sans-serif;font-size:clamp(.84rem,1.8vw,.94rem);font-weight:700;text-decoration:none;transition:all .22s;cursor:pointer;border:none;white-space:nowrap;}
.btn-primary{background:var(--accent);color:#000;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,112,20,.4);}
.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);}
.btn-ghost:hover{border-color:var(--accent);color:var(--text);}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.reveal.visible{opacity:1;transform:none;}
.rd1{transition-delay:.08s;}.rd2{transition-delay:.16s;}.rd3{transition-delay:.24s;}
.grad{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 55%,#ffe0b2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:clamp(2rem,5vw,4rem) clamp(16px,5vw,56px) clamp(1.25rem,3vw,2rem);}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);margin-bottom:clamp(1.75rem,4vw,3rem);}
.footer-brand{display:flex;flex-direction:column;gap:.65rem;}
.footer-brand .logo{font-size:clamp(.92rem,1.8vw,1.1rem);}
.footer-brand p{color:var(--muted);font-size:clamp(.74rem,1.6vw,.84rem);line-height:1.75;max-width:280px;}
.footer-col h4{font-family:'JetBrains Mono',monospace;font-size:clamp(.6rem,1.2vw,.68rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;}
.footer-col a{display:block;color:var(--muted);text-decoration:none;font-size:clamp(.78rem,1.6vw,.86rem);margin-bottom:.5rem;font-weight:500;transition:color .2s;}
.footer-col a:hover{color:var(--accent);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:clamp(.9rem,2.5vw,1.6rem);border-top:1px solid var(--border);font-size:clamp(.68rem,1.4vw,.78rem);color:var(--muted);flex-wrap:wrap;gap:.6rem;}
.footer-bottom a{color:var(--muted);text-decoration:none;transition:color .2s;}
.footer-bottom a:hover{color:var(--accent);}
.footer-links{display:flex;gap:clamp(.6rem,1.8vw,1.4rem);flex-wrap:wrap;}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;}.footer-brand p{max-width:100%;}}
@media(max-width:400px){:root{--ban-h:28px;--nav-h:56px;}}