:root{color-scheme:light;--ink:#172a32;--muted:#52636a;--paper:#f8f7f2;--line:#dbe3df;--teal:#087e79;--navy:#102d37;--orange:#ff784f;--white:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;background:#fff;padding:10px;z-index:30}.skip-link:focus{top:12px}.site-header{background:rgba(248,247,242,.96);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.brand img{width:38px;height:38px;border-radius:11px}.nav-links{display:flex;align-items:center;gap:26px;font-size:.91rem;font-weight:650}.nav-links a{text-decoration:none}.nav-links a:hover,.footer-links a:hover{text-decoration:underline}.lang-link{border:1px solid #bdccc8;border-radius:100px;padding:8px 13px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.eyebrow:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(3.2rem,7.5vw,6.4rem);max-width:850px;margin:22px 0 25px}h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:15px 0 22px}h3{letter-spacing:-.035em;font-size:1.27rem;margin-bottom:12px}p{line-height:1.68}.hero{overflow:hidden;background:radial-gradient(circle at 82% 18%,#3ac7aa 0,transparent 25%),linear-gradient(125deg,#093542,#076c71 74%,#158a7a);color:white;padding:74px 0 0}.hero h1{max-width:780px}.hero p{font-size:1.18rem;max-width:650px;color:#d9f0e9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 55px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 20px;border-radius:9px;text-decoration:none;font-weight:750;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:#0e4148}.button-outline{border:1px solid #a6d7d1;color:#fff}.button-dark{background:var(--navy);color:#fff}.hero-window{background:#ecf0f1;border:8px solid rgba(255,255,255,.18);border-bottom:0;border-radius:17px 17px 0 0;box-shadow:0 20px 60px #002c3866;max-width:1040px;margin:auto;overflow:hidden}.hero-window img{width:100%;height:auto}.strip{border-bottom:1px solid var(--line);background:#fff}.strip .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:21px}.strip strong{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.platforms{display:flex;gap:11px;flex-wrap:wrap}.platforms span{border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-weight:700;font-size:.85rem}.section{padding:100px 0}.section-head{max-width:720px;margin-bottom:34px}.section-head p{color:var(--muted);font-size:1.08rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;min-height:240px}.feature .number{color:var(--teal);font-size:.8rem;font-weight:800;letter-spacing:.12em}.feature p{color:var(--muted);margin-bottom:0}.showcase{background:#edf2ef}.showcase-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px}.showcase p{color:var(--muted)}.showcase img{border-radius:15px;box-shadow:0 22px 55px #102d3723;border:1px solid #d0d9d8}.check-list{list-style:none;padding:0;margin:26px 0}.check-list li{padding:10px 0 10px 31px;position:relative;border-bottom:1px solid var(--line);font-weight:650}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--teal)}.youtube{background:#112e38;color:#fff}.youtube-grid{display:grid;grid-template-columns:1fr .9fr;gap:64px}.youtube p{color:#c9dfe1}.youtube .notice{border:1px solid #54727a;border-radius:16px;padding:26px;background:#ffffff0d}.youtube .notice h3{color:#fff}.youtube .notice p:last-child{margin-bottom:0}.youtube a{color:#a8efe6}.quote{font-size:1.14rem;font-weight:600;line-height:1.55;color:#e4f5f1!important}.cta{text-align:center;background:#f6ece1}.cta h2{max-width:720px;margin-inline:auto}.cta p{color:var(--muted);max-width:580px;margin-inline:auto}.cta .button{margin-top:12px}.site-footer{background:#0c2028;color:#d1e3e3;padding:45px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.site-footer .brand{color:#fff}.site-footer p{font-size:.86rem;color:#a9c2c5;margin:15px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:16px 25px;align-content:start;font-size:.88rem}.legal-hero{background:#e5f0ea;padding:70px 0 55px;border-bottom:1px solid #d1ddd7}.legal-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin-bottom:17px}.legal-hero p{max-width:760px;font-size:1.05rem;color:var(--muted)}.legal{display:grid;grid-template-columns:230px minmax(0,760px);gap:55px;padding-top:58px;padding-bottom:105px}.toc{position:sticky;top:20px;align-self:start}.toc strong{display:block;font-size:.77rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:13px}.toc a{display:block;text-decoration:none;color:var(--muted);padding:6px 0;font-size:.88rem}.toc a:hover{color:var(--teal)}.legal-content section{padding:0 0 28px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.legal-content section:last-child{border-bottom:0}.legal-content h2{font-size:clamp(1.55rem,3vw,2.25rem);margin:0 0 16px}.legal-content h3{font-size:1.05rem;margin:22px 0 9px}.legal-content p,.legal-content li{color:#34474f;line-height:1.72}.legal-content ul{padding-left:22px}.legal-content li{margin-bottom:8px}.legal-content a{color:#006f71;text-underline-offset:3px}.legal-callout{background:#edf2ef;border-left:4px solid var(--teal);padding:20px 23px;border-radius:0 12px 12px 0;margin:25px 0}.legal-callout p:last-child{margin:0}.small{font-size:.84rem}.tag{display:inline-block;border:1px solid #aac7bf;border-radius:99px;color:#295d59;padding:6px 11px;font-weight:750;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:800px){.nav{align-items:flex-start;padding:18px 0;min-height:0}.nav-links{gap:11px;justify-content:flex-end;flex-wrap:wrap;font-size:.8rem}.hero{padding-top:55px}.hero-actions{margin-bottom:38px}.section{padding:72px 0}.features{grid-template-columns:1fr 1fr}.showcase-grid,.youtube-grid{grid-template-columns:1fr;gap:30px}.showcase-grid img{order:2}.legal{grid-template-columns:1fr;gap:20px}.toc{position:static;display:none}}@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.brand{font-size:1.03rem}.brand img{width:32px;height:32px}.nav-links{gap:9px}.nav-links a{font-size:.75rem}.nav-links a:nth-child(2){display:none}h1{font-size:clamp(2.7rem,13vw,4rem)}.hero p{font-size:1rem}.features{grid-template-columns:1fr}.feature{min-height:0}.strip .container{padding-block:17px}.platforms span{font-size:.77rem}.legal-hero{padding:55px 0 40px}}
/* Keep the 16:10 application capture inside its grid track at every width. */
.showcase-grid>*{min-width:0}
.showcase-grid>img{display:block;width:min(100%,560px);height:auto;aspect-ratio:8/5;object-fit:contain;justify-self:center}

/* Shared language picker, modeled on the desktop app. */
.nav-links .nav-download{padding:10px 14px;border-radius:9px;background:var(--navy);color:#fff;white-space:nowrap}
.hero-actions{align-items:center;gap:24px}
.app-store-badge{display:inline-flex;flex:none;max-width:100%;padding:18px}
.app-store-badge img{width:250px;min-width:0;height:auto}
.youtube-grid>*,.legal-content{min-width:0}
code{overflow-wrap:anywhere}
@media(max-width:560px){.nav-links .nav-download{order:-1;font-size:.8rem}.hero-actions{gap:12px}.hero{padding-top:38px}.hero .eyebrow{font-size:.68rem;letter-spacing:.08em}}
.apple-credit{max-width:900px}
.desktop-platforms{display:grid;gap:5px;text-align:right;line-height:1.4}
.available-platform{font-size:.95rem;font-weight:650;letter-spacing:0;text-transform:none}
.windows-availability{color:var(--muted);font-size:.76rem;font-weight:400}
@media(max-width:560px){.desktop-platforms{text-align:left}}

.language-selector{position:relative;flex:none;margin-left:auto}
.language-trigger{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:6px 11px;border:1px solid #bdccc8;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}
.language-trigger:hover,.language-trigger[aria-expanded="true"]{border-color:var(--teal);background:#f0f8f5}
.language-flag{width:20px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #0002;flex:none}
.language-caret{margin-left:3px;color:var(--muted)}
.language-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;z-index:50;border:1px solid #bdccc8;border-radius:10px;background:#fff;box-shadow:0 12px 28px #102d3726;padding:5px}
.language-menu[hidden]{display:none}
.language-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:.88rem;text-align:left;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible,.language-menu button[aria-checked="true"]{background:#e9f3ef}

/* Equal treatment for all three supported platforms. */
.platform-details{background:#f9faf7}
.platform-details .section-head{max-width:780px}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.platform-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:0 12px 30px #102d370a;scroll-margin-top:28px}
.platform-card.youtube-card{border-top:5px solid #e53236}
.platform-card.twitch{border-top:5px solid #9146ff}
.platform-card.kick{border-top:5px solid #40c93a}
.platform-card .platform-name{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.platform-card h3{font-size:clamp(1.55rem,2.5vw,2.2rem);margin:14px 0}
.platform-card p{color:var(--muted)}
.platform-card ul{padding-left:20px;line-height:1.65;color:var(--muted)}
.platform-card a{color:#006f71;font-weight:700;text-underline-offset:3px}
@media(max-width:800px){.platform-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap}.language-selector{margin-left:0}}
@media(max-width:560px){.nav{align-items:center}.nav-links{order:3;width:100%;justify-content:flex-start}.language-selector{margin-left:auto}.platform-card{padding:25px}}