@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#f4f0e7;font-synthesis:none;--line:#303335;--paper:#f1eee6;background:#0b0c0d;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0c0d;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{overflow:hidden}nav{letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #242728;align-items:center;gap:32px;height:72px;font:500 12px DM Mono,monospace;display:flex}nav a{color:#a4a5a2;text-decoration:none}nav a:hover{color:#fff}nav .brand{color:#fff;margin-right:auto;font-weight:500}.hero{background:radial-gradient(circle at 72% 43%,#282521 0,#131415 28%,#0b0c0d 60%);min-height:760px;padding:0 clamp(24px,7vw,112px);position:relative}.hero-copy{z-index:2;max-width:880px;padding-top:120px;position:relative}.eyebrow,.section-number{color:#b9b7b0;letter-spacing:.12em;text-transform:uppercase;font:500 11px DM Mono,monospace}h1{letter-spacing:-.065em;margin:28px 0 36px;font-size:clamp(64px,9.5vw,142px);font-weight:600;line-height:.86}h1 em,h2 em{color:#ff6b45;font-family:Playfair Display,serif;font-weight:600}.lede{color:#b4b3ad;max-width:530px;font-size:18px;line-height:1.7}.button{color:#111;text-transform:uppercase;background:#f0ede5;align-items:center;gap:34px;margin-top:28px;padding:16px 20px;font:600 12px DM Mono,monospace;text-decoration:none;display:inline-flex}.signal{opacity:.6;filter:drop-shadow(0 0 25px #ff6b4533);align-items:center;gap:9px;width:45%;height:420px;display:flex;position:absolute;top:190px;right:-2%;transform:skewY(-4deg)}.signal span{background:#ff6b45;border-radius:2px;flex:1;height:12%}.signal span:nth-child(2n){height:35%}.signal span:nth-child(3n){height:70%}.signal span:nth-child(5n){height:95%}section{padding:110px clamp(24px,7vw,112px)}.principle{background:var(--paper);color:#171819}.principle .section-number,.chooser .section-number{color:#6e6e69}h2{letter-spacing:-.04em;margin:26px 0 60px;font-size:clamp(40px,5vw,72px);line-height:1.05}.promise-grid{border-top:1px solid #bbb8af;border-left:1px solid #bbb8af;grid-template-columns:repeat(4,1fr);display:grid}.promise-grid div{min-height:250px;box-shadow:inset 0 4px var(--mode);border-bottom:1px solid #bbb8af;border-right:1px solid #bbb8af;flex-direction:column;padding:30px;display:flex}.promise-grid strong{color:var(--mode);text-transform:uppercase;font:600 18px DM Mono,monospace}.promise-grid span{letter-spacing:-.03em;max-width:220px;margin:auto 0 12px;font-size:29px;line-height:1.08}.promise-grid small{color:#67665f;font-size:14px}.quantization{background:#0d0f10;border-top:1px solid #292b2c}.quantization-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(40px,8vw,140px);display:grid}.quantization-intro p:last-child{color:#a9aaa7;max-width:620px;line-height:1.75}.compression-steps{text-transform:uppercase;border:1px solid #303233;justify-content:space-between;align-items:center;gap:16px;margin:54px 0 28px;padding:18px 22px;font:500 11px DM Mono,monospace;display:flex}.compression-steps span{gap:10px;display:flex}.compression-steps b{color:#ff6b45}.compression-steps i{color:#5d605e;font-style:normal}.qp-grid{border:1px solid #303233;outline:none;grid-template-columns:repeat(4,1fr);display:grid}.qp-grid:focus-visible{border-color:#777a78}.qp-grid figure{border-right:1px solid #303233;min-width:0;margin:0}.qp-grid figure:last-child{border-right:0}.qp-image{aspect-ratio:16/9;cursor:crosshair;position:relative;overflow:hidden}.qp-grid img{background:#090a0a;width:100%;height:100%;display:block}.qp-lens{z-index:2;aspect-ratio:1;pointer-events:none;background-repeat:no-repeat;background-size:400%;border:2px solid #f4f0e7;border-radius:50%;width:clamp(100px,10vw,170px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 28px #000b,0 0 0 1px #000}.qp-grid figcaption{align-content:start;min-height:118px;padding:18px;display:grid}.qp-grid strong{color:#ff6b45;font:600 17px DM Mono,monospace}.qp-grid span{margin-top:8px;font-weight:700}.qp-grid small{color:#777976;margin-top:5px}.quantization-footer{justify-content:space-between;align-items:center;gap:28px;margin-top:30px;display:flex}.quantization-note{color:#9b9d9a;max-width:900px;margin:0;line-height:1.7}.quantization-note strong{color:#f2efe7}.lens-controls{text-transform:uppercase;flex:none;align-items:center;gap:8px;font:500 11px DM Mono,monospace;display:flex}.lens-controls>span,.lens-controls small{color:#777976}.lens-controls button{color:#f4f0e7;cursor:pointer;background:#17191a;border:1px solid #474a49;width:34px;height:34px}.lens-controls button:hover:not(:disabled),.lens-controls button:focus-visible{color:#ff6b45;border-color:#ff6b45}.lens-controls button:disabled{opacity:.35;cursor:default}.lens-controls output{color:#ff6b45;text-align:center;min-width:34px}.chooser{color:#161718;background:#dad5ca;grid-template-columns:1.05fr 1fr .7fr;align-items:center;gap:5vw;display:grid}.chooser h2{margin-bottom:24px}.muted{color:#686863;max-width:510px;line-height:1.7}.sliders{gap:26px;margin-top:46px;display:grid}.sliders label>span{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font:500 11px DM Mono,monospace;display:flex}.sliders b{color:#ff5534}input[type=range]{accent-color:#ff5f3d;width:100%;margin-top:12px}.triangle{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;overflow:visible}.triangle-fill{fill:#c6c0b3}.triangle-line{fill:none;stroke:#77746d;stroke-width:.6px}.triangle-grid{stroke:#a6a197;stroke-width:.35px}.triangle-point{fill:#ff5f3d;stroke:#fff8;stroke-width:2px;filter:drop-shadow(0 0 5px #ff5f3d);cursor:grab}.triangle:active .triangle-point{cursor:grabbing}.triangle text{fill:#55544f;letter-spacing:.08em;pointer-events:none;font:3.1px DM Mono,monospace}.recommendation{border-left:1px solid #aaa59a;padding-left:28px}.recommendation span{text-transform:uppercase;color:#77736c;font:500 10px DM Mono,monospace}.recommendation strong{letter-spacing:-.06em;margin:16px 0;font-size:72px;display:block}.recommendation p{line-height:1.55}.recommendation button,.mode-tabs button{cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid;padding:10px 0;font:600 11px DM Mono,monospace}.compare{background:#101112}.section-heading{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>p{color:#8d8e8b;max-width:400px;line-height:1.7}.chart-shell{background:#151718;border:1px solid #292c2d;margin-top:70px;padding:24px}.radar-wrap{position:relative}.empty-radar{background:radial-gradient(circle,#0000 0 12%,#2e3132 12.3% 12.6%,#0000 13% 25%,#292c2d 25.3% 25.6%,#0000 26% 38%,#242728 38.3% 38.6%,#0000 39%);place-items:center;height:410px;display:grid}.empty-radar p{text-align:center;color:#d0cec7;text-transform:uppercase;letter-spacing:.06em;font:500 13px DM Mono,monospace}.empty-radar span{color:#747674;font-size:10px}.metric-help{pointer-events:none;position:absolute;inset:0}.metric-help button{pointer-events:auto;color:#f0ede5;cursor:help;background:#151718;border:1px solid #0000;padding:5px 8px;font-size:13px;position:absolute}.metric-help button:hover,.metric-help button:focus-visible{border-color:#5b5e5f;outline:none}.metric-help .top{top:29px;left:50%;transform:translate(-50%)}.metric-help .right{top:37%;right:calc(50% - 245px)}.metric-help .bottom-right{bottom:23px;right:calc(50% - 205px)}.metric-help .bottom-left{bottom:23px;left:calc(50% - 205px)}.metric-help .left{top:37%;left:calc(50% - 215px)}.metric-help i{z-index:4;color:#171819;text-align:left;background:#f1eee6;width:240px;padding:13px 14px;font:12px/1.5 Manrope,sans-serif;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.metric-help button:hover i,.metric-help button:focus-visible i{display:block}.mode-toggles{flex-wrap:wrap;gap:12px;display:flex}.mode-toggles button{color:#929390;cursor:pointer;background:#1b1d1e;border:1px solid #343637;padding:10px 16px;font:500 11px DM Mono,monospace}.mode-toggles i{background:var(--mode);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block}.mode-toggles .selected{color:#fff;border-color:var(--mode)}.modes{background:#17191a}.mode-tabs{border-bottom:1px solid #353738;gap:34px;margin:30px 0 0;display:flex}.tab-row{justify-content:space-between;align-items:end;gap:28px;display:flex}.codec-toggle{border:1px solid #37393a;display:flex}.codec-toggle button{color:#777976;cursor:pointer;background:0 0;border:0;padding:10px 15px;font:500 10px DM Mono,monospace}.codec-toggle button[aria-pressed=true]{color:#111;background:#f1eee6}.mode-tabs button{color:#747674;border:0;padding:18px 0;font-size:13px}.mode-tabs button[aria-selected=true]{color:#fff;border-bottom:2px solid #ff6b45}.mode-detail{border-top:3px solid var(--mode);background:#111314;grid-template-columns:.8fr 1fr 1fr;margin-top:42px;display:grid}.mode-title{border-right:1px solid #2e3031;padding:44px}.mode-title>span{color:var(--mode);font:500 76px DM Mono,monospace}.mode-title h2{margin:18px 0;font-size:32px}.mode-title p{color:#aaaba7;line-height:1.7}.rate-story{border-right:1px solid #2e3031;flex-direction:column;gap:14px;padding:42px 30px 30px;display:flex}.story-chart{border-bottom:1px solid #454746;min-width:0}.story-legend{text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 18px;font:500 10px DM Mono,monospace;display:flex}.story-legend span{align-items:center;gap:7px;display:inline-flex}.story-legend i{width:18px;height:3px}.story-legend .complexity-line{border-top:3px dashed #9a9d9b;height:0}.story-legend small{color:#696b69;margin-left:auto}.rate-story>strong{color:var(--mode);grid-column:1/-1;align-self:end;font-size:17px;line-height:1.5}.mode-facts{grid-template-columns:1fr;display:grid}.mode-facts div{border-right:1px solid #2e3031;padding:44px 26px}.mode-facts small,.command span{color:#777976;text-transform:uppercase;letter-spacing:.08em;font:500 10px DM Mono,monospace}.mode-facts p{font-size:14px;line-height:1.65}.crf-cqp{border-top:1px solid #2e3031;grid-column:1/-1;grid-template-columns:1.15fr 1fr 1fr;display:grid}.crf-cqp>div{border-right:1px solid #2e3031;padding:28px}.crf-cqp>div:last-child{border-right:0}.crf-cqp small{color:var(--mode);text-transform:uppercase;letter-spacing:.08em;font:500 10px DM Mono,monospace}.crf-cqp h3{margin:8px 0 10px;font-size:24px}.crf-cqp strong{color:var(--mode)}.crf-cqp p{color:#aaaba7;margin:10px 0 0;font-size:14px;line-height:1.6}.command{border-top:1px solid #2e3031;grid-column:1/-1;align-items:center;gap:24px;padding:22px 28px;display:flex}.command code{color:#d8d3c8;white-space:nowrap;overflow-x:auto}.command button{color:var(--mode);cursor:pointer;background:0 0;border:0;margin-left:auto;font:500 10px DM Mono,monospace}.codec-note{color:#888a87;max-width:740px;margin-top:28px;font-size:13px;line-height:1.65}.decision{background:var(--paper);color:#171819}.decision .section-number{color:#73726d}.decision h2{margin-bottom:44px}.flow-scroll{background:#e8e4db;border:1px solid #bcb9b0;overflow-x:auto}.flow-scroll svg{width:100%;min-width:760px;height:auto;padding:28px;display:block}.fine-print{color:#74736e;max-width:720px;margin:60px 0 0;font-size:13px;line-height:1.65}footer{color:#737573;border-top:1px solid #252728;justify-content:space-between;padding:34px clamp(24px,7vw,112px);font:10px DM Mono,monospace;display:flex}footer span{color:#fff}footer a{color:#ff6b45;text-decoration:none}footer a:hover{color:#fff}@media (width<=900px){nav a:not(.brand){display:none}.hero{min-height:680px}.signal{opacity:.25;width:70%}.promise-grid,.chooser{grid-template-columns:1fr 1fr}.recommendation{border-top:1px solid #aaa59a;border-left:0;grid-column:1/-1;padding:28px 0 0}.mode-detail{grid-template-columns:1fr}.mode-title,.rate-story{border-right:0}.mode-facts{grid-template-columns:1fr 1fr}.mode-facts div{border-top:1px solid #2e3031;border-right:0}.crf-cqp{grid-template-columns:1fr}.crf-cqp>div{border-bottom:1px solid #2e3031;border-right:0}.crf-cqp>div:last-child{border-bottom:0}.section-heading{display:block}}@media (width<=560px){section{padding-block:76px}.hero{min-height:610px}.hero-copy{padding-top:90px}h1{font-size:56px}.promise-grid,.chooser{grid-template-columns:1fr}.promise-grid div{min-height:190px}.triangle{max-width:360px;margin:0 auto}.tab-row{flex-direction:column;align-items:stretch}.mode-tabs{width:100%;overflow-x:auto}.codec-toggle{align-self:flex-start}.mode-title{padding:30px 24px}.mode-title>span{font-size:58px}.rate-story{grid-template-columns:1fr 1.5fr}.mode-facts{grid-template-columns:1fr}.command{flex-direction:column;align-items:flex-start}.command button{margin-left:0}.recommendation strong{font-size:58px}.metric-help .right{right:0}.metric-help .left{left:0}.metric-help .bottom-right{right:5%}.metric-help .bottom-left{left:5%}footer{flex-direction:column;gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width<=900px){.quantization-intro{grid-template-columns:1fr;gap:18px}.compression-steps{flex-direction:column;align-items:stretch}.compression-steps i{display:none}.qp-grid{grid-template-columns:1fr 1fr}.qp-grid figure:nth-child(2){border-right:0}.qp-grid figure:nth-child(-n+2){border-bottom:1px solid #303233}}@media (width<=560px){.qp-grid{grid-template-columns:1fr}.qp-grid figure{border-bottom:1px solid #303233;border-right:0}.qp-grid figure:last-child{border-bottom:0}}@media (width<=700px){.quantization-footer{flex-direction:column;align-items:flex-start}.lens-controls{flex-wrap:wrap}}