/*! Family-D — one stylesheet for every page of every site in the family.
 *  Sections in order: design system, home page components, subpage components,
 *  then the rules the PHP rewrite needed (server-rendered grids, RTL, a11y).
 *  Cache-busted by mtime via d_asset() — see inc/i18n.php.
 */
    :root {
      --white: #ffffff;
      --primary: #083941;
      --primary-dark: #062b31;
      --secondary: #28cd78;
      --secondary-dark: #1fa862;
      --accent: #ff7b00;
      --accent-hover: #e06c00;
      --text: #546062;
      --text-dark: #222;
      --text-light: rgba(255,255,255,0.8);
      --bg-light: #f7f9fb;
      --bg-gradient: linear-gradient(240deg, rgb(232,245,239) 54%, rgb(230,234,234) 100%);
      --border-color: rgba(128,128,128,0.15);
      --font-heading: 'Plus Jakarta Sans', sans-serif;
      --font-body: 'Archivo', sans-serif;
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --radius-xl: 32px;
      --radius-full: 9999px;
      --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.05);
      --shadow-md: 0 10px 25px -3px rgba(0,0,0,0.08);
      --shadow-lg: 0 20px 40px -5px rgba(0,0,0,0.12);
      --shadow-glow: 0 0 30px rgba(40,205,120,0.35);
      --transition: all 0.3s ease;
      --container: 1200px;
    }
    *{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{font-family:var(--font-body);color:var(--text);line-height:1.6;background:#fff;overflow-x:hidden;}
    h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary);line-height:1.2;font-weight:700;}
    a{text-decoration:none;color:inherit;transition:var(--transition);}
    ul{list-style:none;}
    img{max-width:100%;height:auto;display:block;}
    .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}

    /* ── Buttons ── */
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 32px;font-family:var(--font-body);font-weight:600;font-size:15px;border-radius:var(--radius-full);cursor:pointer;border:none;transition:var(--transition);position:relative;overflow:hidden;white-space:nowrap;}
    .btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(255,123,0,0.3);}
    .btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,123,0,0.4);}
    .btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 8px 20px rgba(40,205,120,0.3);}
    .btn-secondary:hover{background:var(--secondary-dark);transform:translateY(-2px);}
    .btn-whatsapp{background:#25D366;color:#fff;box-shadow:0 8px 20px rgba(37,211,102,0.3);}
    .btn-whatsapp:hover{background:#128C7E;transform:translateY(-2px);}
    .btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary);}
    .btn-outline:hover{background:var(--primary);color:#fff;}
    .btn-outline-white{background:transparent;border:2px solid rgba(255,255,255,0.5);color:#fff;}
    .btn-outline-white:hover{background:rgba(255,255,255,0.1);border-color:#fff;}

    /* ── Section labels ── */
    .section-subtitle{font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--secondary);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
    .section-subtitle::before{content:'';display:block;width:36px;height:2px;background:var(--secondary);flex-shrink:0;}
    .section-subtitle.centered{justify-content:center;}
    .section-subtitle.centered::before,.section-subtitle.centered::after{content:'';display:block;width:36px;height:2px;background:var(--secondary);}
    .section-title{font-size:clamp(28px,3.5vw,42px);margin-bottom:20px;line-height:1.15;}

    /* ── Header ── */
    .header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:18px 0;transition:background 0.4s ease,box-shadow 0.4s ease,padding 0.4s ease;}
    .header.scrolled{background:var(--primary-dark);box-shadow:0 4px 20px rgba(0,0,0,0.25);padding:12px 0;}
    .header .container{display:flex;justify-content:space-between;align-items:center;gap:20px;}
    .logo a{color:#fff;font-size:22px;font-weight:800;font-family:var(--font-heading);letter-spacing:-0.5px;}
    .logo span{color:var(--secondary);}
    .nav-links{display:flex;gap:32px;align-items:center;}
    .nav-links a{color:rgba(255,255,255,0.85);font-family:var(--font-heading);font-weight:500;font-size:15px;position:relative;}
    .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--secondary);transition:width 0.3s ease;}
    .nav-links a:hover{color:#fff;}
    .nav-links a:hover::after{width:100%;}
    .nav-links a.active{color:var(--secondary);}
    .header-cta{display:flex;align-items:center;gap:12px;}
    .header-cta__btn{padding:11px 24px;font-size:14px;}
    .header-mobile-tools{display:none;align-items:center;gap:10px;margin-left:auto;}
    .mobile-lang{display:inline-flex;}
    .mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px;flex-direction:column;gap:5px;flex-shrink:0;}
    .mobile-menu-btn span{display:block;width:24px;height:2px;background:#fff;transition:var(--transition);}
    .mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
    .mobile-menu-btn.open span:nth-child(2){opacity:0;}
    .mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
    .mobile-nav{position:absolute;top:100%;left:0;width:100%;background:var(--primary-dark);padding:0;overflow:hidden;max-height:0;transition:max-height 0.4s ease,padding 0.4s ease;visibility:hidden;box-shadow:0 12px 28px rgba(0,0,0,0.35);}
    .mobile-nav.open{max-height:520px;padding:16px 0 24px;visibility:visible;}
    .mobile-nav a{display:block;color:rgba(255,255,255,0.85);font-family:var(--font-heading);font-weight:500;font-size:16px;padding:13px 24px;border-bottom:1px solid rgba(255,255,255,0.06);}
    .mobile-nav a:hover{color:var(--secondary);background:rgba(40,205,120,0.05);}
    .mobile-nav .btn{margin:16px 24px 0;width:calc(100% - 48px);padding:13px 16px;font-size:14px;white-space:normal;line-height:1.25;text-align:center;}
    .mobile-nav__trial{display:flex;align-items:center;justify-content:space-between;color:var(--secondary)!important;font-family:var(--font-heading);font-weight:700;font-size:16px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,0.06);}
    .mobile-nav__trial span{transition:transform .2s ease;}
    .mobile-nav__trial:hover span{transform:translateX(4px);}

    /* ── Hero ── */
    .hero{position:relative;background-color:var(--primary);background-image:url('https://tvondemande.com/wp-content/uploads/2025/03/apollo-group-tv-bg.webp');background-size:cover;background-position:center;padding:160px 0 90px;min-height:820px;color:#fff;overflow:hidden;}
    .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,43,49,0.97) 0%,rgba(8,57,65,0.88) 45%,rgba(8,57,65,0.35) 100%);}
    .hero::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to top,#fff,transparent);pointer-events:none;}
    .hero .container{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(40,205,120,0.15);border:1px solid rgba(40,205,120,0.4);color:var(--secondary);padding:8px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:700;margin-bottom:24px;font-family:var(--font-heading);letter-spacing:0.5px;}
    .hero h1{font-size:clamp(36px,4.5vw,58px);color:#fff;margin-bottom:22px;line-height:1.08;letter-spacing:-1px;}
    .hero h1 em{font-style:normal;color:var(--secondary);}
    .hero-desc{color:rgba(255,255,255,0.75);font-size:16px;max-width:480px;margin-bottom:30px;}
    .hero-features{margin:0 0 36px;display:flex;flex-direction:column;gap:13px;}
    .hero-features li{display:flex;align-items:center;gap:14px;font-size:16px;color:rgba(255,255,255,0.9);font-weight:500;}
    .hero-features .feat-icon{width:22px;height:22px;background:rgba(40,205,120,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
    .hero-features .feat-icon svg{width:13px;height:13px;fill:var(--secondary);}
    .hero-actions{display:flex;flex-wrap:wrap;gap:14px;}

    /* hero right – text graphic */
    .hero-right{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;}
    .hero-text-graphic{text-align:right;}
    .hero-text-graphic h2{font-size:clamp(60px,8vw,100px);line-height:0.9;text-transform:uppercase;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0.25) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-3px;margin:0;}
    .hero-text-graphic p{text-align:right;font-size:15px;color:rgba(255,255,255,0.65);margin-top:18px;max-width:380px;line-height:1.7;}
    .hero-floating-card{position:absolute;bottom:-10px;left:-30px;background:rgba(8,57,65,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(40,205,120,0.3);border-radius:var(--radius-md);padding:18px 22px;box-shadow:var(--shadow-lg);min-width:200px;}
    .hero-floating-card .card-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--secondary);margin-bottom:8px;}
    .hero-floating-card .card-stat{font-family:var(--font-heading);font-size:26px;font-weight:800;color:#fff;line-height:1;}
    .hero-floating-card .card-sub{font-size:12px;color:rgba(255,255,255,0.6);margin-top:4px;}
    .hero-badge-pill{display:inline-flex;align-items:center;gap:6px;background:var(--secondary);color:var(--primary-dark);font-size:11px;font-weight:700;padding:5px 12px;border-radius:var(--radius-full);margin-top:14px;font-family:var(--font-heading);}
    .pulse-dot{width:8px;height:8px;border-radius:50%;background:#fff;position:relative;}
    .pulse-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(255,255,255,0.5);animation:pulse 1.5s infinite;}
    @keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.4);opacity:0.5;}}

    /* ── Brands ── */
    .brands{background:#fff;padding:44px 0;border-bottom:1px solid var(--border-color);}
    .brands-inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px 56px;}
    .brands-inner img{height:46px;opacity:0.7;transition:var(--transition);filter:brightness(0) saturate(0);}
    .brands-inner img:hover{opacity:1;transform:translateY(-2px);filter:brightness(0) saturate(0);}

    /* ── Services ── */
    .services{padding:100px 0;background:var(--bg-gradient);}
    .services-header{text-align:center;max-width:700px;margin:0 auto 60px;}
    .services-header .section-subtitle{justify-content:center;}
    .services-header .section-subtitle::before,.services-header .section-subtitle::after{content:'';display:block;width:36px;height:2px;background:var(--secondary);}
    .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
    .service-card{background:#fff;padding:40px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1.5px solid transparent;display:flex;flex-direction:column;}
    .service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(40,205,120,0.25);}
    .service-icon{width:68px;height:68px;background:rgba(40,205,120,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:var(--transition);}
    .service-card:hover .service-icon{background:rgba(40,205,120,0.18);}
    .service-icon svg{width:32px;height:32px;}
    .service-card h3{font-size:20px;margin-bottom:12px;}
    .service-card p{color:var(--text);margin-bottom:24px;flex-grow:1;font-size:15px;line-height:1.7;}
    .service-step{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
    .service-link{display:inline-flex;align-items:center;gap:6px;color:var(--secondary);font-weight:600;font-family:var(--font-heading);font-size:14px;margin-top:auto;}
    .service-link svg{width:16px;height:16px;transition:transform 0.3s ease;}
    .service-link:hover svg{transform:translateX(4px);}

    /* ── About ── */
    .about{padding:100px 0;background:#fff;}
    .about .container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
    .about-image{position:relative;}
    .about-img-main{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;object-fit:cover;aspect-ratio:1/1;}
    .about-card-float{position:absolute;bottom:36px;right:-28px;background:var(--primary);color:#fff;padding:22px 24px;border-radius:var(--radius-md);width:240px;box-shadow:0 20px 40px rgba(8,57,65,0.4);border:1px solid rgba(40,205,120,0.2);}
    .about-card-float h4{color:#fff;font-size:17px;margin-bottom:14px;line-height:1.4;}
    .about-badge{display:inline-flex;align-items:center;gap:6px;background:var(--secondary);color:var(--primary-dark);padding:5px 12px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
    .about-content .section-subtitle{margin-bottom:12px;}
    .about-content p{margin-bottom:16px;font-size:15px;line-height:1.8;}
    .about-why{font-weight:700;color:var(--primary);font-family:var(--font-heading);margin:20px 0 16px !important;}
    .about-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px;}
    .about-feature-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-dark);}
    .about-feature-item svg{width:18px;height:18px;fill:var(--secondary);flex-shrink:0;}
    .about-actions{display:flex;gap:14px;flex-wrap:wrap;}

    /* ── Stats Bar ── */
    .stats{background:var(--primary);padding:60px 0;}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
    .stat-item{text-align:center;padding:20px 24px;border-right:1px solid rgba(255,255,255,0.1);}
    .stat-item:last-child{border-right:none;}
    .stat-number{font-family:var(--font-heading);font-size:clamp(28px,3vw,42px);font-weight:800;color:#fff;line-height:1;}
    .stat-number span{color:var(--secondary);}
    .stat-label{font-size:13px;color:rgba(255,255,255,0.6);margin-top:6px;font-weight:500;letter-spacing:0.5px;}

    /* ── Comparison ── */
    .comparison{padding:90px 0;background:var(--bg-light);}
    .comparison-header{text-align:center;max-width:620px;margin:0 auto 50px;}
    .comparison-header .section-subtitle{justify-content:center;}
    .comparison-header .section-subtitle::before,.comparison-header .section-subtitle::after{content:'';display:block;width:36px;height:2px;background:var(--secondary);}
    .table-wrapper{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;}
    table{width:100%;border-collapse:collapse;text-align:left;}
    th,td{padding:18px 24px;border-bottom:1px solid var(--border-color);}
    th{background:var(--primary);color:#fff;font-family:var(--font-heading);font-size:16px;font-weight:600;}
    tr:last-child td{border-bottom:none;}
    th:nth-child(3),td:nth-child(3){background:rgba(40,205,120,0.06);border-left:2px solid var(--secondary);border-right:2px solid var(--secondary);}
    th:nth-child(3){background:var(--secondary);color:var(--primary-dark);border-color:var(--secondary);}
    td strong{display:block;color:var(--primary);font-weight:600;margin-bottom:3px;font-size:14px;}
    td small{color:#999;font-size:12px;}
    td:nth-child(3){font-weight:600;color:var(--primary);}
    td:nth-child(2){color:#888;}
    .check-icon{display:inline-flex;align-items:center;gap:6px;}
    .check-icon::before{content:'✓';color:var(--secondary);font-weight:800;}
    tr:hover td{background:rgba(40,205,120,0.03);}
    tr:hover td:nth-child(3){background:rgba(40,205,120,0.1);}
    @media(max-width:767px){
      .comparison{padding:60px 0;}
      .table-wrapper{background:transparent;box-shadow:none;border-radius:0;overflow:visible;}
      table,thead,tbody,tr,td{display:block;width:100%;}
      thead{display:none;}
      table tr{background:#fff;border-radius:16px;box-shadow:0 6px 18px -8px rgba(0,0,0,0.1);margin-bottom:14px;padding:6px 0;border:1px solid var(--border-color);overflow:hidden;}
      table td{border-bottom:1px solid var(--border-color);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:14px;}
      table td:first-child{border-bottom:0;background:var(--primary);color:#fff;padding:14px 16px;display:block;}
      table td:first-child strong{color:#fff;font-size:15px;margin-bottom:2px;}
      table td:first-child small{color:rgba(255,255,255,0.7);font-size:12px;}
      table td:nth-child(2)::before{content:'Others';font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#888;}
      table td:nth-child(3)::before{content:'TVONDEMANDE';font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--secondary);}
      table td:nth-child(3){background:rgba(40,205,120,0.06);border-left:0;border-right:0;border-top:2px solid var(--secondary);}
      table tr:last-child td:nth-child(3){border-bottom:0;}
      .check-icon{justify-content:flex-end;text-align:right;}
    }

    /* ── Pricing ── */
    .pricing{padding:100px 0;background:var(--bg-gradient);position:relative;overflow:hidden;}
    .pricing-header{text-align:center;margin-bottom:60px;}
    .pricing-header .section-subtitle{justify-content:center;}
    .pricing-header .section-subtitle::before,.pricing-header .section-subtitle::after{content:'';display:block;width:36px;height:2px;background:var(--secondary);}
    .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:center;}
    .pricing-card{background:#fff;border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;border:1.5px solid transparent;}
    .pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
    .pricing-card.popular{transform:scale(1.04);box-shadow:var(--shadow-lg);border-color:var(--secondary);z-index:5;}
    .pricing-card.popular:hover{transform:scale(1.04) translateY(-4px);}
    .popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--secondary);color:var(--primary-dark);padding:5px 18px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;}
    .price-header{text-align:center;margin-bottom:20px;}
    .price-plan-name{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--primary);margin-bottom:4px;}
    .price-desc{font-size:13px;color:var(--text);max-width:220px;margin:0 auto 16px;line-height:1.6;}
    .price-wrap{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:6px;}
    .currency{font-size:22px;font-weight:800;color:var(--primary);font-family:var(--font-heading);}
    .amount{font-size:52px;font-weight:800;color:var(--primary);line-height:1;font-family:var(--font-heading);}
    .period{color:#aaa;font-size:15px;margin-left:4px;}
    .pricing-divider{border:0;border-top:1.5px solid #f0f0f0;margin:20px 0;}
    .pricing-card ul{margin-bottom:28px;display:flex;flex-direction:column;gap:12px;}
    .pricing-card li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text);}
    .pricing-card li svg{width:18px;height:18px;fill:var(--secondary);flex-shrink:0;}
    .pricing-card .btn{width:100%;padding:14px;}

    /* ── CTA ── */
    .cta{padding:100px 0;background:var(--primary) url('https://tvondemande.com/wp-content/uploads/2025/03/ctr-bg.jpg') center/cover no-repeat;position:relative;text-align:center;color:#fff;}
    .cta::before{content:'';position:absolute;inset:0;background:rgba(6,43,49,0.88);}
    .cta .container{position:relative;z-index:10;max-width:760px;}
    .cta .section-subtitle{justify-content:center;color:rgba(255,255,255,0.8);}
    .cta .section-subtitle::before,.cta .section-subtitle::after{content:'';display:block;width:36px;height:2px;background:rgba(255,255,255,0.4);}
    .cta h2{color:#fff;font-size:clamp(26px,3.5vw,44px);margin:16px 0 36px;line-height:1.2;}
    .cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}

    /* ── Testimonials ── */
    .testimonials{padding:100px 0;background:var(--bg-gradient);overflow:hidden;}
    .testimonials-header{text-align:center;max-width:640px;margin:0 auto 60px;}
    .testimonials-header .section-subtitle{justify-content:center;}
    .testimonials-header .section-subtitle::before,.testimonials-header .section-subtitle::after{content:'';display:block;width:36px;height:2px;background:var(--secondary);}
    .carousel-wrapper{position:relative;overflow:hidden;}
    .carousel-track{display:flex;gap:24px;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);}
    .testimonial-card{flex:0 0 calc(50% - 12px);background:#fff;border-radius:var(--radius-xl);padding:36px 32px;box-shadow:var(--shadow-md);border:1.5px solid var(--border-color);transition:var(--transition);position:relative;}
    .testimonial-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(40,205,120,0.2);}
    .testimonial-stars{display:flex;gap:4px;margin-bottom:16px;}
    .star{color:#ffc107;font-size:18px;}
    .testimonial-text{font-size:15px;line-height:1.8;color:var(--text);margin-bottom:24px;font-style:italic;}
    .testimonial-author{display:flex;align-items:center;gap:14px;}
    .author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;}
    .author-name{font-family:var(--font-heading);font-weight:700;color:var(--primary);font-size:15px;}
    .author-location{font-size:13px;color:var(--text);}
    .testimonial-badge{position:absolute;top:24px;right:24px;background:rgba(40,205,120,0.1);border-radius:var(--radius-full);padding:5px 12px;font-size:11px;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:1px;}
    .carousel-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px;}
    .carousel-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--secondary);background:transparent;color:var(--secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:18px;}
    .carousel-btn:hover{background:var(--secondary);color:#fff;}
    .carousel-dots{display:flex;gap:8px;}
    .carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(8,57,65,0.2);cursor:pointer;transition:var(--transition);}
    .carousel-dot.active{background:var(--secondary);transform:scale(1.3);}

    /* ── Phone Mockup ── */
    .phone-mockup{width:200px;flex-shrink:0;background:#1a1a1a;border-radius:30px;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.1);}
    .phone-screen{background:#075e54;border-radius:22px;overflow:hidden;height:380px;display:flex;flex-direction:column;}
    .phone-header{background:#075e54;padding:12px 14px;display:flex;align-items:center;gap:10px;}
    .phone-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.2);}
    .phone-contact{color:#fff;font-size:13px;font-weight:600;}
    .phone-status{font-size:11px;color:rgba(255,255,255,0.7);}
    .phone-chat{flex:1;background:#ece5dd;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;}
    .chat-bubble{padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;max-width:85%;}
    .chat-bubble.sent{background:#dcf8c6;margin-left:auto;border-bottom-right-radius:2px;}
    .chat-bubble.received{background:#fff;margin-right:auto;border-bottom-left-radius:2px;}
    .chat-time{font-size:10px;color:#999;text-align:right;margin-top:2px;}

    /* ── Blogs ── */
    .blogs{padding:100px 0;background:#f7f9fb;}
    .blogs-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;gap:30px;}
    .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
    .blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1.5px solid transparent;}
    .blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(40,205,120,0.2);}
    .blog-img{width:100%;height:210px;object-fit:cover;transition:transform 0.4s ease;}
    .blog-card:hover .blog-img{transform:scale(1.05);}
    .blog-img-wrap{overflow:hidden;}
    .blog-content{padding:24px;}
    .blog-meta{display:flex;gap:14px;font-size:12px;color:var(--secondary);margin-bottom:10px;font-weight:600;letter-spacing:0.3px;}
    .blog-content h3{font-size:18px;margin-bottom:12px;line-height:1.4;}
    .blog-content h3 a:hover{color:var(--secondary);}
    .blog-content p{font-size:14px;color:var(--text);line-height:1.7;}
    .blog-read-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--secondary);margin-top:14px;}
    .blog-read-more:hover{gap:10px;}

    /* ── Footer ── */
    .footer{background:var(--primary-dark);color:rgba(255,255,255,0.7);}
    .footer-top{padding:70px 0 50px;border-bottom:1px solid rgba(255,255,255,0.08);}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px;}
    .footer-brand .logo-text{color:#fff;font-size:22px;font-weight:800;font-family:var(--font-heading);margin-bottom:16px;display:block;}
    .footer-brand .logo-text span{color:var(--secondary);}
    .footer-brand p{font-size:14px;line-height:1.8;margin-bottom:24px;max-width:300px;}
    .footer-social{display:flex;gap:10px;}
    .social-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);transition:var(--transition);font-size:16px;}
    .social-btn:hover{background:var(--secondary);border-color:var(--secondary);color:var(--primary-dark);}
    .footer-col h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:20px;font-family:var(--font-heading);}
    .footer-links{display:flex;flex-direction:column;gap:10px;}
    .footer-links a{font-size:14px;color:rgba(255,255,255,0.6);transition:var(--transition);}
    .footer-links a:hover{color:var(--secondary);padding-left:4px;}
    .footer-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin-bottom:12px;}
    .footer-contact-item svg{width:16px;height:16px;fill:var(--secondary);flex-shrink:0;margin-top:3px;}
    .footer-bottom{padding:22px 0;}
    .footer-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
    .footer-bottom p{font-size:13px;}
    .footer-bottom a{color:var(--secondary);}

    /* ── WhatsApp Floating Button ── */
    .wa-float{position:fixed;bottom:30px;right:30px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
    .wa-float-btn{width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,0.5);cursor:pointer;border:none;transition:var(--transition);animation:waFloat 3s ease-in-out infinite;}
    .wa-float-btn:hover{transform:scale(1.1);box-shadow:0 12px 30px rgba(37,211,102,0.6);}
    .wa-float-btn svg{width:30px;height:30px;fill:#fff;}
    @keyframes waFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
    .wa-float-label{background:#fff;color:var(--text-dark);font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);opacity:0;transform:translateX(10px);transition:var(--transition);pointer-events:none;}
    .wa-float:hover .wa-float-label{opacity:1;transform:translateX(0);}

    /* ── Scroll Reveal ── */
    .reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease;}
    .reveal.visible{opacity:1;transform:none;}
    .reveal-delay-1{transition-delay:0.1s;}
    .reveal-delay-2{transition-delay:0.2s;}
    .reveal-delay-3{transition-delay:0.3s;}

    /* ── Responsive ── */
    /* ── Devices Section ── */
    .devices{padding:80px 0;background:#fff;}
    .devices-header{text-align:center;max-width:580px;margin:0 auto 50px;}
    .devices-header .section-subtitle{justify-content:center;}
    .devices-header .section-subtitle::before,.devices-header .section-subtitle::after{content:'';display:block;width:36px;height:2px;background:var(--secondary);}
    .devices-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
    .device-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--border-color);background:#fff;transition:var(--transition);cursor:default;}
    .device-card:hover{border-color:rgba(40,205,120,0.4);background:rgba(40,205,120,0.03);transform:translateY(-4px);box-shadow:var(--shadow-md);}
    .device-icon-wrap{width:64px;height:64px;border-radius:var(--radius-md);background:rgba(40,205,120,0.08);display:flex;align-items:center;justify-content:center;transition:var(--transition);}
    .device-card:hover .device-icon-wrap{background:rgba(40,205,120,0.15);}
    .device-icon-wrap svg{width:32px;height:32px;fill:var(--primary);}
    .device-name{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--primary);text-align:center;line-height:1.3;}

    /* ── FAQ Section ── */
    .faq{padding:90px 0;background:var(--bg-light);}
    .faq-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
    .faq-left .section-subtitle{margin-bottom:14px;}
    .faq-left .section-title{margin-bottom:20px;}
    .faq-left p{font-size:15px;line-height:1.8;margin-bottom:30px;}
    .faq-list{display:flex;flex-direction:column;gap:12px;}
    .faq-item{background:#fff;border-radius:var(--radius-md);border:1.5px solid var(--border-color);overflow:hidden;transition:var(--transition);}
    .faq-item.open{border-color:rgba(40,205,120,0.3);box-shadow:var(--shadow-sm);}
    .faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;gap:14px;}
    .faq-question h4{font-size:15px;font-weight:600;color:var(--primary);font-family:var(--font-heading);line-height:1.4;}
    .faq-icon{width:26px;height:26px;border-radius:50%;background:rgba(40,205,120,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);}
    .faq-item.open .faq-icon{background:var(--secondary);transform:rotate(45deg);}
    .faq-icon svg{width:14px;height:14px;fill:var(--secondary);}
    .faq-item.open .faq-icon svg{fill:#fff;}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;}
    .faq-answer-inner{padding:0 22px 18px;font-size:14px;line-height:1.8;color:var(--text);}
    .faq-item.open .faq-answer{max-height:300px;}

    @media(max-width:1100px){
      .footer-grid{grid-template-columns:1fr 1fr;gap:40px;}
      .stats-grid{grid-template-columns:repeat(2,1fr);}
      .stat-item:nth-child(2){border-right:none;}
      .stat-item:nth-child(3){border-top:1px solid rgba(255,255,255,0.1);}
    }
    @media(max-width:991px){
      .devices-grid{grid-template-columns:repeat(3,1fr);}
      .faq-inner{grid-template-columns:1fr;}
      .hero .container,.about .container{grid-template-columns:1fr;}
      .hero{padding:140px 0 80px;min-height:auto;}
      .hero-right{align-items:center;}
      .hero-text-graphic{text-align:center;}
      .hero-text-graphic p{text-align:center;margin:16px auto 0;}
      .hero-floating-card{position:relative;bottom:auto;left:auto;margin-top:24px;}
      .pricing-grid,.services-grid,.blog-grid{grid-template-columns:1fr;}
      .pricing-card.popular{transform:scale(1);}
      .pricing-card.popular:hover{transform:translateY(-4px);}
      .nav-links,.header-cta{display:none !important;}
      .header-mobile-tools{display:flex !important;}
      .mobile-menu-btn{display:flex !important;}
      .testimonial-card{flex:0 0 calc(100% - 0px);}
      .blogs-header{flex-direction:column;align-items:flex-start;}
      .stats-grid{grid-template-columns:repeat(2,1fr);}
    }
    @media(max-width:767px){
      .devices-grid{grid-template-columns:repeat(2,1fr);}
      .hero h1{font-size:36px;}
      .section-title{font-size:28px;}
      .hero-actions{flex-direction:column;}
      .hero-actions .btn{width:100%;justify-content:center;}
      .footer-grid{grid-template-columns:1fr;}
      .footer-bottom .container{flex-direction:column;text-align:center;}
      .stats-grid{grid-template-columns:1fr 1fr;}
      .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.1);}
      .stat-item:last-child{border-bottom:none;}
      .cta-actions{flex-direction:column;align-items:center;}
      .about-card-float{right:0;width:200px;}
      .about-features{grid-template-columns:1fr;}
      .about-actions{flex-direction:column;}
      .wa-float{bottom:20px;right:20px;}
    }
    @media(max-width:479px){
      .brands-inner{gap:20px 30px;}
      .brands-inner img{height:34px;}
    }

    /* === COMPONENT: Deal Discount Timer === */
    :root {
      --b-bg-1: #062d35; --b-bg-2: #04181e;
      --b-glow: #28cd78; --b-line: rgba(255,255,255,.10); --b-line-2: rgba(255,255,255,.18);
      --b-text: #ffffff; --b-muted: #9bb5b8; --b-accent: #28cd78; --b-accent-2: #1fa862;
      --b-btn: #ffffff; --b-btn-ink: #062d35;
      --bnr-font: 'Inter', system-ui, sans-serif; --bnr-mono: 'JetBrains Mono', monospace;
    }
    .bnr{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;display:flex;align-items:center;gap:14px;padding:14px 56px 14px 22px;border-radius:18px;background:radial-gradient(70% 140% at 50% 0%,rgba(40,205,120,.18),transparent 60%),linear-gradient(180deg,#0a3d2a 0%,#062d35 40%,#04181e 100%);border:1px solid var(--b-line-2);box-shadow:0 24px 70px -20px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.05) inset,0 0 0 1px rgba(40,205,120,.08) inset;color:var(--b-text);font-family:var(--bnr-font);overflow:hidden;isolation:isolate;pointer-events:none;opacity:0;transform:translateY(120%);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease;}
    .bnr[data-state="visible"]{opacity:1;transform:translateY(0);pointer-events:auto;}
    .bnr[data-state="dismissed"]{opacity:0;transform:translateY(120%);pointer-events:none;}
    .bnr::before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(40,205,120,.85),rgba(255,255,255,.9),rgba(40,205,120,.85),transparent);filter:blur(.4px);z-index:2;}
    .bnr__glow{position:absolute;top:-60%;left:50%;transform:translateX(-50%);width:60%;height:200%;background:radial-gradient(50% 50% at 50% 50%,rgba(40,205,120,.3),transparent 60%);filter:blur(20px);z-index:0;pointer-events:none;animation:bnrGlowBreathe 6s ease-in-out infinite;}
    @keyframes bnrGlowBreathe{0%,100%{opacity:.8;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.05);}}
    .bnr__shine{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.06) 48%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 52%,transparent 70%);transform:translateX(-120%);animation:bnrShineSweep 7s ease-in-out 1.5s infinite;}
    @keyframes bnrShineSweep{0%{transform:translateX(-120%);}60%{transform:translateX(120%);}100%{transform:translateX(120%);}}
    .bnr__inner{position:relative;z-index:3;flex:1;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;}
    .bnr__time{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);font-size:12px;color:var(--b-muted);font-weight:500;letter-spacing:.01em;white-space:nowrap;}
    .bnr__dot{width:6px;height:6px;border-radius:50%;background:#28cd78;box-shadow:0 0 0 0 rgba(40,205,120,.6);animation:bnrPulse 1.6s ease-out infinite;}
    @keyframes bnrPulse{0%{box-shadow:0 0 0 0 rgba(40,205,120,.55);}100%{box-shadow:0 0 0 8px rgba(40,205,120,0);}}
    .bnr__time-lbl{color:var(--b-muted);}
    .bnr__time-val{font-family:var(--bnr-mono);font-weight:700;font-size:12px;color:#fff;font-variant-numeric:tabular-nums;}
    .bnr__text{margin:0;font-size:16px;font-weight:600;color:var(--b-text);letter-spacing:-.005em;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;}
    .bnr__pct{position:relative;font-weight:800;color:var(--b-accent);font-size:17px;letter-spacing:-.01em;padding:0 2px;}
    .bnr__pct::after{content:"";position:absolute;left:2px;right:2px;bottom:-3px;height:4px;background-image:radial-gradient(circle,var(--b-accent) 1px,transparent 1.6px);background-size:5px 4px;background-repeat:repeat-x;background-position:0 50%;opacity:.85;animation:bnrUnderlineShift 3.5s linear infinite;}
    @keyframes bnrUnderlineShift{to{background-position:10px 50%;}}
    .bnr__cta{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:var(--b-btn);color:var(--b-btn-ink);border-radius:999px;font-weight:700;font-size:13.5px;letter-spacing:-.005em;box-shadow:0 6px 18px -4px rgba(40,205,120,.55),0 0 0 1px rgba(255,255,255,.25) inset;transition:transform .18s ease,box-shadow .2s ease;white-space:nowrap;}
    .bnr__cta svg{transition:transform .2s ease;}
    .bnr__cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -6px rgba(40,205,120,.75),0 0 0 1px rgba(255,255,255,.35) inset;}
    .bnr__cta:hover svg{transform:translateX(3px);}
    .bnr__cta:active{transform:translateY(0);}
    .bnr__x{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:rgba(255,255,255,.55);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);transition:background .18s,color .18s,border-color .18s,transform .18s;}
    .bnr__x:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18);transform:translateY(-50%) scale(1.05);}
    @media(max-width:760px){.bnr{left:10px;right:10px;bottom:10px;padding:12px 50px 12px 16px;gap:10px;border-radius:14px;}.bnr__inner{gap:10px;}.bnr__text{font-size:14px;white-space:normal;text-align:center;}.bnr__pct{font-size:15px;}.bnr__cta{padding:8px 14px;font-size:13px;}.bnr__time{padding:4px 9px;}.bnr__x{width:26px;height:26px;right:10px;}}
    @media(max-width:480px){.bnr__inner{flex-direction:column;gap:8px;}}

    /* === COMPONENT: Contact Rail === */
    .rail{position:fixed;right:16px;left:auto;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:10px;align-items:center;}
    .rail__btn{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.55),0 2px 6px -2px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;text-decoration:none;}
    .rail__btn::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(255,255,255,.06);pointer-events:none;}
    .rail__btn:hover{transform:translateX(-2px) scale(1.04);}
    .rail__btn:active{transform:translateX(-1px) scale(0.98);}
    .rail__icon{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;color:#fff;width:24px;height:24px;}
    .rail__btn--whatsapp .rail__icon,.rail__btn--telegram .rail__icon,.rail__btn--support .rail__icon{font-size:24px;transform:none;}
    .rail__btn--whatsapp{background:#25d366;}
    .rail__btn--whatsapp:hover{background:#1ebe5b;}
    .rail__btn--telegram{background:#229ed9;}
    .rail__btn--telegram:hover{background:#1b8bbf;}
    .rail__btn--support{background:#28cd78;}
    .rail__btn--support:hover{background:#1fa862;}
    .rail__tip{position:absolute;right:calc(100% + 10px);left:auto;top:50%;transform:translateY(-50%) translateX(6px);background:#162830;color:#fff;font-weight:600;font-size:12.5px;letter-spacing:.01em;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 8px 22px -10px rgba(0,0,0,.6);}
    .rail__tip::before{content:"";position:absolute;right:-4px;left:auto;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:#162830;border-right:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);border-left:0;border-bottom:0;}
    .rail__btn:hover .rail__tip,.rail__btn:focus-visible .rail__tip{opacity:1;transform:translateY(-50%) translateX(0);}
    .rail__top{position:relative;margin-top:14px;width:48px;height:48px;border-radius:14px;background:#1a1d24;border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.55),0 2px 6px -2px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,background .18s ease;}
    .rail__top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);}
    .rail__top:hover{background:#232830;transform:translateY(-1px);}
    .rail__top:active{transform:scale(.96);}
    .rail__top .rail__icon{font-size:20px;font-weight:700;}
    @media(max-width:640px){
      .rail{right:12px;left:auto;top:auto;bottom:200px;transform:none;flex-direction:column;gap:10px;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;transition:bottom .4s ease;}
      .bnr[data-state="hidden"] ~ .rail,.bnr[data-state="dismissed"] ~ .rail{bottom:80px;}
      .rail__btn{width:46px;height:46px;}
      .rail__icon,.rail__btn--whatsapp .rail__icon,.rail__btn--telegram .rail__icon,.rail__btn--support .rail__icon{font-size:22px;width:22px;height:22px;}
      .rail__tip{display:none;}
      .rail__btn:hover{transform:translateY(-2px) scale(1.04);}
      .rail__top{margin-top:6px;width:44px;height:44px;border-radius:14px;}
      .rail__top:hover{transform:translateY(-2px);}
      .rail__top .rail__icon{font-size:18px;width:18px;height:18px;}
    }

    /* === COMPONENT: Biggest Sale Section === */
    .bsale{position:relative;padding:90px 0;background:var(--primary);background-image:radial-gradient(ellipse at top,rgba(40,205,120,0.14),transparent 55%),radial-gradient(ellipse at bottom right,rgba(255,123,0,0.06),transparent 55%);overflow:hidden;color:#fff;}
    .bsale::before{content:"";position:absolute;inset:0;background-image:url('https://tvondemande.com/wp-content/uploads/2025/03/apollo-group-tv-bg.webp');background-size:cover;background-position:center;opacity:0.05;pointer-events:none;}
    .bsale__head{text-align:center;max-width:760px;margin:0 auto 50px;position:relative;z-index:2;}
    .bsale__sub{font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--secondary);margin-bottom:14px;display:inline-flex;align-items:center;gap:10px;}
    .bsale__sub::before,.bsale__sub::after{content:'';display:inline-block;width:36px;height:2px;background:var(--secondary);}
    .bsale__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(30px,4.4vw,46px);line-height:1.1;letter-spacing:-0.01em;color:#fff;margin-bottom:14px;}
    .bsale__title em{font-style:normal;color:var(--secondary);}
    .bsale__lede{color:rgba(255,255,255,0.72);font-size:16px;}
    .bsale__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
    .bsale-card{position:relative;background:rgba(8,57,65,0.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(40,205,120,0.22);border-radius:20px;padding:30px 26px 26px;display:flex;flex-direction:column;gap:18px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
    .bsale-card:hover{transform:translateY(-4px);border-color:rgba(40,205,120,0.55);box-shadow:0 24px 60px -22px rgba(40,205,120,0.35);}
    .bsale-card--featured{border-color:rgba(40,205,120,0.7);box-shadow:0 0 0 1px rgba(40,205,120,0.35),0 28px 70px -22px rgba(40,205,120,0.45);}
    .bsale-card__badge{position:absolute;top:-12px;right:24px;padding:6px 14px;border-radius:999px;background:var(--secondary);color:var(--primary-dark);font-family:var(--font-heading);font-weight:800;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;box-shadow:0 8px 18px -8px rgba(40,205,120,0.55);}
    .bsale-card--featured .bsale-card__badge{background:var(--accent);color:#fff;box-shadow:0 8px 18px -8px rgba(255,123,0,0.55);}
    .bsale-card__tag{position:absolute;top:-12px;left:24px;padding:6px 12px;border-radius:999px;background:var(--primary-dark);border:1px solid rgba(40,205,120,0.55);color:var(--secondary);font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;}
    .bsale-card__title{font-family:var(--font-heading);font-weight:800;font-size:22px;line-height:1.2;color:#fff;letter-spacing:-0.01em;margin:6px 0 0;}
    .bsale-card__desc{color:rgba(255,255,255,0.7);font-size:14px;line-height:1.55;}
    .bsale-card__desc strong{color:var(--secondary);font-weight:700;}
    .bsale-card__desc b{color:#fff;font-weight:700;}
    .bsale-card__desc del{color:rgba(255,255,255,0.35);}
    .bsale-card__price{display:flex;align-items:baseline;gap:12px;margin-top:auto;padding-top:4px;}
    .bsale-card__price-new{font-family:var(--font-heading);font-weight:800;font-size:42px;letter-spacing:-0.02em;color:var(--secondary);line-height:1;}
    .bsale-card--featured .bsale-card__price-new{color:var(--accent);}
    .bsale-card__price-old{color:rgba(255,255,255,0.4);font-size:18px;font-weight:600;text-decoration:line-through;}
    .bsale-card__meta{color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;letter-spacing:0.02em;}
    .bsale-card__meta::before,.bsale-card__meta::after{content:"·";color:rgba(255,255,255,0.35);}
    .bsale-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;background:var(--secondary);color:#fff;font-family:var(--font-body);font-weight:700;font-size:15px;border-radius:999px;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;letter-spacing:-0.005em;text-decoration:none;width:100%;box-shadow:0 8px 20px rgba(40,205,120,0.3);}
    .bsale-card__cta:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(40,205,120,0.55);}
    .bsale-card--featured .bsale-card__cta{background:var(--accent);box-shadow:0 8px 20px rgba(255,123,0,0.3);}
    .bsale-card--featured .bsale-card__cta:hover{background:var(--accent-hover);box-shadow:0 14px 30px -10px rgba(255,123,0,0.55);}
    .bsale-card__cta:active{transform:translateY(0);}
    .bsale-card__foot{text-align:center;font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:0.16em;color:rgba(255,255,255,0.5);text-transform:uppercase;}
    .bsale-card--featured .bsale-card__foot{color:var(--secondary);}
    .bsale__strip{position:relative;z-index:2;margin-top:40px;padding:20px 26px;border:1px solid rgba(40,205,120,0.3);border-radius:18px;background:rgba(8,57,65,0.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;}
    .bsale__strip-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1;}
    .bsale__strip-ic{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:rgba(40,205,120,0.14);border:1px solid rgba(40,205,120,0.4);color:var(--secondary);display:inline-flex;align-items:center;justify-content:center;font-size:22px;}
    .bsale__strip-text{font-family:var(--font-heading);font-weight:600;color:#fff;font-size:16px;letter-spacing:-0.005em;}
    .bsale__strip-text em{font-style:normal;color:var(--secondary);font-weight:700;}
    .bsale__strip-sub{color:rgba(255,255,255,0.6);font-size:13px;margin-top:2px;}
    .bsale__strip-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--accent);color:#fff;font-family:var(--font-body);font-weight:700;font-size:14px;border-radius:999px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 20px rgba(255,123,0,0.3);}
    .bsale__strip-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(255,123,0,0.5);}
    @media(max-width:991px){.bsale__grid{grid-template-columns:1fr;}.bsale-card{padding:28px 22px;}}
    @media(max-width:640px){.bsale{padding:70px 0;}.bsale-card__price-new{font-size:36px;}.bsale__strip{flex-direction:column;align-items:flex-start;text-align:left;}.bsale__strip-cta{width:100%;justify-content:center;}}

    /* === COMPONENT: Cookie Policy Banner === */
    .cb{position:fixed;right:auto;bottom:16px;left:16px;z-index:200;width:min(360px,calc(100vw - 32px));background:#161a22;background-image:radial-gradient(120% 80% at 0% 0%,rgba(90,223,170,.08),transparent 60%),radial-gradient(120% 80% at 100% 100%,rgba(40,205,120,.05),transparent 60%);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 22px 60px -20px rgba(0,0,0,.85),0 8px 22px -10px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);font-family:'Outfit',system-ui,sans-serif;color:#fff;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .28s ease,transform .28s ease;}
    .cb.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;}
    .cb::before{content:"";position:absolute;inset:0 14px auto 14px;height:1px;background:linear-gradient(90deg,transparent,rgba(131,238,205,.55),rgba(40,205,120,.35),transparent);pointer-events:none;}
    .cb__head{display:grid;grid-template-columns:56px 1fr auto;gap:14px;padding:18px 18px 0;}
    .cb__icon-wrap{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:radial-gradient(60% 60% at 30% 30%,rgba(255,255,255,.07),transparent 70%),#1a1d24;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
    .cb__icon{width:40px;height:40px;display:block;}
    .cb__heading{min-width:0;padding-top:2px;}
    .cb__title{margin:0;font-family:'Poppins',system-ui,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.2;}
    .cb__eyebrow{display:inline-block;margin-bottom:5px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(131,238,205,.18) 0%,rgba(40,205,120,.14) 100%);color:#5adfaa;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
    .cb__close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#8a8f98;border:1px solid transparent;transition:color .15s ease,background .15s ease,border-color .15s ease;align-self:start;margin-top:-2px;}
    .cb__close:hover{color:#fff;background:#1a1d24;border-color:rgba(255,255,255,.08);}
    .cb__close .bi{font-size:14px;line-height:1;}
    .cb__body{margin:10px 18px 0;color:#8a8f98;font-size:13px;line-height:1.5;}
    .cb__link{display:inline-flex;align-items:center;gap:4px;margin:8px 18px 0;font-size:12.5px;font-weight:600;color:#5adfaa;background:linear-gradient(135deg,#83eecd 0%,#5adfaa 55%,#28cd78 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .15s ease;}
    .cb__link:hover{opacity:.8;}
    .cb__link-arrow{font-size:13px;-webkit-text-fill-color:#5adfaa;color:#5adfaa;}
    .cb__prefs{margin:14px 18px 0;max-height:0;opacity:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);transition:max-height .32s ease,opacity .22s ease .04s,margin-top .32s ease,padding-top .32s ease;}
    .cb.is-expanded .cb__prefs{max-height:360px;opacity:1;padding-top:4px;}
    .cb__pref{display:grid;grid-template-columns:28px 1fr auto;align-items:start;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);}
    .cb__pref:last-child{border-bottom:0;}
    .cb__pref-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#1a1d24;border:1px solid rgba(255,255,255,.08);color:#5adfaa;margin-top:1px;}
    .cb__pref-icon svg{width:16px;height:16px;display:block;}
    .cb__pref-meta{min-width:0;}
    .cb__pref-name{display:block;font-size:13px;font-weight:600;color:#fff;line-height:1.25;}
    .cb__pref-desc{display:block;margin-top:2px;font-size:11.5px;color:#6b7280;line-height:1.4;}
    .cb__pref-control{align-self:center;}
    .cb__pill{display:inline-block;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,rgba(131,238,205,.18) 0%,rgba(40,205,120,.14) 100%);border:1px solid rgba(131,238,205,.35);color:#5adfaa;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;}
    .cb__switch{position:relative;display:inline-block;width:34px;height:20px;}
    .cb__switch input{position:absolute;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:2;}
    .cb__track{position:absolute;inset:0;border-radius:999px;background:#1f242d;border:1px solid rgba(255,255,255,.12);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;}
    .cb__track::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#d6d8de;box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .18s ease,background .18s ease;}
    .cb__switch input:checked+.cb__track{background:linear-gradient(135deg,#83eecd 0%,#5adfaa 55%,#28cd78 110%);border-color:rgba(40,205,120,.55);box-shadow:0 0 0 1px rgba(40,205,120,.25),0 4px 10px -4px rgba(40,205,120,.45);}
    .cb__switch input:checked+.cb__track::after{transform:translateX(14px);background:#fff;}
    .cb__switch input:focus-visible+.cb__track{outline:2px solid #5adfaa;outline-offset:2px;}
    .cb__actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;padding:14px 18px 16px;margin-top:14px;border-top:1px solid rgba(255,255,255,.08);}
    .cb__btn{height:38px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:transparent;border:0;cursor:pointer;font-family:inherit;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease;}
    .cb__btn--text{background:rgba(40,205,120,0.10);border:1px solid rgba(90,223,170,0.45);color:#83eecd;padding:0 16px;font-weight:700;}
    .cb__btn--text:hover{background:rgba(40,205,120,0.18);border-color:#5adfaa;color:#fff;}
    .cb__btn--ghost{background:#1a1d24;border:1px solid rgba(255,255,255,.08);color:#fff;}
    .cb__btn--ghost:hover{background:#1f242d;border-color:rgba(255,255,255,.12);}
    .cb__btn--primary{background:linear-gradient(135deg,#83eecd 0%,#5adfaa 55%,#28cd78 110%);color:#1a1414;font-weight:700;box-shadow:0 8px 18px -10px rgba(40,205,120,.55),inset 0 1px 0 rgba(255,255,255,.35);}
    .cb__btn--primary:hover{transform:translateY(-1px);}
    .cb__btn--primary:active{transform:translateY(0);}
    .cb__btn--save{display:none;}
    .cb.is-expanded .cb__btn--customize{display:none;}
    .cb.is-expanded .cb__btn--save{display:inline-flex;}
    .cb.is-expanded .cb__actions{grid-template-columns:1fr 1fr 1.2fr;}
    @media(max-width:640px){#cb-mount,.cb{display:none !important;}}

    /* === COMPONENT: Our Services === */
    .services{background:#0b1023 !important;padding:90px 0;}
    .services__header{text-align:center;margin:0 0 48px;}
    .services__eyebrow{font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:0.18em;color:#fff;margin:0 0 8px;display:inline-block;position:relative;padding-bottom:6px;text-transform:uppercase;}
    .services__eyebrow::after{content:"";position:absolute;left:50%;bottom:0;width:36px;height:2px;border-radius:2px;background:#28cd78;transform:translateX(-50%);}
    .services__title{font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:clamp(28px,4.4vw,44px);letter-spacing:-0.01em;line-height:1.12;margin:12px 0 0;color:#fff;}
    .services__title-accent{color:#28cd78;margin-left:0.35em;}
    .services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;align-items:stretch;max-width:880px;margin:0 auto;}
    @media(max-width:720px){.services__grid{grid-template-columns:1fr;max-width:460px;}}
    .service{position:relative;background:#131a36;border:1px solid #1f284a;border-radius:18px;padding:36px 28px 30px;text-align:center;box-shadow:0 12px 28px -16px rgba(0,0,0,0.6),0 2px 6px rgba(0,0,0,0.25);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;}
    .service:hover{transform:translateY(-3px);border-color:rgba(40,205,120,0.45);box-shadow:0 18px 36px -16px rgba(40,205,120,0.3),0 2px 8px rgba(0,0,0,0.25);}
    .service__icon{width:112px;height:112px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(40,205,120,0.15),transparent 72%);margin-bottom:18px;}
    .service__icon svg{width:100%;height:100%;display:block;overflow:visible;}
    .service__title{font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.005em;margin:4px 0 12px;}
    .service__body{color:#9aa3bf;font-size:14.5px;line-height:1.65;margin:0;max-width:32ch;}

    /* === COMPONENT: Language Switcher === */
    :root{--ls-accent:#28cd78;--ls-accent-text:#ffffff;--ls-bg:rgba(8,57,65,0.95);--ls-bg-solid:#083941;--ls-bg-blur:22px;--ls-border:rgba(255,255,255,0.10);--ls-text:#f3f4f6;--ls-text-muted:#8a93a0;--ls-row-hover:rgba(255,255,255,0.07);--ls-row-bg:transparent;--ls-code-bg:rgba(255,255,255,0.06);--ls-code-text:#8a93a0;--ls-trigger-bg:rgba(255,255,255,0.07);--ls-trigger-border:rgba(255,255,255,0.15);--ls-shadow:0 24px 64px -16px rgba(0,0,0,0.6),0 8px 24px -8px rgba(0,0,0,0.4);--ls-radius:18px;--ls-radius-row:12px;--ls-radius-pill:999px;--ls-font:"Segoe UI",system-ui,-apple-system,sans-serif;}
    .ls{position:relative;display:inline-block;font-family:var(--ls-font);-webkit-font-smoothing:antialiased;}
    .ls-trigger{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 14px;background:var(--ls-trigger-bg);color:var(--ls-text);border:1px solid var(--ls-trigger-border);border-radius:var(--ls-radius-pill);font:inherit;font-size:13px;font-weight:600;letter-spacing:0.02em;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,transform 80ms ease;user-select:none;}
    .ls-trigger:hover{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.22);}
    .ls-trigger:active{transform:translateY(1px);}
    .ls-trigger:focus-visible{outline:2px solid var(--ls-accent);outline-offset:2px;}
    .ls-trigger__code{font-variant-numeric:tabular-nums;}
    .ls-trigger__caret{display:inline-block;font-size:10px;line-height:1;margin-top:1px;transition:transform 180ms ease;opacity:0.8;}
    .ls-trigger[aria-expanded="true"] .ls-trigger__caret{transform:rotate(180deg);}
    .ls-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:1000;width:min(calc(100vw - 24px),460px);max-height:min(72vh,560px);overflow-y:auto;padding:10px;background:var(--ls-bg);-webkit-backdrop-filter:blur(var(--ls-bg-blur)) saturate(140%);backdrop-filter:blur(var(--ls-bg-blur)) saturate(140%);border:1px solid var(--ls-border);border-radius:var(--ls-radius);box-shadow:var(--ls-shadow);opacity:0;transform:translateY(-6px) scale(0.985);transform-origin:top right;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.15) transparent;}
    .ls-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
    .ls-panel::-webkit-scrollbar{width:6px;}
    .ls-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px;}
    @supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ls-panel{background:var(--ls-bg-solid);}}
    .ls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;}
    .ls-row{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px 8px 8px;background:var(--ls-row-bg);color:var(--ls-text);border:none;border-radius:var(--ls-radius-row);font:inherit;font-size:14.5px;font-weight:500;text-align:left;cursor:pointer;transition:background 140ms ease,color 140ms ease;user-select:none;}
    .ls-row:hover{background:var(--ls-row-hover);}
    .ls-row:focus-visible{outline:none;background:var(--ls-row-hover);box-shadow:inset 0 0 0 1px var(--ls-accent);}
    .ls-row.is-active{background:var(--ls-accent);color:var(--ls-accent-text);}
    .ls-row.is-active .ls-row__code{background:rgba(255,255,255,0.18);color:var(--ls-accent-text);}
    .ls-row.is-active:hover{background:var(--ls-accent);filter:brightness(1.05);}
    .ls-row__code{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 6px;background:var(--ls-code-bg);color:var(--ls-code-text);border-radius:8px;font-size:11px;font-weight:700;letter-spacing:0.06em;font-variant-numeric:tabular-nums;flex-shrink:0;transition:background 140ms ease,color 140ms ease;}
    .ls-row__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
    @media(max-width:640px){
      .ls-panel{position:fixed;top:72px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100vh - 96px);padding:10px;border-radius:18px;box-shadow:0 24px 60px -20px rgba(0,0,0,0.65),0 8px 24px -8px rgba(0,0,0,0.4);background:#062b31;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(40,205,120,0.18);transform-origin:top center;}
      .ls-grid{grid-template-columns:1fr;gap:6px;}
      .ls-row{min-height:50px;padding:10px 14px;gap:14px;font-size:15px;border-radius:14px;background:rgba(255,255,255,0.025);}
      .ls-row__code{min-width:36px;height:28px;font-size:11px;background:rgba(255,255,255,0.09);}
      .ls-row.is-active{background:linear-gradient(135deg,rgba(40,205,120,0.22),rgba(40,205,120,0.12));color:#ffffff;box-shadow:inset 0 0 0 1px rgba(40,205,120,0.55);}
      .ls-row.is-active .ls-row__code{background:#28cd78;color:#062b31;}
      .ls-row.is-active::after{content:"\F26E";font-family:'bootstrap-icons';margin-left:auto;font-size:16px;color:#28cd78;}
    }

    /* === COMPONENT: How It Works === */
    .howit-section{background:#062d35;}
    .howit{position:relative;max-width:1240px;margin:0 auto;padding:96px 28px 104px;}
    .howit::before{content:"";position:absolute;inset:8% 8% auto 8%;height:280px;background:radial-gradient(closest-side,rgba(40,205,120,0.14),transparent 75%);filter:blur(48px);pointer-events:none;z-index:0;}
    .howit__header{position:relative;text-align:center;max-width:780px;margin:0 auto 72px;z-index:1;}
    .howit__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;padding:8px 18px 8px 14px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:0.22em;color:#c9f7e2;background:rgba(40,205,120,0.14);border:1px solid rgba(40,205,120,0.38);border-radius:9999px;}
    .howit__eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#5adfaa;box-shadow:0 0 14px #5adfaa;animation:howit-pulse-dot 1.8s ease-in-out infinite;}
    .howit__title-main{margin:0 0 18px;font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-0.02em;color:#fff;}
    .howit__title-accent{background:linear-gradient(120deg,#5adfaa 0%,#28cd78 50%,#b2f0d3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
    .howit__subtitle{margin:0 auto;max-width:580px;font-size:15.5px;line-height:1.6;color:#9aa0ab;}
    .howit__stage{position:relative;z-index:1;}
    .howit__path-wrap{position:absolute;left:0;right:0;top:196px;height:90px;pointer-events:none;z-index:0;opacity:0;transition:opacity .9s ease;}
    .howit__path-wrap.is-visible{opacity:1;}
    .howit__path{width:100%;height:100%;display:block;overflow:visible;}
    .howit__stations circle.station{fill:#28cd78;stroke:rgba(255,255,255,0.95);stroke-width:1.5;}
    .howit__stations circle.station-ring{fill:none;stroke:#5adfaa;stroke-width:1.2;opacity:0.55;}
    .howit__track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;z-index:1;}
    .howit__step{--i:0;position:relative;padding:84px 34px 32px;border-radius:26px;background:linear-gradient(180deg,rgba(24,28,38,0.96) 0%,rgba(14,17,24,0.94) 100%);border:1px solid rgba(255,255,255,0.08);box-shadow:0 18px 40px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;isolation:isolate;opacity:0;transform:translateY(32px);transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .4s ease,opacity .6s ease;will-change:transform;}
    .howit__step.is-visible{animation:howit-rise .65s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i)*150ms);}
    .howit__step:hover,.howit__step:focus-within{transform:translateY(-8px);border-color:rgba(40,205,120,0.38);box-shadow:0 30px 60px -22px rgba(40,205,120,.48),0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);}
    .howit__bignum{position:absolute;right:-24px;top:-70px;font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:340px;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(40,205,120,0.22);letter-spacing:-0.05em;transform:rotate(-8deg);transition:-webkit-text-stroke-color .4s ease,transform .4s ease;user-select:none;pointer-events:none;z-index:0;}
    .howit__step:hover .howit__bignum,.howit__step:focus-within .howit__bignum{-webkit-text-stroke-color:rgba(40,205,120,0.48);transform:rotate(-8deg) scale(1.06);}
    .howit__aura{position:absolute;inset:-8% 28% auto -12%;height:280px;background:radial-gradient(closest-side,rgba(40,205,120,0.28),transparent 70%);filter:blur(28px);opacity:0.6;z-index:0;transition:opacity .4s ease;pointer-events:none;}
    .howit__step:hover .howit__aura,.howit__step:focus-within .howit__aura{opacity:1;}
    .howit__badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 11px;background:rgba(40,205,120,0.14);border:1px solid rgba(40,205,120,0.38);border-radius:9999px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;font-weight:600;letter-spacing:0.18em;color:#c9f7e2;}
    .howit__badge-dot{width:8px;height:8px;border-radius:50%;background:#5adfaa;box-shadow:0 0 0 0 rgba(90,223,170,0.5);}
    .howit__step[data-active="true"] .howit__badge-dot{animation:howit-pulse-dot 1.6s ease-in-out infinite;}
    .howit__medal{position:relative;z-index:2;width:200px;height:200px;margin:24px 0 8px;}
    .howit__medal svg{display:block;width:100%;height:100%;}
    .howit__medal-ring{transform-box:fill-box;transform-origin:50% 50%;animation:howit-spin 16s linear infinite;}
    .howit__step:hover .howit__medal-ring,.howit__step:focus-within .howit__medal-ring{animation-duration:7s;}
    .howit__medal-glow{opacity:0.6;transition:opacity .4s ease;}
    .howit__step:hover .howit__medal-glow,.howit__step:focus-within .howit__medal-glow{opacity:1;}
    .howit__title{position:relative;z-index:2;margin:24px 0 12px;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:28px;line-height:1.2;letter-spacing:-0.015em;color:#fff;}
    .howit__body{position:relative;z-index:2;margin:0 0 26px;font-size:16.5px;line-height:1.6;color:#9aa0ab;max-width:34ch;}
    .howit__meta{position:relative;z-index:2;display:flex;align-items:center;gap:11px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.07);}
    .howit__meta-icon{display:inline-flex;width:18px;height:18px;color:#5adfaa;}
    .howit__meta-icon svg{width:100%;height:100%;display:block;}
    .howit__meta-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:0.04em;color:#e6eaf5;}
    .howit__meta-chevron{margin-left:auto;display:inline-flex;width:18px;height:18px;color:#5adfaa;transition:transform .3s ease;opacity:0.75;}
    .howit__meta-chevron svg{width:100%;height:100%;display:block;}
    .howit__step:hover .howit__meta-chevron,.howit__step:focus-within .howit__meta-chevron{transform:translateX(5px);opacity:1;}
    .howit__cta{margin-top:72px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;position:relative;z-index:1;}
    .howit__cta-tag{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 14px;background:rgba(93,255,174,0.09);border:1px solid rgba(93,255,174,0.3);border-radius:9999px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;font-weight:600;letter-spacing:0.18em;color:#b8ffd9;}
    .howit__cta-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:#5dffae;box-shadow:0 0 14px #5dffae;}
    .howit__cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;background:linear-gradient(135deg,#28cd78 0%,#5adfaa 100%);border:none;border-radius:9999px;color:#062d35;font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:16px;letter-spacing:0.01em;text-decoration:none;cursor:pointer;box-shadow:0 14px 30px -10px rgba(40,205,120,0.75),inset 0 1px 0 rgba(255,255,255,0.28);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;}
    .howit__cta-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 38px -10px rgba(40,205,120,0.9),inset 0 1px 0 rgba(255,255,255,0.38);}
    .howit__cta-btn:active{transform:translateY(0);}
    .howit__cta-btn svg{width:18px;height:18px;}
    @keyframes howit-rise{from{opacity:0;transform:translateY(32px);}to{opacity:1;transform:translateY(0);}}
    @keyframes howit-spin{to{transform:rotate(360deg);}}
    @keyframes howit-pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(90,223,170,0.55);}50%{box-shadow:0 0 0 9px rgba(90,223,170,0);}}
    @keyframes howit-signal{0%,100%{opacity:0.25;}50%{opacity:1;}}
    @media(prefers-reduced-motion:reduce){.howit__step{opacity:1 !important;transform:none !important;animation:none !important;}.howit__medal-ring,.howit__badge-dot,.howit__eyebrow::before{animation:none !important;}.howit__comet,.howit__comet-trail{display:none;}.howit__path{stroke-dashoffset:0 !important;}}
    @media(max-width:1080px){.howit{padding:80px 22px 88px;}.howit__track{gap:20px;}.howit__step{padding:72px 28px 30px;}.howit__medal{width:170px;height:170px;}.howit__title{font-size:25px;}.howit__body{font-size:15.5px;}.howit__bignum{font-size:280px;top:-54px;right:-16px;}.howit__path-wrap{top:165px;}}
    @media(max-width:820px){.howit{padding:64px 18px 72px;}.howit__header{margin-bottom:56px;}.howit__track{grid-template-columns:1fr;max-width:520px;margin:0 auto;gap:22px;position:relative;}.howit__track::before{content:"";position:absolute;left:50%;top:100px;bottom:100px;width:2px;margin-left:-1px;background:repeating-linear-gradient(180deg,#28cd78 0 7px,transparent 7px 16px);opacity:0.42;pointer-events:none;}.howit__path-wrap{display:none;}.howit__step{padding:68px 28px 30px;}.howit__medal{width:188px;height:188px;}.howit__bignum{font-size:240px;top:-46px;right:-12px;}.howit__title{font-size:26px;}.howit__body{font-size:16px;}.howit__cta{margin-top:48px;}}
    @media(max-width:460px){.howit{padding:56px 14px 64px;}.howit__step{padding:60px 22px 26px;}.howit__medal{width:158px;height:158px;}.howit__title{font-size:23px;}.howit__body{font-size:15.5px;}.howit__bignum{font-size:200px;top:-36px;}.howit__cta-btn{width:100%;justify-content:center;}.howit__subtitle{font-size:16px;}}

    /* === COMPONENT: Pricing Plan === */
    .pricing{background:#f4f7f4 !important;padding:80px 0;}
    .pricing__title{font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:clamp(22px,3.2vw,30px);letter-spacing:-0.01em;text-align:center;color:#0f172a;margin:0 0 22px;}
    .tier-shell{display:flex;flex-direction:column;align-items:center;margin:0 0 36px;padding-top:6px;}
    .tier-shell__heading{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#6b7280;margin:0 0 12px;}
    .tier-switcher{display:flex;width:fit-content;background:#ffffff;border:1px solid #e6e8ec;border-radius:999px;padding:5px;box-shadow:0 12px 28px -14px rgba(15,23,42,0.18),0 2px 6px rgba(15,23,42,0.04);gap:4px;}
    .tier-switcher__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:12px 24px;border-radius:999px;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:14.5px;color:#1f2937;letter-spacing:0.01em;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .15s ease;background:none;border:none;cursor:pointer;}
    .tier-switcher__btn-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#ffd9e3;color:#d94f7a;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap;pointer-events:none;z-index:3;box-shadow:0 3px 8px rgba(217,79,122,0.25);}
    .tier-switcher__btn:hover:not(.tier-switcher__btn--active){background:rgba(40,205,120,0.10);color:#083941;}
    .tier-switcher__btn--active{background:#28cd78;color:#ffffff;transform:translateY(-1px);box-shadow:0 10px 20px -8px rgba(40,205,120,0.55),0 2px 4px rgba(40,205,120,0.18);}
    @media(max-width:480px){.tier-switcher__btn{padding:10px 16px;font-size:13.5px;min-width:0;}}
    .pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
    @media(max-width:880px){.pricing__grid{grid-template-columns:1fr;max-width:380px;margin:0 auto;}}
    .plan{position:relative;background:#ffffff;border:1px solid #e6e8ec;border-radius:18px;padding:24px 22px 22px;display:flex;flex-direction:column;box-shadow:0 8px 24px -12px rgba(15,23,42,0.12),0 2px 6px -2px rgba(15,23,42,0.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
    .plan:hover{transform:translateY(-2px);}
    .plan--featured{border:2px solid #28cd78;padding:23px 21px 21px;box-shadow:0 18px 40px -16px rgba(40,205,120,0.35),0 2px 8px -2px rgba(15,23,42,0.06);}
    .plan__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#ffd9e3;color:#d94f7a;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:0.01em;padding:6px 14px;border-radius:999px;white-space:nowrap;}
    .plan__head{text-align:center;padding-bottom:16px;border-bottom:1px solid #e6e8ec;}
    .plan__duration{font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:16px;color:#1f2937;margin:4px 0 6px;}
    .plan__price{display:inline-flex;align-items:flex-start;justify-content:center;font-family:'Poppins',system-ui,sans-serif;color:#0f172a;line-height:1;margin:0;gap:1px;}
    .plan__price-curr{font-size:20px;font-weight:700;margin-top:6px;align-self:flex-start;}
    .plan__price-int{font-size:46px;font-weight:800;letter-spacing:-0.02em;line-height:1;}
    .plan__price-frac{font-size:20px;font-weight:700;align-self:flex-end;margin-bottom:4px;}
    .plan__subtitle{font-family:'Poppins',system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#6b7280;margin:10px 0 2px;text-align:center;}
    .plan__permonth{color:#083941;font-weight:600;font-size:13px;margin-top:6px;}
    .plan__tag{display:inline-block;margin-top:12px;background:#ffd9e3;color:#d94f7a;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:0.06em;padding:5px 12px;border-radius:999px;}
    .plan__devices{text-align:center;margin:14px 0 6px;}
    .plan__devices-label{font-family:'Poppins',system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#6b7280;margin:0 0 8px;}
    .plan__counter{display:inline-flex;align-items:center;gap:14px;}
    .plan__step{width:28px;height:28px;border-radius:50%;border:1.5px solid #e6e8ec;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:1;padding:0;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .1s ease;background:none;cursor:pointer;}
    .plan__step:hover:not(:disabled){border-color:#28cd78;color:#083941;background:rgba(40,205,120,0.10);}
    .plan__step:active:not(:disabled){transform:scale(0.92);}
    .plan__step:disabled{opacity:0.4;cursor:not-allowed;}
    .plan__count{font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:18px;color:#083941;min-width:18px;text-align:center;line-height:1;}
    .plan__items{list-style:none;padding:0;margin:16px 0 20px;display:flex;flex-direction:column;gap:10px;flex:1;}
    .plan__item{display:flex;align-items:center;gap:10px;min-height:22px;}
    .plan__check{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:rgba(40,205,120,0.10);color:#083941;display:inline-flex;align-items:center;justify-content:center;}
    .plan__check svg{width:11px;height:11px;}
    .plan__text{color:#1f2937;font-size:13.5px;font-weight:500;}
    .plan__item--highlight .plan__check{background:#28cd78;color:#ffffff;box-shadow:0 0 0 3px rgba(40,205,120,0.18);}
    .plan__item--highlight .plan__text{color:#083941;font-weight:700;}
    .plan__logos{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0;flex:1;}
    .plan__logo{display:inline-flex;align-items:center;height:14px;flex:0 0 auto;}
    .plan__logo svg{height:100%;width:auto;display:block;}
    .plan__cta{display:block;width:100%;text-align:center;background:#28cd78;color:#ffffff;font-family:'Poppins',system-ui,sans-serif;font-weight:600;font-size:15px;padding:13px 16px;border-radius:999px;text-decoration:none;transition:background .15s ease,transform .15s ease;}
    .plan__cta:hover{background:#1fa862;}
    .plan__cta:active{transform:scale(0.98);}

  /* === COMPONENT: Device Compatibility === */
  .devices{background:#060914 !important;padding:0;}
  .devices__page{max-width:1240px;margin:0 auto;padding:72px 24px 88px;}
  .devices__header{text-align:center;max-width:780px;margin:0 auto 38px;}
  .devices__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:0.22em;color:#28cd78;margin:0 0 14px;padding:7px 14px;background:rgba(40,205,120,0.12);border:1px solid rgba(40,205,120,0.25);border-radius:999px;}
  .devices__eyebrow::before,.devices__eyebrow::after{content:'';width:14px;height:1px;background:linear-gradient(90deg,transparent,#28cd78);display:inline-block;}
  .devices__eyebrow::after{background:linear-gradient(90deg,#28cd78,transparent);}
  .devices__title{font-family:'Fraunces',Georgia,serif;font-weight:600;font-style:italic;font-size:clamp(30px,4.6vw,50px);letter-spacing:-0.012em;line-height:1.08;margin:0 0 14px;color:#ffffff;}
  .devices__title-accent{background:linear-gradient(105deg,#28cd78 0%,#a0f0c8 55%,#28cd78 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;}
  .devices__lede{margin:0 auto;color:#9aa3bf;font-size:16px;line-height:1.6;max-width:620px;}
  .devices__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 auto;}
  @media(max-width:1080px){.devices__grid{grid-template-columns:repeat(3,1fr);}}
  @media(max-width:780px){.devices__grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:480px){.devices__grid{grid-template-columns:1fr;max-width:360px;}}
  .device{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 18px 18px;background:linear-gradient(180deg,rgba(94,216,255,0.04),rgba(94,216,255,0) 55%) #0e1326;border:1px solid rgba(255,255,255,0.08);border-radius:24px;box-shadow:0 14px 30px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s cubic-bezier(.2,.7,.2,1),background .25s cubic-bezier(.2,.7,.2,1);overflow:hidden;}
  .device::before{content:'';position:absolute;top:0;left:0;width:38px;height:38px;border-top:1px solid rgba(40,205,120,0.35);border-left:1px solid rgba(40,205,120,0.35);border-top-left-radius:24px;opacity:0;transition:opacity .25s cubic-bezier(.2,.7,.2,1);}
  .device::after{content:'';position:absolute;bottom:0;right:0;width:38px;height:38px;border-bottom:1px solid rgba(40,205,120,0.35);border-right:1px solid rgba(40,205,120,0.35);border-bottom-right-radius:24px;opacity:0;transition:opacity .25s cubic-bezier(.2,.7,.2,1);}
  .device:hover{transform:translateY(-4px);border-color:rgba(40,205,120,0.42);box-shadow:0 26px 50px -22px rgba(40,205,120,.35),0 6px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(40,205,120,0.08),rgba(40,205,120,0) 55%) #131a36;}
  .device:hover::before,.device:hover::after{opacity:1;}
  .device__tag{position:absolute;top:12px;right:12px;font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;padding:4px 8px;border-radius:999px;z-index:2;}
  .device__tag--gold{color:#2a1b00;background:linear-gradient(135deg,#ffe39a,#f5b441);box-shadow:0 4px 10px -4px rgba(245,180,65,0.7);}
  .device__tag--blue{color:#043022;background:linear-gradient(135deg,#b8f5d9,#28cd78);box-shadow:0 4px 10px -4px rgba(40,205,120,0.55);}
  .device__art{position:relative;width:100%;height:138px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
  .device__art-glow{position:absolute;inset:8px 16px 8px 16px;background:radial-gradient(ellipse at center,rgba(94,216,255,0.22) 0%,transparent 65%);filter:blur(6px);z-index:0;opacity:0.85;transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1);}
  .device:hover .device__art-glow{opacity:1;transform:scale(1.06);}
  .device__icon{position:relative;z-index:1;width:138px;height:138px;display:inline-flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.7,.2,1);}
  .device:hover .device__icon{transform:translateY(-2px) scale(1.04);}
  .device__icon svg{width:100%;height:100%;display:block;overflow:visible;}
  .device__name{font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:19px;color:#ffffff;letter-spacing:-0.005em;margin:4px 0 8px;}
  .device__brands{margin:0 0 14px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;min-height:22px;}
  .device__brand{font-family:'Outfit',system-ui,sans-serif;font-weight:500;font-size:13px;color:#e7ecf7;}
  .device__brand-sep{color:#6b7591;font-weight:400;font-size:13px;}
  .device__foot{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:rgba(40,205,120,0.07);border:1px solid rgba(40,205,120,0.15);border-radius:999px;transition:background .25s cubic-bezier(.2,.7,.2,1),border-color .25s cubic-bezier(.2,.7,.2,1);}
  .device:hover .device__foot{background:rgba(40,205,120,0.14);border-color:rgba(40,205,120,0.32);}
  .device__dot{width:7px;height:7px;border-radius:50%;background:#5dffae;box-shadow:0 0 0 3px rgba(93,255,174,0.18),0 0 8px rgba(93,255,174,0.7);animation:device-pulse 2.4s ease-in-out infinite;}
  @keyframes device-pulse{0%,100%{box-shadow:0 0 0 3px rgba(93,255,174,0.18),0 0 8px rgba(93,255,174,0.7);}50%{box-shadow:0 0 0 5px rgba(93,255,174,0.05),0 0 14px rgba(93,255,174,0.9);}}
  .device__format{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;font-weight:500;color:#e7ecf7;letter-spacing:0.01em;white-space:nowrap;}
  .devices__strip{margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:18px 24px;background:linear-gradient(180deg,rgba(94,216,255,0.04),rgba(94,216,255,0) 80%) #0e1326;border:1px solid rgba(255,255,255,0.08);border-radius:24px;box-shadow:0 14px 30px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04);}
  .strip__item{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;padding:4px 12px;}
  .strip__item+.strip__item::before{content:'';position:absolute;left:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,0.12),transparent);}
  .strip__value{font-family:'Fraunces',Georgia,serif;font-weight:600;font-style:italic;font-size:clamp(26px,3vw,34px);line-height:1;background:linear-gradient(180deg,#ffffff 0%,#a0f0c8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .strip__label{font-family:'Outfit',system-ui,sans-serif;font-weight:500;font-size:12.5px;color:#9aa3bf;letter-spacing:0.02em;}
  @media(max-width:780px){.devices__strip{grid-template-columns:repeat(2,1fr);gap:18px 0;}.strip__item:nth-child(3)::before{display:none;}}
  @media(max-width:420px){.devices__strip{grid-template-columns:1fr;}.strip__item+.strip__item::before{display:none;}.strip__item+.strip__item{border-top:1px solid rgba(255,255,255,0.06);padding-top:14px;}}




/* ===================== SUBPAGE COMPONENTS ===================== */
/* Shared page styles for subpages — mirror index.html design system */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--text);line-height:1.6;background:#fff;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary);line-height:1.2;font-weight:700;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;height:auto;display:block;}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px;}

/* ── Header ── */

/* ── Hero ── */
.s-hero{position:relative;background:var(--primary);background-image:url('https://tvondemande.com/wp-content/uploads/2025/03/apollo-group-tv-bg.webp');background-size:cover;background-position:center;color:#fff;padding:90px 0 110px;overflow:hidden;}
.s-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(6,43,49,0.95) 0%,rgba(8,57,65,0.85) 50%,rgba(8,57,65,0.45) 100%);}
.s-hero::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top,#fff,transparent);pointer-events:none;}
.s-hero .container{position:relative;z-index:5;text-align:center;max-width:900px;}
.s-crumb{display:inline-flex;align-items:center;gap:10px;background:rgba(40,205,120,0.12);border:1px solid rgba(40,205,120,0.35);color:var(--secondary);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:22px;}
.s-hero h1{color:#fff;font-size:clamp(34px,5vw,52px);line-height:1.1;letter-spacing:-1px;margin-bottom:18px;}
.s-hero h1 em{font-style:normal;color:var(--secondary);}
.s-hero p{color:rgba(255,255,255,0.78);font-size:17px;max-width:680px;margin:0 auto 26px;}
.s-hero__ctas{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.s-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;font-family:var(--font-body);}
.s-btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(255,123,0,0.3);}
.s-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,123,0,0.4);}
.s-btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 8px 20px rgba(40,205,120,0.3);}
.s-btn-secondary:hover{background:var(--secondary-dark);transform:translateY(-2px);}
.s-btn-outline{background:transparent;border:2px solid rgba(255,255,255,0.4);color:#fff;}
.s-btn-outline:hover{background:rgba(255,255,255,0.08);border-color:#fff;}

/* ── Sections ── */
.s-section{padding:80px 0;}
.s-section--alt{background:var(--bg-gradient);}
.s-section--dark{background:var(--primary);color:#fff;}
.s-section--dark h1,.s-section--dark h2,.s-section--dark h3{color:#fff;}
.s-section__head{text-align:center;max-width:720px;margin:0 auto 50px;}
.s-section__sub{font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--secondary);margin-bottom:14px;}
.s-section__title{font-size:clamp(28px,3.5vw,40px);margin-bottom:14px;line-height:1.15;}
.s-section__lede{font-size:16px;line-height:1.7;}

/* ── Feature grid ── */
.s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.s-card{background:#fff;border-radius:var(--radius-lg);padding:32px 26px;border:1.5px solid var(--border-color);box-shadow:0 6px 18px -8px rgba(0,0,0,0.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.s-card:hover{transform:translateY(-4px);border-color:rgba(40,205,120,0.3);box-shadow:0 18px 32px -10px rgba(0,0,0,0.12);}
.s-card__icon{width:54px;height:54px;border-radius:14px;background:rgba(40,205,120,0.12);color:var(--secondary);display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;}
.s-card h3{font-size:18px;margin-bottom:10px;}
.s-card p{font-size:14.5px;line-height:1.7;}

/* ── Category chips ── */
.s-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px;}
.s-chip{padding:10px 18px;background:#fff;border:1.5px solid var(--border-color);border-radius:999px;font-weight:600;color:var(--primary);font-size:14px;transition:all .2s ease;cursor:default;}
.s-chip:hover{background:var(--secondary);color:#fff;border-color:var(--secondary);}

/* ── Channel list ── */
.s-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;}
.s-list__item{padding:14px 16px;background:#fff;border:1.5px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:10px;}
.s-list__item::before{content:'';width:8px;height:8px;background:var(--secondary);border-radius:50%;flex-shrink:0;}

/* ── CTA strip ── */
.s-cta{padding:70px 0;background:var(--primary) url('https://tvondemande.com/wp-content/uploads/2025/03/ctr-bg.jpg') center/cover no-repeat;position:relative;color:#fff;text-align:center;}
.s-cta::before{content:'';position:absolute;inset:0;background:rgba(6,43,49,0.88);}
.s-cta .container{position:relative;z-index:5;max-width:720px;}
.s-cta h2{color:#fff;font-size:clamp(26px,3.5vw,38px);margin-bottom:14px;}
.s-cta p{color:rgba(255,255,255,0.75);margin-bottom:26px;font-size:15.5px;}
.s-cta__row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}

/* ── FAQ ── */
.s-faq{display:flex;flex-direction:column;gap:12px;max-width:780px;margin:0 auto;}
.s-faq__item{background:#fff;border:1.5px solid var(--border-color);border-radius:14px;overflow:hidden;}
.s-faq__q{padding:18px 22px;font-weight:700;color:var(--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--font-heading);font-size:15px;}
.s-faq__q::after{content:'+';color:var(--secondary);font-size:22px;font-weight:300;transition:transform .2s ease;}
.s-faq__item.open .s-faq__q::after{transform:rotate(45deg);}
.s-faq__a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 22px;color:var(--text);font-size:14.5px;line-height:1.7;}
.s-faq__item.open .s-faq__a{max-height:240px;padding:0 22px 18px;}

/* ── Footer ── */

@media(max-width:991px){
  .s-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .s-section{padding:60px 0;}
  .s-hero{padding:70px 0 90px;}
  .s-grid{grid-template-columns:1fr;}
}


/* ===================== FAMILY-D ADDITIONS =====================
   Rules the PHP rewrite needs: things the design produced with JavaScript and
   now come out of the server, plus accessibility and RTL, which the original
   single-language English page never had to handle. */

/* ---- Accessibility --------------------------------------------------- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--accent);color:#fff;
  padding:12px 20px;border-radius:0 0 var(--radius-sm) 0;font-weight:700;font-size:14px;}
.skip-link:focus{left:0;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* A visible focus ring everywhere. The design removed outlines wholesale, which
   makes the site unusable by keyboard — and the language picker is 27 links. */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,
[tabindex]:focus-visible{outline:3px solid var(--secondary);outline-offset:2px;border-radius:4px;}

/* ---- Language picker: rows are links now, not buttons ---------------- */
.ls-row{text-decoration:none;}
.ls-panel{max-height:min(70vh,460px);overflow-y:auto;overscroll-behavior:contain;}
/* 27 languages need columns, or the panel is a phone-screen-high list. */
.ls-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:2px;}
@media(max-width:560px){.ls-grid{grid-template-columns:1fr;}}

/* ---- Header nav / mobile drawer -------------------------------------- */
.mobile-nav__trial{white-space:normal;}
.header-cta__btn{max-width:180px;overflow:hidden;text-overflow:ellipsis;}

/* ---- Compatibility strip --------------------------------------------- */
.brands-lede{text-align:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text);opacity:.7;margin:0 0 18px;font-weight:600;}
.brands-inner img{filter:grayscale(1);opacity:.75;transition:filter .25s ease,opacity .25s ease;}
.brands-inner img:hover{filter:none;opacity:1;}

/* ---- How-it-works: server-rendered step numbers ---------------------- */
.howit__badge-label{font-variant-numeric:tabular-nums;}

/* ---- Pricing: tier switching happens in place ------------------------ */
.plan__item[data-tier-feature]{transition:opacity .18s ease;}
.plan.is-swapping .plan__item[data-tier-feature],
.plan.is-swapping .plan__price,
.plan.is-swapping .plan__permonth{opacity:.35;}
.pricing__note{text-align:center;font-size:13.5px;color:#64748b;margin:26px auto 0;max-width:620px;line-height:1.7;}
.tier-switcher__btn[aria-selected="true"]{cursor:default;}

/* ---- Long-term offers ------------------------------------------------ */
.bsale__strip-cta{white-space:nowrap;}

/* ---- FAQ: the question is a real button now -------------------------- */
.faq-question{width:100%;background:none;border:0;text-align:inherit;cursor:pointer;
  font:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.faq-question h3{margin:0;font-size:inherit;font-weight:inherit;font-family:var(--font-heading);}

/* ---- Footer ---------------------------------------------------------- */
.footer-contact-link{display:inline-block;margin-top:10px;font-size:13px;color:var(--secondary);}
.footer-disclaimer{font-size:12px;opacity:.55;margin-top:10px;max-width:820px;line-height:1.6;}
.blogs-lede{max-width:320px;color:var(--text);font-size:15px;line-height:1.7;}

/* ---- Subpages: extra layouts the PHP templates use ------------------- */
.s-hero--slim{padding-block:56px 40px;}
.s-hero__lede{max-width:720px;margin-top:14px;font-size:17px;line-height:1.7;}
.s-grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.s-card--link{display:block;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
.s-card--link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.s-card__value{font-weight:700;color:var(--primary);font-size:17px;margin:6px 0 10px;
  font-variant-numeric:tabular-nums;}
.s-crumb a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
.s-legal__updated{margin-top:14px;font-size:13px;opacity:.7;}
.s-prose{max-width:860px;}
.s-prose h2{margin:38px 0 12px;font-size:22px;color:var(--primary);}
.s-prose h2:first-child{margin-top:0;}
.s-prose p{margin:0 0 14px;line-height:1.8;}
.s-prose ul{margin:0 0 16px;padding-left:22px;list-style:disc;}
.s-prose li{margin:0 0 8px;line-height:1.8;}
.s-prose a{color:var(--secondary-dark);text-decoration:underline;text-underline-offset:3px;}
.s-faq__q{width:100%;background:none;border:0;text-align:inherit;cursor:pointer;font:inherit;
  color:inherit;display:flex;align-items:center;justify-content:space-between;gap:16px;}

/* ---- Right-to-left ---------------------------------------------------
   Arabic and Persian. The layout is flex/grid throughout, so direction alone
   does most of the work; these are the places that hard-coded a side. */
[dir="rtl"] .hero-features li,
[dir="rtl"] .about-feature-item,
[dir="rtl"] .plan__item,
[dir="rtl"] .footer-contact-item{flex-direction:row-reverse;text-align:right;}
[dir="rtl"] .s-prose ul{padding-left:0;padding-right:22px;}
[dir="rtl"] .rail{left:18px;right:auto;}
[dir="rtl"] .rail__tip{left:auto;right:calc(100% + 12px);}
[dir="rtl"] .skip-link{border-radius:0 0 0 var(--radius-sm);}
/* Latin runs (prices, phone numbers, brand names) must not be reordered by the
   bidi algorithm when they sit inside an RTL paragraph. */
[dir="rtl"] .plan__price,
[dir="rtl"] .bsale-card__price,
[dir="rtl"] .stat-number,
[dir="rtl"] .card-stat,
[dir="rtl"] .s-card__value,

/* ---- Motion ---------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .reveal{opacity:1 !important;transform:none !important;}
}

/* ---- Print ----------------------------------------------------------- */
@media print{
  .header,.mobile-nav,.rail,.bnr,.cb,.cta,.carousel-controls{display:none !important;}
  body{background:#fff;color:#000;}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:11px;}
}