:root{color-scheme:dark;--bg:#0a1020;--deep:#080e1b;--panel:#131e32;--line:#2a354b;--text:#f6f5f2;--muted:#92a2bc;--gold:#eac56d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;height:auto}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.gold{color:var(--gold)}.eyebrow{font-size:9px;line-height:1.8;letter-spacing:2.1px;font-weight:650;margin:0 0 23px;color:#b4c0d5}.eyebrow.gold{color:var(--gold)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #eac56d55;flex:none}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--gold);color:var(--deep);z-index:100}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:#0a1020f5;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(14px)}.header-inner{height:88px;display:flex;align-items:center;gap:35px}.wordmark{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:.5px;font-weight:750;white-space:nowrap}.brand-icon{width:34px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(130deg,#f4d98b,#c9a04b);color:#131a29;font-size:18px;font-weight:900;letter-spacing:-2px;padding-right:2px}.desktop-nav{margin-left:auto;display:flex;gap:29px;font-size:12px;color:#b3bfd3}.desktop-nav a{padding-block:12px}.desktop-nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:5px;padding:15px 22px;min-height:48px;font-size:12px;line-height:1.4;font-weight:650;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-small{border-color:#675b3d;color:#e6c680;font-size:11px;padding:11px 17px;min-height:41px;margin-left:10px}.button-small:hover{background:#eac56d0d}.button-gold{background:linear-gradient(105deg,#f2d798,#dbb453);border-color:#e9c36b;color:#151b27;box-shadow:0 6px 24px #b5872610}.button-gold:hover{background:#f7db96}.button-outline{border-color:#626c81;background:transparent}.button-outline:hover{border-color:var(--gold);color:var(--gold)}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 40%,#26385935,transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:111px;padding-bottom:88px;min-height:700px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px;display:flex;align-items:center;gap:11px;margin-bottom:27px}.hero h1{font-size:clamp(58px,5.7vw,83px);font-weight:620;line-height:1.05;letter-spacing:-4.6px;margin:0 0 28px}.hero h1 em{color:var(--gold);font-style:normal;font-weight:600}.lead{font-size:14px;line-height:1.95;color:#a8b5cc;margin:0 0 33px}.actions{display:flex;align-items:center;gap:28px}.actions .button{padding:17px 23px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:18px;color:#d2dbea}.text-link span{font-size:17px}.small-note{font-size:9px;color:#7a8ca8;line-height:1.8;margin-top:20px}.hero-visual{position:relative;padding:31px 0 10px}.orbit{border:1px solid #e6c77d0a;border-radius:50%;position:absolute;inset:-35px -20px;pointer-events:none;box-shadow:0 0 0 45px #e6c77d03}.visual-label{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:8px;align-items:center;letter-spacing:1.8px;font-size:7px;color:#b8c5d8;margin-bottom:18px}.visual-label .status-dot{width:4px;height:4px}.concept-window{position:relative;z-index:2;border:1px solid #46536d;border-radius:12px;overflow:hidden;background:#121c30;box-shadow:0 30px 90px #0005,0 0 70px #c6a45506;transform:rotate(-2deg)}.window-bar{display:flex;align-items:center;height:37px;gap:5px;background:#151f32;padding:0 15px;border-bottom:1px solid #ffffff0a}.window-bar i{width:4px;height:4px;border-radius:50%;background:#4a5b77}.window-bar i:first-child{background:#c7a863}.window-bar>span{font-size:6px;letter-spacing:2.5px;margin-left:13px;color:#8c9bb3}.window-bar>b{margin-left:auto;font-size:13px;color:#9aaac3;font-weight:400}.concept-screen{height:252px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 35% 60%,#54759944,transparent 60%),radial-gradient(ellipse at 80% 60%,#b68d5344,transparent 70%),linear-gradient(145deg,#18283d,#18263a 46%,#33343c)}.concept-screen:before,.concept-screen:after{content:"";position:absolute;width:550px;height:105px;border:1px solid #d9cb9c20;border-radius:50%;transform:rotate(-28deg);left:-90px;top:75px}.concept-screen:after{top:110px;width:650px;left:-130px;border-color:#7a9bbf20}.screen-label{position:absolute;left:26px;top:25px;font-size:7px;letter-spacing:3px;color:#bfcbdc}.large-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #e5d1a13d;border-radius:50%;background:#ead2950a;box-shadow:0 0 0 15px #ead29503,0 0 0 33px #ead29503;font-size:41px;color:#efd48f;padding-left:6px;font-weight:300}.screen-bottom{position:absolute;left:25px;bottom:24px;font-size:10px;line-height:1.85;color:#abbcd2}.screen-bottom strong{font-size:15px;color:#f1f1ed;font-weight:500}.sound{position:absolute;right:26px;bottom:24px;letter-spacing:2px;color:#cbb16f;font-size:19px}.concept-library{padding:22px;background:#111a2c}.concept-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:15px}.concept-heading>span{font-size:6px;letter-spacing:1.6px;color:#7588a4}.concept-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.concept-items>div{display:flex;gap:10px;align-items:center;padding:11px 10px;border:1px solid #2a3851;border-radius:5px;background:#162139;font-size:9px}.concept-items small{display:block;font-size:6px;margin-top:5px;color:#879dbb}.concept-items b{width:26px;height:30px;background:#29374c;display:grid;place-items:center;color:#d8b875;font-size:17px;border-radius:4px;flex:none;font-weight:400}.visual-bottom{display:flex;justify-content:space-between;position:relative;font-size:6px;letter-spacing:1.8px;color:#667b99;margin:23px 8px 0}.hero-footer{border-top:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;padding-block:23px;color:#6f839f;font-size:10px;letter-spacing:.2px}.hero-footer>a{width:29px;height:29px;border:1px solid #35405a;border-radius:50%;display:grid;place-items:center;color:#d4b36b}.features,.platforms{background:#0e1627;border-block:1px solid #ffffff05}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}h2{font-size:clamp(31px,3.05vw,44px);font-weight:550;letter-spacing:-1.8px;line-height:1.2;margin:0}h2>span{color:#8c9fbb}.section-description{margin:0 0 2px;font-size:12px;line-height:1.95;color:#8d9fb9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.feature-card{position:relative;border:1px solid #293750;border-radius:9px;background:linear-gradient(125deg,#17243b8a,#111b2d);padding:26px 28px;min-width:0}.number{position:absolute;right:24px;top:21px;font-size:8px;letter-spacing:1px;color:#5d7394}.feature-art{height:137px;position:relative;display:flex;align-items:center;margin-bottom:17px}.feature-card h3{font-size:23px;font-weight:550;line-height:1.3;letter-spacing:-.6px;margin:0 0 14px}.feature-card p{font-size:11px;line-height:1.95;color:#90a3c0;margin:0 0 28px;max-width:240px}.feature-card>small{font-size:7px;letter-spacing:1.6px;color:#bca26e}.import-art b{display:grid;place-items:center;width:65px;height:80px;border:1px solid #ba9c5966;border-radius:7px;background:linear-gradient(130deg,#ba9c5920,#ba9c5905);color:#d7bd83;font-size:13px;letter-spacing:2px;transform:rotate(-8deg);font-weight:500}.import-art>span{margin-left:19px;font-size:34px;font-weight:300;color:#a5bcda}.list-art{flex-direction:column;justify-content:center;gap:8px;align-items:flex-start}.list-art>i{display:flex;align-items:center;gap:12px;border:1px solid #425b7b66;background:#18283d66;border-radius:4px;padding:7px 10px;width:150px;font-size:15px;color:#c7ac72;font-style:normal}.list-art>i:nth-child(2){margin-left:13px;border-color:#bda36566;background:#bda3650a}.list-art i>span{height:3px;width:55px;background:#59739566;border-radius:5px}.privacy-art{padding-left:12px}.privacy-art b{display:grid;place-items:center;width:74px;height:81px;border:1px solid #a7894c80;border-radius:32px 32px 36px 36px;background:linear-gradient(130deg,#d3b47117,transparent);transform:rotate(-5deg);font-size:27px;font-weight:400;color:#dbc28a;box-shadow:0 0 0 11px #ab935308,0 0 0 25px #ab935303}.content-note{font-size:9px;color:#748aa9;line-height:1.9;margin:24px 0 0}.guide-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:110px}.guide-description{max-width:300px;margin:22px 0 28px}.guide-grid .button{font-size:11px;min-width:165px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;align-items:flex-start;gap:27px;padding:29px 0;border-bottom:1px solid #2a364c}.steps li:first-child{padding-top:5px}.steps li:last-child{border-bottom:0;padding-bottom:0}.steps li>span{font-size:11px;color:#c6a96e;letter-spacing:1px;line-height:28px}.steps h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:0 0 12px}.steps p{font-size:11px;line-height:1.95;color:#8b9fbd;max-width:370px;margin:0}.steps b{font-size:25px;font-weight:300;color:#7489a8;margin-left:auto;line-height:25px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.platform-card{border:1px solid #2d3c55;border-radius:8px;padding:26px 27px 24px;background:#141f34;display:flex;flex-direction:column}.platform-live{border-color:#a38a4d80;background:linear-gradient(140deg,#b2955515,#141f34)}.platform-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:30px}.platform-icon{font-size:36px;line-height:1;color:#b9cae2;font-weight:300}.platform-live .platform-icon{color:#dfc080}.availability{font-size:8px;color:#95aac7;background:#273b5266;border:1px solid #5267853b;padding:5px 8px;border-radius:20px;white-space:nowrap}.availability.live{color:#e5c782;background:#b89c5310;border-color:#ae95503b}.platform-card h3{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:0 0 14px}.platform-card p{font-size:11px;line-height:1.95;color:#92a6c4;margin:0 0 29px;max-width:250px;flex:1}.platform-card .button{align-self:flex-start;font-size:10px;padding:11px 16px;min-height:40px;gap:25px}.platform-future{min-height:40px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.7px;color:#8297b6;width:100%;border-top:1px solid #31435e;padding-top:10px;gap:12px;line-height:1.8}.platform-future span{color:#a5b5ce;font-size:14px}.device-section{padding-block:66px;background:#121d30;border-bottom:1px solid #ffffff06}.device-callout{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}.device-callout p:not(.eyebrow){font-size:13px;line-height:1.95;color:#9eb1cf;margin:0 0 23px;max-width:430px}.device-callout .button{font-size:11px}.brand-section{background:#080f1f;border-block:1px solid #ffffff06;padding-block:73px}.brand-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px}.brand-grid h2{font-size:35px}.brand-grid .section-description{margin-top:23px}.brand-caption{color:#b6a06e;font-size:7px;letter-spacing:1.8px;margin-top:27px}.brand-grid figure{margin:0;border:1px solid #293852;border-radius:10px;overflow:hidden;background:#0b1122}.brand-grid img{width:100%;height:auto}.brand-grid figcaption{font-size:7px;letter-spacing:1.7px;color:#7e94b4;text-transform:uppercase;padding:13px 18px;border-top:1px solid #ffffff06}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-intro{margin-top:22px}.faq-list details{border-bottom:1px solid #2d3a53}.faq-list details:first-child{border-top:1px solid #2d3a53}.faq-list summary{padding:23px 0;display:flex;gap:18px;align-items:center;justify-content:space-between;list-style:none;font-size:12px;font-weight:550;line-height:1.6;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:18px;color:#d4b36e;font-weight:300;transition:transform .2s;flex:none}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:11px;line-height:1.95;color:#91a7c7;max-width:520px;margin:-3px 25px 25px 0}.final-section{padding-bottom:80px}.final-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden;padding:55px 60px;border:1px solid #82704a80;border-radius:9px;background:radial-gradient(ellipse at 75% 50%,#b59a5420,transparent 65%),linear-gradient(125deg,#1d293e,#172236)}.final-panel>div,.final-panel>.button{position:relative;z-index:2}.final-panel .eyebrow{font-size:8px;color:#c3aa74;letter-spacing:2px;margin-bottom:19px}.final-panel h2{font-size:44px;font-weight:500}.final-panel h2 em{font-style:normal;color:#e5c47b}.final-panel p:not(.eyebrow){font-size:11px;color:#a1b1c9;line-height:1.8;margin:21px 0 0}.final-panel>.button{flex:none}.final-art{font-size:300px;font-weight:200;line-height:1;position:absolute;right:180px;top:-22px;color:#d7b66e08;transform:rotate(-10deg);pointer-events:none}.site-footer{border-top:1px solid #2a3850;background:#080e1b}.footer-top{display:flex;align-items:center;gap:45px;padding-block:35px}.footer-top .wordmark{font-size:19px}.footer-top .brand-icon{width:28px;height:30px;font-size:15px;border-radius:6px}.footer-top p{font-size:10px;color:#8198b7;margin:0}.footer-top>a:last-child{font-size:10px;color:#cfb578;margin-left:auto}.footer-bottom{border-top:1px solid #ffffff0a;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:22px;font-size:8px;line-height:1.8;color:#7088aa}.footer-bottom a{color:#91a7c5}
@media(min-width:1600px){.hero-grid{min-height:760px;padding-top:130px;padding-bottom:110px}.hero h1{font-size:86px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:22px}.desktop-nav{gap:19px;font-size:11px}.button-small{margin-left:0}.hero-grid{gap:38px;padding-top:82px;min-height:640px}.hero h1{font-size:67px;letter-spacing:-3.6px}.lead{font-size:12px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.15px}.actions{gap:19px}.actions .button{padding:15px 17px;font-size:11px;gap:12px}.text-link{font-size:10px;gap:10px}.concept-screen{height:225px}.concept-items{gap:8px}.concept-items>div{gap:7px;padding:9px 7px;font-size:8px}.concept-items small{font-size:5px}.concept-items b{width:23px;height:27px;font-size:14px}.feature-card{padding:24px}.feature-card h3{font-size:21px}.guide-grid,.faq-grid{gap:65px}.brand-grid{gap:45px}.platform-card{padding:24px 20px}.platform-top{align-items:flex-start;flex-direction:column;gap:17px}.platform-card h3{font-size:18px}.device-callout{gap:65px}}@media(max-width:820px){.desktop-nav{display:none}.button-small{margin-left:auto}.header-inner{height:77px}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;width:28px;height:32px;display:grid;place-items:center;color:#d9caa4;font-size:19px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:52px;right:0;display:flex;flex-direction:column;width:220px;background:#142039;border:1px solid #384a69;border-radius:8px;padding:10px;box-shadow:0 20px 50px #0005}.mobile-menu nav a{padding:13px 12px;font-size:12px}.mobile-menu nav a:hover{background:#e5c47b10;color:var(--gold)}.hero-grid{grid-template-columns:1fr;gap:47px;padding-top:68px;padding-bottom:42px;min-height:0}.hero-copy .eyebrow{font-size:8px}.hero h1{font-size:75px;letter-spacing:-4px}.lead{font-size:13px}.actions .button{font-size:12px;padding:16px 22px;gap:15px}.text-link{font-size:12px;gap:13px}.hero-visual{width:min(540px,95%);margin:0 auto;padding-top:10px}.concept-screen{height:265px}.visual-label{font-size:7px}.concept-items>div{font-size:10px;padding:12px}.concept-items small{font-size:7px}.concept-items b{width:29px;height:32px;font-size:18px}.concept-heading{font-size:12px}.section{padding-block:77px}.section-heading{align-items:flex-start;gap:26px;margin-bottom:36px}.section-description{font-size:11px;max-width:220px}.feature-grid{gap:13px}.feature-card{padding:21px 18px}.feature-art{height:115px}.feature-card h3{font-size:19px}.feature-card p{font-size:10px}.feature-card>small{font-size:6px;letter-spacing:1px}.list-art>i{width:125px;padding:7px;gap:9px}.list-art i>span{width:37px}.guide-grid{gap:40px;grid-template-columns:.85fr 1.15fr}.steps li{gap:18px}.steps h3{font-size:15px}.steps p{font-size:10px}.steps b{display:none}.platform-grid{gap:13px}.platform-card{padding:23px 18px}.platform-card h3{font-size:17px}.platform-card p{font-size:10px}.availability{font-size:7px;padding:5px 7px}.platform-card .button{font-size:9px;padding:11px 12px;gap:15px}.brand-grid{gap:35px}.brand-grid h2{font-size:29px}.brand-grid .eyebrow{font-size:8px}.faq-grid{gap:45px}.final-panel{padding:40px}.final-panel h2{font-size:38px}.final-panel>.button{font-size:11px;padding:15px 17px}.footer-top{gap:25px}.device-callout{gap:40px}.device-callout p:not(.eyebrow){font-size:11px}}@media(max-width:600px){.container{width:calc(100% - 40px)}.header-inner{height:72px;gap:15px}.wordmark{font-size:20px;gap:9px}.brand-icon{width:29px;height:31px;font-size:15px;border-radius:6px}.button-small{font-size:9px;padding:9px 12px;gap:12px;min-height:36px}.mobile-menu nav{right:0}.hero-grid{padding-top:53px;gap:40px}.hero-copy .eyebrow{font-size:6.5px;letter-spacing:1.05px;gap:8px;margin-bottom:24px}.hero-copy .status-dot{width:4px;height:4px}.hero h1{font-size:65px;letter-spacing:-3.7px;margin-bottom:23px}.lead{font-size:12px;line-height:1.95;margin-bottom:29px}.desktop-break{display:none}.actions{gap:20px}.actions .button{padding:15px 16px;font-size:10px;gap:12px}.text-link{font-size:10px;gap:9px}.small-note{font-size:8px;margin-top:18px}.hero-visual{width:96%;padding-top:7px}.visual-label{font-size:6px;letter-spacing:1.4px;margin-bottom:14px}.concept-window{border-radius:9px;transform:rotate(-1.5deg)}.window-bar{height:31px;padding:0 11px}.window-bar>span{font-size:5px;letter-spacing:2px;margin-left:10px}.window-bar i{width:3px;height:3px}.concept-screen{height:215px}.screen-label{font-size:6px;left:20px;top:22px;letter-spacing:2px}.large-play{width:64px;height:64px;font-size:35px}.screen-bottom{left:20px;bottom:18px;font-size:8px}.screen-bottom strong{font-size:12px}.sound{right:20px;bottom:18px;font-size:16px}.concept-library{padding:17px 15px 18px}.concept-heading{font-size:9px;margin-bottom:12px}.concept-heading>span{font-size:5px}.concept-items>div{font-size:8px;padding:9px 7px;gap:7px}.concept-items small{font-size:5px}.concept-items b{width:24px;height:27px;font-size:15px}.visual-bottom{font-size:5px;letter-spacing:1.5px;margin-top:20px}.hero-footer{padding-block:18px;gap:20px;font-size:8px;line-height:1.8}.hero-footer>span{max-width:240px}.hero-footer>a{width:26px;height:26px;flex:none}.section{padding-block:63px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:18px}h2{font-size:34px;letter-spacing:-1.5px;line-height:1.2}.section-heading{display:block;margin-bottom:31px}.section-description{font-size:11px;max-width:none;margin:20px 0 0}.feature-grid{grid-template-columns:1fr;gap:17px}.feature-card{padding:25px;display:grid;grid-template-columns:1fr 1.45fr;column-gap:20px;align-items:start;min-height:230px}.number{right:21px;top:19px}.feature-art{grid-row:1/4;height:150px;align-self:center;margin:0}.feature-card h3{font-size:22px;margin:12px 0}.feature-card p{font-size:10px;line-height:1.9;margin-bottom:19px;max-width:none}.feature-card>small{font-size:6px;letter-spacing:1.1px;grid-column:2;line-height:1.7}.import-art b{width:55px;height:72px;font-size:11px}.import-art>span{margin-left:12px;font-size:28px}.list-art>i{width:94px;padding:7px 5px;gap:6px;font-size:12px}.list-art i>span{width:30px;height:2px}.list-art>i:nth-child(2){margin-left:7px}.privacy-art{padding-left:6px}.privacy-art b{width:60px;height:69px;font-size:24px}.content-note{font-size:8px;line-height:1.9;margin-top:20px}.guide-grid{display:block}.guide-description{font-size:11px;max-width:290px;margin:21px 0 24px}.guide-grid .button{font-size:10px;padding:13px 18px;min-height:42px;min-width:155px}.steps{margin-top:40px}.steps li{gap:21px;padding:26px 0}.steps li:first-child{padding-top:0}.steps li>span{font-size:10px;line-height:23px}.steps h3{font-size:16px;margin-bottom:11px}.steps p{font-size:11px;max-width:280px}.platform-grid{grid-template-columns:1fr;gap:17px}.platform-card{padding:25px}.platform-top{flex-direction:row;align-items:center;gap:20px;margin-bottom:22px}.platform-icon{font-size:36px}.availability{font-size:8px;padding:6px 9px}.platform-card h3{font-size:22px;margin-bottom:13px}.platform-card p{font-size:11px;max-width:270px;margin-bottom:23px}.platform-card .button{font-size:10px;padding:12px 17px;min-height:42px}.platform-future{min-height:33px;font-size:7px}.device-section{padding-block:55px}.device-callout{grid-template-columns:1fr;gap:25px}.device-callout p:not(.eyebrow){font-size:11px;margin-bottom:22px}.device-callout .button{font-size:10px}.brand-section{padding-block:59px}.brand-grid{grid-template-columns:1fr;gap:31px}.brand-grid h2{font-size:32px}.brand-grid .section-description{font-size:11px;margin-top:18px}.brand-caption{font-size:6px;margin-top:23px}.brand-grid figure{border-radius:7px}.brand-grid figcaption{font-size:6px;padding:11px 14px}.faq-grid{grid-template-columns:1fr;gap:29px}.faq-intro{font-size:11px;margin-top:19px}.faq-list summary{font-size:11px;padding:21px 0;gap:15px}.faq-list summary>span{font-size:17px}.faq-list details>p{font-size:10px;line-height:1.95;margin-right:23px;margin-bottom:22px}.final-section{padding-bottom:50px}.final-panel{display:block;padding:33px 27px}.final-panel .eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:20px}.final-panel h2{font-size:36px}.final-panel p:not(.eyebrow){font-size:10px;margin-top:18px;max-width:240px}.final-panel>.button{font-size:10px;padding:15px 18px;margin-top:27px;gap:15px}.final-art{right:-15px;top:75px;font-size:200px}.footer-top{flex-wrap:wrap;gap:18px;padding-block:28px}.footer-top .wordmark{font-size:17px}.footer-top .brand-icon{width:25px;height:27px;font-size:13px}.footer-top p{order:3;width:100%;font-size:9px}.footer-top>a:last-child{font-size:9px}.footer-bottom{flex-wrap:wrap;align-items:flex-start;gap:12px;font-size:7px;padding-block:20px}.footer-bottom>span{width:100%}.footer-bottom a{margin-top:1px}}@media(max-width:360px){.container{width:calc(100% - 32px)}.header-inner{gap:11px}.wordmark{font-size:18px;gap:7px}.brand-icon{width:27px;height:29px}.button-small{padding:9px;font-size:8px;gap:8px}.hero h1{font-size:59px}.hero-copy .eyebrow{font-size:6px;letter-spacing:.8px}.actions{gap:14px}.actions .button{font-size:9px;padding:14px 13px;gap:10px}.text-link{font-size:9px;gap:7px}.feature-card{padding:23px 21px;grid-template-columns:.85fr 1.4fr;gap:17px}.feature-card h3{font-size:20px}.feature-card p{font-size:9px}.feature-art{transform:scale(.88);transform-origin:left center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* Reference revision: every visual rule is scoped to the landing page.
   The original shared styles above remain available to device.html. */
@font-face{font-family:"TL Outfit";src:url('/site/reference-v2/fonts/outfit-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body.reference-home{--ref-blue:#235bbf;--ref-bright:#2d63dc;--ref-ink:#191919;--ref-muted:#525252;color-scheme:light;background:#fff;color:var(--ref-ink);font-family:"TL Outfit","Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.5}
.reference-home h1,.reference-home h2,.reference-home h3,.reference-home p{margin-top:0}
.reference-home h2{font-size:56px;line-height:1.2;letter-spacing:-1.4px;font-weight:700;margin-bottom:26px}
.reference-home h2 span{color:var(--ref-blue)}
.reference-home h3{letter-spacing:0;font-weight:650}
.reference-home p{font-size:18px;line-height:1.55;letter-spacing:0;color:var(--ref-muted)}
.reference-home a:focus-visible,.reference-home summary:focus-visible{outline:3px solid #2d63dc;outline-offset:5px}
.reference-home section[id]{scroll-margin-top:84px}
.reference-home .ref-container{width:min(1504px,calc(100% - 192px));margin-inline:auto}
.reference-home .ref-skip{position:fixed;left:20px;top:-100px;background:#fff;color:#111;z-index:100;padding:14px 20px;border:2px solid var(--ref-blue)}
.reference-home .ref-skip:focus{top:10px}
.reference-home .ref-header{height:84px;background:#000;position:fixed;left:0;right:0;top:0;z-index:30;display:flex;align-items:center;padding:0 48px;gap:36px;color:#fff}
.reference-home .ref-brand{width:216px;flex:none}
.reference-home .ref-brand img{width:216px;height:auto}
.reference-home .ref-navigation{margin-left:auto;display:flex;align-items:center;gap:32px}
.reference-home .ref-navigation a{font-size:15px;font-weight:700;text-transform:uppercase;white-space:nowrap;padding-block:18px}
.reference-home .ref-navigation a:hover,.reference-home .ref-footer a:hover{color:#6396fc}
.reference-home .ref-header-action{background:var(--ref-blue);border:1px solid var(--ref-blue);border-radius:4px;padding:14px 22px;font-size:14px;line-height:1.3;font-weight:700;text-transform:uppercase;white-space:nowrap}
.reference-home .ref-header-action:hover{background:#1b4ea9}
.reference-home .ref-mobile-menu{display:none}
.reference-home .ref-hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:170px 7.5% 110px;background:#151515 url('/site/reference-v2/hero-mosaic-original-v2.png') center center/cover no-repeat;color:#fff;isolation:isolate}
.reference-home .ref-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000b 0%,#000a 52%,#0009 100%)}
.reference-home .ref-hero-copy{max-width:814px}
.reference-home .ref-hero h1{font-size:57.6px;line-height:1.22;letter-spacing:-1.2px;font-weight:700;margin:0 0 28px;color:#fff}
.reference-home .ref-hero h1>span{color:#3577f3}
.reference-home .ref-hero-copy>p{font-size:18px;line-height:27px;max-width:810px;color:#ededed;margin-bottom:30px}
.reference-home .ref-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.reference-home .ref-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:60px;padding:16px 28px;border:1px solid var(--ref-blue);border-radius:5px;background:var(--ref-blue);color:#fff;font-size:18px;font-weight:600;line-height:1.4;text-align:center;transition:background .18s,border-color .18s}
.reference-home .ref-button:hover{background:#194da9;border-color:#194da9}
.reference-home .ref-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.reference-home .ref-button-outline{background:transparent;border:2px solid #2d63dc;padding:15px 27px}
.reference-home .ref-button-outline:hover{background:var(--ref-blue)}
.reference-home .ref-hero-copy>.ref-hero-note{margin:20px 0 0;font-size:13px;line-height:1.5;color:#d3d3d3}
.reference-home .ref-section{padding-block:110px}
.reference-home .ref-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.reference-home .ref-section-copy{max-width:680px}
.reference-home .ref-section-copy p{margin:0 0 23px}
.reference-home .ref-section-copy .ref-button{margin-top:9px}
.reference-home .ref-screen-figure{margin:0;padding:0;min-width:0}
.reference-home .ref-screen-figure figcaption{text-align:center;font-size:12px;line-height:1.5;color:#666;margin:60px 10px 0}
.reference-home .ref-television{position:relative;isolation:isolate;border:12px solid #080808;border-bottom-width:22px;border-radius:10px;background:#080808;box-shadow:0 14px 35px #0002;margin-bottom:0}
.reference-home .ref-television img{width:100%;height:auto;border-radius:2px}
.reference-home .ref-television:after{content:"TL PLAY";position:absolute;bottom:-19px;left:0;right:0;text-align:center;color:#818181;font:6px/1.8 Arial,sans-serif;letter-spacing:2px}
.reference-home .ref-television>i{position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-50%);width:12%;height:24px;background:linear-gradient(90deg,#292929,#696969,#292929);z-index:-1}
.reference-home .ref-television>i:after{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:230%;height:7px;border-radius:50% 50% 2px 2px;background:linear-gradient(#6b6b6b,#242424);box-shadow:0 5px 7px #0002}
.reference-home .ref-intro{padding-top:128px;padding-bottom:90px}
.reference-home .ref-showcase{padding:40px 0 110px}
.reference-home .ref-big-screen{max-width:1110px;margin:0 auto 80px}
.reference-home .ref-big-screen .ref-television{border-width:16px;border-bottom-width:26px}
.reference-home .ref-big-screen .ref-television:after{bottom:-23px;line-height:22px;font-size:8px}
.reference-home .ref-big-screen .ref-television>i{top:calc(100% + 26px);height:34px}
.reference-home .ref-big-screen .ref-television>i:after{top:30px;height:9px}
.reference-home .ref-big-screen figcaption{margin-top:78px}
.reference-home .ref-center-copy{text-align:center;max-width:1000px;margin:auto}
.reference-home .ref-center-copy h2{font-size:60px;line-height:1.17;margin-bottom:30px}
.reference-home .ref-center-copy p{margin-bottom:0}
.reference-home .ref-platform-strip{background:#050505;color:#fff;padding:45px 0}
.reference-home .ref-platform-list{display:flex;align-items:center;justify-content:space-between;gap:38px}
.reference-home .ref-platform-list>div{display:flex;align-items:center;gap:18px}
.reference-home .ref-platform-list b{font-family:Arial,sans-serif;font-size:57px;line-height:1;font-weight:400;color:#f5f5f5}
.reference-home .ref-platform-list b{flex:none}
.reference-home .ref-platform-list b svg{width:48px;height:48px;fill:currentColor;display:block}
.reference-home .ref-platform-list b .ref-strip-stroke{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.reference-home .ref-platform-list span{font-size:25px;line-height:1.3;font-weight:650;white-space:nowrap}
.reference-home .ref-platform-list small{display:block;color:#999;font-size:11px;font-weight:400;letter-spacing:.3px;margin-top:6px}
.reference-home .ref-downloads{padding-top:116px;padding-bottom:100px}
.reference-home .ref-download-heading{max-width:980px;margin-bottom:70px}
.reference-home .ref-download-heading h2{margin-bottom:24px}
.reference-home .ref-download-heading p{max-width:860px;margin:0}
.reference-home .ref-download-grid{max-width:1330px;margin:auto;display:flex;flex-wrap:wrap;gap:36px;justify-content:center}
.reference-home .ref-download-card{display:flex;flex-direction:column;align-items:stretch;width:calc((100% - 72px)/3);border:1px solid #2d63dc;border-radius:11px;padding:32px 30px 26px;text-align:center;background:#fff;min-width:0}
.reference-home .ref-download-art{height:170px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:var(--ref-blue)}
.reference-home .ref-download-art svg{width:125px;height:125px;fill:currentColor;overflow:visible}
.reference-home .ref-download-art .ref-stroke-icon{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.reference-home .ref-future-card .ref-download-art{color:#4a70b5}
.reference-home .ref-status{font-size:12px;line-height:1.4;font-weight:600;color:var(--ref-blue);min-height:18px}
.reference-home .ref-status-future{color:#666}
.reference-home .ref-download-card h3{font-size:27px;line-height:1.3;margin:10px 0 16px}
.reference-home .ref-download-card p{font-size:18px;line-height:1.45;margin:0 0 28px;flex:1}
.reference-home .ref-download-card .ref-button{width:100%;font-size:17px;min-height:55px;padding:14px 15px;gap:10px}
.reference-home .ref-download-card>small{display:block;font-size:11px;line-height:1.6;color:#777;margin-top:14px;min-height:35px}
.reference-home .ref-private-download,.reference-home .ref-private-download:hover{background:#e9eef7;border-color:#c4d1e6;color:#536b90;cursor:default}
.reference-home .ref-unavailable{width:100%;border:1px solid #d6dce6;border-radius:5px;color:#737a86;background:#f3f5f8;font-size:17px;font-weight:500;min-height:55px;display:grid;place-items:center;padding:13px 15px}
.reference-home .ref-download-note{font-size:12px;line-height:1.65;color:#777;text-align:center;max-width:950px;margin:36px auto 0}
.reference-home .ref-security{padding-top:90px;padding-bottom:125px}
.reference-home .ref-monitor{position:relative;background:#050505;border:13px solid #080808;border-bottom-width:30px;border-radius:9px;box-shadow:0 14px 36px #0002;margin-bottom:75px}
.reference-home .ref-monitor img{width:100%;border-radius:2px}
.reference-home .ref-monitor:before{content:"";position:absolute;left:43%;right:43%;top:calc(100% + 30px);height:55px;background:linear-gradient(90deg,#aaa,#ddd,#999);z-index:0}
.reference-home .ref-monitor:after{content:"";position:absolute;left:25%;right:25%;top:calc(100% + 80px);height:9px;border-radius:50% 50% 2px 2px;background:linear-gradient(#c4c4c4,#777);box-shadow:0 6px 10px #0002}
.reference-home .ref-security .ref-screen-figure figcaption{margin-top:30px}
.reference-home .ref-feature-band{padding:80px 0;background:var(--ref-blue)}
.reference-home .ref-feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.reference-home .ref-feature-cards article{border-radius:32px;background:#050505;padding:54px 56px 50px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.reference-home .ref-card-symbol{font-size:50px;line-height:1;color:#518afa;margin-bottom:32px}
.reference-home .ref-feature-cards h2{font-size:43px;line-height:1.17;color:#4c85f0;letter-spacing:-.9px;margin-bottom:24px}
.reference-home .ref-feature-cards p{font-size:18px;line-height:1.55;color:#d2d2d2;max-width:500px;margin:0 0 30px;flex:1}
.reference-home .ref-feature-cards a{display:inline-flex;gap:15px;align-items:center;color:#fff;font-size:17px;font-weight:600;border-bottom:1px solid #4d83e8;padding-bottom:6px}
.reference-home .ref-feature-cards a:hover{color:#6a9afa}
.reference-home .ref-guide{padding-top:135px;padding-bottom:100px}
.reference-home .ref-steps{list-style:none;counter-reset:ref-step;margin:0 0 24px;padding:0}
.reference-home .ref-steps li{counter-increment:ref-step;position:relative;padding-left:45px;margin:0 0 23px}
.reference-home .ref-steps li:before{content:counter(ref-step);position:absolute;top:1px;left:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ref-blue);color:#fff;font-size:14px;font-weight:700}
.reference-home .ref-steps strong{display:block;font-size:19px;font-weight:650;margin-bottom:5px}
.reference-home .ref-steps span{display:block;font-size:17px;line-height:1.55;color:var(--ref-muted)}
.reference-home .ref-web-section{padding-top:85px;padding-bottom:125px}
.reference-home .ref-browser-mockup{background:#11151c;border:1px solid #303640;border-radius:12px;overflow:hidden;box-shadow:0 18px 42px #0002}
.reference-home .ref-browser-bar{height:28px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#1a1d23}
.reference-home .ref-browser-bar i{width:5px;height:5px;border-radius:50%;background:#6b7485}
.reference-home .ref-browser-bar span{font:7px/1 Arial,sans-serif;color:#929aa7;letter-spacing:1px;margin-left:12px}
.reference-home .ref-browser-mockup img{width:100%;height:auto}
.reference-home .ref-web-section .ref-screen-figure figcaption{margin-top:18px}
.reference-home .ref-faq-section{padding-top:70px;padding-bottom:130px}
.reference-home .ref-faq-section h2{text-align:center;font-size:48px;margin-bottom:65px}
.reference-home .ref-faq{display:grid;gap:20px}
.reference-home .ref-faq details{border:1px solid #b6c9eb;border-radius:16px;padding:0 50px;background:#fff}
.reference-home .ref-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0;font-size:21px;line-height:1.5;font-weight:600}
.reference-home .ref-faq summary::-webkit-details-marker{display:none}
.reference-home .ref-faq summary>span{font:32px/1 Arial,sans-serif;color:var(--ref-blue);font-weight:300;transition:transform .18s;flex:none}
.reference-home .ref-faq details[open] summary>span{transform:rotate(45deg)}
.reference-home .ref-faq p{font-size:18px;color:#555;line-height:1.6;margin:0 50px 34px 0;max-width:1250px}
.reference-home .ref-footer{background:#000;color:#fff;text-align:center;padding:38px 24px 30px;min-height:210px}
.reference-home .ref-footer>a{display:block;width:205px;margin:0 auto 17px}
.reference-home .ref-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;font-size:13px;font-weight:500}
.reference-home .ref-footer p{color:#9b9b9b;font-size:11px;margin:22px 0 0;line-height:1.6}
@media(min-width:1900px){.reference-home .ref-hero-copy{transform:translateY(-8px)}}
@media(max-width:1500px){.reference-home .ref-header{padding-inline:36px;gap:26px}.reference-home .ref-brand,.reference-home .ref-brand img{width:192px}.reference-home .ref-navigation{gap:22px}.reference-home .ref-navigation a{font-size:13px}.reference-home .ref-header-action{font-size:12px;padding:14px 18px}.reference-home .ref-container{width:calc(100% - 160px)}.reference-home .ref-split{gap:65px}.reference-home h2{font-size:49px}.reference-home .ref-feature-cards article{padding:45px 40px}.reference-home .ref-feature-cards h2{font-size:38px}.reference-home .ref-platform-list{gap:24px}.reference-home .ref-platform-list span{font-size:22px}.reference-home .ref-platform-list b{font-size:48px}.reference-home .ref-platform-list>div{gap:12px}.reference-home .ref-download-card{padding:28px 24px 24px}.reference-home .ref-download-card p{font-size:17px}.reference-home .ref-download-card .ref-button{font-size:15px}}
@media(max-width:1150px){.reference-home .ref-header{padding-inline:32px;height:78px;gap:24px}.reference-home .ref-navigation{gap:17px}.reference-home .ref-navigation a{font-size:11px}.reference-home .ref-brand,.reference-home .ref-brand img{width:164px}.reference-home .ref-header-action{font-size:10px;padding:13px}.reference-home .ref-hero{padding-top:160px;padding-bottom:100px}.reference-home .ref-hero-copy{max-width:760px}.reference-home .ref-hero h1{font-size:54px}.reference-home .ref-container{width:calc(100% - 112px)}.reference-home .ref-split{gap:45px}.reference-home h2{font-size:43px}.reference-home p{font-size:17px}.reference-home .ref-button{font-size:16px;min-height:55px;padding:14px 22px}.reference-home .ref-section{padding-block:90px}.reference-home .ref-platform-list{gap:18px}.reference-home .ref-platform-list span{font-size:18px}.reference-home .ref-platform-list b{font-size:40px}.reference-home .ref-platform-list>div{gap:9px}.reference-home .ref-platform-list small{font-size:9px}.reference-home .ref-download-grid{gap:24px}.reference-home .ref-download-card{width:calc((100% - 48px)/3);padding:25px 18px}.reference-home .ref-download-art{height:140px}.reference-home .ref-download-art svg{width:105px;height:105px}.reference-home .ref-download-card h3{font-size:25px}.reference-home .ref-download-card p{font-size:16px}.reference-home .ref-status{font-size:10px}.reference-home .ref-download-card .ref-button{font-size:13px}.reference-home .ref-unavailable{font-size:14px}.reference-home .ref-feature-cards{gap:26px}.reference-home .ref-feature-cards article{padding:38px 32px}.reference-home .ref-feature-cards h2{font-size:32px}.reference-home .ref-feature-cards p{font-size:16px}.reference-home .ref-steps strong{font-size:17px}.reference-home .ref-steps span{font-size:16px}.reference-home .ref-center-copy h2{font-size:52px}}
@media(max-width:900px){.reference-home .ref-header{height:76px;gap:22px;padding:0 28px}.reference-home .ref-navigation{display:none}.reference-home .ref-header-action{margin-left:auto;font-size:11px;padding:13px 17px}.reference-home .ref-mobile-menu{display:block;position:relative}.reference-home .ref-mobile-menu summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;width:32px;height:42px;padding:4px}.reference-home .ref-mobile-menu summary::-webkit-details-marker{display:none}.reference-home .ref-mobile-menu summary>span{width:23px;height:2px;background:#fff;display:block}.reference-home .ref-mobile-menu nav{position:absolute;top:58px;right:-8px;width:250px;display:flex;flex-direction:column;padding:12px;background:#090909;border:1px solid #333;border-radius:0 0 6px 6px;box-shadow:0 20px 35px #0005}.reference-home .ref-mobile-menu nav a{padding:13px 15px;font-size:14px;font-weight:600}.reference-home .ref-mobile-menu nav a:hover{background:#235bbf33;color:#93baff}.reference-home .ref-hero{min-height:800px;padding:170px 7.5% 120px;background-position:58% center}.reference-home .ref-hero h1{font-size:50px;line-height:1.2}.reference-home .ref-container{width:calc(100% - 80px)}.reference-home .ref-split{grid-template-columns:1fr;gap:60px}.reference-home .ref-section-copy{max-width:710px}.reference-home .ref-screen-figure{width:min(720px,100%);margin-inline:auto}.reference-home .ref-intro{padding-top:85px;padding-bottom:70px}.reference-home h2{font-size:49px}.reference-home .ref-big-screen{width:100%;margin-bottom:70px}.reference-home .ref-showcase{padding-top:25px;padding-bottom:80px}.reference-home .ref-center-copy h2{font-size:52px}.reference-home .ref-platform-strip{padding:32px 0}.reference-home .ref-platform-list{justify-content:center;flex-wrap:wrap;gap:26px 38px}.reference-home .ref-platform-list>div{min-width:150px}.reference-home .ref-platform-list span{font-size:21px}.reference-home .ref-download-card{width:calc((100% - 24px)/2)}.reference-home .ref-download-art{height:150px}.reference-home .ref-download-card h3{font-size:28px}.reference-home .ref-download-card p{font-size:17px}.reference-home .ref-download-card .ref-button{font-size:15px}.reference-home .ref-status{font-size:11px}.reference-home .ref-download-heading{margin-bottom:48px}.reference-home .ref-security .ref-screen-figure{margin-top:10px}.reference-home .ref-feature-cards{grid-template-columns:1fr;gap:28px}.reference-home .ref-feature-cards article{padding:45px 42px}.reference-home .ref-feature-cards h2{font-size:43px}.reference-home .ref-feature-cards p{font-size:18px;max-width:none}.reference-home .ref-guide .ref-screen-figure{order:2}.reference-home .ref-guide .ref-section-copy{order:1}.reference-home .ref-web-section{padding-top:50px}.reference-home .ref-web-section .ref-screen-figure{width:min(620px,100%)}.reference-home .ref-faq details{padding-inline:30px}.reference-home .ref-faq summary{font-size:19px;padding-block:28px}.reference-home .ref-faq p{font-size:17px;margin-right:25px}.reference-home .ref-faq-section h2{font-size:45px;margin-bottom:45px}}
@media(max-width:600px){.reference-home .ref-header{height:70px;padding:0 20px;gap:16px}.reference-home .ref-brand,.reference-home .ref-brand img{width:146px}.reference-home .ref-header-action{display:none}.reference-home .ref-mobile-menu{margin-left:auto}.reference-home .ref-mobile-menu nav{top:56px;right:0;width:min(270px,calc(100vw - 40px))}.reference-home .ref-hero{min-height:760px;padding:150px 24px 110px;background-position:58% center}.reference-home .ref-hero:before{background:#000b}.reference-home .ref-hero h1{font-size:41px;line-height:1.2;letter-spacing:-.8px;margin-bottom:26px}.reference-home .ref-hero-copy>p{font-size:17px;line-height:26px;margin-bottom:30px}.reference-home .ref-actions{align-items:stretch;flex-direction:column;gap:15px;max-width:330px}.reference-home .ref-button{min-height:56px;font-size:16px;gap:13px;padding:14px 20px}.reference-home .ref-hero-copy>.ref-hero-note{font-size:11px;line-height:1.6;max-width:300px;margin-top:20px}.reference-home .ref-container{width:calc(100% - 44px)}.reference-home .ref-section{padding-block:65px}.reference-home h2{font-size:37px;letter-spacing:-.9px;line-height:1.18;margin-bottom:23px}.reference-home p{font-size:16px;line-height:1.6}.reference-home .ref-split{gap:46px}.reference-home .ref-section-copy p{margin-bottom:20px}.reference-home .ref-section-copy .ref-button{margin-top:6px}.reference-home .ref-television{border-width:8px;border-bottom-width:16px;border-radius:6px}.reference-home .ref-television:after{bottom:-14px;font-size:5px;letter-spacing:1px;line-height:13px}.reference-home .ref-television>i{top:calc(100% + 16px);height:17px}.reference-home .ref-television>i:after{top:15px;height:5px}.reference-home .ref-screen-figure figcaption{font-size:10px;margin:43px 5px 0}.reference-home .ref-intro{padding-top:70px;padding-bottom:55px}.reference-home .ref-showcase{padding:15px 0 60px}.reference-home .ref-big-screen{margin-bottom:50px}.reference-home .ref-big-screen .ref-television{border-width:8px;border-bottom-width:16px}.reference-home .ref-big-screen .ref-television:after{bottom:-14px;line-height:13px;font-size:5px}.reference-home .ref-big-screen .ref-television>i{top:calc(100% + 16px);height:17px}.reference-home .ref-big-screen .ref-television>i:after{top:15px;height:5px}.reference-home .ref-big-screen figcaption{margin-top:43px}.reference-home .ref-center-copy h2{font-size:38px;line-height:1.2;margin-bottom:22px}.reference-home .ref-center-copy p{font-size:16px}.reference-home .ref-center-copy p br{display:none}.reference-home .ref-platform-strip{padding:32px 0}.reference-home .ref-platform-list{gap:26px 20px;justify-content:center}.reference-home .ref-platform-list>div{min-width:140px;gap:10px}.reference-home .ref-platform-list span{font-size:19px}.reference-home .ref-platform-list b{font-size:39px;width:34px;text-align:center}.reference-home .ref-platform-list small{font-size:9px}.reference-home .ref-downloads{padding-top:65px;padding-bottom:55px}.reference-home .ref-download-heading{margin-bottom:35px}.reference-home .ref-download-heading h2{margin-bottom:20px}.reference-home .ref-download-heading p{font-size:16px}.reference-home .ref-download-grid{gap:24px}.reference-home .ref-download-card{width:100%;max-width:410px;padding:25px 27px}.reference-home .ref-download-art{height:148px;margin-bottom:15px}.reference-home .ref-download-art svg{width:115px;height:115px}.reference-home .ref-status{font-size:11px}.reference-home .ref-download-card h3{font-size:28px;margin:10px 0 14px}.reference-home .ref-download-card p{font-size:17px;margin-bottom:25px;line-height:1.5}.reference-home .ref-download-card .ref-button{font-size:16px;min-height:55px}.reference-home .ref-unavailable{font-size:16px}.reference-home .ref-download-card>small{font-size:10px;margin-top:13px;min-height:20px}.reference-home .ref-download-note{font-size:11px;text-align:left;line-height:1.7;margin-top:26px}.reference-home .ref-security{padding-top:55px;padding-bottom:65px}.reference-home .ref-monitor{border-width:8px;border-bottom-width:21px;margin-bottom:60px;border-radius:6px}.reference-home .ref-monitor:before{top:calc(100% + 21px);height:35px}.reference-home .ref-monitor:after{top:calc(100% + 54px);height:7px}.reference-home .ref-security .ref-screen-figure figcaption{margin-top:20px;font-size:10px}.reference-home .ref-feature-band{padding:48px 0}.reference-home .ref-feature-cards{gap:24px}.reference-home .ref-feature-cards article{border-radius:25px;padding:33px 28px}.reference-home .ref-card-symbol{font-size:42px;margin-bottom:23px}.reference-home .ref-feature-cards h2{font-size:31px;line-height:1.2;margin-bottom:22px}.reference-home .ref-feature-cards p{font-size:16px;line-height:1.6;margin-bottom:25px}.reference-home .ref-feature-cards a{font-size:15px}.reference-home .ref-guide{padding-top:70px;padding-bottom:55px}.reference-home .ref-steps{margin-top:26px}.reference-home .ref-steps li{padding-left:39px;margin-bottom:25px}.reference-home .ref-steps li:before{width:26px;height:26px;font-size:13px}.reference-home .ref-steps strong{font-size:17px}.reference-home .ref-steps span{font-size:15px;line-height:1.6}.reference-home .ref-web-section{padding-top:50px;padding-bottom:60px}.reference-home .ref-browser-mockup{border-radius:7px}.reference-home .ref-browser-bar{height:22px}.reference-home .ref-browser-bar span{font-size:6px}.reference-home .ref-web-section .ref-screen-figure figcaption{margin-top:15px}.reference-home .ref-faq-section{padding-top:45px;padding-bottom:70px}.reference-home .ref-faq-section h2{font-size:35px;line-height:1.2;margin-bottom:35px}.reference-home .ref-faq{gap:15px}.reference-home .ref-faq details{border-radius:12px;padding-inline:20px}.reference-home .ref-faq summary{font-size:17px;line-height:1.45;gap:18px;padding-block:24px}.reference-home .ref-faq summary>span{font-size:28px}.reference-home .ref-faq p{font-size:15px;line-height:1.6;margin:0 0 25px}.reference-home .ref-footer{padding:32px 22px 26px}.reference-home .ref-footer>a{width:180px;margin-bottom:20px}.reference-home .ref-footer nav{font-size:12px;gap:12px 20px}.reference-home .ref-footer p{font-size:10px;margin-top:24px}}
@media(max-width:360px){.reference-home .ref-hero{padding-inline:20px}.reference-home .ref-hero h1{font-size:36px}.reference-home .ref-hero-copy>p{font-size:16px}.reference-home .ref-container{width:calc(100% - 36px)}.reference-home h2{font-size:33px}.reference-home .ref-center-copy h2{font-size:34px}.reference-home .ref-feature-cards article{padding:30px 23px}.reference-home .ref-feature-cards h2{font-size:28px}.reference-home .ref-platform-list>div{min-width:130px}.reference-home .ref-download-card{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.reference-home .ref-button,.reference-home .ref-faq summary>span{transition:none}}
@media(max-width:600px){.reference-home .ref-platform-list b svg{width:34px;height:34px}}
/* App-only presentation; portal and preserved browser-player assets are unchanged. */
.reference-home .ref-platform-apps{justify-content:center;gap:clamp(35px,10vw,160px)}
.reference-home .ref-platform-apps>div{min-width:0}
.reference-home .ref-android-preview{min-height:370px;border:1px solid #235bbf;border-radius:24px;background:#050505;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 25px;color:#fff}
.reference-home .ref-android-preview svg{width:115px;height:115px;fill:#3a78ed;margin-bottom:28px}
.reference-home .ref-android-preview strong{font-size:34px;font-weight:650;line-height:1.3}
.reference-home .ref-android-preview>span{font-size:15px;color:#a4bce6;border:1px solid #34528a;border-radius:30px;padding:7px 18px;margin-top:18px}
.reference-home .ref-android-preview+figcaption{margin-top:20px}
@media(max-width:600px){.reference-home .ref-android-preview{min-height:300px;border-radius:20px}.reference-home .ref-android-preview svg{width:90px;height:90px;margin-bottom:23px}.reference-home .ref-android-preview strong{font-size:29px}}
