:root{color-scheme:dark;--bg:#07090c;--surface:#11151a;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--text:#f3f5f1;--muted:#9ba49e;--mint:#9af5c4;--blue:#91afff;--warm:#f1d690;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body.dialog-open{overflow:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}
body:before{content:"";position:fixed;inset:0;z-index:-3;opacity:.2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.ambient{position:absolute;z-index:-2;border-radius:50%;filter:blur(10px);pointer-events:none}.ambient-one{width:42rem;height:42rem;top:-17rem;left:47%;background:radial-gradient(circle,rgba(98,220,158,.16),transparent 68%)}.ambient-two{width:38rem;height:38rem;top:34rem;left:-19rem;background:radial-gradient(circle,rgba(96,129,236,.11),transparent 68%)}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{width:min(1260px,calc(100% - 40px));height:76px;margin:14px auto 0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:26px;position:sticky;top:14px;z-index:20;background:rgba(9,12,15,.76);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(24px);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:#08110c;background:var(--mint);border-radius:9px;font-size:.92rem;font-weight:800;box-shadow:0 0 28px rgba(154,245,196,.22)}.brand-dim{color:#69736c}nav{display:flex;align-items:center;gap:32px;color:#aeb6b0;font-size:.82rem;font-weight:600}nav a,.site-footer>a{transition:color .2s}nav a:hover,.site-footer>a:hover{color:var(--mint)}.header-cta{color:var(--mint);font-size:.78rem;font-weight:700}.header-cta span{margin-left:8px}
.hero{min-height:770px;padding:140px 0 76px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.kicker,.dialog-kicker{color:var(--mint);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(154,245,196,.17);border-radius:999px;background:rgba(154,245,196,.045)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(154,245,196,.08),0 0 14px var(--mint)}
.hero h1{margin:30px 0 24px;max-width:900px;font-size:clamp(4.1rem,9.8vw,8.5rem);line-height:.88;letter-spacing:-.082em;font-weight:670}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(243,245,241,.32)}.hero-copy{max-width:680px;margin:0;color:#afb7b1;font-size:clamp(1.04rem,1.8vw,1.22rem);line-height:1.72}.hero-actions{display:flex;gap:12px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:0 18px;border:1px solid var(--line2);border-radius:12px;background:transparent;cursor:pointer;font-size:.8rem;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}.button-primary{color:#07100b;background:var(--mint);border-color:var(--mint);box-shadow:0 12px 35px rgba(105,238,164,.12)}.button-primary:hover{background:#baffd9}.button-ghost{color:#c7cdc8;background:rgba(255,255,255,.025)}
.stats{width:100%;margin-top:auto;padding-top:70px;display:grid;grid-template-columns:repeat(3,minmax(0,.7fr)) minmax(260px,1.5fr);border-bottom:1px solid var(--line)}.stats>div{min-height:100px;padding:0 26px 25px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.stats>div:first-child{padding-left:0;border-left:0}.stats strong{font-size:2rem;line-height:1.1;letter-spacing:-.05em}.stats span{color:#78817b;margin-top:5px;font-size:.72rem;font-family:var(--mono)}.stats .stats-note{flex-direction:row;align-items:flex-end;gap:14px}.stats-note .spark{color:var(--mint);font-size:1.1rem}.stats-note p{margin:0;max-width:260px;color:#939c96;font-size:.78rem;line-height:1.5}
.section{padding:110px 0;scroll-margin-top:90px}.section-heading{margin-bottom:38px}.split-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:60px;align-items:end}.kicker{margin:0 0 13px}.section-heading h2{margin:0;font-size:clamp(2.35rem,5vw,4.7rem);line-height:1;letter-spacing:-.062em;font-weight:620}.section-heading>p{max-width:470px;justify-self:end;margin:0;color:var(--muted);font-size:.98rem;line-height:1.7}
.filters{display:flex;gap:8px;margin-bottom:20px}.filter{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#929b95;background:rgba(255,255,255,.02);cursor:pointer;font-size:.76rem;font-weight:650}.filter span{margin-left:6px;color:#626b65;font-family:var(--mono);font-size:.68rem}.filter.active{color:#08110c;border-color:var(--mint);background:var(--mint)}.filter.active span{color:rgba(8,17,12,.55)}
.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.provider-card{overflow:hidden;background:linear-gradient(145deg,rgba(23,28,34,.8),rgba(13,16,20,.88));border:1px solid var(--line);border-radius:24px;box-shadow:inset 0 1px rgba(255,255,255,.025),0 24px 60px rgba(0,0,0,.16)}.provider-header{min-height:91px;padding:22px 24px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}
.provider-mark,.tool-provider{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.035);color:var(--mint);font-weight:800}.provider-openai .provider-mark,.tool-provider.openai{color:#d9ddd9}.provider-xai .provider-mark,.tool-provider.xai{color:var(--blue)}.provider-cursor .provider-mark,.tool-provider.cursor{color:var(--warm)}.provider-header p,.tool-card>p{margin:0 0 2px;color:#68716b;font-family:var(--mono);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.provider-header h3{margin:0;font-size:1.02rem;letter-spacing:-.025em}.model-count{margin-left:auto;color:#6f7872;font-family:var(--mono);font-size:.68rem}
.model-list{padding:8px}.model-row{position:relative;width:100%;min-height:78px;padding:15px 14px;display:grid;grid-template-columns:94px 1fr auto;align-items:center;gap:10px;border:0;border-radius:15px;text-align:left;background:transparent;cursor:pointer;transition:background .2s,transform .2s}.model-row+.model-row:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:rgba(255,255,255,.045)}.model-row:hover{background:rgba(255,255,255,.04);transform:translateX(2px)}.model-status{display:inline-flex;align-items:center;gap:7px;color:#9da59f;font-family:var(--mono);font-size:.71rem;white-space:nowrap}.model-status i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px rgba(154,245,196,.45)}.model-status.blocked i{background:#8e9691;box-shadow:none}.model-name{font-size:1rem;font-weight:660;letter-spacing:-.025em}.model-result{display:flex;align-items:center;gap:10px}
.level-pill,.reason,.severity{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-family:var(--mono);font-size:.68rem;white-space:nowrap}.level-pill.low-semi{color:#b3c6ff;background:rgba(127,157,242,.1);border:1px solid rgba(127,157,242,.15)}.level-pill.semi{color:#d0bcf6;background:rgba(178,141,232,.1);border:1px solid rgba(178,141,232,.15)}.level-pill.semi-full{color:#9de5cc;background:rgba(102,216,177,.09);border:1px solid rgba(102,216,177,.15)}.level-pill.full{color:#07130c;background:var(--mint);border:1px solid var(--mint)}.reason{color:#a9b0ac;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065)}.row-arrow{color:#515a54;transition:color .2s,transform .2s}.model-row:hover .row-arrow{color:var(--mint);transform:translate(2px,-2px)}.model-row small{grid-column:2/4;margin-top:-9px;color:#707972;font-size:.75rem}
.open-source-note{margin-top:16px;padding:22px 25px;display:flex;align-items:center;gap:17px;border:1px dashed rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.018)}.note-icon{width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--blue)}.open-source-note h3{margin:0 0 3px;font-size:.96rem}.open-source-note p{margin:0;color:var(--muted);font-size:.85rem}.open-source-note a{margin-left:auto;color:var(--blue);font-size:.76rem;font-weight:700}
.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.level-card{min-height:245px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(23,27,33,.76),rgba(13,16,20,.72))}.level-card.featured-level{border-color:rgba(154,245,196,.25);background:linear-gradient(145deg,rgba(48,84,64,.24),rgba(13,18,16,.8))}.level-number{color:#59625c;font-family:var(--mono);font-size:.66rem}.level-badge{width:max-content;margin-top:auto;margin-bottom:17px;font-size:1.15rem;font-weight:700;letter-spacing:-.035em}.level-badge.low-semi{color:#a9bfff}.level-badge.semi{color:#ccb1f3}.level-badge.semi-full{color:#98e4c9}.level-badge.full{color:var(--mint)}.level-card p{min-height:70px;margin:0;color:#a3aba5;font-size:.88rem;line-height:1.65}.boundary-note{width:max-content;max-width:100%;margin:20px 0 0 auto;color:#858e88;font-size:.76rem}.boundary-note span{margin-right:8px;color:#c6ccc7;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}
.classifier-list{border-top:1px solid var(--line)}.classifier-row{min-height:125px;padding:25px 0;display:grid;grid-template-columns:40px 130px 1fr;gap:28px;align-items:center;border-bottom:1px solid var(--line)}.rank{color:#535c56;font-family:var(--mono);font-size:.66rem}.strictness{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}.strictness i{display:block;width:var(--fill);height:100%;background:linear-gradient(90deg,var(--blue),var(--mint))}.classifier-row>div:last-child{display:grid;grid-template-columns:110px minmax(210px,.7fr) 1.3fr;gap:22px;align-items:center}.severity{justify-self:start;color:#bbc7ff;background:rgba(129,155,242,.09);border:1px solid rgba(129,155,242,.13)}.severity.hardest{color:#e9bdad;background:rgba(225,141,114,.08);border-color:rgba(225,141,114,.13)}.severity.mild{color:var(--mint);background:rgba(154,245,196,.07);border-color:rgba(154,245,196,.13)}.classifier-row h3{margin:0;font-size:.98rem;letter-spacing:-.02em}.classifier-row p{margin:0;color:#8f9892;font-size:.84rem;line-height:1.6}.classifier-row strong{color:#b8c0ba}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{position:relative;min-height:310px;padding:27px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(23,28,34,.8),rgba(12,15,18,.85));transition:border-color .2s,transform .2s}a.tool-card:hover{transform:translateY(-3px);border-color:rgba(154,245,196,.22)}.tool-card-large{grid-row:span 2;min-height:634px;background:radial-gradient(circle at 75% 10%,rgba(154,245,196,.09),transparent 35%),linear-gradient(145deg,rgba(24,31,34,.86),rgba(12,15,18,.88))}.tool-index{position:absolute;right:25px;top:23px;color:#515a54;font-family:var(--mono);font-size:.65rem}.tool-arrow{position:absolute;right:23px;bottom:22px;color:#69736c;font-size:1.15rem}.tool-provider{margin-bottom:auto}.tool-card-large .tool-provider{width:62px;height:62px;font-size:1.2rem}.tool-card>p{margin-top:22px}.tool-card h3{margin:5px 0 12px;font-size:1.55rem;line-height:1.15;letter-spacing:-.045em}.tool-card-large h3{font-size:2.2rem}.tool-description{max-width:420px;color:#9ca59f;font-size:.91rem;line-height:1.65}.tool-link{margin-top:21px;color:var(--mint);font-family:var(--mono);font-size:.71rem}.tutorial-card{min-height:430px}.tutorial-card .tool-provider{margin-bottom:0}
.compact-steps,.dialog-steps{margin:5px 0 21px;padding:0;list-style:none;counter-reset:steps}.compact-steps li,.dialog-steps li{position:relative;padding:7px 0 7px 31px;color:#aab2ac;font-size:.84rem;line-height:1.55;counter-increment:steps}.compact-steps li:before,.dialog-steps li:before{content:"0" counter(steps);position:absolute;left:0;top:8px;color:#59635c;font-family:var(--mono);font-size:.64rem}.compact-steps strong,.dialog-steps strong{color:#d6dbd7}.prompt-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}.warning-note{margin:0 0 17px!important;padding:11px 13px;color:#c5b58d!important;font-family:var(--sans)!important;font-size:.76rem!important;line-height:1.5;text-transform:none!important;letter-spacing:0!important;background:rgba(211,178,101,.065);border:1px solid rgba(211,178,101,.12);border-radius:10px}
.site-footer{min-height:170px;padding:44px 0;display:flex;align-items:center;gap:28px;border-top:1px solid var(--line)}.site-footer p{margin:0 auto;color:#6f7872;font-size:.76rem}.site-footer>a:last-child{color:#8a938d;font-size:.74rem}
.model-dialog{width:min(700px,calc(100% - 28px));max-height:min(860px,calc(100vh - 28px));padding:0;color:var(--text);background:transparent;border:0;overflow:visible}.model-dialog::backdrop{background:rgba(1,3,4,.78);backdrop-filter:blur(12px)}.dialog-shell{position:relative;max-height:min(860px,calc(100vh - 28px));padding:34px;overflow-y:auto;border:1px solid var(--line2);border-radius:26px;background:#101419;box-shadow:0 35px 110px rgba(0,0,0,.65)}.dialog-close{position:absolute;right:18px;top:17px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:#a6aea8;background:rgba(255,255,255,.035);cursor:pointer;font-size:1.4rem;line-height:1}.dialog-topline{padding-right:48px;display:flex;justify-content:space-between;color:#77817a;font-family:var(--mono);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.dialog-topline span:last-child{color:var(--mint)}.dialog-shell h2{margin:17px 0 13px;font-size:clamp(2.5rem,8vw,4.5rem);line-height:.96;letter-spacing:-.065em}.dialog-status{display:flex;gap:10px;margin-bottom:24px}.dialog-setup,.dialog-alternative{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}.dialog-setup h3,.dialog-alternative h3{margin:4px 0 7px;font-size:1.35rem;letter-spacing:-.035em}.dialog-setup>p:not(.dialog-kicker),.dialog-alternative>p:not(.dialog-kicker):not(.warning-note){margin:0;color:#939c96;font-size:.86rem}.dialog-kicker{margin:0}.dialog-steps{margin:17px 0 20px}.dialog-notice{margin:13px 0;padding:13px 15px;color:#a9b2ac;background:rgba(145,175,255,.055);border:1px solid rgba(145,175,255,.1);border-radius:12px;font-size:.8rem}.dialog-notice strong{color:#d9ddda}.dialog-actions{margin-top:16px}.toast{position:fixed;left:50%;bottom:26px;z-index:50;padding:11px 16px;color:#07100b;background:var(--mint);border-radius:10px;font-size:.76rem;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-header nav{display:none}.hero{min-height:700px;padding-top:110px}.stats{grid-template-columns:repeat(3,1fr)}.stats .stats-note{display:none}.provider-grid,.tool-grid{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,1fr)}.classifier-row>div:last-child{grid-template-columns:105px 1fr}.classifier-row p{grid-column:2}.tool-card-large{grid-row:auto;min-height:380px}}
@media(max-width:650px){.shell{width:min(100% - 28px,1180px)}.site-header{width:calc(100% - 20px);height:65px;margin-top:10px;top:10px;padding:0 15px}.header-cta{display:none}.hero{min-height:auto;padding:95px 0 55px}.hero h1{font-size:clamp(3.45rem,18vw,5rem)}.hero-copy{font-size:1rem}.hero-actions{flex-wrap:wrap}.stats{margin-top:75px;padding-top:0}.stats>div{min-height:85px;padding:18px 10px;border-top:1px solid var(--line)}.stats strong{font-size:1.55rem}.stats span{font-size:.6rem}.section{padding:78px 0}.split-heading{grid-template-columns:1fr;gap:18px}.section-heading>p{justify-self:start;font-size:.9rem}.filters{overflow-x:auto}.provider-grid{gap:12px}.provider-header{padding:18px}.model-list{padding:5px}.model-row{min-height:88px;padding:14px 12px;grid-template-columns:1fr auto;gap:7px}.model-status{grid-column:1;grid-row:1}.model-name{grid-column:1;grid-row:2}.model-result{grid-column:2;grid-row:1/3}.model-row small{grid-column:1/3;grid-row:3;margin:0}.row-arrow{display:none}.open-source-note{align-items:flex-start;flex-wrap:wrap}.open-source-note a{margin-left:58px}.level-grid{grid-template-columns:1fr}.level-card{min-height:200px}.classifier-row{grid-template-columns:25px 70px 1fr;gap:13px}.classifier-row>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.classifier-row p{grid-column:auto}.tool-card{padding:22px}.tutorial-card{min-height:450px}.site-footer{flex-wrap:wrap;justify-content:space-between}.site-footer p{order:3;width:100%}.dialog-shell{padding:27px 18px 20px;border-radius:21px}.dialog-setup,.dialog-alternative{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

/* Blocked models use one clear danger color everywhere. */
.model-status.blocked{color:#ff7373}
.model-status.blocked i{background:#ff7373;box-shadow:0 0 10px rgba(255,115,115,.4)}
.reason{color:#ff8a8a;background:rgba(255,115,115,.08);border-color:rgba(255,115,115,.22)}
.dialog-topline .dialog-state.possible{color:var(--mint)}
.dialog-topline .dialog-state.blocked{color:#ff7373}
.dialog-notice.strict-notice{color:#e6b0b0;background:rgba(255,115,115,.065);border-color:rgba(255,115,115,.2)}
.dialog-notice.strict-notice strong{color:#ffb0b0}