:root{--ink:#f3efff;--muted:#aeb1d1;--brand:#ab8dff;--brand-dark:#8a6ae7;--mint:#25224e;--line:#37345d;--paper:#1c1b3b;--bg:#10112b;--gold:#f5ca83;--shadow:0 24px 60px #03051240;color:var(--ink);background:var(--bg)}
body{background:radial-gradient(circle at 84% 12%,#2a1d54 0,transparent 27%),radial-gradient(circle at 6% 55%,#18274b 0,transparent 33%),#10112b;color:var(--ink)}
::selection{background:#704cc9;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#d4c2ff}
.site-header{height:76px;background:#11132dea;border-color:#ffffff1c;box-shadow:0 8px 32px #05071925}
.brand{color:#f8f4ff}.brand-mark{background:linear-gradient(145deg,#9c7afd,#4ac8f0);box-shadow:0 0 22px #8667f283;border-radius:13px}.brand small{color:#a8a5ce;letter-spacing:.22em}
.nav{margin-left:12px;gap:27px}.nav a{color:#b5b3d3}.nav a:hover,.nav a.active{color:#f6eaff}.nav a.active:after{background:#bb9cff}
.saved-link{background:#26244b;border-color:#59547d;color:#e5dfff}.saved-count{background:#6e54bc;color:white}
.icon-button{color:#bbb2dd}.icon-button:hover{background:#5d4887;color:#fff}
.button{border-radius:12px;background:linear-gradient(120deg,#986bf1,#6b80ed);border-color:#b396ff;color:#fff;box-shadow:0 8px 28px #624ad044}.button:hover{background:#8863dc;border-color:#c8b0ff}.button.secondary{background:#292750;color:#eee8ff;border-color:#696294}.button.secondary:hover,.button.text-button:hover{background:#3c356c;color:#fff}.button.text-button{color:#b9aedb}
.eyebrow,.text-link{color:#c7aaff}.status-dot{background:#aa8cff}.muted{color:#b4accf}
.section-heading{margin-bottom:28px}.section-heading h2{color:#f7f3ff}.section-heading p{color:#aaa9c8}.section-heading .eyebrow{letter-spacing:.18em;color:#a99cff}
.cosmic-hero{min-height:640px;position:relative;border-bottom:1px solid #9d8bea3a;background:radial-gradient(ellipse at 79% 52%,#6b3eaf7b 0,#261f59 28%,transparent 57%),radial-gradient(ellipse at 24% 65%,#213d8173 0,transparent 45%),linear-gradient(118deg,#090d26 0%,#151437 53%,#1e1748 100%);overflow:hidden}
.cosmic-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#c5a8ff 1px,transparent 1.5px);background-size:88px 91px,137px 151px;background-position:19px 31px,55px 85px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000)}
.cosmic-hero:after{content:"";position:absolute;width:850px;height:850px;right:-200px;top:-120px;border:1px solid #e6d9ff25;border-radius:50%;box-shadow:0 0 0 110px #a99cf006,0 0 0 240px #a99cf005;pointer-events:none}
.cosmic-field span{position:absolute;border-radius:50%;filter:blur(1px);background:#fff;box-shadow:0 0 16px 4px #b6a4ff;z-index:1}.cosmic-field span:nth-child(1){left:61%;top:12%;width:5px;height:5px}.cosmic-field span:nth-child(2){right:9%;top:28%;width:4px;height:4px}.cosmic-field span:nth-child(3){left:49%;bottom:17%;width:3px;height:3px}
.cosmic-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;min-height:610px}
.cosmic-hero .hero-copy{position:relative;z-index:4;padding-block:80px 65px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #b99bfa65;border-radius:100px;background:#44377564;color:#e6d5ff;letter-spacing:.16em;font-size:11px;font-weight:750}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:#8be9f7;box-shadow:0 0 14px #8be9f7}
.cosmic-hero h1{font-size:clamp(46px,5.3vw,75px);line-height:1.17;letter-spacing:-.055em;color:#fff;margin-top:27px;text-shadow:0 6px 30px #03071944}.cosmic-hero h1 span{background:linear-gradient(100deg,#fff 5%,#d7beff 51%,#90d9ff 100%);background-clip:text;color:transparent}
.cosmic-hero .hero-copy>p{font-size:16px;color:#c6c4e2;line-height:1.95;margin-top:25px;max-width:510px}
.cosmic-hero .hero-search{max-width:550px;margin-top:36px;background:#ffffffec;border:1px solid #fff;border-radius:16px;box-shadow:0 15px 45px #08082064;padding:8px 9px 8px 17px}.cosmic-hero .hero-search input{font-size:14px;color:#24203c}.cosmic-hero .hero-search input::placeholder{color:#75758a}.cosmic-hero .hero-search>.icon{color:#796e9b}.cosmic-hero .hero-search button{background:linear-gradient(120deg,#8a65e5,#5f87e8);border-radius:11px;height:42px;width:45px}
.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.hero-chips a{border:1px solid #aa9ce467;color:#e5dbff;background:#302b5f96;border-radius:100px;padding:7px 13px;font-size:12px;transition:background .2s,transform .2s}.hero-chips a:hover{background:#594295;transform:translateY(-2px)}.hero-note{color:#9d9fc3;font-size:11px;margin-top:38px;letter-spacing:.03em}
.cosmic-character{height:610px;position:relative;display:flex;justify-content:center;align-items:end;align-self:end}.cosmic-character img{display:block;width:min(100%,610px);height:610px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 65px #160b51aa);position:relative;z-index:2}.character-halo{position:absolute;width:520px;height:520px;bottom:30px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#aaa2ff44 0,#9d74ff12 53%,transparent 70%);box-shadow:0 0 100px #9c78ef36}.character-caption{position:absolute;z-index:3;right:0;bottom:56px;display:flex;align-items:center;gap:11px;padding:13px 18px;border:1px solid #cbc4ff66;border-radius:16px;background:#161839c7;backdrop-filter:blur(14px);box-shadow:0 18px 38px #07081a70}.character-caption>span{font-size:30px;color:#d5c5ff}.character-caption strong,.character-caption small{display:block}.character-caption strong{font-size:13px}.character-caption small{font-size:10px;color:#aaaacc}.hero-scroll{position:relative;z-index:3;text-align:center;font-size:10px;letter-spacing:.23em;color:#a4a0c8;padding:0 0 20px}.hero-scroll span{font-size:18px;margin-left:10px}
.tier-section{padding-block:84px 16px;scroll-margin-top:95px}.tier-section .section-heading h2{font-size:clamp(30px,3.2vw,42px)}.tier-section .section-heading p{max-width:690px}
.lead-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.lead-ai-card{position:relative;min-height:274px;border-radius:22px;border:1px solid #9c8cdb65;background:radial-gradient(circle at 86% 13%,#674ca957,transparent 45%),linear-gradient(150deg,#29254f,#171a3b);box-shadow:0 16px 46px #06092256;overflow:hidden;padding:21px 23px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.lead-ai-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #c4b3ff2c;border-radius:50%;right:-70px;top:-95px;box-shadow:0 0 0 35px #a99eff0b}.lead-ai-card:hover{transform:translateY(-5px);border-color:#c6acff}.lead-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.lead-number{font-size:11px;letter-spacing:.23em;color:#a99dd8}.lead-orbit{font-size:24px;color:#b9b3f4;margin-left:auto;margin-right:8px}.lead-card-main{position:relative;z-index:1;display:block;flex:1}.lead-card-main .tool-logo{width:47px;height:47px;border-radius:14px;font-size:13px;display:grid;place-items:center;box-shadow:0 5px 23px #0004}.lead-card-main h3{font-size:26px;letter-spacing:-.03em;margin-top:11px}.lead-card-main p{font-size:12px;color:#b9b8d7;line-height:1.65;margin-top:5px}.lead-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff27;padding-top:13px;position:relative;z-index:1}.lead-card-bottom a{font-size:12px;color:#d6c9ff}.lead-card-bottom a:last-child{color:#a9e4ff}.lead-card-bottom .icon{width:15px}.lead-ai-chatgpt{background:radial-gradient(circle at 87% 10%,#4daebc50,transparent 47%),linear-gradient(150deg,#214051,#181b3b)}.lead-ai-claude{background:radial-gradient(circle at 87% 10%,#d07d7252,transparent 47%),linear-gradient(150deg,#543b52,#1c1c3a)}.lead-ai-gemini{background:radial-gradient(circle at 87% 10%,#688df463,transparent 47%),linear-gradient(150deg,#273966,#191b3e)}.lead-ai-deepseek{background:radial-gradient(circle at 87% 10%,#4773e85c,transparent 47%),linear-gradient(150deg,#233564,#171b3c)}.lead-ai-grok{background:radial-gradient(circle at 87% 10%,#bbb8ff4d,transparent 47%),linear-gradient(150deg,#333551,#17182e)}
.first-tier{padding-top:90px}.other-tier{padding-top:85px;padding-bottom:65px}.tool-card{background:linear-gradient(150deg,#242344,#1a1c3b);border-color:#514a79;box-shadow:0 15px 40px #05071a33}.tool-card:hover{border-color:#a58bdf;box-shadow:0 21px 45px #04061866}.tool-identity h3,.tool-desc,.task-card h3,.article-card h3,.review-row h3{color:#f5f2ff}.tool-identity small,.tool-tags span,.tool-bottom a,.compare-toggle{color:#b8b4d5}.tool-tags span{background:#37335c;border-color:#5d5682}.tool-bottom{border-color:#504a6a}.tool-logo{box-shadow:0 0 20px #8074db24}.compare-toggle:hover,.tool-bottom a:hover{color:#e6d7ff}.save-button{color:#b7add7}
.task-section{padding-top:76px;padding-bottom:24px}.task-card{background:#242441;border-color:#514d76;color:#e6e1fa}.task-card:hover{background:#302b55;border-color:#a690df}.task-card p{color:#aaa9c5}.task-icon{background:#433777;color:#d6c4ff}.guide-section{background:#181735;border-block:1px solid #554c793d}.article-card{background:#252443;border-color:#554f75;color:#ece8fc}.article-card p,.review-row p{color:#aaa9c9}.review-row{border-color:#554d74}.review-number{color:#aa94e8}.trust-section{background:linear-gradient(120deg,#2a2653,#20254a);border-color:#6f6195}.trust-section p{color:#b6b2d4}.trust-icon{background:#5b4b8b;color:#f5eeff}
.footer{background:#11132d;border-color:#494365;color:#eeeaff}.footer p,.footer .small,.footer-bottom{color:#aaa7c5}.footer-links a{color:#aaa7c5}.footer-links a:hover{color:#eadbff}.footer-bottom{border-color:#4a4269}
.page-top{background:radial-gradient(circle at 85% 20%,#4131715c,transparent 37%);border-color:#5a507b}.page-top h1,.tool-detail-head h1,.info-shell h1,.article-header h1{color:#faf6ff}.page-top>p,.tool-detail-head p,.article-deck{color:#bcb8d7}.breadcrumb{color:#9e9abd}.catalog-search{background:#fff;color:#25223b;border-color:#cec2ef}.catalog-search input{color:#282343}.catalog-toolbar,.content-notice{color:#b7b4d2}.filter-sidebar,.sticky-panel,.content-panel,.info-shell,.article-disclosure,.comparison-note{color:#eee9fb}.filter-button{background:#272444;border-color:#514b76;color:#c8c1df}.filter-button.active,.filter-button:hover{background:#4a3d7a;color:#fff;border-color:#b393f9}.filter-sidebar h2{color:#eee8ff}.tier-filters{display:grid;gap:8px;margin-bottom:8px}.tier-filters .filter-button{text-align:left}.tier-disclaimer{font-size:11px;color:#aaa6c7;line-height:1.5;margin-bottom:24px}.sidebar-note,.content-notice{background:#24213f;border-color:#514874}.sidebar-note p{color:#aaa6c7}.sidebar-note a{color:#cfb5ff}.empty-state{color:#dad4ee}.empty-state p{color:#aaa5c6}.sticky-panel,.content-panel,.article-disclosure{background:#22203f;border-color:#514b75}.content-panel p,.content-panel li,.detail-facts dd,.info-prose,.prose,.article-sources{color:#c7c2dd}.detail-facts>div,.source-panel li,.article-end{border-color:#514b74}.article-art{filter:saturate(.85)}.article-card-body{background:#242242}.article-meta{color:#aaa6c7}.prose h2,.content-panel h2,.content-panel h3,.article-sources h2{color:#f6f1ff}.prompt-block,.table-scroll{background:#1e1c39;border-color:#514b75}.prompt-block pre,.table-scroll table{color:#ddd7ee}.table-scroll th{background:#343056;color:#f8f3ff}.table-scroll td{border-color:#514b75}.error-page{color:#f1ecff}.error-page p{color:#aaa5c6}
@media(max-width:1050px){.cosmic-hero-inner{grid-template-columns:1.05fr .95fr}.cosmic-character img{height:550px}.cosmic-character{height:550px}.character-caption{right:-8px}.nav{gap:17px}.lead-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:66px}.nav{background:#1b1b3a;border-color:#615783}.nav a{color:#ded6f2}.cosmic-hero-inner{grid-template-columns:1fr;min-height:0}.cosmic-hero .hero-copy{padding-block:55px 0}.cosmic-hero h1{font-size:clamp(39px,9vw,58px)}.cosmic-hero .hero-copy>p{font-size:13px;margin-top:20px}.cosmic-hero .hero-search{margin-top:25px}.hero-note{margin-top:23px}.cosmic-character{height:360px;overflow:hidden;margin-top:5px}.cosmic-character img{height:450px;width:440px;max-width:none;object-position:center bottom;transform:translateY(10px)}.character-halo{width:360px;height:360px;bottom:-12px}.character-caption{right:3px;bottom:22px}.hero-scroll{display:none}.tier-section{padding-top:56px}.lead-ai-grid{grid-template-columns:1fr 1fr;gap:11px}.lead-ai-card{min-height:240px;padding:15px}.lead-card-main h3{font-size:20px}.lead-card-main p{font-size:11px}.lead-card-bottom a{font-size:10px}.first-tier,.other-tier{padding-top:65px}}
@media(max-width:520px){.cosmic-hero .hero-copy{padding-top:38px}.hero-kicker{font-size:9px}.cosmic-hero h1{font-size:41px}.cosmic-hero .hero-copy>p{font-size:12px}.cosmic-hero .hero-search input{font-size:11px}.hero-chips a{font-size:10px}.cosmic-character{height:350px}.lead-ai-grid{grid-template-columns:1fr}.lead-ai-card{min-height:220px}.lead-card-main h3{font-size:23px}.lead-card-main p{font-size:12px}.lead-card-bottom a{font-size:11px}.tier-section .section-heading h2{font-size:27px}.tool-card{background:#242242}.nav{top:65px}}