:root{--bg:#f7f8fc;--surface:#fff;--text:#17172c;--muted:#777b91;--line:#e9eaf3;--brand:#635bff;--brand2:#918bff;--soft:#f0efff;--shadow:0 18px 50px rgba(38,34,91,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1180px)/2),5.5%);background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.5px;font-size:17px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--brand);line-height:1.1}.brand-mark,.mini-logo{display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#a08bff);color:white;font-weight:900;border-radius:12px;width:39px;height:39px;box-shadow:0 7px 18px #635bff33}.topbar nav{display:flex;gap:31px;font-size:13px;font-weight:650;color:#62667d}.topbar nav a:hover,.text-link:hover{color:var(--brand)}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:40px;height:40px;cursor:pointer;color:var(--text)}.menu-toggle{display:none}.hero{max-width:1180px;margin:auto;padding:83px 0 58px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;min-height:500px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:var(--brand);display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;background:#42cda2;border-radius:50%;box-shadow:0 0 0 4px #42cda21c}.hero h1{font-size:clamp(42px,5vw,65px);line-height:1.08;letter-spacing:-3.6px;margin:20px 0 20px;font-weight:850}.hero h1 span,.section h2 span,.section-heading h2 span,.about-band h2 span{color:var(--brand)}.hero-copy>p{max-width:510px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 19px;border-radius:12px;font-size:13px;font-weight:750;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:var(--brand);box-shadow:0 9px 20px #635bff35}.secondary{background:var(--soft);color:var(--brand)}.text-link{font-size:13px;font-weight:750}.hero-note{display:flex;align-items:center;gap:8px;margin-top:27px;color:var(--muted);font-size:11px}.check{color:#21aa7a;font-weight:900}.dot{color:#c0c2d0}.hero-art{height:350px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:310px;height:310px;background:linear-gradient(140deg,#e3e0ff,#f2eaff 60%,#d9f7f2);right:30px;top:15px}.orb-two{width:190px;height:190px;background:linear-gradient(135deg,#f8dfff,#e1e4ff);left:0;bottom:3px;opacity:.8}.dashboard-card{position:relative;width:min(380px,92%);padding:22px;background:var(--surface);border:1px solid #fff;border-radius:21px;box-shadow:0 25px 75px #37316a24;transform:rotate(-2deg)}.dash-top{display:flex;align-items:center;gap:11px}.mini-logo{width:36px;height:36px;border-radius:10px}.dash-top b,.dash-top small{display:block}.dash-top b{font-size:12px}.dash-top small{font-size:10px;color:var(--muted)}.status{margin-left:auto;font-size:10px;color:#1aaf7b;background:#e7fbf3;padding:5px 8px;border-radius:20px}.dash-stat{display:flex;justify-content:space-between;align-items:center;margin-top:27px;padding:17px;border-radius:14px;background:linear-gradient(110deg,#f4f2ff,#faf9ff)}.dash-stat small{color:var(--muted);font-size:10px}.dash-stat h3{margin:4px 0 0;font-size:16px;letter-spacing:-.5px}.stat-icon{background:white;border-radius:10px;padding:9px;color:var(--brand)}.dash-lines{padding:17px 5px;display:grid;gap:9px}.dash-lines i{height:7px;background:#e7e6f5;border-radius:20px}.dash-lines i:first-child{background:#b9b4ff}.dash-bottom{display:flex;justify-content:space-around;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.float-chip{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow);font-size:11px;font-weight:750}.chip-a{right:0;top:53px;color:var(--brand);transform:rotate(4deg)}.chip-b{bottom:28px;left:0;color:#169b70;transform:rotate(-4deg)}.trust-row{max-width:1180px;margin:0 auto 30px;padding:20px 30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;justify-content:space-around;gap:20px}.trust-row div{display:flex;align-items:center;gap:12px}.trust-row b{font-size:17px;letter-spacing:-.5px}.trust-row span{font-size:11px;color:var(--muted)}.section,.category-section{max-width:1180px;margin:auto;padding:85px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.category-section h2{font-size:clamp(30px,3.5vw,42px);letter-spacing:-1.7px;line-height:1.15;margin:12px 0}.section-heading p{color:var(--muted);font-size:13px;margin:0}.search-wrap{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 14px;width:255px;height:46px;color:var(--muted)}.search-wrap input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:12px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:29px 0 23px}.filter{padding:9px 15px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--brand);border-color:var(--brand);color:white}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.tool-card{padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:17px;transition:transform .2s,border-color .2s,box-shadow .2s;min-height:245px;display:flex;flex-direction:column}.tool-card:hover{transform:translateY(-4px);border-color:#d5d2ff;box-shadow:var(--shadow)}.tool-icon,.category-symbol{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:800}.purple{color:#6e62ed;background:#eeecff}.orange{color:#d98030;background:#fff0df}.pink{color:#c94d9c;background:#ffebf7}.green{color:#1a9a73;background:#e3f9f0}.blue{color:#4089d7;background:#e7f2ff}.yellow{color:#b58b13;background:#fff6d8}.teal{color:#1b9e9a;background:#e0f8f6}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:19px;font-size:9px;font-weight:850;letter-spacing:1.4px;color:var(--muted)}.arrow{font-size:15px;color:#a7a8bb}.tool-card h3{margin:8px 0 5px;font-size:17px;letter-spacing:-.4px}.tool-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 17px}.card-link{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:var(--brand);padding-top:13px;border-top:1px solid var(--line)}.disclaimer{font-size:11px;color:var(--muted);margin-top:20px}.empty-state{padding:35px;text-align:center;color:var(--muted)}.category-section{padding-top:50px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.category-card{display:flex;align-items:center;gap:13px;padding:18px 15px;border-radius:15px;background:var(--surface);border:1px solid var(--line);transition:transform .2s}.category-card:hover{transform:translateY(-3px)}.category-symbol{width:40px;height:40px;font-size:18px;flex-shrink:0}.category-card h3{font-size:13px;margin:0 0 3px}.category-card p{font-size:10px;color:var(--muted);margin:0}.category-arrow{margin-left:auto;color:var(--muted)}.resources{padding-top:60px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.resource-card{display:flex;gap:15px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:transform .2s}.resource-card:hover{transform:translateY(-3px)}.resource-icon{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:12px;background:var(--soft);color:var(--brand);font-size:20px}.resource-card small{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:800}.resource-card h3{font-size:15px;margin:5px 0}.resource-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 12px}.resource-link{font-size:10px;font-weight:800;color:var(--brand)}.about-band{max-width:1180px;margin:25px auto 80px;padding:45px 50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-radius:22px;background:linear-gradient(120deg,#f0efff,#f9f7ff 60%,#e8faf7);border:1px solid #e6e3ff}.about-band h2{font-size:35px;letter-spacing:-1.5px;line-height:1.2;margin:13px 0 0}.about-band p{font-size:13px;color:#666b83;line-height:1.9;margin:0 0 15px}.footer{padding:35px max(calc((100vw - 1180px)/2),5.5%) 25px;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer>p{font-size:11px;color:var(--muted);margin-right:auto}.footer-links{display:flex;gap:20px;font-size:10px;color:var(--muted)}.copyright{width:100%;font-size:10px;color:var(--muted);padding-top:17px;border-top:1px solid var(--line)}
body.dark{--bg:#11121b;--surface:#191a27;--text:#f2f2fb;--muted:#a2a5bb;--line:#2a2b3d;--soft:#272542;--shadow:0 18px 50px #0003}body.dark .topbar{background:#171824e8}body.dark .hero-art .dashboard-card{border-color:#2b2b40}body.dark .dash-stat{background:#25243b}body.dark .dash-lines i{background:#34334d}body.dark .dash-bottom{border-color:var(--line)}body.dark .about-band{background:linear-gradient(120deg,#22213a,#1c2230)}body.dark .about-band p{color:#b4b6c8}body.dark .status{background:#153a31}body.dark .stat-icon{background:#191a27}
@media(max-width:1240px){.hero,.section,.category-section,.trust-row,.about-band{margin-left:5.5%;margin-right:5.5%}.footer{padding-left:5.5%;padding-right:5.5%}}@media(max-width:800px){.topbar{height:68px;padding:0 5%}.menu-toggle{display:block;margin-left:auto;margin-right:10px}.topbar nav{display:none;position:absolute;left:0;right:0;top:67px;padding:20px 5%;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.topbar nav.open{display:flex}.hero{padding-top:55px;grid-template-columns:1fr;gap:15px}.hero h1{font-size:48px}.hero-art{height:315px;max-width:500px;width:100%;margin:auto}.trust-row{flex-wrap:wrap;justify-content:flex-start}.trust-row div{width:calc(50% - 12px)}.section,.category-section{padding:60px 0}.section-heading{align-items:flex-start;flex-direction:column}.search-wrap{width:100%}.tool-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:1fr}.about-band{grid-template-columns:1fr;gap:22px;padding:32px}.footer{gap:15px}.footer-links{width:100%;flex-wrap:wrap}}@media(max-width:520px){.hero h1{font-size:42px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-note{font-size:9px;flex-wrap:wrap}.hero-art{height:280px}.orb-one{width:240px;height:240px;right:20px}.orb-two{width:130px;height:130px}.dashboard-card{padding:16px}.chip-a{right:-2px;top:25px}.chip-b{bottom:5px;left:-3px}.trust-row{padding:18px}.trust-row div{width:100%}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:220px}.category-grid{grid-template-columns:1fr}.about-band h2{font-size:30px}.footer-links{gap:13px}.brand{font-size:15px}}