:root{color-scheme:dark;--bg:#101719;--text:#eff4ef;--muted:#aab8b4;--accent:#b9f5c2;--line:#2a3636;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.skip{position:fixed;left:16px;top:-100px;background:var(--accent);color:var(--bg);padding:12px;z-index:3}.skip:focus{top:16px}.site-header,.site-footer{width:min(1320px,100%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;padding:34px 64px}.wordmark{display:flex;gap:19px;align-items:center}.wordmark>span:first-child{font-size:32px;font-weight:850;letter-spacing:-2px}.brand-dot{color:var(--accent)}.brand-product{font-size:11px;letter-spacing:3px;border-left:1px solid var(--line);padding-left:20px;font-weight:600}.header-login{font-size:14px;font-weight:550;display:flex;gap:20px;align-items:center;min-height:44px}.header-login:hover,.player-links a:hover,.site-footer a:hover{color:var(--accent)}main{flex:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;width:min(1320px,100%);margin:auto;padding:72px 64px 100px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:600}.signal{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 4px #b9f5c20b}h1{font-size:clamp(58px,6.7vw,92px);letter-spacing:-5px;line-height:1.04;font-weight:550;margin:30px 0}h1>span{color:var(--accent)}.signup{color:var(--muted);font-size:18px;line-height:1.7;margin:0 0 32px}.signup strong{font-weight:500;color:var(--text)}.signup a{color:var(--text);text-decoration:underline;text-decoration-color:#62746a;text-underline-offset:5px}.signup a:hover{color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:52px;padding:14px 21px;font-size:14px;font-weight:650;border-radius:5px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#13221a}.primary:hover{background:#d0ffd7}.secondary{border:1px solid #3a4846;color:var(--text)}.secondary:hover{background:#1f2c2b}.player-links{display:flex;align-items:center;gap:16px;margin-top:26px;font-size:12px;color:var(--muted);flex-wrap:wrap}.player-links a{padding-block:10px}.player-links a span{margin-left:5px}.divider{width:1px;height:12px;background:#40514a}.screen-art{padding:26px;border:1px solid var(--line);border-radius:10px;background:#141e20;box-shadow:0 25px 60px #0002;transform:rotate(-2deg)}.art-label,.art-footer{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.6px;color:var(--muted);font-weight:600}.art-index{margin-left:auto;letter-spacing:.7px;color:#7f9590}.display-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:180px 98px;gap:12px;margin:24px 0}.display{border:5px solid #080f11;border-radius:7px;position:relative;overflow:hidden}.large{background:#b9f5c2;grid-column:1;grid-row:1;color:#132b23;padding:17px}.display-caption{font-size:25px;line-height:1.12;letter-spacing:-1px;position:relative;z-index:1}.display-caption span{display:block;font-size:11px;letter-spacing:0;margin-top:37px;font-weight:800}.display-orbit{position:absolute;border:1px solid #44775855;border-radius:50%;width:145px;height:145px;right:-45px;bottom:-40px;box-shadow:0 0 0 17px #44775812,0 0 0 35px #4477580c}.portrait{grid-column:2;grid-row:1/3;background:#314b42;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#dce8dd}.portrait>span{font-size:28px;line-height:1.05;letter-spacing:-1.2px}.portrait-lines{display:flex;gap:7px;height:100px;transform:rotate(30deg);margin:10px 0}.portrait-lines i{width:19px;height:80px;background:#b9f5c2;display:block;border-radius:15px}.portrait-lines i:nth-child(2){height:110px;margin-top:15px;background:#96bb9e}.portrait-lines i:nth-child(3){height:70px;margin-top:35px;background:#728d78}.small{background:#e2e3cd;padding:10px 16px;color:#1d332b;display:flex;flex-direction:column;justify-content:space-between}.small-wordmark{font-size:27px;font-weight:800;letter-spacing:-1px;display:flex;justify-content:space-between}.small-wordmark>span{font-weight:400}.small-line{height:2px;background:#506b5533;width:66%}.art-footer{justify-content:space-between;font-size:7px;letter-spacing:1px}.art-footer span:last-child{color:var(--accent);letter-spacing:3px}.site-footer{border-top:1px solid var(--line);font-size:11px;color:#8fa29a;padding-block:24px}.footer-separator{margin:0 12px;color:#40534a}
@media(min-width:1500px){main{padding-block:120px}}@media(max-width:1050px){main{gap:35px;padding-inline:38px}.site-header,.site-footer{padding-inline:38px}.screen-art{padding:18px}h1{letter-spacing:-3.5px}.display-grid{grid-template-rows:155px 90px}.display-caption{font-size:22px}.portrait>span{font-size:24px}}
@media(max-width:760px){.site-header,.site-footer{padding:24px}.wordmark>span:first-child{font-size:28px}.brand-product{font-size:10px}main{grid-template-columns:1fr;padding:52px 24px 64px;gap:52px;max-width:580px}h1{font-size:clamp(54px,12vw,80px);margin-block:25px}.signup{font-size:17px}.screen-art{transform:rotate(-1deg);margin:0 8px}.display-grid{grid-template-rows:170px 90px}.display-caption{font-size:28px}.portrait>span{font-size:30px}.site-footer{gap:20px;font-size:10px}.footer-separator{margin-inline:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.button:hover{transform:none}}
/* Keep the two headline lines and screen artwork readable on smaller displays. */
@media(min-width:761px){h1{font-size:clamp(54px,5.4vw,76px);letter-spacing:-4px}.intro{min-width:0}.screen-art{min-width:0}.display-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
@media(max-width:760px){.display-caption{font-size:21px;letter-spacing:-.7px}.portrait{padding:14px}.portrait>span{font-size:23px;letter-spacing:-.8px}.display-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}