:root{--bg:#08080b;--surface:#131319bd;--line:#ffffff17;--muted:#9a99a7;--text:#f8f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 50% -20%, #7f54ff24, transparent 42rem), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh;position:relative;overflow:hidden}.grain{opacity:.035;pointer-events:none;z-index:5;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");position:fixed;inset:0}.ambient{filter:blur(110px);opacity:.11;pointer-events:none;border-radius:50%;width:30rem;height:30rem;position:absolute}.ambient-one{background:#8158ff;top:8rem;left:-18rem}.ambient-two{background:#ff9258;top:42rem;right:-20rem}nav,.hero,.directory,footer{z-index:2;width:min(1180px,100% - 48px);margin-inline:auto;position:relative}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:700;display:inline-flex}.brand-mark{color:#17131f;background:linear-gradient(135deg,#d9cfff,#ffb16e);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 10px 30px #a576ff2e}.system-pill,.updated,.card-footer span,.eyebrow{align-items:center;display:inline-flex}.system-pill{color:#c6c5ce;border:1px solid var(--line);background:#ffffff06;border-radius:999px;gap:9px;padding:9px 14px;font-size:12px}.hero{grid-template-columns:1.35fr .65fr;align-items:flex-end;gap:56px;min-height:550px;padding:110px 0 80px;display:grid}.eyebrow{color:#c8b9ff;text-transform:uppercase;letter-spacing:.14em;gap:8px;margin-bottom:23px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.065em;max-width:800px;margin:0;font-size:clamp(48px,6.5vw,84px);font-weight:600;line-height:.98}.hero h1 em{color:#0000;background:linear-gradient(105deg,#d8ceff 6%,#a58aff 42%,#ffb16e 92%);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy{max-width:620px;color:var(--muted);margin:30px 0 0;font-size:17px;line-height:1.7}.hero-stats{border-left:1px solid var(--line);display:grid}.hero-stats div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:19px 0 19px 26px;display:flex}.hero-stats strong{font:500 27px ui-monospace,SFMono-Regular,Menlo,monospace}.hero-stats span{color:var(--muted);font-size:12px}.directory{border-top:1px solid var(--line);padding:82px 0 105px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}.kicker{color:#817f8b;text-transform:uppercase;letter-spacing:.18em;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}.section-heading h2{letter-spacing:-.04em;margin:9px 0 0;font-size:32px}.updated{color:var(--muted);gap:10px;font-size:12px}.app-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.app-card{--accent:#a788ff;--accent-rgb:167, 136, 255;border:1px solid var(--line);background:linear-gradient(155deg,#ffffff0b,#ffffff05);border-radius:23px;flex-direction:column;min-height:290px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000024}.app-card.saffron{--accent:#ffad63;--accent-rgb:255,173,99}.app-card.violet{--accent:#a788ff;--accent-rgb:167,136,255}.app-card.cyan{--accent:#65d8e6;--accent-rgb:101,216,230}.app-card.rose{--accent:#ff769f;--accent-rgb:255,118,159}.app-card.lime{--accent:#b0df68;--accent-rgb:176,223,104}.app-card.blue{--accent:#6e9fff;--accent-rgb:110,159,255}.card-glow{background:rgba(var(--accent-rgb), .18);filter:blur(80px);border-radius:50%;width:180px;height:180px;transition:opacity .25s,transform .25s;position:absolute;top:-100px;right:-70px}.app-card:hover{border-color:rgba(var(--accent-rgb), .28)}.app-card:hover .card-glow{opacity:.9;transform:scale(1.25)}.app-card[href]{cursor:pointer}.app-card[href]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card-top{justify-content:space-between;align-items:center;display:flex}.app-icon{width:48px;height:48px;color:var(--accent);background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .16);border-radius:15px;place-items:center;display:grid}.card-copy{margin-top:31px}.app-number{color:#5e5c67;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}.card-copy h2{letter-spacing:-.035em;margin:9px 0 10px;font-size:23px}.card-copy p{min-height:52px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.card-footer{color:#716f7b;border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;font-size:10px;display:flex}.card-footer span{gap:9px}footer{border-top:1px solid var(--line);color:#6e6c77;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:145px;font-size:11px;display:grid}.footer-brand{color:#a8a6af}.footer-brand .brand-mark{border-radius:10px;width:32px;height:32px}footer p{text-align:center}footer>span{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:940px){.hero{grid-template-columns:1fr;padding-top:90px}.hero-stats{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.hero-stats div{flex-direction:column;gap:7px;padding:20px 12px}.app-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){nav,.hero,.directory,footer{width:min(100% - 28px,1180px)}nav{height:76px}.system-pill{background:0 0;border:0;width:10px;height:10px;padding:0;font-size:0}.hero{gap:46px;min-height:auto;padding:76px 0 64px}.hero h1{font-size:clamp(42px,13vw,62px)}.hero-copy{font-size:15px}.directory{padding:60px 0 76px}.app-grid{grid-template-columns:1fr}.app-card{min-height:280px}.updated{display:none}footer{grid-template-columns:1fr 1fr;min-height:120px}footer p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
