.proof-main{max-width:1260px;
padding-bottom:70px}
.proof-main .eyebrow{font-size:10px}
.proof-hero{display:grid;
grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);
align-items:center;
gap:54px;
padding:70px 0 82px}
.proof-hero h1{font-size:clamp(54px,7vw,100px);
line-height:.96;
font-weight:900;
margin:18px 0 24px;
max-width:900px}
.proof-hero>div>p{max-width:630px;
color:#565e63;
font-size:16px}
.proof-hero-actions{display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:27px}
.proof-score{padding:30px;
background:linear-gradient(140deg,#ffffffee,#e7ebeee0)}
.proof-score>strong{display:flex;
align-items:baseline;
gap:10px;
font-size:104px;
line-height:.9;
letter-spacing:-.09em;
margin:22px 0 12px}
.proof-score>strong span{font-size:.43em;
letter-spacing:-.04em;
color:#777f84}
.proof-score>p{font-size:16px;
font-weight:800;
max-width:220px;
margin-bottom:28px}
.proof-score>div{display:flex;
justify-content:space-between;
gap:10px;
border-top:1px solid #cfd5d8;
padding:12px 0;
font-size:11px}
.proof-score>div span{color:#6f7579}
.proof-score>small{display:block;
border-top:1px solid #cfd5d8;
padding-top:13px;
font-size:10px;
line-height:1.5;
color:#697176}
.proof-section{scroll-margin-top:110px;
padding:52px 0 40px;
border-top:1px solid #dce1e4}
.proof-section-head{display:flex;
justify-content:space-between;
align-items:end;
gap:30px;
margin-bottom:24px}
.proof-section-head h2{font-size:clamp(34px,4vw,55px);
line-height:1.02;
margin:7px 0 10px}
.proof-section-head p{font-size:13px;
color:#626a6f;
max-width:650px;
margin:0}
.proof-step-key{font:700 9px var(--mono);
letter-spacing:.1em;
color:#747b80;
white-space:nowrap}
.run-pair{display:grid;
grid-template-columns:1fr 1fr;
gap:16px}
.proof-run{overflow:hidden}
.proof-run-top{display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:18px 20px 14px}
.proof-index,.proof-pill,.range-card>span{font:700 9px var(--mono);
letter-spacing:.1em}
.proof-index{color:#666e73}
.proof-pill{border-radius:100px;
padding:8px 11px}
.proof-pill.red{color:var(--red);
background:#f8ebed}
.proof-pill.green{color:var(--green);
background:#e8f3ec}
.screenshot-window{position:relative;
overflow:hidden;
height:315px;
background:linear-gradient(135deg,#dadee0,#f5f6f6);
border-top:1px solid #dce1e3;
border-bottom:1px solid #dce1e3}
.screenshot-window img{position:absolute;
right:0;
bottom:0;
width:1100px;
max-width:none;
height:auto}
.proof-run-body{padding:24px 27px 27px}
.proof-run-body h3{font-size:27px;
margin:0 0 17px}
.proof-values{display:grid;
gap:6px;
border-top:1px solid #dce1e3;
border-bottom:1px solid #dce1e3;
padding:13px 0;
margin-bottom:15px}
.proof-values span{display:flex;
justify-content:space-between;
gap:12px;
font-size:12px;
color:#5d6468}
.proof-values b{color:#161a1c;
font-size:16px}
.proof-values b.red-text{color:var(--red)}
.proof-values b.green-text{color:var(--green)}
.proof-run-body>p{font-size:12px;
color:#5b6368;
min-height:58px}
.proof-links{display:flex;
gap:15px;
flex-wrap:wrap;
padding-top:5px}
.proof-links a,.proof-text-link,.range-card a{font-size:11px;
font-weight:800;
text-decoration:underline;
text-underline-offset:3px}
.proof-links a:hover,.proof-text-link:hover,.range-card a:hover{color:#656e73}
.loop-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin:22px 0}
.loop-item{padding:24px 23px;
border:1px solid #ffffffde;
border-radius:24px;
background:linear-gradient(140deg,#ffffffda,#e9edefbd);
box-shadow:var(--shadow)}
.loop-item b{display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:10px;
background:#17191b;
color:#fff;
font:700 11px var(--mono);
margin-bottom:20px}
.loop-item strong{display:block;
font-size:18px;
letter-spacing:-.04em}
.loop-item p{font-size:11px;
color:#636a6e;
margin:8px 0 0}
.loop-item code,.range-card code{font:600 10px var(--mono);
color:#303639}
.range-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px}
.range-card{padding:24px;
min-height:225px;
display:flex;
flex-direction:column}
.range-card>span{color:#697176}
.range-card strong{font-size:25px;
letter-spacing:-.06em;
margin:17px 0 7px}
.range-card p{font-size:11px;
color:#646b70;
margin:0 0 20px}
.range-card a{margin-top:auto}
.proof-command{display:flex;
justify-content:space-between;
gap:25px;
align-items:center;
margin:15px 0 0;
padding:19px 23px}
.proof-command p{font-size:11px;
color:#626a70;
margin:6px 0 0}
.proof-command code{flex:none;
border-radius:14px;
background:#181b1d;
color:#f7f8f8;
padding:14px 17px;
font:500 11px/1.9 var(--mono)}
.proof-caveat{font-size:11px;
color:#72797d;
margin:16px 0 0;
max-width:850px}
.proof-footer{display:flex;
justify-content:space-between;
gap:20px;
padding:26px max(5vw,24px);
border-top:1px solid #dce1e4;
font:600 10px var(--mono);
color:#656c70}
.proof-footer a{color:#1b1d1f;
text-decoration:underline;
text-underline-offset:3px}
.proof-main a:focus-visible,.proof-footer a:focus-visible,.site-header a:focus-visible{outline:2px solid #111;
outline-offset:4px;
border-radius:8px}
@media(max-width:900px){.site-header nav{display:none}
.proof-hero{grid-template-columns:1fr;
padding:55px 0}
.proof-score{max-width:410px}
.run-pair{grid-template-columns:1fr}
.loop-grid,.range-grid{grid-template-columns:1fr 1fr}
.proof-run-body>p{min-height:0}
}
@media(max-width:650px){.site-header{height:62px}
.proof-main{padding:0 16px 55px}
.proof-hero{gap:30px;
padding:42px 0 48px}
.proof-hero h1{font-size:49px}
.proof-hero>div>p{font-size:13px}
.proof-score{padding:22px}
.proof-score>strong{font-size:79px}
.proof-section{padding:36px 0 25px}
.proof-section-head h2{font-size:34px}
.proof-step-key{display:none}
.proof-run-top{padding:14px}
.screenshot-window{height:280px}
.screenshot-window img{width:1000px}
.proof-run-body{padding:20px}
.loop-grid,.range-grid{grid-template-columns:1fr}
.loop-item,.range-card{min-height:0}
.proof-command{display:block}
.proof-command code{display:block;
margin-top:16px}
.proof-footer{display:grid;
padding:22px 16px}
.header-link{padding:10px 13px;
font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}