.home-sec{padding:144px 0}.home-h2{max-width:18ch;font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;font-size:clamp(34px,4.4vw,64px);font-weight:300;line-height:1.02}.home-lede{max-width:54ch;margin:0 0 18px;font-size:clamp(17px,1.3vw,19px);line-height:1.55}.home-note{color:var(--text-faint);margin:28px 0 0;font-size:15px}.home-sec :not(pre)>code:not(.frag code){background:var(--bg-raised);border-radius:6px;padding:.1em .35em;font-size:.88em}.home-sec a:not([class]){color:var(--accent);text-underline-offset:3px}.pill-link{background:var(--accent);color:var(--accent-ink);border-radius:999px;align-items:center;gap:10px;margin-top:18px;padding:14px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .12s;display:inline-flex}.pill-link:hover{background:var(--text)}.pill-link:active{transform:scale(.97)}.board{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-top:56px;display:grid}.board-tile{border-radius:var(--radius);flex-direction:column;min-height:460px;padding:0 32px 32px;display:flex;position:relative;overflow:clip}.t-4{grid-column:span 4}.t-5{grid-column:span 5}.t-7{grid-column:span 7}.t-8{grid-column:span 8}.t-cobalt{background:var(--accent);color:#fff}.t-lime{background:var(--lime);color:var(--text)}.t-paper{background:var(--panel)}.t-sand{background:var(--bg-raised)}.t-ink{background:var(--text);color:var(--sand)}.board-tile h3{font-family:var(--display);letter-spacing:-.025em;margin:auto 0 10px;font-size:clamp(24px,2.1vw,30px);font-weight:400;line-height:1.1}.board-tile p{max-width:52ch;margin:0;font-size:16px;line-height:1.55}.t-cobalt p,.t-ink p{color:color-mix(in srgb, currentColor 86%, transparent)}.frag{white-space:nowrap;margin:0 -32px 36px 0;padding-top:36px;font-size:22px}.frag-code{font-family:var(--code);background:#ffffff1f;border-radius:.5em 0 0 .5em;flex-direction:column;gap:.5em;padding:.9em 1.1em;font-size:1.05em;display:inline-flex}.c-dim{opacity:.6}.c-str{color:var(--lime)}.frag-flag{background:var(--fail);color:#fff;font-family:var(--sans);border-radius:999px;align-self:flex-start;padding:.25em .7em;font-size:.72em;font-weight:600}.frag-tag{font-family:var(--code);background:#0d1a4a14;border-radius:.5em 0 0 .5em;padding:.9em 1.1em;font-size:1.05em;display:inline-block}.frag-tag mark{background:var(--text);color:var(--lime);border-radius:.2em;padding:.05em .2em}.frag-preview{background:var(--bg);border-radius:.5em;flex-direction:column;width:19em;font-size:.8em;display:inline-flex;overflow:hidden}.frag-preview-img{background:color-mix(in srgb, var(--fail) 12%, var(--bg));height:6.5em;color:var(--fail);align-items:center;gap:.6em;padding:0 1em;display:flex}.frag-preview-img b{font-family:var(--display);letter-spacing:-.03em;font-size:2.6em;font-weight:400}.frag-preview-img span{color:#9e2417;font-weight:600}.frag-preview-text{flex-direction:column;gap:.2em;padding:.8em 1em .9em;display:flex}.frag-preview-text span{color:var(--text-faint);font-size:.85em}.frag-headers{background:var(--panel);border-radius:.5em 0 0 .5em;flex-direction:column;gap:.35em;margin:0;padding:.8em 1em;font-size:.95em;list-style:none;display:inline-flex}.frag-headers li{align-items:center;gap:.55em;display:flex}.frag-metric{flex-direction:column;display:flex}.frag-metric b{font-family:var(--display);letter-spacing:-.05em;color:var(--warn);font-size:4.6em;font-weight:300;line-height:.9}.frag-metric span{color:var(--text-dim);margin-top:.4em}.frag-paste{color:var(--lime);white-space:pre;background:#ffffff14;border-radius:.5em 0 0 .5em;margin:0;padding:.9em 1.1em;font-size:.8em;line-height:1.5}.home-cobalt{background:var(--accent);color:#fff}.home-cobalt .home-lede{color:#ffffffe6}.ai-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.ai-card{border-radius:var(--radius);background:var(--panel);color:var(--text);padding:32px}.ai-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ai-card-head h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:400;line-height:1.15}.ai-verdict{background:var(--lime);border-radius:999px;flex:none;padding:6px 14px;font-size:14px;font-weight:600}.ai-card-count{color:var(--text-dim);margin:14px 0 22px;font-size:16px}.ai-card-count b,.ai-card-count i{color:var(--text)}.ai-qs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ai-qs li{gap:14px;padding:12px 0;display:flex}.ai-qs svg{flex:none;margin-top:1px}.ai-qs b{font-weight:600;display:block}.ai-qs span{color:var(--text-dim)}.score-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.scores{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.scores li{background:var(--panel);border-radius:12px;grid-template-columns:minmax(0,15em) minmax(0,1fr) 3.1em 2.2em;align-items:center;gap:18px;padding:14px 18px;display:grid}.scores-domain{overflow-wrap:anywhere;font-size:16px}.scores-track{background:var(--bg-raised);border-radius:999px;height:10px;overflow:hidden}.scores-track i{border-radius:inherit;height:100%;display:block}.scores-num{font-family:var(--display);letter-spacing:-.04em;text-align:right;font-size:34px;font-weight:400;line-height:1}.scores-grade{color:#fff;border-radius:999px;place-items:center;width:1.9em;height:1.9em;font-size:15px;font-weight:700;display:grid}.home-sand{background:var(--bg-raised)}.watch-split{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:64px;display:grid}.watch-msg{border-radius:var(--radius);background:var(--panel);padding:1.3em 1.4em;font-size:24px}.watch-msg-head{align-items:center;gap:.6em;margin-bottom:.6em;display:flex}.watch-msg-head span:last-child{color:var(--text-faint);font-size:.75em}.watch-msg-avatar{background:var(--lime);border:.45em solid var(--accent);border-radius:.4em;width:1.6em;height:1.6em}.watch-msg p{margin:0 0 .6em;line-height:1.45}.watch-msg-link{color:var(--accent);font-size:.8em}.ci-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.ci-code{border-radius:var(--radius);background:var(--text);color:var(--sand);margin:0;padding:32px;font-size:15px;line-height:1.7;overflow-x:auto}.home-faq{background:var(--panel)}.faq-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;display:grid}.faq{flex-direction:column;gap:8px;display:flex}.faq details{background:var(--bg);border-radius:12px;transition:background-color .15s}.faq details[open]{background:var(--lime)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:19px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border:3px solid var(--accent);border-radius:999px;flex:none;width:14px;height:14px;transition:background-color .15s}.faq details[open] summary:after{background:var(--accent)}.faq details p{max-width:62ch;margin:0;padding:0 24px 22px;font-size:17px;line-height:1.55}.home-end{background:var(--lime);padding:120px 0}.home-end .shell{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.home-end h2{max-width:14ch;font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(40px,6vw,92px);font-weight:300;line-height:.98}.end-button{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:12px;padding:20px 34px;font-size:19px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .12s;display:inline-flex}.end-button:hover{background:var(--text)}.end-button:active{transform:scale(.97)}@media (max-width:900px){.home-sec{padding:88px 0}.board{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:36px}.board-tile{grid-column:auto;min-height:0;padding:0 20px 24px}.frag{margin:0 -20px 28px 0;padding-top:24px;font-size:15px}.ai-split,.score-split,.watch-split,.ci-split,.faq-split{grid-template-columns:minmax(0,1fr);gap:36px}.ai-card{padding:20px}.scores li{grid-template-columns:minmax(0,1fr) 2.6em 2em;grid-template-areas:"domain num grade""track track track";gap:10px 12px}.scores-domain{grid-area:domain}.scores-track{grid-area:track}.scores-num{grid-area:num;font-size:28px}.scores-grade{grid-area:grade}.watch-msg{font-size:16px}.ci-code{padding:20px;font-size:13px}.faq summary{padding:18px;font-size:17px}.faq details p{padding:0 18px 18px;font-size:16px}.home-end{padding:88px 0}}
