:root{--bg:#050505;--panel:#0d0d10;--panel2:#131318;--line:#ffffff18;--muted:#9ca3af;--cyan:#22d3ee;--violet:#a855f7;--green:#22c55e;--red:#ef4444}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
.tv-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:12px max(4vw,24px);border-bottom:1px solid var(--line);background:#070708ed;backdrop-filter:blur(12px)}
.tv-brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:850}.tv-mark{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:38px;height:38px;padding:7px;border-radius:10px;background:#101014}.tv-mark i:nth-child(1){background:var(--cyan)}.tv-mark i:nth-child(2){background:var(--violet)}.tv-mark i:nth-child(3){background:#f43f5e}.tv-mark i:nth-child(4){background:#10b981}.tv-brand sup{color:#ffffff66;font-size:9px}.tv-nav{display:flex;align-items:center;gap:24px;color:#ffffffad;font-size:13px;font-weight:700}.tv-nav a:hover{color:var(--cyan)}
.tv-shell{max-width:1220px;margin:auto;padding:72px 24px 96px}.tv-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:60px;align-items:center}.tv-kicker{margin:0;color:var(--cyan);font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.tv-hero h1{max-width:760px;margin:17px 0 22px;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}.tv-hero p{max-width:700px;color:#b3b7c0;font-size:18px;line-height:1.7}.tv-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.tv-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:1px solid transparent;border-radius:11px;background:var(--cyan);color:#001014;font-weight:850}.tv-button:hover{background:#67e8f9}.tv-button.secondary{border-color:#ffffff2b;background:#ffffff0a;color:#fff}.tv-button.secondary:hover{background:#ffffff14}.tv-button.good{background:var(--green);color:#fff}.tv-button.issue{background:var(--red);color:#fff}
.tv-preview{overflow:hidden;position:relative;aspect-ratio:16/9;border:8px solid #23232a;border-radius:20px;background:linear-gradient(100deg,#111 0 20%,#555 20% 40%,#aaa 40% 60%,#fff 60% 80%,#22d3ee 80%);box-shadow:0 28px 80px #0008}.tv-preview:before{content:"TV SCREEN EXAM";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:clamp(18px,3vw,35px);font-weight:900;letter-spacing:.12em;text-shadow:0 3px 18px #000}.tv-preview:after{content:"";position:absolute;left:42%;bottom:-30px;width:16%;height:32px;background:#23232a}
.tv-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:56px 0 0}.tv-proof article,.tv-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.tv-proof b{display:block;margin-bottom:7px}.tv-proof span,.tv-card p{color:var(--muted);font-size:13px;line-height:1.65}
.tv-section{padding-top:88px}.tv-section h2{margin:9px 0 14px;font-size:clamp(32px,4vw,52px);letter-spacing:-.04em}.tv-section>.tv-copy{max-width:760px;color:var(--muted);line-height:1.7}.tv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.tv-card h3{margin:12px 0 8px;font-size:18px}.tv-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#22d3ee18;color:var(--cyan);font-size:21px;font-weight:900}.tv-start-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;margin-top:82px;padding:34px;border:1px solid #22d3ee3c;border-radius:21px;background:linear-gradient(135deg,#071b20,#101014)}.tv-start-panel h2{margin:0 0 9px}.tv-start-panel p{color:#b7c3c6;line-height:1.6}.tv-select{display:flex;flex-direction:column;gap:8px}.tv-select label{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.tv-select select{min-height:46px;padding:10px;border:1px solid #ffffff24;border-radius:10px;background:#09090b;color:#fff}
.tv-note{margin-top:24px;padding:18px;border-left:3px solid #f59e0b;background:#f59e0b12;color:#d1d5db;font-size:13px;line-height:1.7}.tv-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding:54px max(5vw,28px);border-top:1px solid var(--line);background:#070708;color:#9ca3af;font-size:13px}.tv-footer b{display:block;margin-bottom:12px;color:#fff}.tv-footer a{display:block;margin:9px 0}.tv-footer a:hover{color:var(--cyan)}
.exam[hidden],.report[hidden]{display:none}.exam{position:fixed;inset:0;z-index:1000;background:#000;color:#fff;overflow:hidden}.pattern{position:absolute;inset:0;overflow:hidden}.exam-top{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px;background:linear-gradient(#000d,#0000);transition:opacity .2s}.exam-info{max-width:min(720px,70vw);padding:13px 16px;border:1px solid #ffffff24;border-radius:12px;background:#000b;backdrop-filter:blur(8px)}.exam-info small{color:var(--cyan);font-weight:850;letter-spacing:.11em;text-transform:uppercase}.exam-info h2{margin:5px 0;font-size:20px}.exam-info p{margin:0;color:#d1d5db;font-size:13px;line-height:1.5}.exam-close{min-width:46px;min-height:46px;border:1px solid #ffffff30;border-radius:10px;background:#000b;color:#fff;font-size:22px}
.exam-controls{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:10px;border:1px solid #ffffff28;border-radius:16px;background:#000c;backdrop-filter:blur(10px);transition:opacity .2s}.exam-controls button{min-height:45px;padding:10px 15px;border:1px solid #ffffff2b;border-radius:10px;background:#111c;color:#fff;font-size:13px;font-weight:800;white-space:nowrap}.exam-controls button:hover,.exam-controls button:focus{border-color:var(--cyan);outline:none}.exam-controls .rate-good{background:#14532d}.exam-controls .rate-issue{background:#7f1d1d}.exam.hidden-ui .exam-top,.exam.hidden-ui .exam-controls{opacity:0;pointer-events:none}.exam-progress{position:absolute;z-index:6;left:0;bottom:0;height:4px;background:var(--cyan);transition:width .25s}
.pattern-label{position:absolute;inset:0;display:grid;place-items:center;font-size:min(7vw,100px);font-weight:900;letter-spacing:.12em;animation:tvLabel 2.5s forwards}@keyframes tvLabel{0%,35%{opacity:1}100%{opacity:0}}.steps{display:grid;width:100%;height:100%;grid-template-columns:repeat(16,1fr)}.steps span{display:grid;place-items:end center;padding-bottom:8vh;font-size:12px}.sharp{background-color:#fff;background-image:linear-gradient(#000 1px,transparent 1px),linear-gradient(90deg,#000 1px,transparent 1px);background-size:8px 8px}.sharp:after{content:"SHARPNESS  |  1px GRID  |  ABCDEFG 0123456789";position:absolute;inset:0;display:grid;place-items:center;color:#000;background:#fff9;font-size:clamp(18px,4vw,60px);font-weight:900;text-align:center}.overscan{inset:3%;border:6px solid #fff;background:#090909}.overscan:before,.overscan:after{position:absolute;color:#fff;font-size:clamp(14px,2.5vw,32px);font-weight:900}.overscan:before{content:"TOP LEFT";top:2%;left:2%}.overscan:after{content:"BOTTOM RIGHT";right:2%;bottom:2%}.center-cross:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 1px),#f00 50%,transparent calc(50% + 1px)),linear-gradient(transparent calc(50% - 1px),#f00 50%,transparent calc(50% + 1px))}.aspect-grid{background-color:#111;background-image:linear-gradient(#ffffff35 2px,transparent 2px),linear-gradient(90deg,#ffffff35 2px,transparent 2px);background-size:10% 10%}.aspect-grid:after{content:"";position:absolute;width:min(62vh,62vw);height:min(62vh,62vw);left:50%;top:50%;transform:translate(-50%,-50%);border:7px solid #22d3ee;border-radius:50%}.motion-line{position:absolute;top:10%;bottom:10%;width:8%;background:linear-gradient(90deg,#fff,#777,#000);animation:tvSweep 4s linear infinite}.motion-ball{position:absolute;width:min(15vh,15vw);height:min(15vh,15vw);top:50%;border-radius:50%;background:#fff;transform:translateY(-50%);animation:tvSweepBall 4s linear infinite}@keyframes tvSweep{from{left:-8%}to{left:100%}}@keyframes tvSweepBall{from{left:-15%}to{left:100%}}
.checker{background:conic-gradient(#fff 25%,#000 0 50%,#fff 0 75%,#000 0);background-size:8vw 8vw}.retention-check{background:#777}.retention-check:after{content:"LOOK FOR A FAINT CHECKERBOARD";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:clamp(18px,4vw,52px);font-weight:900;text-shadow:0 2px 8px #000}
.report{position:fixed;inset:0;z-index:1100;overflow:auto;background:#f3f5f7;color:#111827;padding:40px 20px}.report-card{max-width:840px;margin:auto;padding:30px;border:1px solid #dce2e7;border-radius:20px;background:#fff;box-shadow:0 20px 60px #0f172a1f}.report h1{margin:0 0 8px;color:#111827}.report p{color:#5f6b76}.report .tv-kicker{color:#087f8c}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.report-summary div{padding:18px;border:1px solid #e1e6ea;border-radius:12px;background:#f7f9fa;text-align:center;color:#4b5563}.report-summary strong{display:block;font-size:30px}.report-list{display:grid;gap:7px;margin:22px 0}.report-row{display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border-bottom:1px solid #e1e6ea}.report-row span:first-child{color:#25313c}.report-row span:last-child{font-weight:800}.report .tv-button.secondary{border-color:#cfd7dd;background:#fff;color:#111827}.report .tv-button.secondary:hover{background:#f2f5f7}.status-good{color:#15803d}.status-issue{color:#b91c1c}.status-skipped{color:#6b7280}
@media(max-width:820px){.tv-hero,.tv-start-panel{grid-template-columns:1fr}.tv-grid,.tv-proof{grid-template-columns:1fr}.tv-preview{max-width:650px}.tv-footer{grid-template-columns:1fr 1fr}.exam-info{max-width:calc(100vw - 80px)}.exam-controls{overflow-x:auto;justify-content:flex-start}.exam-controls button{padding:9px 12px}}
@media(max-width:560px){.tv-nav a:not(:last-child){display:none}.tv-shell{padding:46px 15px 70px}.tv-hero h1{font-size:44px}.tv-footer{grid-template-columns:1fr}.exam-top{padding:8px}.exam-info{padding:9px 10px}.exam-info h2{font-size:15px}.exam-info p{font-size:11px}.exam-controls{bottom:10px}.exam-controls .optional{display:none}.report-summary{grid-template-columns:1fr 1fr 1fr}}
@media print{body>*:not(.report){display:none!important}.report{position:static;background:#fff;color:#000;padding:0}.report-card{border:0;background:#fff}.report p{color:#444}.report .tv-actions{display:none}.report-summary div{background:#eee}.report-row{border-color:#ccc}}