.nav-preparing{align-items:center;gap:.4rem;display:inline-flex}.nav-preparing small{color:var(--accentAmber);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #755c29;padding:.1rem .35rem;font-size:.55rem}.menu-toggle{border:1px solid var(--border);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--textPrimary);cursor:pointer;padding:.65rem;display:none}.menu-toggle span{background:currentColor;height:2px;margin:.25rem 0;transition:transform .16s,opacity .16s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px)rotate(-45deg)}@media (max-width:760px){.site-header{flex-wrap:wrap}.menu-toggle{flex:none;display:block}.site-header nav.mobile-open{flex-direction:column;align-items:stretch;gap:0;width:100%;padding-top:1.25rem;display:flex}.site-header nav.mobile-open a{border-top:1px solid var(--border);padding:.8rem 0}.site-header nav.mobile-open .nav-preparing{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}
:root{--background:#050b16;--surface:#0a1424;--surfaceElevated:#101d30;--textPrimary:#f5f8fb;--textSecondary:#a8b7c8;--accentCyan:#35e0d0;--accentAmber:#f5b942;--border:#203149;--success:#52d39a;--warning:#f5b942;--error:#ff7b83;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-height:100svh;color:var(--textPrimary);background-image:radial-gradient(circle at 80% 0,#0b2c3b 0,#0000 30rem);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accentCyan)}button,input,select,textarea{font:inherit}.skip{background:var(--accentCyan);color:#031211;z-index:20;padding:.6rem;position:fixed;top:-5rem;left:1rem}.skip:focus{top:1rem}.site-header,footer{max-width:var(--max);justify-content:space-between;align-items:center;margin:auto;padding:1.5rem 2rem;display:flex}.site-header{border-bottom:1px solid var(--border)}.brand{letter-spacing:.03em;align-items:center;gap:.7rem;font-weight:700;display:flex}.mark{border:2px solid var(--accentCyan);width:1rem;height:1rem;transform:rotate(45deg)}nav,footer div{color:var(--textSecondary);gap:1.5rem;font-size:.9rem;display:flex}main{max-width:var(--max);margin:auto;padding:0 2rem}.hero{flex-direction:column;justify-content:center;max-width:900px;min-height:75vh;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accentCyan);font-size:.74rem;font-weight:700}.hero h1,.page h1{letter-spacing:-.055em;margin:.5rem 0 1.5rem;font-size:clamp(3rem,8vw,6.8rem);line-height:.96}.hero h1 span{color:var(--textSecondary)}.lede{max-width:760px;color:var(--textSecondary);font-size:clamp(1.1rem,2vw,1.4rem)}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.button{border:1px solid var(--border);background:var(--surface);color:var(--textPrimary);cursor:pointer;border-radius:3px;padding:.7rem 1.1rem}.button.primary{background:var(--accentCyan);color:#031211;border-color:var(--accentCyan);font-weight:700}.button:disabled{opacity:.45;cursor:not-allowed}.text-link{color:var(--accentCyan)}section{padding:6rem 0}.section-heading{max-width:650px;margin-bottom:2rem}.section-heading h2,.split h2,.cta h2{margin:.5rem 0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.section-heading p,.split p{color:var(--textSecondary)}.grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.card,.callout{background:linear-gradient(145deg,var(--surfaceElevated),var(--surface));border:1px solid var(--border);padding:2rem}.card-top{justify-content:space-between;display:flex}.model-name{color:var(--accentCyan);font-size:1.6rem;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.1em;color:var(--accentAmber);border:1px solid #755c29;height:max-content;padding:.25rem .5rem;font-size:.68rem}.card p,.page>p{color:var(--textSecondary)}.card a{color:var(--accentCyan)}.split{grid-template-columns:1fr 1.3fr;align-items:center;gap:4rem;display:grid}.diagram{border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.65rem;padding:2rem;display:flex}.diagram span{border:1px solid var(--border);padding:.6rem}.diagram i{color:var(--accentCyan)}.callout{border-left:3px solid var(--accentAmber)}.callout strong{color:var(--accentAmber)}.cta{border-top:1px solid var(--border)}.page{min-height:calc(100svh - 82px);padding-top:7rem;padding-bottom:7rem}.page h1{font-size:clamp(3rem,7vw,5.5rem)}.page.wide{max-width:none}.prose{max-width:760px;margin-top:4rem}.playground{border:1px solid var(--border);background:var(--surface);grid-template-columns:260px 1fr;min-height:650px;margin-top:2rem;display:grid}.controls{border-right:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.controls label{color:var(--textSecondary);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.controls select,.controls input,.chat textarea{background:var(--background);color:var(--textPrimary);border:1px solid var(--border);padding:.65rem}.chat{flex-direction:column;min-width:0;display:flex}.messages{flex:1;max-height:550px;padding:2rem;overflow-y:auto}.empty{color:var(--textSecondary);text-align:center;margin-top:8rem}.message{border:1px solid var(--border);max-width:80%;margin-bottom:1rem;padding:1rem 1.25rem}.message.user{background:var(--surfaceElevated);margin-left:auto}.message.assistant strong{color:var(--accentCyan)}.message p{white-space:pre-wrap;margin:.3rem 0}.chat form{border-top:1px solid var(--border);padding:1rem}.chat textarea{resize:vertical;width:100%;min-height:90px}.composer-row,.metrics{color:var(--textSecondary);justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.metrics{border-top:1px solid var(--border);padding:.6rem 1rem}.error{color:var(--error);padding:0 1rem}.stop{border-color:var(--error);color:var(--error)}footer{border-top:1px solid var(--border);color:var(--textSecondary);font-size:.85rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accentAmber);outline-offset:3px}@media (max-width:760px){.site-header{align-items:flex-start}.site-header nav{display:none}.grid,.split,.playground{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--border)}.hero{min-height:65vh}.page{min-height:calc(100svh - 74px);padding-top:5rem;padding-bottom:5rem}.message{max-width:95%}footer{flex-direction:column;align-items:flex-start;gap:1rem}footer div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
html,body{min-height:100%}body{flex-direction:column;min-height:100svh;display:flex}.site-header,footer{flex:none;width:100%;margin:0 auto}main{flex-direction:column;flex:1 0 auto;width:100%;margin:0 auto;display:flex}main>.page{flex:1 0 auto;width:100%;min-height:0}