:root{--green:#31d43b;--green-2:#20b72c;--ink:#0b1117;--muted:#68727c;--line:#e5e9ec;--surface:#f7f8f9;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;border-radius:6px;font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;box-shadow:0 8px 24px rgba(49,212,59,.25)}.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(10px)}.btn-outline{border:1px solid var(--green-2);color:var(--green-2);background:#fff}.eyebrow{display:block;color:var(--green-2);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin-bottom:14px}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;height:76px;background:rgba(7,12,18,.92);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:100%;display:flex;align-items:center;gap:32px}.brand img{width:185px}.nav{margin-left:auto;display:flex;gap:28px}.nav a{color:#fff;font-size:.76rem;font-weight:700;text-transform:uppercase;position:relative}.nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-12px;background:var(--green);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.nav-cta{margin-left:16px}.menu-toggle{display:none;margin-left:auto;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{min-height:690px;background:#080d12;position:relative;color:#fff;padding-top:76px;overflow:hidden}.hero-media{position:absolute;inset:76px 0 120px 31%;background:url('assets/hero.jpg') center/cover no-repeat}.hero-shade{position:absolute;inset:76px 0 0;background:linear-gradient(90deg,#071018 0%,rgba(7,16,24,.94) 28%,rgba(7,16,24,.45) 57%,rgba(7,16,24,.12) 100%),linear-gradient(0deg,#071018 0%,transparent 40%)}.hero-content{position:relative;padding-top:88px}.hero h1{font-size:clamp(3rem,5vw,5.3rem);line-height:1.02;margin:0 0 24px;letter-spacing:-.045em;max-width:650px}.hero h1 strong{color:var(--green);font-weight:800}.hero-content>p{max-width:470px;font-size:1.04rem;color:#dce3e8;margin-bottom:30px}.hero-actions{display:flex;gap:16px}.hero-features{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.hero-features article{display:flex;gap:16px;padding:18px 26px;border-right:1px solid rgba(255,255,255,.16)}.hero-features article:last-child{border-right:0}.hero-features .icon{font-size:2rem;color:var(--green)}.hero-features b,.benefits b{display:block;font-size:.85rem}.hero-features small{display:block;color:#c6ced4;font-size:.73rem;margin-top:4px}.section{padding:74px 0}.section-sm{padding:34px 0}.product-layout,.gallery-layout{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:start}.section-intro h2,.smart-copy h2,.cta h2{font-size:clamp(2rem,3vw,3rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.section-intro p{color:var(--muted);margin-bottom:28px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(10,17,24,.06);transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card img{width:100%;height:190px;object-fit:cover}.card div{padding:18px}.card h3{margin:0 0 9px;font-size:1rem}.card p{font-size:.82rem;color:var(--muted);min-height:58px}.card a{font-size:.8rem;color:var(--green-2);font-weight:700}.smart-section{padding-top:10px}.smart-card{background:linear-gradient(100deg,#071017,#0e171f);color:#fff;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr .8fr;align-items:stretch;min-height:300px}.smart-copy{padding:48px 42px}.smart-copy p{color:#c8d0d5}.compatibility{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.compatibility span{border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:6px;font-size:.72rem}.smart-image img{width:100%;height:100%;object-fit:cover}.smart-list{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:36px}.smart-list div{padding-left:18px;border-left:2px solid var(--green)}.smart-list b{display:block}.smart-list small{display:block;color:#bfc8ce;margin-top:4px}.gallery{padding-top:20px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-grid img{height:225px;width:100%;object-fit:cover;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.benefits-grid{background:#f6f7f8;border:1px solid #edf0f2;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);padding:25px}.benefits article{display:flex;gap:14px;padding:5px 22px;border-right:1px solid #dce1e4}.benefits article:last-child{border:0}.benefits article>span{font-size:2rem;color:var(--green-2)}.benefits small{display:block;color:var(--muted);margin-top:4px;font-size:.75rem}.cta{background:radial-gradient(circle at 20% 20%,rgba(49,212,59,.1),transparent 30%),#080e14;color:#fff;padding:46px 0;border-bottom:1px solid rgba(255,255,255,.1)}.cta-grid{display:grid;grid-template-columns:1.1fr 1fr .7fr;align-items:center;gap:40px}.cta h2{margin:0}.cta h2 strong{color:var(--green)}.cta p{color:#bec7cd}.cta-points{display:grid;grid-template-columns:1fr;gap:10px;color:#dfe5e9;font-size:.85rem}.cta-actions{display:flex;flex-direction:column;gap:12px}.footer{background:#080e14;color:#fff;padding:46px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr .7fr;gap:50px}.footer-brand img{width:190px;margin-bottom:18px}.footer p,.footer a{display:block;color:#aeb8bf;font-size:.82rem;margin:7px 0}.footer h4{margin:0 0 14px}.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border:1px solid #59636a;border-radius:50%;display:grid;place-items:center;color:#fff}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid #29323a;color:#7f8a92;font-size:.72rem;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav,.nav-cta{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#081018;padding:22px;flex-direction:column}.hero-media{left:0}.hero-shade{background:linear-gradient(90deg,rgba(7,16,24,.96),rgba(7,16,24,.45))}.hero-features{grid-template-columns:repeat(2,1fr)}.hero{min-height:820px}.product-layout,.gallery-layout{grid-template-columns:1fr}.product-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.smart-card{grid-template-columns:1fr}.smart-image{height:280px}.smart-list{display:grid;grid-template-columns:repeat(3,1fr)}.cta-grid,.footer-grid{grid-template-columns:1fr 1fr}.benefits-grid{grid-template-columns:1fr 1fr}.benefits article:nth-child(2){border-right:0}}
@media(max-width:640px){.container{width:min(100% - 26px,1180px)}.hero{min-height:980px}.hero-content{padding-top:62px}.hero h1{font-size:3.3rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-features{grid-template-columns:1fr;bottom:14px}.hero-features article{padding:10px 8px;border-right:0}.product-grid,.gallery-grid,.benefits-grid,.cta-grid,.footer-grid,.smart-list{grid-template-columns:1fr}.card img,.gallery-grid img{height:250px}.benefits article{border-right:0;border-bottom:1px solid #dce1e4}.footer-bottom{flex-direction:column;gap:8px}.site-header{height:68px}.hero{padding-top:68px}.hero-media,.hero-shade{inset-top:68px}.brand img{width:165px}}