@font-face{font-family:Inter;src:url(assets/Inter.ttf);font-weight:100 900}*{box-sizing:border-box}body{margin:0;background:#fff;color:#1e1e1e;font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #00637A;outline-offset:4px}header,main,footer{max-width:1280px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:24px;border-bottom:1px solid #ebebeb}header img{width:180px;height:auto}nav{display:flex;gap:24px;font-size:13px}nav a{text-decoration:none}.hero{padding:88px 0 65px;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#575757}h1{font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-3.5px;margin:22px 0 0}h1 span{color:#1CDAFE}h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 16px}h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:10px 0}p{margin:12px 0}.lead{font-size:19px;line-height:1.65}.chip{display:inline-block;border:1px solid #ddd;border-radius:30px;padding:6px 14px;font-size:11px;font-weight:700}section{padding:52px 0;border-top:1px solid #e5e5e5;scroll-margin-top:25px}.section-head{max-width:720px;margin-bottom:30px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof{border:1px solid #e5e5e5;border-radius:3px;overflow:hidden}.proof>img{width:100%;height:185px;object-fit:contain;background:#f7f9fa;display:block}.proof>div{padding:20px}.proof small{font-size:11px;letter-spacing:1px;font-weight:700}.proof p,.proof a{font-size:13px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.principle{border-top:4px solid #1CDAFE;padding-top:18px}.principle p{font-size:14px}.table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:17px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #e6e6e6}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;background:#f6fafc}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.tabs button{border:1px solid #d8dfe2;background:white;padding:12px 16px;border-radius:3px;font-size:13px}.tabs b{margin-right:8px}.tabs button[aria-pressed=true]{background:#1e1e1e;color:white;border-color:#1e1e1e}.compare{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:64px;align-items:start}.stage{border:1px solid #dbe3e7;box-shadow:0 10px 40px #102f3f0d;max-width:540px;margin:auto}.ad{display:block;width:100%;height:auto}[hidden]{display:none!important}.viewer.mobile .stage{max-width:320px}.controls{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0;font-size:13px}.controls label{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px}input{accent-color:#1e1e1e;width:18px;height:18px}.rationale h3{font-size:30px}.micro{font-size:12px;color:#5b5b5b}.export{display:inline-block;margin-top:18px;font-size:13px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.swatch{border:1px solid #ddd;padding:16px;border-radius:3px}.sample{height:72px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:27px;margin-bottom:12px}.swatch b{font-size:13px}.swatch p{font-size:12px}.note{padding:22px 25px;border-left:4px solid #1CDAFE;background:#f4fafc;font-size:14px}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 38px}.checkgrid p{padding:12px 0;border-top:1px solid #ddd;font-size:14px}footer{padding-top:28px;padding-bottom:36px;font-size:12px;color:#555}@media(max-width:850px){header,main,footer{padding-left:24px;padding-right:24px}nav{gap:12px}.hero{grid-template-columns:1fr;gap:24px;padding:54px 0}.proof-grid{grid-template-columns:1fr 1fr}.compare{gap:26px;grid-template-columns:1fr}.principles{grid-template-columns:1fr;gap:20px}.rationale{max-width:540px;margin:auto}}@media(max-width:460px){header img{width:145px}nav a:not(:last-child){display:none}.proof-grid,.swatches,.checkgrid{grid-template-columns:1fr}h1{letter-spacing:-2px}h2{font-size:28px}.table{font-size:12px}th,td{padding:12px 6px}.tabs button{padding:10px;font-size:12px}section{padding:35px 0}}
.tabs button[aria-selected=true]{background:#1e1e1e;color:white;border-color:#1e1e1e}
.stage{width:100%;aspect-ratio:1}.ad{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.quote{margin:32px 0 0;padding:0 0 0 22px;border-left:4px solid #1CDAFE;font-size:14px}.quote cite{font-style:normal;font-size:12px;color:#5b5b5b}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:32px 38px}.rule{border-top:1px solid #ddd;padding-top:18px}.rule p{font-size:14px}
.conclusion{max-width:850px}.rationale{min-width:0}.tabs button{min-height:44px}
@media(max-width:850px){.rules{grid-template-columns:1fr}.compare>.viewer,.compare>.rationale{width:100%}}