/* Mango Player — original brand tokens with a dimensional product scene. */
:root{--signature:#e07b39;--signature-light:#f5a05c;--signature-dark:#cc6a2e;--glass-border:rgba(255,255,255,.125)}
html{-webkit-font-smoothing:antialiased;font-synthesis:none}
.brand,.footer .brand{font-size:20px;font-weight:700;letter-spacing:-.02em;gap:12px;white-space:nowrap}
.brand img{width:32px;height:43px;object-fit:contain}.brand-mango{color:var(--signature)}
.desktop-nav a,.account{font-weight:500;font-size:.9rem}.desktop-nav{gap:26px}
.nav{height:80px}.nav.scrolled{background:rgba(15,15,20,.91)}
.nav-actions{gap:24px}.study-bar{font-size:11px;color:#90909b;letter-spacing:.12em;background:#0a0a0e}
.menu-brand{font:700 23px 'Sora',sans-serif;letter-spacing:-.02em}
.button{background:linear-gradient(135deg,var(--signature),var(--signature-light));color:#fff;letter-spacing:.01em;border-radius:32px;box-shadow:inset 0 1px 0 #ffdcb747,0 6px 22px #e07b391c}
.button:hover{background:linear-gradient(135deg,var(--signature-light),var(--signature));box-shadow:inset 0 1px 0 #ffe2c78a,0 10px 35px #e07b3940}
.button-small{min-height:42px}.button-small span{font-size:19px}.button-note{font-size:13px;color:#a4a4ae}
h2{font-weight:800;letter-spacing:-.03em;line-height:1.1}h2 span{color:var(--signature)}
.chapter h3{font-weight:800;letter-spacing:-.02em;line-height:1.15}
.benefits h3,.download-card h3{font-weight:700;letter-spacing:-.01em}.download-card{border-radius:24px;background:linear-gradient(145deg,#1a1a24,#14141c);border-color:#ffffff12}.download-card:hover{background:linear-gradient(145deg,#22222e,#1a1a24)}
.faq-item summary{font-family:'Sora',sans-serif;font-weight:600}.launch-offer{border-color:#e07b3933}.launch-offer h3{font-weight:800;letter-spacing:-.03em}
.hero{isolation:isolate;position:relative;padding-top:56px;overflow:clip;background:#0f0f14}
.ambient-light{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.85}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 56%,#e07b3915,transparent 47%),radial-gradient(ellipse at 15% 38%,#494a7115,transparent 43%);mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}
.hero-copy{position:relative;z-index:3;text-align:center;width:94%;max-width:1300px}
.hero .eyebrow{justify-content:center;font-size:12px;letter-spacing:.17em;color:#b0b0b8;gap:11px}
.hero h1{font-size:clamp(42px,6.55vw,91px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-top:26px}
.hero .title-soft{color:var(--signature);background:linear-gradient(120deg,#e07b39 12%,#f5a05c 52%,#e07b39 84%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-bottom{display:flex;flex-direction:column;align-items:center;max-width:none;margin-top:26px}
.hero-bottom p{font-size:20px;line-height:1.55;color:#b0b0b8}.hero-bottom>div{margin:25px 0 0}
.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:30px}.hero-cta-row .button{min-height:52px;gap:22px;padding:0 27px}
.hero-secondary{font-size:15px;font-weight:500;display:flex;align-items:center;gap:12px;color:#d7d7df;transition:color .3s}.hero-secondary:hover{color:var(--signature-light)}.hero-secondary span{font-size:19px}
.hero-bottom .button-note{margin-top:17px;max-width:none;text-align:center}
.cinema-wrap{position:relative;width:100%;max-width:1510px;margin:100px auto 0;perspective:1800px}
.scene-tilt{position:relative;width:100%;aspect-ratio:1.85;transform-style:preserve-3d;transform:rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg));will-change:transform}
.glass-halo{position:absolute;z-index:0;width:101%;max-width:none;height:auto;left:0;top:-9%;opacity:.74;transform:translate3d(var(--halo-x,0px),var(--halo-y,0px),-40px) rotate(-5deg);pointer-events:none;user-select:none;filter:saturate(.8);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 92%,transparent)}
.scene-floor{position:absolute;z-index:-1;left:10%;right:10%;top:70%;height:29%;background:radial-gradient(ellipse,#e07b391f,transparent 66%);transform:rotateX(45deg);pointer-events:none}
.cinema{position:absolute;z-index:2;width:70%;left:17%;top:11%;border-radius:16px;border:1px solid #ffffff33;transform:translate3d(0,var(--screen-y,0px),55px) rotateY(-6deg) rotateX(3deg);transform-origin:center;box-shadow:-25px 28px 70px #0009,0 0 2px #f7b17399;background:#0a0a0e;overflow:visible;transition:none}
.cinema>img{border-radius:15px;width:100%;height:auto}.cinema-edge{box-shadow:inset 0 1px 0 #ffcc9155}.screen-label{position:absolute;right:3%;bottom:-30px;font-size:10px;letter-spacing:.17em;color:#aaa6a7;font-family:'Work Sans',sans-serif}
.companion-screen{position:absolute;width:29%;left:8%;bottom:9%;z-index:4;transform:translate3d(var(--companion-x,0px),var(--companion-y,0px),100px) rotateY(8deg) rotateZ(-3deg);transform-origin:center;filter:drop-shadow(-12px 20px 28px #0009)}
.companion-screen>img{width:100%;height:auto;border:1px solid #b6b6c14d;border-radius:14px;box-shadow:0 0 0 4px #111115;aspect-ratio:4/3;object-fit:contain;background:#0f0f14}
.companion-screen figcaption{margin-top:15px;font-size:13px;font-weight:400;line-height:1.55;color:#a9a9b2;transform:rotate(3deg)}.companion-screen figcaption strong{font-weight:600;color:#eeeeef}
.continuity-tag{position:absolute;right:5%;bottom:11%;z-index:4;border:1px solid #e07b3940;background:linear-gradient(145deg,#1a1a24e6,#17171dcf);box-shadow:0 14px 50px #0007;padding:15px 20px;display:flex;align-items:center;gap:11px;font-size:13px;color:#eeeef3;border-radius:14px;transform:translate3d(0,var(--tag-y,0px),90px)}
.cinema-caption{position:relative;z-index:3;width:83%;margin:0 auto;font-size:11px;color:#9898a3;letter-spacing:.1em;padding:15px 0}
.cinema-caption a{font-size:13px}.platform-line{position:relative;z-index:3;margin-top:18px;padding-top:31px;padding-bottom:35px}.platform-line>span{color:#9797a2}.platform-line p{color:#b0b0b8}
.experience{padding-top:105px}.demo-stage{perspective:1800px}.demo-panel img{border-radius:20px;box-shadow:0 18px 60px #0005;border-color:#ffffff24}
.journey{background:linear-gradient(180deg,#101016,#15151d 45%,#101015);overflow:clip}.journey-glass{position:absolute;width:140%;max-width:none;left:-20%;top:8%;height:90%;object-fit:contain;opacity:.24;filter:saturate(.68);transform:rotate(-18deg) translateY(var(--journey-glass-y,0px));pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 90%,transparent)}
.journey-visual{perspective:1400px}.journey-frame{transform:translate3d(55px,18px,-90px) rotateY(-8deg) scale(.95);transition:opacity .8s var(--ease),transform 1.1s var(--ease)}.journey-frame.active{transform:translate3d(0,0,0) rotateY(0) scale(1)}
.journey-frame.offline img{border-radius:24px}.journey-tracker{font-size:11px}.tracker-label{min-width:95px}.journey-glow{background:radial-gradient(ellipse at 60% 70%,#e07b3929,transparent 60%)}
.closing{position:relative;isolation:isolate;overflow:clip}.closing::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 110%,#e07b391a,transparent 60%)}
.closing h2{font-weight:800;letter-spacing:-.03em}.footer{padding-bottom:34px}
@media(min-width:1600px){.hero{padding-top:65px}.cinema-wrap{max-width:1450px}.hero h1{font-size:91px}}
@media(max-width:1180px){.nav{gap:20px}.desktop-nav{gap:19px}.brand{gap:9px}.nav-actions{gap:18px}.scene-tilt{aspect-ratio:1.73}.continuity-tag{bottom:10%;font-size:12px;padding:13px 16px}.companion-screen{bottom:12%}.hero h1{font-size:clamp(42px,6.7vw,83px)}}
@media(max-width:1050px){.brand,.footer .brand{font-size:19px}.brand img{width:29px}.platform-line{display:flex;flex-direction:column;gap:10px}.platform-line p{margin:0}.screen-label{font-size:9px}.companion-screen figcaption{font-size:12px}.hero-bottom p{font-size:18px}}
@media(max-width:740px){.brand,.footer .brand{font-size:17px;gap:7px}.brand img{width:25px;height:34px}.nav{height:74px}.nav .button-small{font-size:12px;gap:8px;padding:0 14px}.nav-actions{gap:7px}.menu-toggle{width:35px;padding:8px}.study-bar>span{font-size:9px;letter-spacing:.06em}.study-bar a{font-size:10px}.hero{padding-top:43px}.hero h1{font-size:clamp(34px,7.9vw,57px);letter-spacing:-.035em;line-height:1.11;margin-top:21px}.hero-copy{width:94%}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.hero-bottom{margin-top:20px}.hero-bottom p{font-size:16px}.hero-cta-row{flex-direction:column;gap:18px}.hero-bottom>div{align-items:center;margin-top:23px}.hero-cta-row .button{font-size:14px;min-height:49px;padding:0 22px;gap:20px}.hero-secondary{font-size:13px;gap:9px}.hero-bottom .button-note{font-size:11px;margin-top:17px}.cinema-wrap{margin-top:28px;width:100%;max-width:600px}.scene-tilt{aspect-ratio:1.25;transform:none!important;will-change:auto}.glass-halo{top:-3%;width:115%;left:-6%;opacity:.64;transform:rotate(-4deg)!important}.cinema{left:9%;top:14%;width:86%;border-radius:9px;transform:rotateY(-4deg)!important}.cinema>img{border-radius:8px}.companion-screen{width:38%;left:4%;bottom:13%;transform:rotateZ(-3deg)!important}.companion-screen>img{border-radius:7px;box-shadow:0 0 0 2px #111115}.companion-screen figcaption{font-size:10px;margin-top:10px;line-height:1.45}.screen-label{display:none}.continuity-tag{font-size:9px;right:3%;bottom:9%;padding:10px;gap:6px;border-radius:10px;max-width:53%;transform:none!important}.continuity-tag .status-dot{width:4px;height:4px;flex-shrink:0}.cinema-caption{width:90%;gap:16px;padding-top:0;margin-top:6px}.cinema-caption>span{font-size:9px;line-height:1.5;max-width:165px}.cinema-caption a{font-size:11px;text-align:right}.platform-line{align-items:center;padding-top:24px;padding-bottom:25px;margin-top:13px;gap:12px;text-align:center}.platform-line>span{font-size:10px}.platform-line p{font-size:12px}.experience{padding-top:70px}.section-heading h2,.journey-heading h2{font-size:clamp(33px,7.6vw,43px);letter-spacing:-.03em}.chapter h3{font-size:clamp(29px,7vw,35px)}.demo-panel img{border-radius:12px}.download-card{border-radius:20px}.launch-offer h3{font-size:27px}.launch-offer p{font-size:14px}.closing h2{font-size:clamp(37px,10.8vw,62px)}.coming-next{padding-left:0;padding-right:0}.footer-top{gap:22px}.footer .brand img{width:29px}}
@media(max-width:360px){.brand,.footer .brand{font-size:15px;gap:6px}.brand img{width:23px}.nav .button-small{font-size:11px;padding:0 10px;gap:7px}.nav-actions{gap:3px}.menu-toggle{width:31px}.hero h1{font-size:31px}.hero .eyebrow{font-size:9px}.hero .button-note{font-size:11px}.study-bar>span{font-size:8px}.continuity-tag{font-size:8px;padding:8px}.companion-screen figcaption{font-size:9px}.cinema-caption>span{font-size:8px}.hero-bottom>div{flex-direction:column;align-items:center}.chapter h3{font-size:27px}.coming-next{grid-template-columns:1fr}.footer .brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){.scene-tilt,.glass-halo,.cinema,.companion-screen,.continuity-tag{transform:none!important}.journey-frame{transform:none!important}.ambient-light{opacity:.55}.scene-tilt{will-change:auto}}

/* Third study: the product carries the image; the atmosphere stays quiet. */
.cinema-wrap{margin-top:60px}.hero-atmosphere{background:radial-gradient(ellipse at 65% 65%,#e07b391c,transparent 48%),radial-gradient(ellipse at 18% 50%,#494a7115,transparent 48%)}
.scene-floor{left:4%;right:4%;top:57%;height:41%;background:radial-gradient(ellipse,#e07b392e,transparent 66%)}
.journey-glow{inset:3% -8%;opacity:1;background:radial-gradient(ellipse at 60% 65%,#e07b3919,transparent 64%)}
.hero-cycle{display:grid;grid-template-columns:minmax(0,1fr);height:1.17em;overflow:clip;position:relative;line-height:1.15;margin-top:.03em}
.hero-cycle-word{grid-area:1/1;display:block;white-space:nowrap;opacity:0;transform:translateY(105%);transition:opacity .5s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.33,1,.68,1);background:linear-gradient(135deg,#e07b39,#f5a05c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-cycle-word.active{opacity:1;transform:translateY(0)}
.download-grid{gap:20px}.download-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:25px 24px 21px;min-height:365px;isolation:isolate}
.download-card>div{margin:0;padding:0}.download-card .download-card-heading{display:flex;align-items:center;justify-content:flex-start;gap:14px;position:relative;z-index:2}
.device-icon{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;border:1px solid #e07b3930;border-radius:14px;background:linear-gradient(145deg,#e07b3916,#e07b3905)}
.download-card .download-card-heading>.device-icon{display:grid}.device-icon img{width:26px;height:26px}.download-kind{font-size:9px;letter-spacing:.13em;color:#a8a8b4}.download-card h3{font-size:22px;letter-spacing:-.025em;line-height:1.3;margin:7px 0 0;white-space:nowrap;color:#fff}
.download-card .download-art{position:relative;display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:230px;margin:10px 0 9px;perspective:950px;isolation:isolate;gap:0}
.download-art::before{content:'';position:absolute;z-index:-1;inset:4% -22% -8%;background:radial-gradient(ellipse at 50% 80%,#e07b3928,transparent 65%);opacity:.7;transition:opacity .6s}
.download-card:hover .download-art::before{opacity:1}.device-tv,.device-phone,.device-laptop{position:relative;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.device-tv{width:100%;border:4px solid #08080c;border-radius:8px;box-shadow:0 0 0 1px #ffffff30,0 22px 28px #0006;transform:rotateY(-9deg) rotateX(4deg) translateY(-5px)}
.device-tv img{width:100%;height:auto;border-radius:4px}.device-tv-stand{position:absolute;top:calc(50% + 84px);width:55px;height:14px;border-radius:50%;background:linear-gradient(#494950,#111116);box-shadow:0 4px 8px #0007;z-index:-1}
.device-tv-stand::before{content:'';position:absolute;bottom:7px;left:20px;width:15px;height:18px;background:linear-gradient(90deg,#111116,#494950,#111116)}
.device-phone{height:208px;aspect-ratio:842/1867;border:4px solid #0a0a0f;border-radius:18px;box-shadow:0 0 0 1px #777780,10px 18px 30px #0008;overflow:hidden;transform:rotateY(-12deg) rotateZ(-8deg) translateX(-21px)}
.device-phone img{width:100%;height:100%;object-fit:contain}.phone-camera{position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#060609;transform:translateX(-50%);z-index:1}
.phone-note{position:absolute;left:63%;top:38%;font-size:13px;line-height:1.75;color:#a8a8b4;transform:translateX(-4px)}
.device-laptop{width:96%;border:5px solid #0a0a0f;border-bottom-width:9px;border-radius:9px 9px 4px 4px;box-shadow:0 0 0 1px #ffffff2c,0 22px 24px #0005;transform:rotateY(9deg) rotateX(4deg) translateY(-5px)}
.device-laptop img{width:100%;height:auto;border-radius:3px}.laptop-base{position:absolute;left:-6%;right:-6%;height:9px;bottom:-16px;background:linear-gradient(#62626d,#2d2d36 30%,#0a0a0e);border-radius:0 0 55% 55%;box-shadow:0 8px 13px #0007}.laptop-base::after{content:'';position:absolute;left:43%;width:14%;height:3px;top:0;background:#24242d;border-radius:0 0 5px 5px}
.download-card:hover .device-tv{transform:rotateY(-3deg) rotateX(0deg) translateY(-9px)}.download-card:hover .device-phone{transform:rotateY(-3deg) rotateZ(-4deg) translateX(-21px) translateY(-5px)}.download-card:hover .device-laptop{transform:rotateY(3deg) rotateX(0deg) translateY(-9px)}
.download-card .download-action{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;gap:10px;width:100%;padding-top:13px;border-top:1px solid #ffffff0e;color:#c8c8d0;font-size:12px}.download-action>span:first-child{display:block}.round-arrow{flex-shrink:0}
.faq-preview{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding:42px 0 48px}.faq-preview h2{font-size:34px;margin-top:13px;line-height:1.2}.faq-preview p{font-size:15px;margin-top:12px}.faq-preview .eyebrow{font-size:10px}.faq-preview-link{display:flex;align-items:center;gap:25px;padding:14px 20px;border:1px solid #ffffff23;border-radius:32px;color:#e6e6ed;font-size:14px;white-space:nowrap;transition:border-color .3s,background .3s}.faq-preview-link:hover{border-color:#e07b3966;background:#e07b390d}.faq-preview-link span{color:var(--signature)}
.back-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;color:#b0b0b8}.back-link:hover{color:#fff}.back-link span{color:var(--signature)}
.help-page{max-width:1050px;padding:42px 0 70px}.help-heading{margin-top:37px}.help-heading .eyebrow{font-size:11px}.help-heading h1{font-size:clamp(34px,5vw,59px);line-height:1.12;margin-top:20px}.help-heading h1 span{color:var(--signature)}.help-heading p{font-size:17px;margin-top:18px}.help-topics{display:flex;gap:10px;flex-wrap:wrap;margin:31px 0 44px}.help-topics a{font-size:13px;border:1px solid var(--line);border-radius:24px;padding:10px 17px;color:#d1d1d9;transition:border-color .25s,color .25s}.help-topics a:hover{color:var(--signature-light);border-color:#e07b3970}
.help-content{max-width:890px}.help-group{scroll-margin-top:110px;margin-bottom:40px}.help-group h2{font-size:21px;letter-spacing:-.02em;margin-bottom:8px;color:#f5f5f8}.help-page .faq-item summary{font-size:15px;line-height:1.55;padding:19px 0;gap:22px}.help-page .faq-answer{max-width:790px}.help-page .faq-answer p{font-size:15px}.help-contact{margin-top:45px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.help-contact h2{font-size:23px}.help-contact p{font-size:14px;margin-top:10px}.help-contact .text-link{white-space:nowrap}.desktop-nav a[aria-current=page]{color:var(--signature)}
@media(max-width:1100px) and (min-width:741px){.download-card{padding:20px 17px}.download-card h3{font-size:18px}.download-card .download-card-heading{gap:10px}.device-icon{width:41px;height:41px;border-radius:12px}.device-icon img{width:23px;height:23px}.download-card .download-art{min-height:205px}.phone-note{font-size:11px}.device-tv-stand{top:calc(50% + 60px)}.download-action{font-size:11px!important}}
@media(max-width:740px){.hero-cycle{font-size:clamp(24px,7.1vw,53px);margin-top:.06em}.cinema-wrap{margin-top:19px}.download-grid{gap:18px}.download-card{display:flex;min-height:340px;padding:22px}.download-card .download-card-heading{gap:13px}.download-card h3{font-size:22px;white-space:normal}.download-card .download-art{min-height:205px;max-width:400px;margin:12px auto}.device-tv-stand{top:calc(50% + 70px)}.download-card .download-action>span:first-child{display:block}.download-card .download-action{font-size:12px;padding-top:13px}.device-icon{width:47px;height:47px}.phone-note{font-size:13px}.faq-preview{display:block;padding:32px 0}.faq-preview h2{font-size:30px}.faq-preview p{font-size:14px}.faq-preview-link{width:max-content;margin-top:22px;font-size:13px;padding:12px 18px}.help-page{padding-top:29px}.help-heading{margin-top:29px}.help-heading h1{font-size:38px}.help-heading p{font-size:15px}.help-topics{gap:8px;margin:26px 0 35px}.help-topics a{font-size:11px;padding:9px 12px}.help-page .faq-item summary{font-size:14px;padding:17px 0}.help-page .faq-answer p{font-size:14px}.help-group h2{font-size:19px}.help-contact{display:block}.help-contact .text-link{display:inline-block;margin-top:21px}.help-contact h2{font-size:21px}}
@media(max-width:360px){.download-card{padding:20px;min-height:325px}.download-card h3{font-size:19px}.device-icon{width:42px;height:42px}.download-card .download-art{min-height:195px}.device-tv-stand{top:calc(50% + 59px)}.phone-note{font-size:11px;left:67%}.help-heading h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hero-cycle-word{transition:none;transform:none!important}.device-tv,.device-phone,.device-laptop{transition:none!important;transform:none!important}.phone-note{transform:none}}

/* The upcoming range uses the same product-led cards as the available apps. */
.hardware-card{overflow:hidden;min-height:365px;background:linear-gradient(145deg,#1a1a22,#14141a);border-color:#ffffff17;transition:border-color .65s,background .65s,box-shadow .65s;--card-x:50%;--card-y:50%;--tilt-x:0deg;--tilt-y:0deg;--lift:0px}
.hardware-card .device-icon{background:linear-gradient(145deg,#ffffff08,#ffffff02);border-color:#ffffff18}.hardware-card .device-icon img{filter:grayscale(1);opacity:.8}
.hardware-card h3{font:700 22px/1.3 'Sora',sans-serif;letter-spacing:-.025em;margin:7px 0 0;color:#dddde6}
.hardware-card::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--card-x) var(--card-y),#e7e7ff0c,transparent 62%);opacity:0;transition:opacity .6s}
.hardware-card .hardware-art{min-height:230px;margin:10px 0 9px;perspective:850px;z-index:1;overflow:visible}
.hardware-card .hardware-art::before{inset:17% -10% -8%;background:radial-gradient(ellipse at 50% 75%,#b7b7dd17,transparent 65%);opacity:.6;transition:opacity .65s,transform .65s}
.hardware-visual{display:block;width:112%;max-width:none;height:245px;object-fit:contain;filter:grayscale(.94) brightness(.83) drop-shadow(0 16px 15px #0006);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift));transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s;user-select:none;pointer-events:none}
.hardware-card[aria-labelledby="platform-iphone"] .hardware-visual{width:auto}
.hardware-card .download-action{min-height:48px;color:#bfbfc9}.availability{display:inline-flex!important;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:#bfbfc9}.availability>span{width:5px;height:5px;border-radius:50%;background:#9595a3}.preview-note{font-size:11px;letter-spacing:.02em;color:#9898a5}
@media(hover:hover) and (pointer:fine){.hardware-card:hover{border-color:#ffffff38;background:linear-gradient(145deg,#202029,#17171f);box-shadow:0 18px 36px #0002;--lift:-6px}.hardware-card:hover::after{opacity:1}.hardware-card:hover .hardware-visual{filter:grayscale(.94) brightness(.97) drop-shadow(0 25px 18px #0007)}.hardware-card:hover .hardware-art::before{opacity:1;transform:scale(1.07)}.hardware-card.is-tracking .hardware-visual{transition:transform .18s ease-out,filter .65s}}
@media(max-width:1100px) and (min-width:741px){.hardware-card h3{font-size:20px}.hardware-card .hardware-art{min-height:205px}.hardware-visual{height:218px}.hardware-card{min-height:340px}.availability{font-size:12px}.preview-note{display:none}}
@media(max-width:740px){.hardware-card{min-height:340px}.hardware-card .hardware-art{min-height:205px;margin:12px auto}.hardware-visual{height:235px;max-width:450px}.hardware-card h3{font-size:22px}.availability{font-size:13px}.hardware-card .download-action{min-height:43px}}
@media(max-width:360px){.hardware-card{min-height:325px}.hardware-card h3{font-size:19px}.hardware-visual{height:215px}.hardware-card .hardware-art{min-height:195px}.preview-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hardware-visual{transform:none!important;transition:none!important}.hardware-card,.hardware-card::after,.hardware-card .hardware-art::before{transition:none!important}.hardware-card:hover .hardware-art::before{transform:none}}

/* One range, four cards across on desktop. */
.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;scroll-margin-top:105px}
.platform-grid .download-card{grid-column:auto;padding:23px 20px 20px}
.platform-grid .download-card-heading{min-height:62px;gap:11px;align-items:center}
.platform-grid .device-icon{width:42px;height:42px;border-radius:12px}
.platform-grid .device-icon img{width:23px;height:23px}
.platform-grid .download-card h3{font-size:20px;line-height:1.3;white-space:normal;margin-top:6px}
.platform-grid .download-kind{font-size:9px;letter-spacing:.09em}
.platform-grid .hardware-art{min-height:215px}.platform-grid .hardware-visual{height:225px}
.platform-grid .download-action{min-height:48px;font-size:12px}.platform-grid .round-arrow{width:32px;height:32px;font-size:19px}
.platform-grid .preview-note{display:none}.platform-grid .availability{font-size:12px}
@media(min-width:1101px){.platform-grid .device-phone{height:190px}.platform-grid .phone-note{left:62%;font-size:11px;max-width:38%}.platform-grid .device-tv-stand{top:calc(50% + 58px)}}
@media(max-width:1100px) and (min-width:741px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid .download-card{padding:24px}.platform-grid .download-card h3{font-size:22px}.platform-grid .hardware-visual{height:245px}.platform-grid .phone-note{font-size:13px}}
@media(max-width:740px){.platform-grid{grid-template-columns:minmax(0,1fr)}.platform-grid .download-card{padding:22px}.platform-grid .download-card-heading{min-height:49px}.platform-grid .device-icon{width:47px;height:47px}.platform-grid .download-card h3{font-size:22px}.platform-grid .hardware-visual{height:235px}.platform-grid .preview-note{display:block}.platform-grid .round-arrow{width:36px;height:36px}}
@media(max-width:360px){.platform-grid .download-card{padding:20px}.platform-grid .device-icon{width:42px;height:42px}.platform-grid .download-card h3{font-size:19px}.platform-grid .hardware-visual{height:215px}}
.platform-grid .card-tv .download-art{container-type:inline-size}
.platform-grid .card-tv .device-tv-stand{top:calc(50% + 28.14cqw - 7px)}