@font-face{font-family:Pixel;src:url('assets/pixel-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Terminal;src:url('assets/terminal.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--blue:#0647f9;--cream:#fffef2;--muted:#b8d0ff;--ink:#061541;--red:#f84235;--border:rgba(255,254,242,.3)}
*{box-sizing:border-box}html{background:var(--blue);color:var(--cream);scroll-behavior:smooth}body{margin:0;font-family:Terminal,'Courier New',monospace;font-size:20px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px dashed var(--cream);outline-offset:7px}::selection{background:var(--cream);color:var(--blue)}
.site-shell{max-width:1600px;margin:0 auto}.masthead{height:82px;margin:0 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:20px}.wordmark{display:flex;align-items:center;gap:10px;font-family:Pixel,monospace;font-size:20px;letter-spacing:-.5px;white-space:nowrap}.dollar-mark{display:grid;place-items:center;background:var(--cream);color:var(--blue);width:27px;height:29px;font-size:24px}.header-note{font-size:17px;color:var(--muted);letter-spacing:1px}.network-label{font-size:18px;display:flex;align-items:center;gap:12px;white-space:nowrap}.network-star{font-size:30px;line-height:1}
.hero{position:relative;text-align:center;padding:32px 32px 26px}.broadcast-stage{display:grid;grid-template-columns:1fr 336px 1fr;align-items:center;max-width:1010px;margin:0 auto;gap:70px}.television{width:100%;position:relative}.broadcast-label{display:flex;align-items:center;justify-content:space-between;font-size:16px;letter-spacing:1px;margin:0 0 8px}.on-air{display:flex;gap:7px;align-items:center}.live-light{height:7px;width:7px;background:var(--red);box-shadow:0 0 0 2px rgba(248,66,53,.15)}.art-button{display:block;width:100%;background:var(--blue);padding:0;border:0;box-shadow:7px 7px 0 var(--ink);transform:rotate(-2deg);transition:transform .16s,box-shadow .16s}.art-button:hover{transform:rotate(0deg) translateY(-3px);box-shadow:7px 10px 0 var(--ink)}.art-button:active{transform:rotate(0deg) translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.news-art{display:block;width:100%;height:auto;image-rendering:pixelated}.tv-caption{display:block;font-size:14px;color:var(--muted);padding-top:17px;white-space:nowrap}.tv-caption span{color:var(--cream)}
.side-note{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.note-left{padding-left:20px;transform:rotate(-4deg)}.note-right{padding-left:12px;transform:rotate(3deg)}.eyebrow{font-size:16px;color:var(--muted);letter-spacing:1.5px}.note-large{font-family:Pixel,monospace;font-size:28px;line-height:1.1;letter-spacing:-.7px}.note-small{font-size:20px;line-height:1.1;color:var(--muted)}.price{font-size:39px;line-height:1}.flat-chart{width:145px;height:30px;margin:-5px 0 2px}
h1{font-family:Pixel,'Courier New',monospace;font-size:clamp(72px,11.6vw,163px);line-height:.93;font-weight:700;letter-spacing:-.07em;margin:27px auto 14px;position:relative;left:-.02em}.tagline{font-size:clamp(21px,2.3vw,29px);letter-spacing:1.3px;margin:0 0 10px;line-height:1.1}.intro{color:var(--muted);font-size:21px;line-height:1.15;margin:0 0 26px}.mobile-break{display:none}.actions{display:flex;justify-content:center;align-items:stretch;gap:10px;margin:0 auto;max-width:780px}.contract-button,.social-button{min-height:52px;border:1px solid var(--cream);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;font-size:20px;border-radius:0}.contract-button{background:var(--cream);color:var(--blue);min-width:300px;box-shadow:4px 4px 0 var(--ink);text-align:left}.contract-button:hover{background:#e9eeff}.contract-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.ca-label{padding-right:11px;border-right:1px solid #0647f95e;font-size:18px}#ca-value{flex:1;white-space:nowrap}.social-button{background:transparent;color:var(--cream);min-width:170px;transition:background .15s}.social-button:hover{background:rgba(255,255,255,.12)}.social-button svg{flex-shrink:0}.soon-mark{font-size:12px;color:var(--muted);align-self:flex-start;line-height:1}.launch-status{font-size:13px;letter-spacing:.65px;color:var(--muted);margin:16px 0 0;line-height:1.2}.feedback{min-height:17px;font-size:16px;margin:4px 0 0}.feedback:empty{min-height:0;margin:0}
.news-ticker{min-height:49px;border-top:1px solid var(--cream);border-bottom:1px solid var(--cream);display:flex;align-items:stretch;gap:0;margin:0 48px}.breaking-tag{background:var(--cream);color:var(--blue);font-size:20px;display:flex;align-items:center;padding:10px 17px;white-space:nowrap}.news-ticker p{font-size:19px;margin:0;padding:12px 21px;flex:1;align-self:center;line-height:1.1}.news-number{font-size:14px;color:var(--muted);align-self:center;white-space:nowrap;padding-right:5px}.footer{margin:0 48px;padding:25px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-equation{display:block;font-size:22px}.footer-sub{display:block;font-size:16px;color:var(--muted);margin-top:4px}.footer-motto{font-size:17px;line-height:1.1;margin:0;text-align:center}.footer-fine{font-size:13px;color:var(--muted);letter-spacing:.5px}
.channel-flash{animation:channel-switch .28s steps(2,end)}@keyframes channel-switch{0%{opacity:.3;transform:translateX(-2px)}45%{filter:brightness(1.8);transform:translateX(2px)}100%{opacity:1;filter:none}}
@media(min-width:1450px){.hero{padding-top:42px}.broadcast-stage{grid-template-columns:1fr 360px 1fr}.tagline{margin-top:18px}h1{margin-top:32px}.hero{padding-bottom:32px}}
@media(max-width:1000px){.masthead{margin:0 30px;height:72px}.header-note{display:none}.broadcast-stage{grid-template-columns:1fr 310px 1fr;gap:28px}.note-left,.note-right{padding-left:0}.note-large{font-size:25px}.side-note .note-small{font-size:17px}.price{font-size:34px}.actions{gap:9px}.contract-button{min-width:260px}.social-button{min-width:155px;padding:12px}.news-ticker,.footer{margin-left:30px;margin-right:30px}.news-ticker p{font-size:17px}.footer-fine{max-width:145px;text-align:right}}
@media(max-width:700px){.masthead{height:65px;margin:0 20px}.wordmark{font-size:17px;gap:8px}.dollar-mark{width:24px;height:26px;font-size:21px}.network-label{font-size:15px;gap:6px}.network-star{font-size:25px}.hero{padding:28px 20px 25px}.broadcast-stage{display:block;max-width:290px}.side-note{display:none}.broadcast-label{font-size:14px}.tv-caption{font-size:12px;padding-top:16px}h1{font-size:15vw;margin-top:30px;margin-bottom:14px;letter-spacing:-.06em}.tagline{font-size:20px;letter-spacing:.3px}.intro{font-size:19px;margin-bottom:22px}.actions{display:grid;grid-template-columns:1fr 1fr;max-width:420px;gap:12px}.contract-button{grid-column:1/-1;min-width:0;width:100%;min-height:53px}.social-button{min-width:0;font-size:18px;min-height:49px}.soon-mark{font-size:12px}.launch-status{font-size:12px;letter-spacing:.15px;margin-top:16px}.news-ticker{margin:0 20px;display:grid;grid-template-columns:auto 1fr;min-height:0}.breaking-tag{font-size:15px;padding:6px 9px;grid-column:1;grid-row:1}.news-number{grid-column:2;grid-row:1;text-align:right;font-size:12px}.news-ticker p{grid-column:1/-1;padding:12px 0 14px;font-size:18px}.footer{margin:0 20px;padding:21px 0 25px;flex-wrap:wrap;gap:19px}.footer-equation{font-size:19px}.footer-sub{font-size:15px}.footer-motto{font-size:15px;text-align:right}.footer-fine{max-width:none;text-align:center;width:100%;font-size:12px}}
@media(max-width:380px){.masthead{margin:0 15px}.network-label{font-size:13px}.hero{padding-left:15px;padding-right:15px}.broadcast-stage{max-width:260px}.tagline{font-size:18px}.intro{font-size:18px}.mobile-break{display:initial}.social-button{gap:7px;padding:10px}.launch-status{font-size:12px;max-width:250px;margin-left:auto;margin-right:auto}.news-ticker,.footer{margin-left:15px;margin-right:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Let the artwork use the remaining height after the text and controls.
   The layout fits the screen without clipping or hiding overflowing content. */
.site-shell{height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.masthead{height:clamp(48px,7svh,64px)}
main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.hero{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) repeat(5,auto);justify-items:center;row-gap:10px;padding:14px 32px 18px}
.broadcast-stage{container-type:size;position:relative;min-height:0;width:min(100%,1010px);max-width:none;height:100%;display:flex;justify-content:center;align-items:center;gap:0;margin:0}
.television{width:min(312px,calc((100cqh - 44px)*.9787));flex-shrink:0}
.broadcast-label{line-height:1}
.news-art{image-rendering:auto}
.tv-caption{font-size:12px;line-height:1;padding-top:12px;position:relative;left:50%;width:max-content;transform:translateX(-50%)}
.side-note{position:absolute;top:50%;padding:0}
.note-left{left:20px;transform:translateY(-50%) rotate(-4deg)}
.note-right{right:40px;transform:translateY(-50%) rotate(3deg)}
h1{font-size:clamp(64px,min(11.6vw,13svh),145px);letter-spacing:-.065em;margin:0}
.tagline{font-size:clamp(21px,2.3vw,27px);margin:0}
.intro{font-size:20px;line-height:1.1;margin:0 0 6px}
.actions{width:100%;margin:0}
.contract-button,.social-button{min-height:46px;padding:10px 18px}
.launch-status{margin:1px 0 0}
.feedback{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--cream);color:var(--blue);box-shadow:3px 3px 0 var(--ink);line-height:1.15;padding:7px 12px;margin:0}
.feedback:empty{display:none}
.news-ticker{min-height:42px}
.breaking-tag{font-size:19px;padding:8px 17px}
.news-ticker p{font-size:18px;padding:9px 21px}
.footer{padding:12px 0 14px}
.footer-equation{font-size:20px;line-height:1}
.footer-sub{font-size:15px;line-height:1;margin-top:4px}
.footer-motto{font-size:16px;line-height:1.05}
@media(max-width:1000px){
  .note-left{left:0}.note-right{right:0}
  .social-button{padding:10px 12px}.news-ticker p{font-size:17px}
}
@media(max-width:700px){
  .masthead{height:clamp(44px,6.5svh,56px);gap:8px}
  .hero{padding:12px 20px 14px;row-gap:8px}
  .television{width:min(274px,calc((100cqh - 42px)*.9787))}
  h1{font-size:15vw;letter-spacing:-.06em}
  .tagline{font-size:20px}
  .intro{font-size:18px;max-width:350px;margin:0;line-height:1.05}
  .actions{gap:9px}
  .contract-button{min-height:44px}
  .social-button{min-height:44px;padding:9px 12px}
  .launch-status{margin:2px 0 0}
  .news-ticker{min-height:0}
  .breaking-tag{font-size:15px;padding:4px 9px}
  .news-ticker p{padding:6px 0 7px;font-size:16px;min-height:48px;display:flex;align-items:center}
  .footer{padding:9px 0 10px;display:grid;grid-template-columns:1fr auto;gap:5px 12px}
  .footer-equation{font-size:17px}.footer-sub{font-size:14px;margin-top:3px}
  .footer-motto{font-size:14px}
  .footer-fine{grid-column:1/-1;line-height:1}
}
@media(max-width:380px){
  .hero{padding-left:15px;padding-right:15px;row-gap:6px}
  .tagline{font-size:18px}.intro{font-size:17px;max-width:290px}
  .social-button{padding:9px}
  .launch-status{max-width:290px;letter-spacing:0;margin:2px 0 0}
}
@media(max-height:700px) and (min-width:701px){
  .hero{row-gap:7px;padding-top:10px;padding-bottom:12px}
  .tagline{font-size:23px}.intro{font-size:18px;margin:0}
  .footer{padding-top:9px;padding-bottom:10px}
}
/* Keep the card readable on especially short phones; the button labels already
   communicate the launch status and the tagline carries the premise. */
@media(max-height:600px) and (max-width:599px){
  .hero{grid-template-rows:minmax(0,1fr) repeat(3,auto);row-gap:6px;padding-top:8px;padding-bottom:10px}
  .intro,.launch-status{display:none}
  .broadcast-label{white-space:nowrap}
}
/* On short landscape screens the card sits beside the title and controls. */
@media(max-height:540px) and (min-width:600px){
  .masthead{height:42px}
  .hero{grid-template-columns:minmax(150px,.8fr) minmax(0,1.6fr);grid-template-rows:repeat(5,auto);column-gap:30px;align-content:center;row-gap:7px;padding:12px 30px}
  .broadcast-stage{grid-column:1;grid-row:1/6;align-self:stretch}
  .television{width:min(240px,calc((100cqh - 40px)*.9787))}
  .side-note{display:none}
  .hero>h1,.tagline,.intro,.actions,.launch-status{grid-column:2}
  h1{font-size:clamp(48px,7.9vw,95px)}
  .tagline{font-size:20px;letter-spacing:.2px}
  .intro{font-size:17px;max-width:430px;margin:0}.mobile-break{display:none}
  .actions{display:flex;flex-wrap:wrap;gap:7px;max-width:520px}
  .contract-button{min-width:0;width:100%;min-height:42px;flex-basis:100%;padding:7px 12px}
  .social-button{min-width:0;min-height:40px;flex:1;font-size:17px;padding:7px 10px}
  .launch-status{font-size:12px;letter-spacing:0}
  .footer{display:flex;padding:7px 0;gap:10px}
  .footer-fine{max-width:none;width:auto}.footer-equation{font-size:17px}.footer-sub{font-size:14px}
  .news-ticker{display:flex;min-height:36px}
  .news-ticker p{min-height:0;font-size:16px;padding:7px 12px}
  .breaking-tag{font-size:16px;padding:6px 10px}.news-number{font-size:12px}
}