@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f4f3ec;--ink:#203c34;--line:#c6cdc2;--accent:#dcf27b;--orange:#fa7041}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}header,main,footer{max-width:1320px;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;border-bottom:1px solid var(--line)}.wordmark{font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-1px;text-decoration:none}.mark{display:inline-block;background:var(--orange);color:#132d25;padding:5px 10px;margin-right:10px}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:80px 64px 90px;align-items:center}.eyebrow,.note-label,.live,.preview-top,.screen-foot{font:500 11px 'Space Grotesk',sans-serif;letter-spacing:1.7px}.eyebrow{margin:0 0 24px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(58px,6.4vw,86px);font-weight:500;line-height:1.01;letter-spacing:-6px;margin:0 0 28px}.intro{font-size:19px;line-height:1.6;margin:0 0 32px}.button{background:var(--ink);color:white;padding:16px 22px;text-decoration:none;border:0;display:inline-flex;justify-content:space-between;gap:40px;align-items:center;cursor:pointer;font-size:14px;font-weight:600}.button:hover{background:#31554a}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.hero-note{border-left:1px solid var(--line);padding-left:50px}.crosshair{font-size:90px;color:var(--orange);line-height:1}.hero-note p{font:400 23px/1.5 'Space Grotesk',sans-serif;margin:22px 0 36px}.note-label{font-size:9px;letter-spacing:1px}.radar{padding:58px 64px 65px;border-top:1px solid var(--line);background:#e8ecdf}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}h2{font-size:35px;font-weight:500;letter-spacing:-1.6px;margin:0}.section-top .eyebrow{margin-bottom:16px}.live{font-size:9px;white-space:nowrap;margin-bottom:6px;letter-spacing:1px}.live i{display:inline-block;width:6px;height:6px;background:var(--ink);border-radius:50%;margin-right:6px}form{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:18px}label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:9px}label span{font-weight:400;color:#5c6c63}input,select{width:100%;border:1px solid #aebaa7;background:var(--paper);border-radius:0;padding:13px 12px;font-size:14px;min-width:0}input::placeholder{color:#718077}.search-label{grid-column:span 3}form button{align-self:end;min-height:46px}.fine,.coverage{font-size:12px;line-height:1.65;color:#546759}.preview-top{margin-top:38px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.preview-top label{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:10px;letter-spacing:0}.preview-top select{width:150px;padding:8px;font-size:12px}.preview-shell{border-radius:15px;margin:12px auto 18px;max-width:860px;background:#253c33;padding:20px;box-shadow:0 12px 22px #203c3410;overflow:hidden}.screen{color:#000;background:#fff;aspect-ratio:5/3;padding:3%;display:flex;flex-direction:column;font-family:Arial,sans-serif;container-type:inline-size}.screen-head{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:1.3%;align-items:center;gap:10px}.screen-head strong{font-size:3cqw;letter-spacing:.1cqw}.screen-head span{font-size:1.7cqw}#screen-filter{font-size:1.7cqw;padding:1.2% 0}.screen-cards{display:flex;flex-direction:column;flex:1;min-height:0}.screen-card{flex:1;padding:1.3% 0;border-top:1px solid #777;min-height:0;overflow:hidden}.screen-card:first-child{border:0}.screen-card h3{font:bold 3.2cqw/1.1 Arial;margin:0 0 1%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.screen-card .desc{font:2.55cqw/1.2 Arial;margin:0 0 1%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.screen-card .meta{font-size:1.6cqw}.screen-foot{font-family:Arial;font-size:1.5cqw;letter-spacing:0;border-top:1px solid;padding-top:1.2%;display:flex;justify-content:space-between}.screen-empty{margin:auto;font-size:3cqw;line-height:1.4;max-width:85%}.screen.vertical{aspect-ratio:5/6;width:50%;margin:auto}.screen.vertical .screen-head strong{font-size:5.7cqw}.screen.vertical .screen-head span{display:none}.screen.vertical #screen-filter{font-size:3.2cqw}.screen.vertical .screen-card h3{font-size:5.8cqw;-webkit-line-clamp:2}.screen.vertical .screen-card .desc{font-size:4.7cqw;-webkit-line-clamp:3}.screen.vertical .meta{font-size:3cqw}.screen.vertical .screen-foot{font-size:2.7cqw}.screen.horizontal{aspect-ratio:10/3}.screen.horizontal .screen-cards{flex-direction:row;gap:4%}.screen.horizontal .screen-card{width:50%;border:0}.screen.horizontal .desc{font-size:2.4cqw;-webkit-line-clamp:2}.screen.quadrant{aspect-ratio:5/3;width:50%;margin:auto}.screen.quadrant .screen-head strong{font-size:5cqw}.screen.quadrant .screen-head span{display:none}.screen.quadrant #screen-filter{font-size:3cqw}.screen.quadrant .screen-card h3{font-size:5.7cqw}.screen.quadrant .desc{font-size:4.4cqw}.screen.quadrant .meta{font-size:2.8cqw}.screen.quadrant .screen-foot{font-size:2.5cqw}#status{text-align:center;font-size:13px;line-height:1.6;margin:20px 0 28px}.companies{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.company{padding:22px;background:var(--paper);border:1px solid #d2d9ca}.company small{font-size:10px;letter-spacing:.8px}.company h3{font-size:23px;letter-spacing:-.7px;margin:16px 0 10px}.company p{font-size:14px;line-height:1.5;min-height:62px}.company a{font-size:12px;font-weight:600}.coverage{margin-top:24px}.setup{padding:72px 64px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px 80px;border-bottom:1px solid var(--line)}.setup h2{font-size:46px;line-height:1.1}.setup p{font-size:15px;line-height:1.65;max-width:400px}.disabled{opacity:.6;cursor:default}.setup ol{list-style:none;margin:10px 0;padding:0}.setup li{display:flex;gap:25px;border-top:1px solid var(--line);padding:24px 0}.setup li>span{font:12px 'Space Grotesk';padding-top:3px}.setup h3{font-size:19px;margin:0}.setup li p{font-size:14px;margin:9px 0}.setup details{grid-column:span 2;font-size:14px;border-top:1px solid var(--line);padding-top:20px}.setup summary{cursor:pointer}.setup details p{max-width:800px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e8ecdf;padding:15px;font-size:12px}#copy-url{padding:10px;background:var(--paper);border:1px solid var(--ink);cursor:pointer}.about{display:grid;grid-template-columns:1fr 1.5fr;padding:60px 64px;gap:80px}.about h3{font-size:24px;font-weight:500;letter-spacing:-1px}.about p{font-size:13px;line-height:1.8;margin:0 0 16px;color:#546759}footer{padding:30px 64px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}footer .wordmark{font-size:17px}footer div{display:flex;gap:20px}@media(max-width:800px){header{padding:0 25px;height:85px}.hero{padding:55px 25px;grid-template-columns:1fr}.hero-note{display:none}h1{letter-spacing:-4px;font-size:65px}.radar{padding:40px 25px}.section-top{display:block}.live{display:block;margin-top:18px}form{grid-template-columns:1fr 1fr;gap:14px}.search-label{grid-column:span 2}form button{grid-column:span 2}.companies{grid-template-columns:1fr 1fr}.setup{padding:50px 25px;grid-template-columns:1fr;gap:30px}.setup details{grid-column:auto}.about{padding:40px 25px;grid-template-columns:1fr;gap:10px}footer{padding:25px;flex-wrap:wrap}.preview-shell{padding:10px;border-radius:10px}h2{font-size:29px}.screen.vertical,.screen.quadrant{width:70%}}@media(max-width:480px){nav a:first-child{display:none}nav{font-size:12px}.wordmark{font-size:19px}h1{font-size:57px}.intro{font-size:17px}.hero{padding:45px 25px}.companies{grid-template-columns:1fr}.company p{min-height:0}.preview-top{letter-spacing:.5px}.preview-top select{width:125px}.screen{padding:3%}.screen.vertical,.screen.quadrant{width:85%}.setup h2{font-size:39px}}
#filters label{display:block}#filters input,#filters select{display:block;margin-top:9px}#filters{align-items:end}

/* Full preview mirrors the dense 800 x 480 Recipe. */
.screen.full .screen-head{padding-bottom:.6%}.screen.full .screen-head strong{font-size:3cqw}.screen.full #screen-filter{font-size:1.5cqw;padding:.5% 0}.screen.full .screen-card{padding:.25% 0}.screen-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.5%}.screen.full .screen-card h3{display:block;font-size:2.125cqw;line-height:2.25cqw;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.screen.full .screen-card .desc{display:block;font-size:1.875cqw;line-height:2cqw;margin:.125% 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.screen.full .screen-card .meta{font-size:1.375cqw;line-height:1.625cqw;white-space:nowrap;flex-shrink:0}.screen.full .screen-foot{font-size:1.25cqw;padding-top:.5%;line-height:1.5cqw}

/* Limited-ink accents; meaning and text survive without color. */
.screen{--accent-ink:#d52f22;--highlight-ink:#ffe15e}
.screen[data-ink="bw"]{--accent-ink:#000;--highlight-ink:#fff}
.screen-head strong{color:var(--accent-ink)}.screen-head>span{background:var(--highlight-ink);color:#000}.preview-controls{display:flex;gap:16px;flex-wrap:wrap;justify-content:end}.preview-top{gap:12px;flex-wrap:wrap}.preview-controls select{max-width:145px}
@media(max-width:600px){.preview-controls{gap:8px}.preview-controls select{width:120px}}