@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { color-scheme:dark; --ink:#080b0d; --steel:#10161a; --panel:#11191e; --line:#2b353a; --text:#edf0ed; --muted:#91a09c; --acid:#b7f53d; --amber:#f1bd65; }
* { box-sizing:border-box; } html,body { min-height:100%; margin:0; } body { overflow-x:hidden; color:var(--text); background:var(--ink); font-family:Manrope,system-ui,sans-serif; }
body::before { content:""; position:fixed; inset:0; z-index:-2; background:radial-gradient(circle at 76% 46%,rgba(183,245,61,.07),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px); background-size:auto,44px 44px,44px 44px; }
body::after { content:""; position:fixed; inset:0; z-index:5; pointer-events:none; opacity:.14; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.loader-screen { position:fixed; z-index:20; inset:0; display:grid; place-items:center; overflow:hidden; background:#060809; animation:loader-exit .65s cubic-bezier(.76,0,.24,1) 2.6s forwards; }
.loader-screen::before,.loader-screen::after { content:""; position:absolute; width:min(56vw,760px); aspect-ratio:1; border:1px solid rgba(183,245,61,.18); border-radius:50%; } .loader-screen::before { animation:spin 4.5s linear infinite; } .loader-screen::after { width:min(37vw,510px); border-style:dashed; border-color:rgba(241,189,101,.36); animation:spin 3s linear infinite reverse; }
.loader-core { position:relative; z-index:1; display:grid; gap:16px; justify-items:center; text-align:center; }.loader-lockup { display:flex; align-items:center; gap:11px; font:600 1rem 'Space Grotesk',sans-serif; letter-spacing:.18em; }.loader-chip { width:34px; height:34px; display:grid; place-items:center; color:#111; background:var(--acid); clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%); }.loader-text { color:#7c8b85; font:500 .7rem 'DM Mono',monospace; letter-spacing:.22em; }.loader-bar { width:180px; height:3px; overflow:hidden; background:#1e292d; }.loader-bar i { display:block; height:100%; width:42%; background:var(--acid); box-shadow:0 0 16px var(--acid); animation:scan 1.55s ease-in-out infinite; }
.home-shell { min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; padding:28px clamp(24px,6vw,96px); }.brand { display:flex; align-items:center; gap:10px; font:700 1rem 'Space Grotesk',sans-serif; letter-spacing:.11em; }.brand-mark { width:30px; height:30px; display:grid; place-items:center; color:#101510; background:var(--acid); clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%); }
.hero { width:min(1210px,100%); margin:auto; display:grid; grid-template-columns:1.14fr .86fr; align-items:center; gap:clamp(44px,8vw,128px); padding:64px 0; }.eyebrow { display:flex; align-items:center; gap:10px; color:var(--acid); font:500 .72rem 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }.eyebrow::before { content:""; width:23px; height:1px; background:currentColor; }
h1 { max-width:790px; margin:18px 0 20px; font:600 clamp(3.2rem,7vw,7rem)/.91 'Space Grotesk',sans-serif; letter-spacing:-.075em; }.headline-accent { display:block; color:#c6cec9; } h1 span { color:var(--acid); }
.lead { max-width:590px; margin:0; color:var(--muted); font-size:clamp(1rem,1.5vw,1.13rem); line-height:1.75; }.search-card { position:relative; margin-top:34px; max-width:590px; padding:8px; border:1px solid var(--line); background:#0d1316; box-shadow:9px 9px 0 #050606; }.search-card::before { content:""; position:absolute; inset:-1px auto auto -1px; width:22px; height:22px; border-top:2px solid var(--acid); border-left:2px solid var(--acid); }.search-card form { display:flex; gap:8px; } input { min-width:0; flex:1; padding:16px; outline:0; border:0; background:transparent; color:var(--text); font:600 .93rem Manrope,sans-serif; } input::placeholder { color:#61706b; }.button { min-height:48px; border:0; padding:0 19px; cursor:pointer; color:#10150f; background:var(--acid); font:800 .78rem 'Space Grotesk',sans-serif; letter-spacing:.06em; text-transform:uppercase; transition:background .2s,transform .2s; }.button:hover { transform:translate(-2px,-2px); background:#d1ff7d; }.examples { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-top:15px; color:#75817d; font:.72rem 'DM Mono',monospace; }.examples span { padding:5px 8px; color:#b9c3bd; border:1px solid #263036; }
.market-card { position:relative; padding:0; overflow:hidden; border:1px solid #354047; background:linear-gradient(145deg,#172127,#101618 57%); box-shadow:14px 14px 0 #050606; }.market-card::after { content:""; position:absolute; right:-15%; bottom:-32%; width:70%; aspect-ratio:1; border:1px solid rgba(183,245,61,.25); border-radius:50%; box-shadow:0 0 0 20px rgba(183,245,61,.025),0 0 0 45px rgba(183,245,61,.025); }.card-header { display:flex; justify-content:space-between; padding:15px 19px; border-bottom:1px solid var(--line); color:#9facaa; font:500 .68rem 'DM Mono',monospace; letter-spacing:.12em; }.live-dot { display:flex; gap:6px; align-items:center; color:var(--acid); }.live-dot::before { content:""; width:6px;height:6px;border-radius:50%;background:var(--acid); box-shadow:0 0 10px var(--acid); }.card-body { position:relative; z-index:1; padding:26px 25px 22px; }.market-card h2 { margin:0 0 7px; font:600 3.2rem 'Space Grotesk',sans-serif; letter-spacing:-.07em; }.market-card strong { color:var(--acid); font:500 .8rem 'DM Mono',monospace; }.spark { height:110px; margin:25px 0 21px; border-bottom:1px solid var(--acid); background:linear-gradient(180deg,rgba(183,245,61,.16),transparent); clip-path:polygon(0 74%,9% 56%,18% 68%,28% 35%,36% 54%,46% 23%,56% 46%,66% 26%,77% 44%,88% 9%,100% 25%,100% 100%,0 100%); }.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding-top:18px; border-top:1px solid var(--line); }.metric-row span { display:block; color:#82908c; font:.62rem 'DM Mono',monospace; }.metric-row b { display:block; margin-top:7px; color:#e7ece8; font:500 .84rem 'DM Mono',monospace; }.footer-note { color:#60706a; font:.67rem 'DM Mono',monospace; letter-spacing:.04em; }
@keyframes scan { 0% { transform:translateX(-110%); } 55%,100% { transform:translateX(260%); } } @keyframes spin { to { transform:rotate(360deg); } } @keyframes loader-exit { to { opacity:0; visibility:hidden; clip-path:inset(0 0 100% 0); } }
@media (max-width:760px) { .home-shell { padding:21px 20px; }.hero { grid-template-columns:1fr; padding:58px 0; gap:45px; } h1 { font-size:clamp(3rem,16vw,5.2rem); }.market-card { max-width:440px; }.search-card form { flex-direction:column; }.button { min-height:52px; }.loader-screen::before { width:88vw; }.loader-screen::after { width:59vw; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; }.loader-screen { display:none; } }