@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";:root{color:#171814;font-synthesis:none;--ink:#171814;--muted:#6f7168;--paper:#f4f1eb;--line:#d8d4cb;--accent:#ef603d;--chart:#bdcbb5;background:#f4f1eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main{flex-direction:column;max-width:1600px;min-height:100svh;margin:0 auto;padding:0 4vw;display:flex}.masthead,footer{justify-content:space-between;align-items:center;display:flex}.masthead{border-bottom:1px solid var(--line);min-height:92px}.wordmark{color:var(--ink);letter-spacing:.17em;font-family:Manrope,sans-serif;font-size:1rem;font-weight:700;text-decoration:none}.wordmark span{color:var(--accent);vertical-align:top;margin-left:2px;font-size:.48rem}.model-status{color:var(--muted);letter-spacing:.04em;align-items:center;gap:9px;font-size:.76rem;display:flex}.model-status i{background:#69945e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #69945e1f}.workspace{flex:1;grid-template-columns:minmax(360px,.82fr) minmax(460px,1.18fr);align-items:center;gap:clamp(48px,8vw,150px);padding:clamp(50px,6vh,88px) 0;display:grid}.intro{width:100%;max-width:560px;animation:.7s cubic-bezier(.22,1,.36,1) both enter}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;font-size:.69rem;font-weight:600;display:block}h1,h2{letter-spacing:-.045em;margin:0;font-family:Manrope,sans-serif}h1{max-width:600px;font-size:clamp(3rem,5.2vw,5.7rem);font-weight:600;line-height:.97}.intro>p{max-width:500px;color:var(--muted);margin:26px 0 36px;font-size:.98rem;line-height:1.65}form{display:grid}label{color:var(--ink);margin-bottom:9px;font-size:.78rem;font-weight:600}label:not(:first-child){margin-top:21px}label span{color:#96978f;margin-left:5px;font-size:.7rem;font-weight:400}input,textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #aaa89f;border-radius:0;transition:border-color .18s}input{height:48px;padding:0;font-size:1.05rem}textarea{resize:vertical;min-height:76px;padding:11px 0;line-height:1.5}input::placeholder,textarea::placeholder{color:#aaa89f}input:focus,textarea:focus{border-color:var(--ink);outline:none}form>button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;margin-top:28px;padding:0 20px;transition:transform .18s,background-color .18s,color .18s;display:flex}form>button:hover:not(:disabled){color:var(--ink);background:0 0;transform:translateY(-2px)}form>button:disabled{cursor:not-allowed;opacity:.45}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.error{color:#a33d29;margin:14px 0 0;font-size:.82rem}.examples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.examples>span{color:var(--muted);margin-right:4px;font-size:.72rem}.examples button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:7px 10px;font-size:.7rem;transition:border-color .18s,color .18s}.examples button:hover{border-color:var(--ink);color:var(--ink)}.empty-state{aspect-ratio:1;justify-self:center;place-items:center;width:min(38vw,560px);display:grid;position:relative}.empty-state>span{z-index:1;width:88px;height:88px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-family:Manrope,sans-serif;font-size:1.7rem;font-weight:600;display:grid;box-shadow:0 22px 60px #17181429}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit-one{width:51%;height:51%;animation:5s ease-in-out infinite pulse}.orbit-two{width:82%;height:82%;animation:5s ease-in-out .7s infinite pulse}.results{justify-self:center;width:100%;max-width:760px;animation:.54s cubic-bezier(.22,1,.36,1) both enter}.result-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:30px;min-height:128px;padding-bottom:30px;display:flex}.result-heading .eyebrow{margin-bottom:10px}.result-heading h2{max-width:600px;font-size:clamp(1.75rem,3vw,3.4rem);font-weight:600;line-height:1.08}.timing{color:var(--muted);white-space:nowrap;padding-bottom:5px;font-size:.7rem}.chart{gap:19px;margin:0;padding:24px 0 0;list-style:none;display:grid}.chart-row{min-width:0}.chart-meta{grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:8px;margin-bottom:8px;font-size:.78rem;display:grid}.rank{color:#a3a49d;font-variant-numeric:tabular-nums;font-size:.64rem}.category{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.percent{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.track{background:#e4e0d8;height:5px;margin-left:42px;overflow:hidden}.bar{background:var(--chart);height:100%;transition:width .85s cubic-bezier(.22,1,.36,1);display:block}.chart-row:first-child .bar{background:var(--accent)}footer{border-top:1px solid var(--line);color:#92938c;letter-spacing:.03em;min-height:65px;font-size:.66rem}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@media (width<=980px){main{padding:0 6vw}.workspace{padding:55px 0 70px;display:block}.intro{max-width:680px}.has-results .intro>.eyebrow,.has-results .intro>h1,.has-results .intro>p{display:none}.results{max-width:none;margin-top:64px}.empty-state{display:none}}@media (width<=560px){.masthead{min-height:74px}.workspace{padding-top:42px}h1{font-size:clamp(2.65rem,13vw,4rem)}.intro>p{margin:21px 0 29px}.examples{flex-direction:column;align-items:flex-start}.results{margin-top:48px}.result-heading{min-height:105px;padding-bottom:22px}.chart{gap:17px}footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}