:root{--bg:#070b0e;--body:#070b0e;--card:#111820;--line:rgba(255,255,255,.14);--line2:rgba(255,255,255,.08);--text:#f8fafc;--muted:#a9b3bd;--accent:#ff6a21;--accent2:#ff8a3c;--shadow:0 24px 70px rgba(0,0,0,.45);--container:1340px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--body)}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select{font:inherit}
.container{width:min(100% - 48px,var(--container));margin:0 auto}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;background:linear-gradient(180deg,rgba(6,9,12,.92),rgba(6,9,12,.78));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{height:76px;display:flex;align-items:center;gap:34px}
.brand{font-weight:900;font-size:28px;letter-spacing:-.05em;white-space:nowrap}
.brand span{color:var(--accent)}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.main-nav a{font-size:14px;color:rgba(255,255,255,.78);font-weight:700}
.main-nav a:hover{color:#fff}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}
.menu-toggle span{display:block;height:2px;background:#fff;margin:7px 4px}
.btn,.tab,.category-card,.modal-close,.product-button,.lead-form input,.lead-form select{border-radius:0!important}
.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;font-weight:900;font-size:15px;border:1px solid transparent;cursor:pointer;transition:.22s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-sm{min-height:42px;padding:0 18px;font-size:13px}
.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 16px 32px rgba(255,106,33,.22)}
.btn-outline{border-color:rgba(255,255,255,.34);background:rgba(0,0,0,.18);color:#fff}
.btn-block{width:100%}
.hero{position:relative;min-height:820px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,7,10,.98) 0%,rgba(4,7,10,.84) 34%,rgba(4,7,10,.20) 68%,rgba(4,7,10,.34) 100%),linear-gradient(180deg,rgba(4,7,10,.20) 0%,rgba(4,7,10,.74) 100%),url("/assets/img/bg/hero-bg.png");background-size:cover;background-position:center}
.hero-inner{position:relative;z-index:2;padding-top:88px}
.hero-copy{width:min(80vw,100%)}
.eyebrow{margin:0 0 14px;color:#ffb077;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(44px,6vw,54px);line-height:.96;letter-spacing:-.07em;margin-bottom:24px}
.lead{font-size:21px;line-height:1.52;color:rgba(255,255,255,.78);max-width:620px;margin-bottom:34px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px}
.hero-pills span{border:1px solid rgba(255,255,255,.22);background:rgba(4,7,10,.38);padding:11px 16px;color:rgba(255,255,255,.82);font-weight:800;font-size:14px}
.section{padding:78px 0}
.category-strip{margin-top:0px;position:relative;z-index:5;padding-top:0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.category-card{position:relative;min-height:178px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#101820;box-shadow:var(--shadow);cursor:pointer;color:#fff;text-align:left;padding:0}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.78) 100%)}
.category-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.category-card div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
.category-card b{display:block;font-size:20px;font-weight:900;letter-spacing:-.04em}
.category-card span{display:block;color:rgba(255,255,255,.75);font-size:13px;margin-top:4px}
.section-head{margin-bottom:28px;max-width:900px}
.section-head h2{font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-.06em;margin-bottom:14px}
.section-head p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.55}
.section-head.compact{max-width:780px}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.product-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(229,232,235,.98));color:#101820;padding:10px;border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;min-height:342px}
.product-card figure{margin:0 0 12px;overflow:hidden;background:#fff;height:166px;display:flex;align-items:center;justify-content:center}
.product-card img{width:100%;height:100%;object-fit:contain}
.product-card .tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#69717a;font-weight:900;margin-bottom:8px}
.product-card h3{font-size:15px;line-height:1.22;letter-spacing:-.04em;margin-bottom:8px}
.product-card p{font-size:13px;color:#4a5562;line-height:1.35;flex:1;margin-bottom:12px}
.product-card .product-button{width:100%;min-height:42px;background:#101820;color:#fff;border:0;font-weight:900;cursor:pointer}
.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kit-card{overflow:hidden;border:1px solid var(--line);background:#111820;box-shadow:var(--shadow)}
.kit-img{height:220px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.40)),var(--kit-bg);background-size:cover;background-position:center}
.kit-content{padding:20px}
.kit-content h3{font-size:23px;letter-spacing:-.04em;margin-bottom:10px}
.kit-content p{color:rgba(255,255,255,.74);line-height:1.5;min-height:74px}
.progression-card,.assortment-section .container,.why-price .container,.split-grid{border:1px solid var(--line2);background:rgba(255,255,255,.035);padding:34px;box-shadow:var(--shadow)}
.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:stretch}
.step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:14px;padding:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-height:180px}
.step-icon{grid-column:1/-1;width:62px;height:62px;stroke:var(--accent);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.step span{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--accent);color:var(--accent);font-weight:900;flex:0 0 auto}
.step h3{font-size:18px;margin-bottom:6px}
.step p{color:var(--muted);line-height:1.45;margin:0}
.arrow{font-size:42px;color:rgba(255,255,255,.28);font-style:normal;align-self:center}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 18px}
.tab{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;padding:12px 18px;font-weight:900;cursor:pointer}
.tab.active{background:var(--accent);border-color:var(--accent);box-shadow:0 12px 22px rgba(255,106,33,.18)}
.tab-intro{color:var(--muted);line-height:1.5;margin:0 0 18px;max-width:860px}
.assortment-grid{grid-template-columns:repeat(4,1fr)}
.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.benefit-grid article{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);padding:20px}
.benefit-icon{width:44px;height:44px;stroke:var(--accent);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.benefit-grid span{color:#ffb077;font-weight:900}
.benefit-grid h3{font-size:18px;margin:12px 0 8px}
.benefit-grid p{color:var(--muted);line-height:1.45;margin:0}
.scenario-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.scenario-grid article,.video-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#111820;min-height:190px}
.scenario-grid img,.video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scenario-grid article:after,.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}
.scenario-grid h3,.video-card b{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;margin:0;font-size:18px;letter-spacing:-.03em}
.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.video-card span{position:absolute;z-index:3;left:50%;top:47%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid rgba(255,255,255,.34);display:grid;place-items:center;backdrop-filter:blur(10px);background:rgba(255,255,255,.18)}
.faq-list{display:grid;gap:10px}
details{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);overflow:hidden}
summary{cursor:pointer;padding:18px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary:after{content:"+";color:var(--accent)}
details[open] summary:after{content:"−"}
details p{padding:0 18px 18px;color:var(--muted);line-height:1.45;margin:0}
.lead-section{position:relative;overflow:hidden;padding:90px 0}
.lead-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.96),rgba(4,7,10,.70)),url("/assets/img/bg/footer-bg.png");background-size:cover;background-position:center}
.lead-inner{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.35fr;gap:40px;align-items:center}
.lead-copy h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.06em;margin-bottom:14px}
.lead-copy p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.55}
.lead-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end;padding:18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.lead-form label{display:grid;gap:7px}
.lead-form span{font-size:12px;color:rgba(255,255,255,.72);font-weight:800}
.lead-form input,.lead-form select{height:50px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.32);color:#fff;padding:0 14px;outline:none}
.lead-form button{height:50px}
.loader{grid-column:1/-1;padding:28px;border:1px solid var(--line);color:var(--muted)}
.fullscreen-modal{position:fixed;inset:0;z-index:100;background:var(--body);display:none}
.fullscreen-modal.is-open{display:block}
.modal-panel{height:100vh;overflow:auto;background:var(--body)}
.modal-close{position:fixed;right:24px;top:20px;z-index:5;background:var(--accent);color:#fff;border:0;padding:14px 18px;font-weight:900;cursor:pointer}
.modal-body{min-height:100vh;padding:84px 0 46px}
.modal-product{width:min(100% - 48px,var(--container));margin:0 auto;display:grid;grid-template-columns:1fr .85fr;gap:36px;align-items:start}
.modal-gallery{background:rgba(255,255,255,.04);border:1px solid var(--line2);padding:16px}
.modal-main-img{height:520px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.modal-main-img img{width:100%;height:100%;object-fit:contain}
.modal-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.modal-thumbs button{height:92px;background:#fff;border:2px solid transparent;padding:4px;cursor:pointer;border-radius:0}
.modal-thumbs button.active{border-color:var(--accent)}
.modal-thumbs img{width:100%;height:100%;object-fit:contain}
.modal-info{padding:8px 0}
.modal-info .tag{display:inline-block;color:#ffb077;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;margin-bottom:12px}
.modal-info h2{font-size:clamp(36px,4vw,66px);line-height:1;letter-spacing:-.07em;margin-bottom:18px}
.modal-info p{color:rgba(255,255,255,.76);font-size:18px;line-height:1.58}
.modal-list{display:grid;gap:10px;margin:24px 0}
.modal-list div{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);padding:16px;color:rgba(255,255,255,.80)}
.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
@media (max-width:1180px){.main-nav{display:none}.menu-toggle{display:block;margin-left:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.kit-grid,.assortment-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(3,1fr)}.scenario-grid{grid-template-columns:repeat(3,1fr)}.split-grid,.lead-inner,.modal-product{grid-template-columns:1fr}.lead-form{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.container{width:min(100% - 28px,var(--container))}.header-cta{display:none}.hero{min-height:720px}.category-strip{margin-top:-88px}.category-grid,.product-grid,.kit-grid,.assortment-grid,.benefit-grid,.scenario-grid,.video-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.arrow{display:none}.lead-form{grid-template-columns:1fr}.footer-inner{display:grid}h1{font-size:42px}.modal-product{width:min(100% - 28px,var(--container))}.modal-main-img{height:340px}}