:root{--accent:#4d7c0f;--blue:#3f6212;--burgundy:#4d7c0f;--wine:#4f7a0f;--rose:#c9f28b;--blush:#f3fde4}
.button-primary{background:var(--burgundy)!important;box-shadow:0 12px 30px rgba(139,215,25,.22)!important}.button-primary:hover{background:#75a52d!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,215,25,.45)!important}.popular{background:var(--burgundy)!important}
.art-glow{background:radial-gradient(circle,rgba(139,215,25,.46),rgba(58,90,10,.12) 60%,transparent 72%)!important}.phone-hero{border-color:#5d8f11!important;background:linear-gradient(145deg,#d7ff9a,#4d7c0f 35%,#1d2b07 72%)!important;box-shadow:0 35px 70px rgba(40,62,8,.32),0 0 45px rgba(139,215,25,.3)!important}.phone-screen{background:#121a05!important}.phone-feature{background:linear-gradient(160deg,rgba(62,100,6,.1),rgba(13,20,3,.78)),radial-gradient(circle at 76% 30%,#a7e34d,#5e8f15 37%,#1e2d07 67%)!important}.phone-feature:after{border-color:rgba(223,255,176,.48)!important;box-shadow:0 0 0 22px rgba(193,255,100,.1),0 0 0 45px rgba(193,255,100,.06)!important}.phone-brand span span,.phone-section b,.series-row span,.series-row em{color:#e1ffb5!important}.phone-nav span:first-child{color:#e1ffb5!important}.phone-content{background:linear-gradient(160deg,#ecffd0,#aedf65 55%,#4f7a0f)!important}.phone-content i{color:#f6ffe8!important}
.cta{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(236,244,223,.92))!important;border-color:rgba(139,215,25,.24)!important}.plan-card.featured{background:linear-gradient(145deg,#507a10,#314b0b)!important;border-color:#abdf5d!important}.plan-card.featured .button-primary{background:#ecffd0!important;color:#41650b!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:#f9fbf7!important}.tv-screen{border-color:#6a9f1b!important;background:linear-gradient(145deg,#eef5e3,#bcd596 54%,#6b8b3b)!important}.tv-screen span span,.laptop-nav span{color:var(--burgundy)!important}.tv-screen b{color:#4f6f1e!important}.iphone-visual{border-color:#4a710f!important;background:#151e08!important}.iphone-content{background:linear-gradient(160deg,#e5f3d1,#aedf65 55%,#4f7a0f)!important}.laptop-screen{border-color:#adb99a!important;background:linear-gradient(145deg,#fbfff6,#ccd8b9 60%)!important}.laptop-base{background:#bbc7aa!important;box-shadow:0 8px 0 -3px #889870!important}
.device-main{background:linear-gradient(145deg,#243210,#4e6e1e 56%,#2f4213)!important}.device-mobile{background:linear-gradient(145deg,#273513,#5f7b36)!important}.device-desktop{background:linear-gradient(145deg,#1b2113,#475630)!important}.device-arrow,.compat-arrow{color:#719a34!important}
.float-icon{background:#3f6212!important;color:#ebf7d8!important}.check{background:#4f7a0f!important;color:#f1ffdc!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,215,25,.22);border-radius:24px;background:linear-gradient(105deg,rgba(255,255,255,.82),rgba(237,245,224,.92));box-shadow:0 18px 45px rgba(70,108,12,.1)}.trial-copy{position:relative;z-index:1}.trial-kicker{display:block;color:#4d7c0f;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:#4d7c0f}.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,215,25,.19);border-radius:50%;right:80px;top:-95px;box-shadow:0 0 0 32px rgba(139,215,25,.05),0 0 0 66px rgba(139,215,25,.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(70,108,12,.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}
}

:where(a, button, input, select, summary):focus-visible {
  outline: 3px solid #4d7c0f;
  outline-offset: 3px;
}

/* SEO/performance polish: keep below-the-fold sections cheap to render and prevent mobile overflow. */
@media (min-width: 801px) {
  .feature-band, .compatibility, .plans, .faq, .cta, .quote-section { content-visibility: auto; contain-intrinsic-size: 1px 720px; }
}
@media (max-width: 800px) {
  .compatibility-grid, .brand-logos, .plan-grid, .faq-grid, .checkout-layout, .contact-grid, .setup-grid { min-width: 0; }
  .compatibility-head, .plans-head, .intro-grid, .faq-grid { width: 100%; }
  .brand-logos b { max-width: 100%; overflow-wrap: anywhere; }
  .button, .button-primary, .button-outline { min-height: 44px; }
  .footer, .legal-main, .checkout-main, .contact-main, .setup-main { overflow-wrap: anywhere; }
}

@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}
}

/* Unified lime button treatment */
.button,
.button-primary,
.button-bright,
.button-outline {
  background: #4d7c0f !important;
  border-color: #4d7c0f !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(139,215,25,.2) !important;
}

.button:hover,
.button-primary:hover,
.button-bright:hover,
.button-outline:hover {
  background: #3f6212 !important;
  border-color: #3f6212 !important;
  color: #ffffff !important;
  box-shadow: 0 15px 35px rgba(139,215,25,.28) !important;
}

/* SEO navigation */
.seo-breadcrumbs { font-size: .8rem; line-height: 1.6; margin: 0 0 1.5rem; overflow-wrap: anywhere; }
.seo-breadcrumbs a, .seo-byline a { text-decoration: underline; text-underline-offset: .2em; }
.seo-byline { font-size: .875rem; margin: .75rem 0 1.5rem; }

/* Lime identity: vivid surfaces with dark text, deeper green for readable links. */
:root { --accent: #b7ff4a; --blue: #4d7c0f; --burgundy: #4d7c0f; --wine: #243b0b; --rose: #c9f59a; --blush: #effbdc; }
.button, .button-primary, .button-bright, .button-outline,
.plan-card.featured .button-primary, .pricing-page .plan-card.featured .button-primary {
  background: #b7ff4a !important; border-color: #b7ff4a !important;
  color: #18220b !important; box-shadow: 0 12px 30px rgba(101,163,13,.18) !important;
}
.button:hover, .button-primary:hover, .button-bright:hover, .button-outline:hover,
.plan-card.featured .button-primary:hover, .pricing-page .plan-card.featured .button-primary:hover {
  background: #a3e635 !important; border-color: #a3e635 !important;
  color: #18220b !important; box-shadow: 0 15px 35px rgba(101,163,13,.24) !important;
}
.brand-mark, .popular { background: #b7ff4a !important; color: #18220b !important; }
.pulse { background: #a3e635 !important; box-shadow: 0 0 12px rgba(163,230,53,.45) !important; }
.plan-card.featured { background: linear-gradient(145deg,#304a13,#162709) !important; border-color: #77a936 !important; }
.plan-card.featured .plan-kicker { color: #b7ff4a !important; }
.plan-card.featured p, .plan-card.featured .plan-name,
.plan-card.featured h2 span, .plan-card.featured h3 span { color: #d8edbe !important; }
.plan-card.featured li { color: #f0f9e5 !important; }