:root{--accent:#8b1e43;--blue:#76213f;--burgundy:#8b1e43;--wine:#58152d;--rose:#c97991;--blush:#f3e4e8}
.button-primary{background:var(--burgundy)!important;box-shadow:0 12px 30px rgba(139,30,67,.22)!important}.button-primary:hover{background:#a52d53!important}.brand-mark{background:var(--burgundy)!important}.hero h1 em,.section-label span:first-child,.arrow-link,.platform-label span,.plan-kicker,.cta-sparkle,.cta h2 em{color:var(--burgundy)!important}.pulse{background:var(--burgundy)!important;box-shadow:0 0 12px rgba(139,30,67,.45)!important}.popular{background:var(--burgundy)!important}
.art-glow{background:radial-gradient(circle,rgba(139,30,67,.46),rgba(86,18,43,.12) 60%,transparent 72%)!important}.phone-hero{border-color:#54142d!important;background:linear-gradient(145deg,#e5a1b2,#58152d 35%,#210914 72%)!important;box-shadow:0 35px 70px rgba(62,15,34,.32),0 0 45px rgba(139,30,67,.24)!important}.phone-screen{background:#160914!important}.phone-feature{background:linear-gradient(160deg,rgba(92,18,47,.1),rgba(20,5,13,.78)),radial-gradient(circle at 76% 30%,#d17b91,#6d1d3d 37%,#21101a 67%)!important}.phone-feature:after{border-color:rgba(255,203,216,.4)!important;box-shadow:0 0 0 22px rgba(237,145,165,.08),0 0 0 45px rgba(237,145,165,.05)!important}.phone-brand span span,.phone-section b,.series-row span,.series-row em{color:#e89ab0!important}.phone-nav span:first-child{color:#e89ab0!important}.phone-content{background:linear-gradient(160deg,#f1c4cf,#a44c6b 55%,#4d132e)!important}.phone-content i{color:#ffe0e8!important}
.cta{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(244,223,230,.92))!important;border-color:rgba(139,30,67,.24)!important}.plan-card.featured{background:linear-gradient(145deg,#5d1731,#3b1023)!important;border-color:#a75770!important}.plan-card.featured .button-primary{background:#eab2c1!important;color:#551329!important}.platform.disney span,.platform.apple span,.platform.paramount span{color:var(--burgundy)!important}.faq summary:after{color:var(--burgundy)!important}
.compat-tv,.compat-phone,.compat-laptop{background:#fbf7f8!important}.tv-screen{border-color:#6b233e!important;background:linear-gradient(145deg,#f5e3e8,#d596aa 54%,#8b3b59)!important}.tv-screen span span,.laptop-nav span{color:var(--burgundy)!important}.tv-screen b{color:#6f1e3c!important}.iphone-visual{border-color:#51142c!important;background:#1e0813!important}.iphone-content{background:linear-gradient(160deg,#f3d1da,#b2607d 55%,#5a1734)!important}.laptop-screen{border-color:#b99aa4!important;background:linear-gradient(145deg,#fff6f8,#d8b9c3 60%)!important}.laptop-base{background:#c7aab4!important;box-shadow:0 8px 0 -3px #987080!important}
.device-main{background:linear-gradient(145deg,#32101f,#6e1e3e 56%,#421326)!important}.device-mobile{background:linear-gradient(145deg,#351324,#7b3651)!important}.device-desktop{background:linear-gradient(145deg,#21131a,#56303c)!important}.device-arrow,.compat-arrow{color:#9a3457!important}
.float-icon{background:#76213f!important;color:#f7d8e1!important}.check{background:#5a1734!important;color:#ffdce5!important}
.trial-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:60px;padding:42px 48px;border:1px solid rgba(139,30,67,.22);border-radius:24px;background:linear-gradient(105deg,rgba(255,255,255,.82),rgba(245,224,231,.92));box-shadow:0 18px 45px rgba(89,26,50,.1)}.trial-copy{position:relative;z-index:1}.trial-kicker{display:block;color:#8b1e43;font-size:9px;font-weight:700;letter-spacing:.16em}.trial-banner h2{font:600 clamp(31px,4vw,52px)/.95 "Space Grotesk";letter-spacing:-.07em;color:#182235;margin:12px 0 10px}.trial-banner h2 em{font-style:normal;color:#8b1e43}.trial-banner p{color:#657084;font-size:13px;margin:0;max-width:390px}.trial-banner .button{position:relative;z-index:1;flex:none}.trial-orbit{position:absolute;width:260px;height:260px;border:1px solid rgba(139,30,67,.19);border-radius:50%;right:80px;top:-95px;box-shadow:0 0 0 32px rgba(139,30,67,.05),0 0 0 66px rgba(139,30,67,.035)}@media(max-width:650px){.trial-banner{display:block;padding:32px 25px}.trial-banner .button{margin-top:24px}.trial-orbit{right:-100px;top:-45px}}
.desktop-nav a[href*="#experience"],.desktop-nav a[href*="#devices"]{display:none!important}

/* Shared phone layout: keep decorative artwork from creating horizontal scroll. */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
button,a,.button,input,select{touch-action:manipulation}
@media(max-width:600px){
  .container,.site-header{width:calc(100% - 32px);max-width:none}
  .announcement{min-height:32px;height:auto;padding:8px 16px;text-align:center;line-height:1.35}
  .site-header{height:68px;gap:12px}
  .brand{min-width:0;font-size:14px;white-space:nowrap}
  .header-actions{gap:8px;margin-left:auto}
  .header-actions .button{padding:9px 11px;font-size:11px;gap:7px;white-space:nowrap}
  .menu-toggle{flex:none}
  .menu-toggle span{background:var(--burgundy)!important;height:2px;border-radius:2px}
  .menu-toggle:focus-visible{outline:2px solid var(--burgundy);outline-offset:4px;border-radius:8px}
  .desktop-nav.mobile-open{top:101px;left:16px;right:16px;padding:16px;gap:2px}
  .desktop-nav.mobile-open{color:#182235;box-shadow:0 18px 40px rgba(89,21,45,.16)}
  .desktop-nav.mobile-open a{padding:12px 4px;font-size:14px}
  .hero{gap:18px;padding-top:35px;padding-bottom:45px}
  .hero h1{font-size:clamp(43px,13vw,58px);margin:22px 0 20px}
  .hero-lede{font-size:14px;line-height:1.6}
  .hero-actions{margin-top:26px;gap:14px}
  .hero-actions .button{padding:12px 15px}
  .trust-row{margin-top:32px;gap:9px;font-size:10px}
  .hero-art{width:100%;height:300px;margin:0}
  .art-grid{transform-origin:center center;transform:perspective(550px) rotateX(58deg) translateY(70px) scale(.72)}
  .phone-hero{width:215px;height:420px;transform:rotate(4deg) scale(.66);transform-origin:center}
  .hero-art .float-one{right:-2px;top:15px;transform:scale(.78);transform-origin:right top}
  .hero-art .float-two{left:-2px;bottom:5px;transform:scale(.78);transform-origin:left bottom}
  .platform-carousel{width:100%;padding:20px 0 24px}
  .platform-label{min-width:0}
  .platform-label span{font-size:8px}
  .platform-track{animation-duration:26s}
  .platform-set{gap:24px;padding-right:24px}
  .platform{font-size:14px!important}
  .platform.hbo,.platform.hulu,.platform.max{font-size:19px!important}
  .section{padding-top:72px}
  .intro h2,.devices h2,.plans h2,.faq h2{font-size:clamp(38px,12vw,52px)}
  .large-copy,.devices-head p,.plans-head p{font-size:15px;line-height:1.6}
  .feature-band{margin-top:34px;gap:24px}
  .feature-image{height:290px;border-radius:18px}
  .feature-caption{left:20px;bottom:20px}
  .feature-caption strong{font-size:21px}
  .feature-list{width:100%}
  .feature-item{grid-template-columns:25px minmax(0,1fr) 18px;gap:10px;padding:20px 0}
  .feature-item h3{font-size:18px}
  .feature-item p{font-size:12px;margin-top:7px}
  .device-grid{gap:10px;margin-top:30px}
  .device-card{min-width:0;height:250px;border-radius:18px;padding:17px}
  .device-card h3{font-size:23px}
  .device-chips{flex-wrap:wrap;max-width:85%}
  .device-chips span{font-size:8px;padding:5px 6px}
  .plan-grid{gap:12px;margin-top:30px}
  .plan-card{min-width:0;min-height:0;padding:22px;border-radius:18px}
  .plan-card h3{font-size:38px}
  .plan-card p{font-size:12px}
  .quote-section{padding:65px 0}
  .quote-section blockquote{font-size:29px}
  .cta{margin-top:38px;margin-bottom:70px;padding:55px 22px;border-radius:18px}
  .cta h2{font-size:clamp(40px,12vw,58px)}
  .footer-top{display:grid;grid-template-columns:1fr;gap:24px;padding:26px 0 38px}
  .footer-top p{order:initial;width:auto;margin:0}
  .footer-links{gap:8px 18px;font-size:12px}
  .footer-bottom{display:grid;grid-template-columns:1fr;gap:10px;padding-top:16px}
  .footer-bottom span:last-child{width:auto}
  .legal-links{gap:8px 14px}
  .legal-links a{display:inline-block;line-height:1.5}
  .legal-links a:not(:last-child):after{margin-left:14px}
}

@media(max-width:380px){
  .container,.site-header{width:calc(100% - 24px)}
  .header-actions .button{padding-inline:9px}
  .hero h1{font-size:43px}
  .hero-art{height:275px}
  .phone-hero{transform:rotate(4deg) scale(.58)}
  .feature-image{height:260px}
  .feature-caption strong{font-size:19px}
}