@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #071119;--bg-2: #102433;--surface: #132838cc;--text: #eff7ff;--muted: #a6c0d3;--line: #79a6c11f;--accent: #65dbb8;--accent-2: #67b5ff;--radius: 18px;--shadow: 0 22px 50px #03101888}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at 10% 10%,#1d3d5b 0%,transparent 28%),radial-gradient(circle at 84% 18%,#124559 0%,transparent 24%),linear-gradient(180deg,var(--bg),#041018 60%,#030c12 100%);color:var(--text);font-family:Outfit,Segoe UI,sans-serif;line-height:1.6}.app-shell{display:flex;min-height:100vh;flex-direction:column}main{flex:1}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06101add;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;min-height:78px}.logo{color:var(--text);text-decoration:none;font-family:Space Grotesk,sans-serif;letter-spacing:.04em;font-size:1.45rem;font-weight:700}.desktop-nav{display:flex;gap:1.15rem}.nav-link{color:var(--muted);text-decoration:none;font-weight:500;padding-bottom:.2rem;border-bottom:2px solid transparent;transition:.18s ease}.nav-link:hover,.nav-link.active{color:var(--text);border-bottom-color:var(--accent-2)}.menu-toggle{display:none;border:1px solid var(--line);background:#102433;color:var(--text);padding:.45rem .85rem;border-radius:10px;font:inherit}.mobile-nav{display:none}.hero{text-align:center;padding:5.8rem 0 4rem;animation:reveal .7s ease both}.hero-badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;border:1px solid #69bfff4d;color:#b9dffc;background:#0f2333;margin-bottom:1.1rem;font-size:.85rem}h1,h2,h3{font-family:Space Grotesk,sans-serif;line-height:1.2;margin:0}.hero h1{font-size:clamp(2rem,5vw,3.75rem);max-width:900px;margin:0 auto}.hero p{color:var(--muted);max-width:760px;margin:1.15rem auto 2rem;font-size:1.06rem}.hero-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid transparent;padding:.72rem 1.15rem;text-decoration:none;color:#042016;background:linear-gradient(120deg,var(--accent),#98f5de);font-weight:600}.button:hover{transform:translateY(-1px)}.button-secondary{color:var(--text);border-color:#6ba3bf66;background:#0e1f2d}.section{padding:2.2rem 0 4.6rem}.section-heading{text-align:center;max-width:760px;margin:0 auto 2.2rem}.section-heading.left{text-align:left;margin-left:0}.section-heading h1{font-size:clamp(1.85rem,3.8vw,3rem)}.section-heading h2{font-size:clamp(1.7rem,3vw,2.35rem)}.section-heading p{margin:.75rem 0 0;color:var(--muted)}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel,.story-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#122737de,#102031ca);box-shadow:var(--shadow)}.card,.panel{padding:1.35rem}.card h3,.card h2,.panel h2{margin-bottom:.6rem}.card ul,.panel ul,.story-card ul{margin:0;padding-left:1.1rem;color:var(--muted)}.card li,.panel li,.story-card li{margin-bottom:.52rem}.split-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.values-callout{margin-top:1rem;padding:1.5rem;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(120deg,#0f2637,#163548)}.service-tool-callout{margin-top:1.4rem}.values-callout p,.panel p,.story-lead{color:var(--muted)}.contact-panel{max-width:760px;margin:0 auto}.carousel{max-width:900px;margin:0 auto}.carousel-stage{position:relative;overflow:hidden;border-radius:var(--radius)}.carousel-track{display:flex;transition:transform .42s cubic-bezier(.2,.8,.2,1);will-change:transform}.story-slide{min-width:100%;padding:.2rem}.story-card{padding:1.6rem}.story-tags{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.9rem}.story-tags span{border:1px solid #86cde333;background:#133247;color:#c9eafe;border-radius:999px;padding:.25rem .6rem;font-size:.82rem}.carousel-controls{display:flex;align-items:center;justify-content:center;margin-top:.8rem}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid #95c8da4f;border-radius:999px;background:#0f2537cc;color:var(--text);font-size:1.3rem;line-height:1;cursor:pointer;transition:.18s ease}.carousel-arrow:hover{background:#143149;border-color:#95c8da87}.carousel-arrow.left{left:.9rem}.carousel-arrow.right{right:.9rem}.dot-row{display:flex;gap:.42rem}.dot{width:9px;height:9px;border-radius:999px;border:0;background:#6a93aa66;cursor:pointer}.dot.active{background:var(--accent)}.stack{display:grid;gap:1rem}.paper-meta{color:#9bc3da;font-size:.9rem}.paper-actions{display:flex;gap:.7rem;margin-top:.8rem;flex-wrap:wrap}.model-comparison{margin-bottom:1rem}.top-selection-widget{display:grid;gap:.6rem;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:.9rem}.comparison-layout{display:grid;gap:1rem;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.selector-panel,.viewer-panel{border:1px solid #7daec529;border-radius:14px;background:#0b1f2e;padding:.9rem}.viewer-panel{margin-top:.2rem}.selector-panel{position:sticky;top:92px;height:fit-content}.control-row{display:grid;gap:.55rem}.control-input,.control-select{width:100%;border:1px solid #7aa0b640;border-radius:10px;background:#081a27;color:var(--text);font:inherit;padding:.5rem .65rem}.control-select.slim{width:auto;margin-left:.5rem}.model-dropdown{position:relative}.dropdown-toggle{width:100%;border:1px solid #7aa0b640;border-radius:10px;background:#081a27;color:var(--text);font:inherit;padding:.5rem .65rem;text-align:left;cursor:pointer}.dropdown-menu{position:absolute;top:calc(100% + .35rem);left:0;width:100%;max-height:280px;overflow:auto;border:1px solid #7aa0b64d;border-radius:12px;background:#0b1f2e;z-index:15;padding:.4rem;display:grid;gap:.25rem}.dropdown-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.3rem .4rem;border-radius:8px}.dropdown-item:hover{background:#102c3f}.dropdown-item span{color:#d6ecfa;font-size:.9rem}.dropdown-item small{color:#97bbd1;font-size:.78rem}.quick-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.75rem}.model-library{margin-top:.75rem;display:grid;gap:.5rem;max-height:560px;overflow:auto;padding-right:.2rem}.model-picker-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.model-option{border:1px solid #7daec52e;border-radius:12px;background:#0f2332;padding:.75rem;display:grid;gap:.2rem;cursor:pointer}.model-option.compact{padding:.6rem .7rem}.model-option.selected{border-color:#67b5ff;background:#102d41}.model-option input{margin-bottom:.35rem}.model-option span{font-weight:600}.model-option small{color:var(--muted)}.picker-help{margin:.85rem 0 0;color:#a9c9dc;font-size:.92rem}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.picker-help{margin:0}.limit-label{display:inline-flex;align-items:center;color:#c8dfef;font-size:.9rem}.selected-pills{margin-top:.8rem;display:flex;gap:.4rem;flex-wrap:wrap}.selected-pill{border:1px solid #7aa0b640;background:#10283a;color:#d3e7f5;border-radius:999px;padding:.25rem .65rem;font:inherit;font-size:.85rem;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.pill-remove{color:#9ec4da}.metric-filter{margin-top:1rem;display:flex;gap:.45rem;flex-wrap:wrap}.metric-chip{border:1px solid #7aa0b640;border-radius:999px;background:#0c1d2a;color:var(--muted);padding:.35rem .8rem;cursor:pointer;font:inherit;font-size:.9rem}.metric-chip.active{border-color:#65dbb8;color:var(--text);background:#10353b}.comparison-legend{margin-top:1rem;display:flex;gap:.8rem;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.4rem;color:#bfd9ea;font-size:.9rem}.legend-dot{width:11px;height:11px;border-radius:999px}.benchmark-chart{margin-top:1.1rem;display:grid;gap:.9rem}.chart-row{border:1px solid #7aa0b629;border-radius:12px;padding:.8rem;background:#0a1a26}.chart-row p{margin:0 0 .55rem;font-weight:600}.metric-description{margin:-.2rem 0 .65rem!important;color:#9ec0d4;font-size:.84rem;font-weight:400!important}.chart-bars{display:grid;gap:.45rem}.bar-item{display:grid;gap:.5rem;grid-template-columns:minmax(120px,180px) minmax(0,1fr) 44px;align-items:center}.bar-label{color:#c6dded;font-size:.9rem}.bar-track{width:100%;height:12px;border-radius:999px;background:#163042;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .32s ease}.bar-fill.no-score{width:4%!important;opacity:.25}.bar-value{color:#d6eefc;font-size:.9rem;text-align:right}pre{overflow-x:auto;padding:.85rem;border-radius:12px;background:#081823;border:1px solid var(--line);color:#b2d8ef}.site-footer{border-top:1px solid var(--line);background:#040f16f2;padding-top:2rem}.footer-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:1rem}.site-footer h3{margin-bottom:.45rem;font-size:1.05rem}.site-footer p,.footer-links a,.site-footer a{color:var(--muted);text-decoration:none}.footer-links{display:grid;gap:.25rem}.site-footer a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);padding:1rem 0 1.2rem;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 2rem));margin:0 auto;color:#88abc0}@media (max-width: 940px){.card-grid,.footer-grid,.split-grid{grid-template-columns:1fr}.top-selection-widget{grid-template-columns:1fr 1fr}.comparison-layout{grid-template-columns:1fr}.selector-panel{position:static}.model-library{max-height:300px}}@media (max-width: 760px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.mobile-nav{display:grid;gap:.6rem;padding:0 1rem;max-height:0;overflow:hidden;border-top:1px solid transparent;transition:.22s ease}.mobile-nav.open{max-height:280px;padding:.95rem 1rem 1rem;border-top-color:var(--line)}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.carousel-controls{justify-content:center}.carousel-arrow{width:36px;height:36px;font-size:1.1rem}.top-selection-widget{grid-template-columns:1fr}.bar-item{grid-template-columns:1fr;gap:.35rem}.bar-value{text-align:left}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
