:root{--void:#08070c;--panel:#100e18;--panel-2:#171425;--edge:#262238;--edge-2:#3a3355;--text:#ece9f5;--text-2:#a49dbe;--text-3:#6f6889;--violet:#7c5cff;--violet-2:#a78bfa;--cyan:#22d3ee;--lime:#a3e635;--pink:#f472b6;--grad:linear-gradient(120deg, #7c5cff 0%, #22d3ee 100%);--maxw:1200px;--sans:"Segoe UI", "Noto Sans Hebrew", Arial, sans-serif;--mono:"Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1000px 500px at 85% -10%, #7c5cff2e, transparent 60%), radial-gradient(800px 400px at 10% 0%, #22d3ee1a, transparent 55%), var(--void);color:var(--text);font-family:var(--sans);min-height:100vh;margin:0;font-size:17.5px;line-height:1.75}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;line-height:1.22}a{color:var(--violet-2);text-decoration:none}a:hover{color:var(--cyan)}img{max-width:100%;height:auto}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}.narrow{max-width:780px;margin-inline:auto;padding-inline:22px}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--edge);background:#08070cc7;position:sticky;top:0}.nav-in{align-items:center;gap:22px;height:62px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand:hover{color:var(--text)}.brand-orb{background:var(--grad);border-radius:9px;width:28px;height:28px;box-shadow:0 0 18px #7c5cff8c}.nav-links{flex-wrap:wrap;gap:6px;margin-inline-start:6px;display:flex}.nav-links a{color:var(--text-2);border-radius:9px;padding:6px 11px;font-size:14.5px}.nav-links a:hover{background:var(--panel-2);color:var(--text)}.nav-cta{font-family:var(--mono);color:var(--text-3);border:1px solid var(--edge);border-radius:8px;margin-inline-start:auto;padding:5px 10px;font-size:12px}.hero{text-align:center;padding:62px 0 48px}.hero h1{margin:0 0 14px;font-size:clamp(30px,5vw,52px)}.hero p{color:var(--text-2);max-width:60ch;margin:0 auto 30px;font-size:18px}.palette{background:var(--panel);border:1px solid var(--edge);border-radius:16px;max-width:640px;margin-inline:auto;padding:8px;box-shadow:0 24px 60px #0000008c}.palette-bar{background:var(--panel-2);border-radius:11px;align-items:center;gap:10px;padding:11px 14px;display:flex}.palette-bar .k{font-family:var(--mono);color:var(--text-3);border:1px solid var(--edge-2);border-radius:6px;padding:2px 6px;font-size:11px}.palette-bar span{color:var(--text-3);font-size:15px}.palette-list{gap:2px;padding:8px 6px 4px;display:grid}.palette-list a{color:var(--text-2);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:15px;display:flex}.palette-list a:hover{background:var(--panel-2);color:var(--text)}.palette-list .b{margin-inline-start:auto}.b{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--edge-2);color:var(--text-3);border-radius:999px;padding:3px 8px;font-size:10.5px}.b.model{color:var(--violet-2);border-color:#7c5cff99}.b.guide{color:var(--cyan);border-color:#22d3ee80}.b.tool{color:var(--lime);border-color:#a3e63573}.b.compare{color:var(--pink);border-color:#f472b673}.b.money{color:#ffc400;border-color:#ffc40073}.b.new{background:var(--grad);color:#0b0713;border:0;font-weight:700}.sec{padding:46px 0}.sec-head{align-items:center;gap:14px;margin-bottom:24px;display:flex}.sec-head h2{margin:0;font-size:26px}.sec-head .line{background:linear-gradient(90deg, var(--edge), transparent);flex:1;height:1px}.sec-head a{color:var(--text-3);font-size:14px}.asym{grid-template-columns:1.6fr 1fr 1fr;gap:16px;display:grid}.asym>:first-child{grid-row:span 2}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:linear-gradient(180deg, var(--panel), #100e1899);border:1px solid var(--edge);border-radius:18px;flex-direction:column;gap:10px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--grad);opacity:.5;height:1px;position:absolute;inset:0 0 auto}.card:hover{border-color:var(--edge-2)}.card h3{margin:0;font-size:19px}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--violet-2)}.card p{color:var(--text-2);margin:0;font-size:14.5px;line-height:1.6}.card .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card .meta{font-family:var(--mono);color:var(--text-3);margin-top:auto;font-size:11.5px}.card.big h3{font-size:25px}.card.big .thumb{aspect-ratio:21/9;background:var(--panel-2);border-radius:12px;margin-bottom:4px;overflow:hidden}.card.big .thumb img{object-fit:cover;width:100%;height:100%}.models{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.model{border:1px solid var(--edge);background:var(--panel);border-radius:16px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.model b{color:var(--text);font-size:17px}.model span{color:var(--text-2);font-size:14px}.model .use{font-family:var(--mono);color:var(--text-3);font-size:11.5px}.tasks{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.task-row{border:1px solid var(--edge);background:var(--panel);color:var(--text-2);border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex}.task-row:hover{border-color:var(--violet);color:var(--text)}.task-row b{color:var(--text);font-weight:600}.task-row .arrow{color:var(--text-3);font-family:var(--mono);margin-inline-start:auto}.art-hero{padding:26px 0 0}.art-hero h1{margin:12px 0 14px;font-size:clamp(28px,4vw,44px)}.art-hero .lead{color:var(--text-2);margin:0 0 18px;font-size:19px;line-height:1.6}.art-bar{font-family:var(--mono);color:var(--text-3);border-block:1px solid var(--edge);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 0;font-size:12px;display:flex}.stale{color:#ffc400;background:#ffc40017;border:1px solid #ffc40059;border-radius:12px;margin:18px 0;padding:10px 14px;font-size:14px}figure.cover{border:1px solid var(--edge);border-radius:18px;margin:24px 0;overflow:hidden}figure.cover img{aspect-ratio:21/9;object-fit:cover;width:100%;display:block}figure.cover figcaption{color:var(--text-3);background:var(--panel);padding:10px 14px;font-size:13px}.prose{color:#ded9ee;font-size:18px;line-height:1.85}.prose h2{margin:38px 0 12px;font-size:25px}.prose h2:before{content:"# ";color:var(--violet);font-family:var(--mono);font-size:.7em}.prose h3{color:var(--cyan);margin:26px 0 8px;font-size:20px}.prose p{margin:0 0 17px}.prose ul,.prose ol{margin:0 0 18px;padding-inline-start:22px}.prose li{margin-bottom:8px}.prose li::marker{color:var(--violet)}.prose strong{color:#fff}.prose a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.prose blockquote{background:var(--panel);border-inline-start:3px solid var(--violet);color:var(--text-2);border-radius:14px;margin:24px 0;padding:16px 20px}.prose table{border-collapse:collapse;border:1px solid var(--edge);border-radius:12px;width:100%;margin:24px 0;font-size:15px;overflow:hidden}.prose th,.prose td{text-align:start;border-bottom:1px solid var(--edge);vertical-align:top;padding:11px 13px}.prose th{background:var(--panel-2);color:var(--text)}.prose td{color:var(--text-2);background:#100e1880}.prose code{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--edge);color:var(--lime);border-radius:6px;padding:1px 6px;font-size:.9em}.prose pre{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:16px;overflow-x:auto}.prose svg{max-width:100%;height:auto;display:block}.prose figure{margin:26px 0}.prose figcaption{color:var(--text-3);padding-top:8px;font-size:13px}.prose hr{border:0;border-top:1px solid var(--edge);margin:30px 0}.faq{gap:10px;margin:34px 0;display:grid}.faq details{border:1px solid var(--edge);background:var(--panel);border-radius:14px;padding:14px 18px}.faq summary{cursor:pointer;font-size:17px;font-weight:600}.faq p{color:var(--text-2);margin:10px 0 0}.sources{border:1px solid var(--edge);background:var(--panel);border-radius:14px;margin:26px 0;padding:14px 18px;font-size:14px}.sources h2{font-family:var(--mono);letter-spacing:.12em;color:var(--text-3);margin:0 0 8px;font-size:11px}.sources h2:before{content:none}.sources ol{color:var(--text-2);margin:0;padding-inline-start:18px}.disclosure{color:#ffc400;background:#ffc4000f;border:1px solid #ffc4004d;border-radius:12px;margin:0 0 20px;padding:11px 15px;font-size:14px}.crumbs{font-family:var(--mono);color:var(--text-3);padding:14px 0;font-size:12px}.crumbs a{color:var(--text-3)}.crumbs a:hover{color:var(--violet-2)}.crumbs span[aria-current]{color:var(--text-2)}.next{border:1px solid var(--edge-2);background:linear-gradient(120deg,#7c5cff29,#22d3ee1a);border-radius:18px;margin:30px 0;padding:20px 24px}.next span{font-family:var(--mono);color:var(--text-3);letter-spacing:.12em;font-size:11px}.next a{color:var(--text);margin-top:4px;font-size:21px;font-weight:700;display:block}.next a:hover{color:var(--cyan)}.ad-slot{border:1px solid var(--edge);background:var(--panel);border-radius:14px;margin:26px auto;display:block}.ad-slot[data-size=leaderboard]{max-width:728px;height:90px}.ad-slot[data-size=rectangle]{max-width:336px;height:280px}.ad-slot[data-size=mobile]{max-width:320px;height:100px}.foot{border-top:1px solid var(--edge);background:#08070c99;margin-top:40px}.foot .wrap{padding:40px 22px 24px}.foot-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:28px;display:grid}.foot h4{font-family:var(--mono);letter-spacing:.12em;color:var(--text-3);margin:0 0 12px;font-size:11px}.foot ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.foot a{color:var(--text-2);font-size:14.5px}.foot p{color:var(--text-2);margin:0 0 10px;font-size:14.5px;line-height:1.65}.foot-bot{border-top:1px solid var(--edge);font-family:var(--mono);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;font-size:11.5px;display:flex}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:8px;background:var(--panel-2);z-index:99;border-radius:10px;padding:8px 14px;top:8px}.muted{color:var(--text-3)}@media (prefers-reduced-motion:no-preference){.card,.task-row,.model{transition:border-color .18s,color .18s}}@media (max-width:1000px){.asym{grid-template-columns:1fr 1fr}.asym>:first-child{grid-area:auto/span 2}.grid-4,.models{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.asym,.grid-3,.grid-4,.models,.tasks{grid-template-columns:1fr}.asym>:first-child{grid-column:auto}.hero{padding:40px 0 30px}.nav-links{display:none}.foot-grid{grid-template-columns:1fr 1fr}}
