
:root{color-scheme:light;--bg:#fff;--ink:#121926;--muted:#525d6f;--line:#e8ecf2;--blue:#2459ed;--panel:#f7f9fc;--mint:#0f686a;--gold:#955021}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:#2356cf;text-underline-offset:4px}a:hover{color:#143b9a}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2864ff;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%;height:auto}.skip{position:absolute;top:-100px;left:20px;background:#fff;color:var(--ink);padding:12px;z-index:20}.skip:focus{top:10px}header,main,footer{max-width:1240px;margin:auto;padding-left:44px;padding-right:44px}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;padding-bottom:28px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:25px;font-weight:760;letter-spacing:-.9px;line-height:1.1;white-space:nowrap}.brand-mark{width:34px;height:34px;fill:none;stroke:#105c62;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.brand small{display:block;font-size:9px;font-weight:450;letter-spacing:0;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:27px}nav a{font-size:13px;text-decoration:none;color:var(--muted);padding:9px 0}nav a[aria-current=page]{color:var(--blue);font-weight:650}.nav-download{background:#f0f4ff;color:#214fc8;padding:9px 14px;border-radius:8px;font-weight:600}.landing main{padding-top:17px}.hero{display:grid;grid-template-columns: .92fr 1.15fr;align-items:center;min-height:565px;gap:10px;position:relative}.hero-copy{position:relative;z-index:2;padding:24px 0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#617287;margin:0 0 20px}h1{font-size:clamp(42px,4.9vw,63px);font-weight:740;line-height:1.06;letter-spacing:-2.8px;margin:0 0 22px}h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0 0 20px}h3{font-size:21px;line-height:1.3}.lead{font-size:18px;line-height:1.65;max-width:365px;margin:0 0 26px;color:var(--muted)}.button,button.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(180deg,#3268ff,#2152e7);color:#fff;border:1px solid #2352e2;border-radius:11px;min-height:52px;padding:13px 23px;font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 5px 12px #2257ed18}.button:hover{background:#1946cd;color:#fff}.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button.secondary{background:white;color:var(--ink);border-color:#d9e0eb;box-shadow:none}button:disabled{background:#e9edf4;border-color:#e9edf4;color:#5e697d;box-shadow:none;cursor:not-allowed}.release-badge{display:flex;align-items:center;gap:7px;width:fit-content;padding:3px 9px;margin:13px 0 0;border-radius:20px;font-size:10px;color:#875022;background:#fff5ec;line-height:1.7}.release-badge>span{width:5px;height:5px;border-radius:50%;background:#d87828;flex-shrink:0}.feature-list{display:flex;gap:40px;list-style:none;padding:0;margin:48px 0 0}.feature-list li{font-size:11px;line-height:1.5;color:#374051}.feature-icon{width:33px;height:33px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:10px;font-weight:400}.apps{background:#e6f7ef;color:#21856a}.order{background:#f1eaff;color:#8c60cd}.colour{background:#e8f0ff;color:#4f7ed5}.product-visual{margin:0 -28px 0 -10px;min-width:0}.product-scene{height:500px;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:linear-gradient(95deg,#fff 0%,#fff8ee 34%,#f1dfc8 100%)}.ambient-wall{position:absolute;inset:0;background:linear-gradient(90deg,#fff,#fff0 35%),linear-gradient(0deg,#fff 0%,#fff0 37%),linear-gradient(100deg,#e8d2b312 45%,#a2783a10 46%,#fff4 64%);z-index:-1}.tv-product{position:absolute;left:9%;right:3%;top:45px;transform:perspective(1000px) rotateY(-8deg);filter:drop-shadow(0 16px 14px #4b311a27)}.tv-screen{background:#121820;padding:7px;border-radius:4px;border:1px solid #343a43}.tv-screen img{width:100%;border:1px solid #040910}.tv-foot{height:12px;width:47%;margin:0 auto;background:linear-gradient(#10151b,#62646a);clip-path:polygon(45% 0,55% 0,58% 55%,100% 70%,100% 100%,0 100%,0 70%,42% 55%)}.shelf{position:absolute;left:0;right:0;top:347px;height:85px;background:linear-gradient(180deg,#d6b992 0%,#f4e5cc 8%,#b69060 10%,#dabe98 15%,#f6ecdc 20%,#fff 100%);transform:skewY(-1deg);z-index:-1}.phone-product{position:absolute;bottom:21px;left:18%;width:154px;height:310px;border-radius:25px;overflow:hidden;transform:perspective(650px) rotateY(9deg) rotate(18deg) scale(.87);transform-origin:bottom center;box-shadow:9px 18px 18px #34271d28;background:#fff}.phone-product img{position:absolute;width:764px;max-width:none;height:auto;left:-43px;top:-29px}.scene-label{position:absolute;bottom:15px;right:19px;font-size:9px;color:#707782}.product-visual figcaption{font-size:9px;color:#697587;margin:1px 20px 0;text-align:right}.compatibility-note{font-size:10px;color:#697587;line-height:1.65;margin:14px 0 32px}.compatibility-note a{white-space:nowrap;margin-left:5px}.release-panel{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;max-width:430px;margin:25px auto;color:var(--ink)}.release-panel h2{font-size:23px;letter-spacing:-.5px;margin-bottom:10px}.release-panel p{color:var(--muted);font-size:14px;margin:0 0 18px}.release-panel .button{width:100%;font-size:14px}.release-symbol{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e8f5ef;border-radius:9px;color:#25725d;font-size:23px;margin-bottom:18px}.close-release{position:absolute;right:13px;top:10px;background:none;color:#687486;border:0;font-size:26px;width:40px;height:40px;cursor:pointer;border-radius:8px}.panel-links{display:flex;justify-content:space-between;gap:16px;margin-top:18px!important}.panel-links a{font-size:12px}.checksum{font-family:monospace!important;font-size:10px!important;overflow-wrap:anywhere;margin-top:15px!important}.checksum:empty{display:none}.release-dialog{padding:0;border:0;border-radius:18px;width:calc(100% - 40px);max-width:430px;box-shadow:0 24px 100px #0a183849;max-height:calc(100dvh - 40px);overflow:auto}.release-dialog .release-panel{border:0;margin:0}.release-dialog::backdrop{background:#101a3159;backdrop-filter:blur(3px)}body:has(.release-dialog[open]){overflow:hidden}.mobile-download{display:none}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:22px;padding-bottom:22px;font-size:10px;color:#5f6b7c}footer p{margin:0}footer p:first-child{font-size:12px;font-weight:650}footer p span{font-size:9px;font-weight:400;margin-left:5px}footer nav{gap:20px}footer nav a{font-size:10px}.affiliation{flex-basis:100%;font-size:9px;color:#697587}.copy{max-width:820px;padding:45px 0 65px;overflow-wrap:anywhere}.copy h1{font-size:clamp(38px,4.8vw,58px)}.copy h2{font-size:27px;margin-top:38px}.copy h3{margin-top:28px}.copy p,.copy li{color:var(--muted)}.copy .lead{max-width:720px;font-size:20px}.copy li{margin-bottom:12px}.note{border-left:3px solid #4274eb;background:#f2f6ff;color:#43536e;font-size:14px;padding:17px 20px;margin:25px 0}.warning{background:#fff7ec;border-color:#d69a47;color:#795321}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}ol.steps{list-style:none;padding:0;counter-reset:step}ol.steps>li{counter-increment:step;border-top:1px solid var(--line);padding:24px 0 15px 48px;position:relative}ol.steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;color:var(--blue);font-size:15px;font-weight:650}ol.steps h2{margin-top:0;font-size:23px}table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;margin:28px 0}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 12px 14px 0;overflow-wrap:anywhere}th{color:#284774;font-size:12px}td{color:var(--muted)}.support{font-size:clamp(16px,2.5vw,22px);overflow-wrap:anywhere}.copy-support{background:white;border:1px solid #d9e0eb;border-radius:10px;min-height:52px;padding:12px 20px;cursor:pointer;color:var(--ink)}noscript{display:block;font-size:12px;color:#795321;margin-top:16px}
@media(min-width:1400px){.landing main{padding-top:40px}.hero{min-height:610px}}
@media(max-width:900px){header,main,footer{padding-left:28px;padding-right:28px}nav{gap:18px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:48px}.hero .lead{font-size:17px}.product-scene{height:470px}.tv-product{top:85px;left:0}.shelf{top:300px}.phone-product{left:9%;bottom:5px}.feature-list{gap:28px}}
@media(max-width:680px){header,main,footer{padding-left:23px;padding-right:23px}header{padding-top:22px;padding-bottom:20px;gap:16px}.brand{font-size:23px}.brand-mark{width:30px;height:30px}.brand small{font-size:8px}header nav{gap:18px}header nav a{font-size:12px}header nav a:nth-child(2),header nav a:nth-child(3),header .nav-download{display:none}.landing main{padding-top:0}.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:38px 0 0;text-align:center}.eyebrow{font-size:9px;margin-bottom:15px}.hero h1{font-size:clamp(40px,10vw,54px);letter-spacing:-1.9px;margin-bottom:18px}.hero .lead{font-size:16px;max-width:340px;line-height:1.65;margin:0 auto 24px}.primary-download{width:100%;max-width:340px}.release-badge{margin:12px auto 0;font-size:9px}.feature-list{margin:28px auto 0;justify-content:center;gap:36px}.feature-list li{font-size:10px;text-align:center}.feature-icon{margin:0 auto 8px;width:30px;height:30px;font-size:21px}.product-visual{margin:18px -23px 0}.product-scene{height:370px;border-radius:0;background:linear-gradient(110deg,#fff 0%,#fff8ee 23%,#eedfc7 100%)}.tv-product{left:8%;right:5%;top:20px;transform:perspective(1000px) rotateY(-6deg)}.shelf{top:220px;height:115px}.phone-product{width:154px;height:310px;left:26%;bottom:7px;transform:rotate(17deg) scale(.55)}.scene-label{bottom:8px;right:18px;font-size:8px}.product-visual figcaption{font-size:8px;margin:5px 20px 0;text-align:center}.compatibility-note{font-size:9px;max-width:340px;text-align:center;margin:25px auto}.mobile-download{display:block;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #e7ebf2;padding:12px 20px calc(12px + env(safe-area-inset-bottom));z-index:5;backdrop-filter:blur(12px)}.mobile-download .button{width:100%;max-width:430px;display:flex;margin:auto;min-height:50px}.landing,.has-mobile-download{padding-bottom:84px}footer{align-items:flex-start;flex-direction:column;gap:11px;padding-top:20px;padding-bottom:25px}footer nav{flex-wrap:wrap;gap:8px 17px}footer nav a{font-size:11px;padding:6px 0}footer .affiliation{font-size:8px}.release-dialog{width:calc(100% - 28px)}.release-panel{padding:26px}.copy{padding-top:28px}.copy h1{letter-spacing:-1.8px}.copy .lead{font-size:18px}table{font-size:12px}th{font-size:11px}th,td{padding-right:7px}.actions .button,.actions .copy-support{flex-grow:1}.copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Guides remain off the compact landing page. */
.blog-index{max-width:850px}.guide-list{margin-top:36px}.guide-card{border-top:1px solid var(--line);padding:28px 0}.guide-card .eyebrow{margin:0 0 12px}.guide-card h2{margin:0 0 12px;font-size:26px;line-height:1.3}.guide-card h2 a{color:var(--ink);text-decoration:none}.guide-card h2 a:hover{color:var(--blue)}.guide-card p{margin:0 0 16px;max-width:680px}.read-guide{font-size:14px}.back-link{display:inline-block;font-size:13px;margin-bottom:30px}.blog-article{max-width:760px}.blog-article h1{font-size:clamp(36px,4.8vw,54px);line-height:1.12}.blog-article .eyebrow{margin-bottom:14px}.article-byline{font-size:12px!important;margin:0 0 24px;color:#667287!important}.blog-article .lead{font-size:20px}.blog-article p{line-height:1.85}.blog-article .actions{padding-top:20px;border-top:1px solid var(--line);margin-top:36px}@media(min-width:681px) and (max-width:960px){header nav a:nth-child(2),header nav a:nth-child(3){display:none}header nav{gap:17px}}@media(max-width:680px){header nav{gap:15px}.blog-article .lead{font-size:18px}.guide-card h2{font-size:24px}}
