:root{
  --bg:#050810;--soft:#0b1120;--card:#101827;--card2:#0a1020;--line:rgba(148,163,184,.17);
  --text:#f8fafc;--muted:#94a3b8;--gold:#d4af37;--gold2:#f5d76e;--blue:#60a5fa;--green:#34d399;
  --text-dim:#9aa8c0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 84% 2%,rgba(37,99,235,.17),transparent 31rem),
radial-gradient(circle at 8% 28%,rgba(212,175,55,.075),transparent 28rem),var(--bg);color:var(--text);line-height:1.55}
button,a,input,select,textarea{font:inherit}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid rgba(148,163,184,.12);background:rgba(5,8,16,.88);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:850;letter-spacing:-.03em;text-decoration:none}.brand>span:last-child>span{color:var(--gold)}.brand-dot{color:var(--gold);filter:drop-shadow(0 0 10px rgba(212,175,55,.6))}.topbar nav{display:flex;gap:21px;align-items:center}.topbar nav a{color:#cbd5e1;text-decoration:none;font-size:13px;font-weight:700}.topbar nav a:hover{color:#fff}
.hero{position:relative;max-width:1320px;min-height:700px;margin:auto;padding:94px 40px 78px;display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;width:680px;height:680px;right:-260px;top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2),transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--gold2);font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.99;letter-spacing:-.058em;margin:17px 0 24px}.hero h1 span{color:transparent;background:linear-gradient(110deg,#fff 12%,#9cc8ff 52%,#e3be48 100%);background-clip:text;-webkit-background-clip:text}.lead{max-width:650px;color:#b7c2d2;font-size:18px;line-height:1.72;margin:0 0 31px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{border:0;border-radius:13px;min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;font-weight:800;transition:.17s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#e4bd46,#b58b17);color:#090b0f;box-shadow:0 14px 40px rgba(212,175,55,.18)}.btn.secondary{color:#e2e8f0;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.24)}.btn.large{min-width:230px;min-height:57px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.release-inline{margin-top:20px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(52,211,153,.7)}.hero-fineprint{font-size:12px;color:#718096;margin-top:10px}
.hero-screen,.screenshot-card{position:relative;z-index:1;padding:0;border:1px solid rgba(255,255,255,.13)!important;border-radius:22px!important;overflow:hidden;background:#050608;box-shadow:0 30px 74px rgba(0,0,0,.42),0 0 72px rgba(37,99,235,.07)}.hero-screen{transform:perspective(1200px) rotateY(-2deg)}.shot-button{display:block;width:100%;border:0;background:#050810;cursor:zoom-in}.shot-button .sprite-shot{transition:transform .22s ease}.shot-button:hover .sprite-shot{transform:scale(1.012)}
.trust-strip{max-width:1180px;margin:auto;border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,15,27,.65);overflow:hidden}.trust-strip div{padding:21px 24px;border-right:1px solid var(--line)}.trust-strip div:last-child{border-right:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:14px}.trust-strip span{margin-top:3px;color:var(--muted);font-size:12px}
.section{max-width:1180px;margin:auto;padding:98px 24px}.section-heading{max-width:830px;margin:0 auto 45px;text-align:center}.section-heading.left{text-align:left;margin-left:0}.section-heading h2,.profile-copy h2,.epg-copy h2,.search-copy h2,.sync-card h2,.licence-card h2{font-size:clamp(35px,4.3vw,56px);line-height:1.07;letter-spacing:-.045em;margin:13px 0 18px}.section-heading p,.profile-copy p,.epg-copy p,.search-copy p,.sync-card p,.licence-card p{color:var(--muted);font-size:17px}.feature-row{display:grid;gap:14px}.feature-row.three{grid-template-columns:repeat(3,1fr)}.feature-row article{min-height:190px;padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(17,24,39,.76),rgba(8,13,23,.76))}.feature-row .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);color:var(--gold2);font-size:20px}.feature-row h3{margin:20px 0 8px;font-size:19px}.feature-row p{margin:0;color:var(--muted);font-size:14px}
.profile-feature,.epg-feature,.search-feature{max-width:1240px;display:grid;grid-template-columns:.75fr 1.25fr;gap:54px;align-items:center}.benefit-list{display:grid;gap:10px;margin-top:26px}.benefit-list span{padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(15,23,42,.55);color:#dce5f2;font-size:14px}.sync-section{padding-top:46px}.sync-card{padding:44px;display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center;border:1px solid rgba(96,165,250,.22);border-radius:24px;background:radial-gradient(circle at 94% 10%,rgba(37,99,235,.14),transparent 20rem),linear-gradient(135deg,#101827,#080d16)}.sync-points{display:flex;flex-wrap:wrap;gap:10px}.sync-points span{padding:10px 13px;border-radius:999px;border:1px solid rgba(96,165,250,.23);background:rgba(37,99,235,.08);color:#d9e8ff;font-size:13px;font-weight:750}
.dual-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dual-shots article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(16,24,39,.84),rgba(7,12,21,.9));box-shadow:0 18px 45px rgba(0,0,0,.22)}.dual-shots .screenshot-card{border:0!important;border-radius:0!important;box-shadow:none}.shot-copy{padding:21px 23px 24px}.shot-copy strong,.shot-copy span{display:block}.shot-copy strong{font-size:18px}.shot-copy span{margin-top:5px;color:var(--muted);font-size:13px}.display-section{padding-top:62px}.details-section{padding-top:62px}
.source-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.source-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(17,24,39,.78),rgba(8,13,23,.74))}.source-card.ready{border-color:rgba(52,211,153,.28)}.source-card.dev{border-color:rgba(212,175,55,.18)}.source-card h3{margin:18px 0 10px;font-size:23px}.source-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.source-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.source-status.available{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.24);color:#7ff0bd}.source-status.upcoming{background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.2);color:#f4dfa0}
.maintenance-section{padding-top:58px}.licence-section{padding-top:52px}.licence-card,.release-card{padding:44px;display:grid;grid-template-columns:1fr auto;gap:42px;align-items:center;border-radius:25px}.licence-card{border:1px solid rgba(96,165,250,.23);background:radial-gradient(circle at 92% 10%,rgba(37,99,235,.14),transparent 18rem),linear-gradient(135deg,#111827,#080d16)}.licence-actions,.release-action{display:flex;flex-direction:column;align-items:center;gap:10px}.licence-actions>span,.release-action span{max-width:280px;text-align:center;color:var(--muted);font-size:12px}.release-card{border:1px solid rgba(212,175,55,.24);background:radial-gradient(circle at 95% 10%,rgba(212,175,55,.12),transparent 18rem),linear-gradient(135deg,#111724,#090d16)}.release-card h2{font-size:39px;margin:9px 0 6px;letter-spacing:-.04em}.release-card p{color:var(--muted)}.release-notes{margin-top:18px;display:grid;gap:7px;color:#cbd5e1;font-size:14px}.release-notes div:before{content:"✓";color:var(--green);margin-right:9px}.signed-link-note{line-height:1.45}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{padding:28px;border:1px solid var(--line);background:rgba(10,15,27,.64);border-radius:18px}.steps article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#111827;background:var(--gold);font-weight:900}.steps h3{margin:20px 0 8px}.steps p{margin:0;color:var(--muted);font-size:14px}
.legal-note{max-width:940px;margin:0 auto 94px;padding:28px 31px;border:1px solid rgba(96,165,250,.18);border-radius:18px;background:rgba(30,41,59,.37);text-align:center}.legal-note p{color:var(--muted);font-size:13px;margin:8px 0 14px}.legal-note a{font-size:13px;color:var(--gold2);font-weight:700}
footer{max-width:1180px;margin:auto;padding:34px 24px 46px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;color:var(--muted);font-size:12px}footer .brand{color:#fff;font-size:17px}.footer-meta{display:grid;gap:2px}.footer-meta strong{color:#cbd5e1;font-weight:750}.footer-links{display:flex;gap:18px}.footer-links a{text-decoration:none}
.lightbox{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:40px;background:rgba(0,0,0,.92);backdrop-filter:blur(10px)}.lightbox.open{display:flex}.lightbox-close{position:absolute;right:28px;top:20px;border:0;background:transparent;color:#fff;font-size:44px;cursor:pointer}#toast{position:fixed;right:20px;bottom:20px;z-index:70;max-width:390px;padding:13px 16px;border-radius:12px;background:#111827;border:1px solid var(--line);box-shadow:0 15px 50px rgba(0,0,0,.45);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}
.sprite-shot{width:100%;aspect-ratio:16/9;background-image:var(--capture-sprite,linear-gradient(135deg,#0b1120,#111827));background-size:400% 300%;background-repeat:no-repeat;background-color:#050810}.shot-0{background-position:0 0}.shot-1{background-position:33.333333% 0}.shot-2{background-position:66.666667% 0}.shot-3{background-position:100% 0}.shot-4{background-position:0 50%}.shot-5{background-position:33.333333% 50%}.shot-6{background-position:66.666667% 50%}.shot-7{background-position:100% 50%}.shot-8{background-position:0 100%}.shot-9{background-position:33.333333% 100%}.lightbox-shot{width:min(1500px,94vw);aspect-ratio:16/9;border-radius:18px;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 100px rgba(0,0,0,.65)}
@media(max-width:1050px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:76px}.hero-screen{transform:none}.trust-strip{margin-left:20px;margin-right:20px;grid-template-columns:repeat(2,1fr)}.trust-strip div:nth-child(2){border-right:0}.trust-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.profile-feature,.epg-feature,.search-feature{grid-template-columns:1fr}.sync-card,.licence-card,.release-card{grid-template-columns:1fr}.licence-actions,.release-action{align-items:flex-start}.source-layout,.feature-row.three{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:720px){.hero{padding:64px 20px}.hero h1{font-size:50px}.section{padding:74px 18px}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid var(--line)}.trust-strip div:last-child{border-bottom:0}.dual-shots,.source-layout,.feature-row.three,.steps{grid-template-columns:1fr}.sync-card,.licence-card,.release-card{padding:28px}.lightbox{padding:14px}.lightbox-close{right:12px;top:8px}.footer-links{flex-wrap:wrap}}

/* MILOSTREAM FINAL CAPTURES 2026-08-29 */
:root{--capture-sprite:url('/screenshots/milostream-captures-final.jpg')}
.sprite-shot{
  background-image:var(--capture-sprite)!important;
  background-size:100% 1000%!important;
  background-repeat:no-repeat!important;
}
.shot-0{background-position:0 0!important}
.shot-1{background-position:0 11.111111%!important}
.shot-2{background-position:0 22.222222%!important}
.shot-3{background-position:0 33.333333%!important}
.shot-4{background-position:0 44.444444%!important}
.shot-5{background-position:0 55.555556%!important}
.shot-6{background-position:0 66.666667%!important}
.shot-7{background-position:0 77.777778%!important}
.shot-8{background-position:0 100%!important}
.shot-9{background-position:0 88.888889%!important}
/* /MILOSTREAM FINAL CAPTURES 2026-08-29 */

/* MILOSTREAM LEGAL BOTTOM EMPHASIS */
.legal-note.legal-note-strong{
  max-width:1040px;
  margin:18px auto 94px;
  padding:34px 36px;
  border:3px solid rgba(245,215,110,.9);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(15,23,42,.94));
  box-shadow:0 18px 52px rgba(0,0,0,.3),0 0 34px rgba(212,175,55,.10);
  text-align:center;
}
.legal-alert-title{
  color:var(--gold2);
  font-size:15px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.legal-note.legal-note-strong h2{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(25px,3vw,36px);
  line-height:1.15;
  letter-spacing:-.025em;
}
.legal-note.legal-note-strong p{
  color:#dbe4f0;
  font-size:16px;
  line-height:1.65;
  margin:10px 0 16px;
}
.legal-note.legal-note-strong .legal-alert-main{
  color:#fff;
  font-size:20px;
  line-height:1.5;
  text-decoration:underline;
  text-decoration-color:var(--gold2);
  text-decoration-thickness:3px;
  text-underline-offset:5px;
}
.legal-note.legal-note-strong a{
  display:inline-block;
  margin-top:4px;
  color:var(--gold2);
  font-size:14px;
  font-weight:850;
}
@media(max-width:720px){
  .legal-note.legal-note-strong{margin:10px 18px 70px;padding:26px 20px}
  .legal-note.legal-note-strong .legal-alert-main{font-size:18px}
}