:root{--bg:#080b12;--surface:#111622;--surface-2:#171d2b;--text:#f7f8fb;--muted:#a8b0c0;--line:rgba(255,255,255,.1);--lime:#c7ff5e;--violet:#8e7bff;--focus:#ffdf6e;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;color:#000;padding:12px 18px;border-radius:10px}.skip-link:focus{top:16px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:32px;min-height:72px;padding:12px clamp(20px,5vw,76px);background:rgba(8,11,18,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.02em;font-size:1.08rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--lime),#7ef5cb);color:#0a1210;font-weight:950}.topbar nav{display:flex;gap:26px;flex:1}.topbar nav a{color:var(--muted);text-decoration:none;font-size:.92rem}.topbar nav a:hover{color:#fff}.header-action{padding:10px 15px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.84rem;font-weight:750}.hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;padding:100px clamp(20px,7vw,110px) 72px;background:radial-gradient(circle at 72% 24%,rgba(142,123,255,.27),transparent 28%),radial-gradient(circle at 92% 80%,rgba(199,255,94,.11),transparent 26%),linear-gradient(125deg,#11182b 0%,#080b12 66%)}.hero-content{position:relative;z-index:2;width:min(880px,100%)}.eyebrow{margin:0 0 12px;color:var(--lime);font-weight:850;letter-spacing:.16em;font-size:.72rem}.hero h1{margin:0;font-size:clamp(3.6rem,9vw,8.2rem);line-height:.87;letter-spacing:-.075em}.hero-lead{max-width:750px;margin:28px 0;color:#c4cad5;font-size:clamp(1.06rem,1.8vw,1.35rem)}.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09);pointer-events:none}.orbit-one{width:560px;height:560px;right:-80px;top:80px}.orbit-two{width:320px;height:320px;right:45px;top:195px;border-color:rgba(199,255,94,.16);box-shadow:inset 0 0 80px rgba(142,123,255,.11)}.search{margin-top:34px}.search label{display:block;margin:0 0 9px;font-weight:700}.search-box{display:flex;align-items:center;gap:12px;max-width:800px;padding:7px 7px 7px 18px;background:#fff;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.24)}.search-box svg{width:23px;fill:none;stroke:#404858;stroke-width:1.8}.search input{flex:1;min-width:0;padding:13px 0;border:0;outline:0;color:#111722;background:transparent;font-size:1.04rem}.search button{border:0;border-radius:12px;background:#111722;color:#fff;padding:14px 24px;font-weight:800}.search-help{margin:10px 0 0;color:var(--muted);font-size:.83rem}.quick-searches{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.quick-searches button,.category-nav button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:#dce1ea;padding:9px 13px}.quick-searches button:hover,.category-nav button:hover{border-color:rgba(199,255,94,.5)}.hero-proof{position:absolute;right:clamp(20px,5vw,74px);bottom:34px;display:flex;gap:20px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.hero-proof span+span::before{content:"•";margin-right:20px;color:var(--lime)}.section{padding:80px clamp(20px,5.5vw,84px)}.intro{background:linear-gradient(180deg,#080b12,#0b0f18)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.section-heading h2,.how h2{max-width:780px;margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.045em}.section-heading>p{max-width:470px;margin:0;color:var(--muted)}.content-row{margin:0 0 64px}.row-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.row-title h3{font-size:clamp(1.35rem,2.3vw,2rem);margin:0}.row-title p{margin:4px 0 0;color:var(--muted);font-size:.9rem;max-width:650px}.row-title>span{white-space:nowrap;color:var(--muted);font-size:.78rem}.card-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,25vw);gap:16px;overflow-x:auto;padding:4px 2px 22px;scroll-snap-type:x proximity;scrollbar-color:#465067 transparent}.card{min-height:390px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);scroll-snap-align:start;transition:transform .2s,border-color .2s}.card:hover,.card:focus-within{transform:translateY(-5px);border-color:rgba(199,255,94,.35)}.card-open{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.card-visual{position:relative;display:flex;align-items:end;height:190px;padding:20px;background:linear-gradient(140deg,#2d3461,#171d2c)}.card-icon{font-size:3rem;font-weight:800;letter-spacing:-.1em}.status{position:absolute;top:14px;right:14px;padding:6px 9px;border-radius:999px;background:rgba(8,11,18,.78);border:1px solid rgba(255,255,255,.15);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status-available .status{background:var(--lime);color:#10150b;border-color:transparent}.card-body{display:flex;flex:1;flex-direction:column;padding:20px}.card-category{margin:0!important;color:var(--lime)!important;font-size:.7rem!important;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.card h3{margin:7px 0 8px;font-size:1.36rem;line-height:1.08}.card-body>p:not(.card-category){margin:0;color:var(--muted);font-size:.92rem}.card-link{margin-top:auto;padding-top:22px;font-weight:750;font-size:.86rem}.card-link b{color:var(--lime);margin-left:5px}.theme-violet{background:linear-gradient(145deg,#473a86,#17182b)}.theme-coral{background:linear-gradient(145deg,#843f52,#251928)}.theme-pink{background:linear-gradient(145deg,#773c74,#221a2c)}.theme-blue{background:linear-gradient(145deg,#294f87,#151d31)}.theme-cyan{background:linear-gradient(145deg,#15606b,#12232d)}.theme-green{background:linear-gradient(145deg,#236b4b,#14251f)}.theme-amber{background:linear-gradient(145deg,#77521d,#292116)}.theme-purple{background:linear-gradient(145deg,#604183,#201b2d)}.theme-orange{background:linear-gradient(145deg,#815030,#2b1e18)}.theme-teal{background:linear-gradient(145deg,#1e6967,#142725)}.theme-indigo{background:linear-gradient(145deg,#323e80,#171b30)}.categories-section{background:#0d111a}.category-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:26px}.category-nav button{white-space:nowrap}.category-nav button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#11170a}.empty{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.empty>span{font-size:3rem;color:var(--lime)}.empty h3{font-size:1.6rem;margin:12px 0 4px}.empty p{color:var(--muted)}.empty button{border:0;border-radius:10px;padding:12px 16px;background:var(--lime);color:#11170a;font-weight:800}.how{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(400px,1.2fr);gap:70px;padding:92px clamp(20px,7vw,110px);background:linear-gradient(130deg,#151d31,#0b0e16)}.how ol{list-style:none;margin:0;padding:0}.how li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.how li:last-child{border-bottom:1px solid var(--line)}.how li>span{color:var(--lime);font-size:.78rem;font-weight:800}.how h3{margin:0 0 5px}.how p{margin:0;color:var(--muted)}footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding:34px clamp(20px,5vw,76px);border-top:1px solid var(--line);color:var(--muted)}footer p{margin:0}footer>a:last-child{font-size:.85rem}.dialog-open{overflow:hidden}.dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(2,4,8,.82);backdrop-filter:blur(9px)}.dialog-backdrop[hidden]{display:none}.dialog{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;padding:32px;border:1px solid var(--line);border-radius:26px;background:var(--surface-2);box-shadow:var(--shadow)}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#fff;font-size:2rem}.detail-symbol{display:grid;place-items:center;width:100%;height:180px;margin-bottom:24px;border-radius:17px;font-size:4rem;font-weight:800}.dialog h2{font-size:2.3rem;line-height:1;margin:0 0 12px}.dialog>p:not(.eyebrow){color:var(--muted)}.dialog dl{display:grid;grid-template-columns:160px 1fr;gap:10px;margin:24px 0}.dialog dt{color:var(--muted)}.dialog dd{margin:0}.detail-note{padding:15px;border-left:3px solid var(--lime);background:rgba(199,255,94,.07);font-size:.9rem}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(max-width:900px){.topbar nav{display:none}.header-action{margin-left:auto}.hero{min-height:640px}.hero-proof{display:none}.card-row{grid-auto-columns:minmax(270px,58vw)}.how{grid-template-columns:1fr;gap:40px}footer{grid-template-columns:1fr auto}footer p{grid-column:1/-1;grid-row:2}}
@media(max-width:600px){.topbar{min-height:64px}.header-action{display:none}.hero{min-height:690px;padding-top:86px;align-items:start}.hero h1{font-size:clamp(3.4rem,19vw,5.3rem)}.hero-lead{margin-top:22px}.search-box{display:grid;grid-template-columns:28px 1fr;padding:8px}.search-box input{padding:11px 0}.search-box button{grid-column:1/-1;width:100%}.quick-searches{gap:7px}.section{padding:62px 18px}.section-heading,.row-title{align-items:start;flex-direction:column}.row-title{gap:6px}.card-row{grid-auto-columns:84vw}.how{padding:70px 18px}.dialog{padding:22px}.dialog dl{grid-template-columns:1fr;gap:3px}.dialog dd{margin:0 0 11px}footer{grid-template-columns:1fr;gap:14px}footer p{grid-column:auto;grid-row:auto}.orbit-one{right:-300px}.orbit-two{right:-160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}