@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green:#49e598;--green-bright:#63f0aa;--green-ink:#16805a;--ink:#07110e;--ink-soft:#0b1711;--deep:#06100c;--surface:#f8faf9;--surface-strong:#fff;--text:#1c2a23;--muted:#5f6f67;--line:#dfe5e2;--shadow-soft:0 16px 44px #0928180f;--shadow-green:0 10px 28px #20b4712e;--radius-card:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.6 DM Sans,system-ui,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;margin:0;font-family:Manrope,sans-serif}p{margin:0}:focus-visible{outline-offset:3px;outline:3px solid #35bd7d73}.container{width:min(1180px,100% - 32px);margin-inline:auto}.container.narrow{width:min(820px,100% - 32px)}.skipLink{z-index:100;background:var(--deep);color:var(--green);border-radius:10px;padding:12px 18px;position:fixed;top:-100px;left:16px}.skipLink:focus{top:12px}.brand{color:#fff;align-items:center;gap:12px;display:inline-flex}.brandMark{width:40px;height:40px;color:var(--green-bright);background:linear-gradient(145deg,#49e5982e,#49e5980f);border:1px solid #63f0aa59;border-radius:12px;place-items:center;display:grid}.brandMark svg{width:26px;height:26px}.brandName{letter-spacing:.12em;font:800 17px Manrope,sans-serif}.brandName span{color:var(--green);margin-left:6px}.button{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.button.large{min-height:52px;padding:14px 24px;font-size:15px}.button.primary{color:#042416;box-shadow:var(--shadow-green);background:linear-gradient(105deg,#39d78b,#68eead)}.button.primary:hover{transform:translateY(-1px);box-shadow:0 13px 32px #20b47147}.button.ghost{color:#d9e7df}.button.ghost:hover{color:#fff}.button.outline{color:#fff;border-color:#ffffff38}.button.outline:hover{border-color:var(--green)}.siteHeader{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06100ce0;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.headerInner{align-items:center;gap:28px;min-height:72px;display:flex}.mainNav{gap:26px;margin-left:auto;display:flex}.mainNav a{color:#aabbb1;font-size:14px;font-weight:500}.mainNav a:hover{color:#fff}.headerActions{gap:8px;display:flex}.hero{isolation:isolate;color:#fff;background:radial-gradient(circle at 12% 78%, #28b87d38, transparent 32%), radial-gradient(circle at 88% 16%, #22a17024, transparent 28%), linear-gradient(145deg, #0a1813 0%, var(--deep) 55%, #091611 100%);padding:clamp(56px,8vw,110px) 0 clamp(64px,9vw,120px);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;opacity:.16;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 72%);mask-image:linear-gradient(to bottom right,#000,#0000 72%)}.heroGrid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.eyebrow{color:var(--green);letter-spacing:.2em;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:currentColor;width:22px;height:1px}.eyebrow.dark{color:var(--green-ink)}.hero h1{letter-spacing:-.055em;font-size:clamp(36px,4.6vw,58px);line-height:1.04}.hero h1 em{color:var(--green-bright);font-style:normal}.lead{color:#b9c9c0;max-width:540px;margin-top:24px;font-size:clamp(16px,1.6vw,18px)}.heroActions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.platforms{color:#8fa39a;margin-top:26px;font-size:13px}.platforms strong{color:#dbe8e1;font-weight:600}.tvMockup{justify-items:center;display:grid}.tvScreen{aspect-ratio:16/9.4;background:linear-gradient(160deg,#0f231b,#07120d);border:10px solid #131d19;border-radius:18px;grid-template-columns:26% minmax(0,1fr);gap:4%;width:100%;padding:3%;display:grid;box-shadow:0 30px 80px #00000073,0 0 0 1px #63f0aa1f}.tvSidebar{background:#ffffff0a;border-radius:10px;flex-direction:column;gap:8%;padding:6% 8%;display:flex}.tvLogo{background:linear-gradient(105deg,#39d78b,#68eead);border-radius:6px;width:60%;height:12%;margin-bottom:8%}.tvItem{color:#8fa39a;white-space:nowrap;font-size:clamp(8px,1vw,12px);font-weight:600}.tvItem.active{color:var(--green-bright)}.tvContent{flex-direction:column;gap:5%;min-width:0;display:flex}.tvHeading{background:#ffffff29;border-radius:4px;width:42%;height:7%}.tvHeading.short{width:30%}.tvRow{grid-template-columns:repeat(4,minmax(0,1fr));gap:5%;height:36%;display:grid}.tvPoster{border-radius:7px}.tvPoster.tone1{box-shadow:0 0 0 2px var(--green-bright);background:linear-gradient(160deg,#2b6b52,#123126)}.tvPoster.tone2{background:linear-gradient(160deg,#35506a,#16222e)}.tvPoster.tone3{background:linear-gradient(160deg,#6a4b35,#2b1d14)}.tvPoster.tone4{background:linear-gradient(160deg,#4b3a6a,#1e1730)}.tvStand{background:#131d19;border-radius:0 0 12px 12px;width:30%;height:12px;margin-top:14px}.section{padding:clamp(64px,8vw,104px) 0}.section.alt{background:#eef4f1}.sectionHeading{max-width:640px;margin-bottom:40px}.sectionHeading h2{color:var(--ink);font-size:clamp(28px,3.6vw,40px);line-height:1.15}.card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-strong);box-shadow:var(--shadow-soft);padding:28px}.card h3{color:var(--ink);margin-top:18px;font-size:19px}.card p{color:var(--muted);margin-top:8px;font-size:15px}.featureGrid,.steps,.packageGrid{gap:20px;margin:0;padding:0;list-style:none;display:grid}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.featureIcon{width:48px;height:48px;color:var(--green-ink);background:#e6f8ef;border-radius:14px;place-items:center;display:grid}.featureIcon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.steps{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr))}.stepNumber{background:var(--ink);width:40px;height:40px;color:var(--green-bright);border-radius:50%;place-items:center;font:800 16px Manrope,sans-serif;display:grid}.packageGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),340px))}.packageCard{flex-direction:column;display:flex}.packageCard h3{margin-top:0}.price{align-items:baseline;gap:6px;display:flex;margin-top:16px!important}.price strong{letter-spacing:-.04em;color:var(--ink);font:800 34px Manrope,sans-serif}.installations{font-weight:600;color:var(--green-ink)!important}.packageText{flex:1}.packageCard .button{margin-top:24px}.packageFallback{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.packageFallback p{color:var(--text);margin:0}.finePrint{color:var(--muted);margin-top:20px;font-size:14px}.faq{gap:12px;display:grid}.faq details{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px}.faq summary{cursor:pointer;color:var(--ink);padding:18px 22px;font-weight:600;list-style-position:inside}.faq details p{color:var(--muted);padding:0 22px 20px}.ctaBand{color:#fff;background:radial-gradient(circle at 80% 20%, #28b87d33, transparent 40%), linear-gradient(145deg, #0a1813 0%, var(--deep) 60%);padding:clamp(56px,7vw,88px) 0}.ctaInner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.ctaInner h2{max-width:560px;font-size:clamp(26px,3.4vw,38px);line-height:1.15}.ctaInner .heroActions{margin-top:0}.siteFooter{background:var(--deep);color:#8fa39a;padding:36px 0;font-size:14px}.footerInner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;display:flex}.footerInner nav{flex-wrap:wrap;gap:22px;display:flex}.footerInner nav a:hover{color:#fff}@media (max-width:980px){.mainNav{display:none}.headerActions{margin-left:auto}.heroGrid{grid-template-columns:minmax(0,1fr)}.tvMockup{width:100%;max-width:560px;margin-inline:auto}.featureGrid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.headerInner{gap:12px}.brandName{font-size:15px}.headerActions .button{min-height:38px;padding:8px 12px;font-size:13px}.featureGrid,.steps{grid-template-columns:minmax(0,1fr)}.heroActions .button{flex:100%}.card{padding:22px}}@media (max-width:380px){.siteHeader .brandName{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}