:root{
  --black:#0b0c0d;
  --black2:#121416;
  --black3:#191c1f;
  --yellow:#ffd300;
  --yellow2:#ffbd00;
  --lime:#bfff29;
  --green:#61e889;
  --white:#ffffff;
  --paper:#f4f3ee;
  --paper2:#ecebe5;
  --text:#111214;
  --muted:#6d7177;
  --red:#ff4d3d;
  --max:1400px;
  --radius:26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',Arial,sans-serif;color:var(--text);background:var(--paper);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.section-dark{background:var(--black);color:var(--white)}

/* HEADER */
.site-header{position:fixed;left:0;right:0;top:0;z-index:1000;background:rgba(11,12,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}
.site-header.scrolled{background:rgba(11,12,13,.95)}
.header-inner{height:76px;display:flex;align-items:center;gap:34px}
.brand{display:flex;align-items:center;white-space:nowrap;flex-shrink:0}
.brand-logo{display:block;width:190px;height:auto}
.footer-brand .brand-logo{width:160px}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{font-size:13px;font-weight:600;color:rgba(255,255,255,.66);transition:.2s}
.nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border-radius:14px;font-weight:800;font-size:14px;letter-spacing:-.01em;border:1px solid transparent;transition:.22s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-yellow{background:var(--yellow);color:#0b0c0d;box-shadow:0 12px 42px rgba(255,211,0,.15)}
.btn-yellow:hover{background:#ffe04a;box-shadow:0 16px 45px rgba(255,211,0,.24)}
.btn-outline{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.03)}
.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.07)}
.btn-small{min-height:44px;padding:0 18px;font-size:12px}
.menu-btn{display:none;margin-left:auto;background:transparent;border:0;width:40px;height:40px;padding:8px;cursor:pointer}
.menu-btn span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:4px;transition:.2s}
.mobile-menu{display:none}

/* COMMON */
.kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;line-height:1;font-weight:900;letter-spacing:.15em;color:var(--yellow);text-transform:uppercase;margin-bottom:22px}
.dark-kicker{color:#1a1d20}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 14px currentColor}
.dot-safe{background:var(--green);color:var(--green)}
.section-head h2,.where-title h2,.spec-content h2,.request-copy h2{font-size:clamp(40px,5.1vw,78px);line-height:.94;letter-spacing:-.065em;font-weight:900;text-transform:uppercase}
.section-head p{font-size:18px;color:#6f7376;margin-top:22px;max-width:620px}
.section-head.light h2{color:#fff}.section-head.light h2 span{color:var(--yellow)}
.section-head.center{text-align:center}.section-head.center p{margin-left:auto;margin-right:auto}
.stroke-word{color:transparent;-webkit-text-stroke:1.4px #202224}
.marker{position:relative;display:inline-block;z-index:0}
.marker::after{content:"";position:absolute;left:-2%;right:-2%;bottom:4%;height:28%;background:var(--yellow);z-index:-1;transform:rotate(-1.2deg)}

/* HERO */
.hero{position:relative;min-height:900px;padding:150px 0 56px;overflow:hidden}
.garage-lines{position:absolute;inset:0;background:
  linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.04) 50%,transparent 50.3%),
  linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:260px 100%,100% 88px;opacity:.7;mask-image:linear-gradient(to bottom,#000 0,transparent 86%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(to bottom,transparent,#0b0c0d)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.22;pointer-events:none}
.hero-glow-a{width:520px;height:520px;background:var(--yellow);right:-160px;top:180px}
.hero-glow-b{width:360px;height:360px;background:#32d971;right:29%;top:320px;opacity:.10}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:38px;align-items:center}
.hero-copy{padding-top:40px}
.hero h1{font-size:clamp(54px,6.35vw,100px);line-height:.88;letter-spacing:-.075em;font-weight:900;text-transform:uppercase;max-width:820px}
.hero h1 span{color:var(--yellow)}
.hero-sub{font-size:clamp(18px,1.55vw,24px);color:rgba(255,255,255,.70);max-width:700px;margin-top:30px;line-height:1.35}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:62px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;max-width:700px;visibility:hidden;}
.hero-trust div{display:flex;flex-direction:column;gap:5px}
.hero-trust strong{font-size:20px;color:#fff;letter-spacing:-.03em}
.hero-trust span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42)}
.hero-visual{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center}
.product-halo{position:absolute;width:590px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,0,.2),rgba(255,211,0,.04) 47%,transparent 69%);filter:blur(5px);transform:rotate(-12deg)}
.hero-product{position:relative;z-index:4;width:min(680px,105%);filter:drop-shadow(0 45px 50px rgba(0,0,0,.66));transform:rotate(-5deg) translateY(12px);animation:heroFloat 5s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:rotate(-5deg) translateY(12px)}50%{transform:rotate(-4deg) translateY(-4px)}}
.visual-label{position:absolute;z-index:8;background:rgba(16,18,19,.8);border:1px solid rgba(184,255,41,.42);box-shadow:0 0 50px rgba(85,255,128,.12);backdrop-filter:blur(12px);color:#fff;padding:12px 16px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.09em;display:flex;align-items:center;gap:8px}
.visual-label i{display:block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}
.visual-label-top{top:68px;right:34px}
.parking-slot{position:absolute;z-index:1;width:520px;height:280px;border:2px solid rgba(255,255,255,.09);transform:skewX(-17deg) rotate(-8deg);bottom:98px}
.parking-slot-1{left:40px}.parking-slot-2{left:160px;opacity:.45}
.safe-ring{position:absolute;z-index:3;border:1px solid rgba(110,255,146,.34);border-radius:50%;animation:ring 3.2s infinite}
.safe-ring-1{width:460px;height:210px;transform:rotate(-8deg)}
.safe-ring-2{width:560px;height:260px;transform:rotate(-8deg);animation-delay:1.1s}
@keyframes ring{0%{opacity:.12;scale:.9}50%{opacity:.58}100%{opacity:0;scale:1.11}}
.hero-chip{position:absolute;z-index:9;background:#111416;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:14px 17px;display:flex;gap:10px;align-items:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.hero-chip b{font-size:22px;color:var(--yellow)}
.hero-chip span{font-size:10px;color:rgba(255,255,255,.53);text-transform:uppercase;letter-spacing:.06em;max-width:70px}
.chip-left{left:0;bottom:92px}.chip-right{right:5px;bottom:150px}
.hero-foot{
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    margin-top:20px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.10);

    transform:translateY(-45px);
}
.mini-proof{
    background:#0d0f10;
    padding:34px 32px;
    display:flex;
    gap:20px;
    align-items:center;
}
.mini-proof>span{
    color:var(--yellow);
    font-size:14px;
    font-weight:900;
    letter-spacing:.12em
}

.mini-proof p{
    font-size:16px;
    color:rgba(255,255,255,.55);
    line-height:1.45
}

.mini-proof b{
    font-size:18px;
    color:#fff
}

/* SIGNAL */
.signal-section{padding:126px 0;background:var(--paper)}
.odor-chain{display:grid;grid-template-columns:1fr 62px 1fr 62px 1fr 62px 1fr;align-items:center;margin-top:64px}
.chain-card{height:310px;background:#eae9e3;border-radius:22px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(10,10,10,.05)}
.chain-bad{background:#1b1b1c;color:#fff}.chain-alert{background:#ffd300}
.chain-visual{height:178px;position:relative;margin-bottom:auto;border-radius:16px;overflow:hidden;background:#d9d7d0}
.chain-num{font-size:10px;font-weight:900;letter-spacing:.12em;color:#777b7f;margin-bottom:8px}.chain-bad .chain-num{color:#ff8076}.chain-alert .chain-num{color:#2b2600}
.chain-card h3{font-size:20px;line-height:1.05;letter-spacing:-.04em}
.chain-arrow{text-align:center;font-size:34px;color:#8a8d8f}
.raw-visual{background:radial-gradient(circle at 30% 30%,#4c4c4c,#141414 62%)}
.grain{position:absolute;width:38px;height:27px;background:#080808;border-radius:50% 35% 50% 40%;box-shadow:inset 4px 3px 8px rgba(255,255,255,.08)}
.g1{left:22%;top:24%;transform:rotate(24deg)}.g2{left:48%;top:17%;transform:rotate(-20deg) scale(1.25)}.g3{left:63%;top:51%;transform:rotate(17deg) scale(.84)}.g4{left:27%;top:57%;transform:rotate(-10deg) scale(1.1)}.g5{left:46%;top:44%;transform:rotate(41deg) scale(.67)}
.molecule-visual{background:#151719}
.molecule-visual span{position:absolute;width:14px;height:14px;border-radius:50%;background:#ffcf00;box-shadow:0 0 22px rgba(255,211,0,.7)}
.molecule-visual span::after{content:"";position:absolute;width:58px;height:1px;background:rgba(255,255,255,.28);left:7px;top:7px;transform-origin:left center}
.molecule-visual span:nth-child(1){left:22%;top:52%}.molecule-visual span:nth-child(1)::after{transform:rotate(-36deg)}
.molecule-visual span:nth-child(2){left:42%;top:25%}.molecule-visual span:nth-child(2)::after{transform:rotate(38deg)}
.molecule-visual span:nth-child(3){left:64%;top:48%}.molecule-visual span:nth-child(3)::after{transform:rotate(87deg);width:40px}
.molecule-visual span:nth-child(4){left:43%;top:68%;background:#ff6c5d}.molecule-visual span:nth-child(4)::after{transform:rotate(-14deg)}
.molecule-visual span:nth-child(5){left:77%;top:28%;background:#ff6c5d}.molecule-visual span:nth-child(5)::after{display:none}
.smell-visual{background:radial-gradient(circle at 50% 80%,#4a1e19,#141415 62%)}
.smell-visual i{position:absolute;width:42px;height:124px;border-left:8px solid rgba(255,94,72,.67);border-radius:50%;filter:blur(2px);bottom:-15px;animation:smoke 2.6s ease-in-out infinite}
.smell-visual i:nth-child(1){left:27%;transform:rotate(10deg)}.smell-visual i:nth-child(2){left:48%;height:145px;animation-delay:.5s}.smell-visual i:nth-child(3){left:67%;height:112px;animation-delay:1s}
@keyframes smoke{0%,100%{translate:0 15px;opacity:.25}50%{translate:5px -8px;opacity:.9}}
.complaint-visual{background:#ffcf00;display:flex;align-items:center;justify-content:center}
.complaint-visual b{font-size:90px;line-height:1;color:#111}.complaint-visual span{position:absolute;background:#111;border-radius:4px}
.complaint-visual span:nth-child(2){width:48px;height:7px;right:28px;top:35px;transform:rotate(22deg)}.complaint-visual span:nth-child(3){width:36px;height:7px;left:25px;bottom:35px;transform:rotate(-22deg)}
.signal-note{margin-top:44px;background:#111315;color:#fff;padding:30px 34px;border-radius:20px;display:flex;align-items:flex-start;gap:24px;max-width:900px}
.big-quote{font-size:64px;line-height:.75;color:var(--yellow);font-weight:900}
.signal-note p{font-size:18px;color:rgba(255,255,255,.7)}.signal-note strong{color:#fff}

/* BENEFITS */
.benefits{padding:126px 0}
.benefit-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px;margin-top:58px}
.benefit-card{min-height:330px;border-radius:24px;background:#141719;border:1px solid rgba(255,255,255,.08);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.benefit-main{grid-row:span 2;min-height:680px;background:linear-gradient(145deg,#151719,#0f1112)}
.benefit-card h3{font-size:25px;line-height:1.03;letter-spacing:-.045em;color:#fff;max-width:330px}
.benefit-card p{font-size:14px;color:rgba(255,255,255,.48);margin-top:12px;max-width:330px}
.number-label{font-size:10px;font-weight:900;color:var(--yellow);letter-spacing:.15em;margin-bottom:10px;display:block}
.benefit-icon{position:absolute;top:28px;right:28px;width:110px;height:110px}
.benefit-main .benefit-icon{width:100%;height:410px;top:30px;left:0;right:0}
.air-icon{display:flex;align-items:center;justify-content:center}
.air-wave{position:absolute;width:230px;height:72px;border-top:5px solid rgba(255,255,255,.42);border-radius:50%;transform:rotate(-10deg)}
.air-wave.w2{translate:0 52px;width:190px}.air-wave.w3{translate:0 -52px;width:160px}
.slash{position:absolute;width:310px;height:18px;background:var(--yellow);transform:rotate(-46deg);box-shadow:0 0 50px rgba(255,211,0,.28)}
.garage-icon{border:5px solid rgba(255,255,255,.24);border-bottom:0;border-radius:10px 10px 0 0;top:30px;right:30px}
.garage-icon span{position:absolute;left:12px;right:12px;bottom:15px;height:30px;background:var(--yellow);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}
.garage-icon i{position:absolute;width:13px;height:13px;border-radius:50%;background:#0f1112;border:4px solid #fff;bottom:5px}.garage-icon i:nth-of-type(1){left:23px}.garage-icon i:nth-of-type(2){right:23px}
.shield-icon{width:94px;height:108px;background:var(--yellow);clip-path:polygon(50% 0,90% 18%,84% 70%,50% 100%,16% 70%,10% 18%);display:grid;place-items:center}.shield-icon span{font-size:46px;font-weight:900;color:#0e0f10}
.doc-icon{width:92px;height:112px;border:4px solid rgba(255,255,255,.42);border-radius:8px}.doc-icon span,.doc-icon i{position:absolute;left:14px;right:14px;height:4px;background:rgba(255,255,255,.38);border-radius:5px}.doc-icon span{top:27px}.doc-icon i:nth-of-type(1){top:45px}.doc-icon i:nth-of-type(2){top:63px;width:42px}.doc-icon b{position:absolute;right:-10px;bottom:-8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-size:24px}

/* COMPARE */
.compare-section{padding:126px 0;background:#f1f0ea}
.compare-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:62px}
.compare-side{border-radius:28px;padding:30px;min-height:630px;position:relative;overflow:hidden}
.good-side{background:#101213;color:#fff}.bad-side{background:#deddd6;color:#161718}
.side-topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;letter-spacing:.13em}.side-topline b{font-size:11px;color:#777}.good-side .side-topline b{color:var(--yellow)}
.compare-product-wrap{height:330px;display:flex;align-items:center;justify-content:center;position:relative}
.compare-product-wrap img{width:92%;position:relative;z-index:3;filter:drop-shadow(0 35px 28px rgba(0,0,0,.42))}
.good-glow{position:absolute;width:370px;height:210px;border-radius:50%;background:rgba(255,211,0,.14);filter:blur(35px)}
.good-badge{position:absolute;z-index:6;bottom:24px;right:12px;background:var(--green);color:#08100a;border-radius:999px;padding:10px 14px;font-size:10px;font-weight:900;letter-spacing:.08em}
.compare-points{list-style:none;display:grid;gap:12px;margin-top:26px}
.compare-points li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700}.compare-points li span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(105,255,143,.12);color:var(--green)}
.bad-points li span{background:rgba(255,60,42,.10);color:var(--red)}
.vs-badge{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900;font-size:17px;box-shadow:0 14px 40px rgba(0,0,0,.15)}
.bad-object{height:330px;position:relative;display:flex;align-items:center;justify-content:center}
.generic-stop{width:84%;height:105px;background:linear-gradient(#38383a,#171718);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);transform:perspective(500px) rotateX(14deg);position:relative;box-shadow:0 40px 45px rgba(0,0,0,.16)}
.generic-stop i{position:absolute;width:24%;height:28px;background:#6b5b2c;top:27px}.generic-stop i:first-child{left:13%}.generic-stop i:last-child{right:13%}
.odor-cloud{position:absolute;border-radius:50%;background:rgba(255,75,58,.24);filter:blur(24px)}
.odor-cloud.c1{width:170px;height:150px;left:18%;top:38px}.odor-cloud.c2{width:220px;height:110px;right:18%;top:82px}.odor-cloud.c3{width:260px;height:150px;left:33%;top:5px}
.warning-tag{position:absolute;bottom:26px;right:15px;background:#ef4c3b;color:#fff;padding:10px 14px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.09em}

/* WHERE */
.where-section{padding:126px 0}
.where-title{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.where-title h2{max-width:900px}.where-title h2 span{color:var(--yellow)}.where-title>p{max-width:410px;color:rgba(255,255,255,.5);font-size:17px;padding-bottom:8px}
.places-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:340px 340px;gap:18px;margin-top:60px}
.place{background:#15181a;border:1px solid rgba(255,255,255,.08);border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.place-large{grid-row:1/3}
.place-art{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(145deg,#1a1d20,#0c0e0f)}
.place-caption{height:88px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:16px;padding:0 22px}.place-caption span{color:var(--yellow);font-size:10px;font-weight:900}.place-caption h3{font-size:17px;color:#fff;letter-spacing:-.03em}
.parking-art{background:linear-gradient(180deg,#16191c,#060708 75%)}
.ceiling-light{position:absolute;height:3px;background:#f6f4d7;box-shadow:0 0 20px #fff;top:18%;transform:perspective(200px) rotate(-16deg)}.ceiling-light.l1{left:7%;width:38%}.ceiling-light.l2{right:5%;width:30%}.ceiling-light.l3{left:33%;top:35%;width:45%;opacity:.45}
.pillar{position:absolute;width:18%;background:#34383b;top:10%;bottom:0;color:#ffd300;font-size:72px;font-weight:900;display:flex;align-items:center;justify-content:center}.p1{left:8%}.p2{right:8%;opacity:.55}
.parking-art .car-shape{position:absolute;width:62%;height:130px;background:#232629;clip-path:polygon(12% 38%,24% 8%,72% 8%,88% 38%,100% 52%,96% 88%,4% 88%,0 52%);bottom:20%;left:21%;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.parking-art .car-shape span{position:absolute;left:25%;top:14%;width:48%;height:38%;background:#111316;clip-path:polygon(10% 0,88% 0,100% 100%,0 100%)}
.parking-art img{position:absolute;width:58%;bottom:4%;left:25%;z-index:5;filter:drop-shadow(0 20px 20px rgba(0,0,0,.7))}
.home-art{background:linear-gradient(180deg,#2b3335,#111719)}
.building{position:absolute;left:20%;right:16%;bottom:0;height:82%;background:#d3d0c2;clip-path:polygon(0 16%,70% 0,100% 13%,100% 100%,0 100%)}.building i{position:absolute;width:11%;height:15%;background:#ffe252;box-shadow:0 0 16px rgba(255,226,82,.28)}.building i:nth-child(1){left:18%;top:31%}.building i:nth-child(2){left:40%;top:25%}.building i:nth-child(3){left:61%;top:20%}.building i:nth-child(4){left:78%;top:38%}.building b{position:absolute;width:14%;height:28%;background:#23292b;bottom:0;left:43%}
.tree{position:absolute;width:18%;height:36%;bottom:0;background:#263c2e;clip-path:polygon(50% 0,100% 100%,0 100%)}.tree.t1{left:4%}.tree.t2{right:2%;height:29%}
.school-art{background:linear-gradient(180deg,#ebe6d2,#cabf9f)}
.school-building{position:absolute;left:12%;right:12%;bottom:0;height:73%;background:#cfb43c;border-top:16px solid #f0e7c0}.school-building b{position:absolute;left:50%;top:-46px;transform:translateX(-50%);background:#111;padding:8px 18px;color:#ffd300;font-size:10px;letter-spacing:.1em}.school-building i{position:absolute;width:18%;height:30%;background:#202b31;top:28%}.school-building i:nth-of-type(1){left:10%}.school-building i:nth-of-type(2){left:41%}.school-building i:nth-of-type(3){right:10%}.ball{position:absolute;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d5d5d5);right:8%;bottom:10%;box-shadow:-14px 16px 24px rgba(0,0,0,.16)}
.warehouse-art{background:linear-gradient(180deg,#1e2324,#0d1011)}
.warehouse{position:absolute;left:8%;right:8%;bottom:0;height:76%;background:#667072;clip-path:polygon(0 14%,50% 0,100% 14%,100% 100%,0 100%)}.warehouse i{position:absolute;bottom:0;width:25%;height:58%;background:#1b1f20}.warehouse i:nth-child(1){left:20%}.warehouse i:nth-child(2){right:20%}.warehouse b{position:absolute;left:42%;top:23%;width:16%;height:7%;background:#ffd300}
.forklift{position:absolute;right:3%;bottom:3%;width:38%;height:36%;background:#e4ba14;clip-path:polygon(0 40%,42% 40%,53% 14%,68% 14%,78% 43%,100% 43%,100% 82%,0 82%)}.forklift:before,.forklift:after{content:"";position:absolute;width:22px;height:22px;background:#111;border-radius:50%;bottom:0}.forklift:before{left:15%}.forklift:after{right:15%}.forklift span{position:absolute;right:0;top:-40%;width:7px;height:90%;background:#d0d4d3}.forklift i{position:absolute;right:-25%;top:46%;width:38%;height:6px;background:#d0d4d3}
.sport-art{background:linear-gradient(145deg,#2b3b2f,#112017)}
.court-line{position:absolute;border:2px solid rgba(255,255,255,.55)}.court-line.a{width:90%;height:70%;left:5%;top:15%;transform:skewX(-18deg)}.court-line.b{width:2px;height:90%;left:50%;top:5%}.court-line.c{width:34%;height:38%;left:33%;top:31%;border-radius:50%}.ball-big{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffdf44,#db9a00);right:8%;bottom:8%;box-shadow:-18px 20px 35px rgba(0,0,0,.35)}

/* REQUEST */
.request-section{padding:120px 0;position:relative;overflow:hidden}.request-section::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:rgba(255,211,0,.12);filter:blur(120px);left:-260px;bottom:-330px}
.request-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:center}.request-copy h2{font-size:clamp(48px,5.5vw,84px)}.request-copy h2 span{color:var(--yellow)}.request-copy>p{margin-top:26px;font-size:18px;color:rgba(255,255,255,.55);max-width:600px}.request-contacts{display:flex;flex-direction:column;gap:8px;margin-top:38px}.request-contacts a{font-size:18px;font-weight:800;color:#fff}
.form-card{background:#fff;color:#111;border-radius:28px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.25)}
.form-card form{display:grid;gap:16px}.form-card label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#63676c}.form-card label em{color:#e63a2e;font-style:normal}.form-card input,.form-card textarea{display:block;width:100%;margin-top:8px;border:1px solid #d9dad6;background:#f7f7f4;border-radius:12px;padding:14px 15px;font-size:14px;color:#111;outline:none;text-transform:none;letter-spacing:0;font-weight:500;resize:vertical}.form-card input:focus,.form-card textarea:focus{border-color:#111;background:#fff}.btn-full{width:100%;border:0;margin-top:4px}.form-policy{font-size:10px;color:#8a8d90;text-align:center}.form-error{font-size:12px;color:#d52f23;background:#fff0ed;padding:10px 12px;border-radius:10px}.hp-field{position:absolute!important;left:-99999px!important;opacity:0!important}.form-success{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:34px;font-weight:900;margin-bottom:18px}.form-success h3{font-size:28px;letter-spacing:-.04em}.form-success p{color:#777;margin-top:8px}

/* ===== FOOTER IDN500 ===== */

.idn-footer{
    background:#0b0c0d;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.10);
    padding:72px 0 0;
}

.idn-footer-grid{
    display:grid;
    grid-template-columns:1.05fr 1.2fr 1fr 1fr;
    gap:60px;
    padding-bottom:62px;
}

.idn-footer-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.idn-footer-column h3{
    margin:0 0 24px;
    font-size:16px;
    line-height:1.2;
    font-weight:800;
    color:#fff;
}

.idn-footer-column a{
    display:block;
    margin:0 0 11px;
    font-size:13px;
    line-height:1.45;
    color:rgba(255,255,255,.55);
    transition:.2s ease;
}

.idn-footer-column a:hover{
    color:var(--yellow);
}


/* КОНТАКТЫ */

.idn-footer-contacts .footer-phone{
    color:#fff;
    font-size:22px;
    line-height:1.2;
    font-weight:900;
    margin-bottom:5px;
}

.footer-note{
    font-size:11px;
    color:rgba(255,255,255,.38);
    margin-bottom:25px;
}

.idn-footer-contacts .footer-email{
    color:#fff;
    font-size:15px;
    font-weight:700;
    margin-bottom:18px;
}

.footer-hours{
    font-size:13px;
    line-height:1.55;
    color:rgba(255,255,255,.52);
}

.idn-footer-column .footer-catalog-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 20px;
    margin-top:28px;
    border-radius:12px;
    background:var(--yellow);
    color:#111;
    font-size:13px;
    font-weight:900;
}

.idn-footer-column .footer-catalog-btn:hover{
    color:#111;
    background:#ffe04a;
    transform:translateY(-2px);
}


/* НИЖНЯЯ ЧАСТЬ */

.idn-footer-bottom{
    min-height:126px;
    border-top:1px solid rgba(255,255,255,.09);

    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:50px;
    align-items:center;
}

.footer-main-logo{
    display:block;
}

.footer-main-logo img{
    display:block;
    width:165px;
    height:auto;
}

.footer-status{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.footer-status span{
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;

    font-size:10px;
    line-height:1;
    font-weight:700;

    color:rgba(255,255,255,.55);
}

.footer-bottom-text{
    text-align:right;
}

.footer-bottom-text p{
    margin:3px 0;
    font-size:10px;
    line-height:1.45;
    color:rgba(255,255,255,.32);
}

/* REVEAL */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

@media (max-width:1180px){
  .nav{display:none}.menu-btn{display:block}.desktop-cta{display:none}
  .mobile-menu{position:absolute;top:76px;left:0;right:0;background:#0b0c0d;border-bottom:1px solid rgba(255,255,255,.1);padding:20px 24px 26px;flex-direction:column;gap:4px}.mobile-menu.open{display:flex}.mobile-menu>a:not(.btn){color:#fff;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:10px}.hero-visual{min-height:540px}.hero-product{width:620px}.hero-trust{max-width:none}.hero-foot{margin-top:0}
  .odor-chain{grid-template-columns:1fr 34px 1fr;gap:10px}.odor-chain .chain-arrow:nth-of-type(2){display:none}.odor-chain .chain-card:nth-of-type(3),.odor-chain .chain-card:nth-of-type(4){margin-top:10px}.odor-chain .chain-card:nth-of-type(3){grid-column:1}.odor-chain .chain-card:nth-of-type(4){grid-column:3}.odor-chain .chain-arrow:nth-of-type(3){grid-column:2;grid-row:2}
  .benefit-grid{grid-template-columns:1fr 1fr}.benefit-main{grid-row:auto;grid-column:1/3;min-height:520px}.benefit-main .benefit-icon{height:300px}
  .places-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 320px 320px}.place-large{grid-column:1/3;grid-row:auto}.where-title{align-items:flex-start;flex-direction:column;gap:25px}.where-title>p{max-width:600px}
  .spec-grid{gap:40px}.spec-product{min-height:520px}.spec-cards{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:820px){
  .shell{width:min(100% - 28px,var(--max))}.header-inner{height:68px}.mobile-menu{top:68px}
  .brand-logo{width:160px}
  .hero{padding-top:112px}.hero h1{font-size:clamp(44px,13vw,72px)}.hero-sub{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-trust{grid-template-columns:1fr 1fr;gap:18px}.hero-trust div:last-child{grid-column:1/3}.hero-visual{min-height:420px}.hero-product{width:112%}.visual-label-top{top:18px;right:4px}.parking-slot{width:90%;height:200px;bottom:74px}.safe-ring-1{width:80%;height:150px}.safe-ring-2{width:96%;height:190px}.hero-chip{padding:10px 12px}.hero-chip b{font-size:18px}.chip-left{bottom:62px}.chip-right{bottom:105px}.hero-foot{
    grid-template-columns:1fr;

.idn-footer{
    padding-top:50px;
}

.idn-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:42px 30px;
    padding-bottom:48px;
}

.idn-footer-bottom{
    grid-template-columns:1fr;
    gap:25px;
    padding:30px 0;
}

.footer-status{
    order:2;
}

.footer-bottom-text{
    order:3;
    text-align:left;
}

.footer-main-logo{
    order:1;
}

}

.mini-proof{
    padding:26px 22px;
    gap:16px;
}

.mini-proof>span{
    font-size:13px;
}

.mini-proof p{
    font-size:15px;
    line-height:1.45;
}

.mini-proof b{
    font-size:17px;
}
  .signal-section,.benefits,.compare-section,.where-section,.spec-section,.request-section{padding:88px 0}.section-head h2,.where-title h2,.spec-content h2,.request-copy h2{font-size:clamp(38px,11vw,56px)}
  .odor-chain{display:grid;grid-template-columns:1fr;gap:12px}.chain-arrow{transform:rotate(90deg)}.odor-chain .chain-card,.odor-chain .chain-card:nth-of-type(3),.odor-chain .chain-card:nth-of-type(4),.odor-chain .chain-arrow:nth-of-type(3){grid-column:auto;grid-row:auto;margin:0}.odor-chain .chain-arrow:nth-of-type(2){display:block}.chain-card{height:260px}.chain-visual{height:145px}
  .signal-note{padding:24px;gap:14px}.signal-note p{font-size:15px}
  .benefit-grid{grid-template-columns:1fr}.benefit-main{grid-column:auto;min-height:430px}.benefit-card{min-height:280px}.benefit-main .benefit-icon{height:240px}.air-wave{width:180px}.slash{width:250px}
  .compare-stage{grid-template-columns:1fr}.compare-side{min-height:520px}.vs-badge{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg)}.compare-product-wrap,.bad-object{height:250px}
  .places-grid{grid-template-columns:1fr;grid-template-rows:420px repeat(4,280px)}.place-large{grid-column:auto}.place-caption{height:76px}
  .spec-grid{grid-template-columns:1fr}.spec-product{min-height:450px}.spec-bg-number{font-size:190px}.spec-product img{width:82%}
  .request-grid{grid-template-columns:1fr;gap:45px}.form-card{padding:24px}
  .footer-inner{padding:25px 0;align-items:flex-start;flex-direction:column}.footer-inner p{margin-left:0}
}

@media (max-width:520px){
  .hero-trust strong{font-size:17px}.hero-visual{min-height:360px}.visual-label{font-size:9px;padding:9px 11px}.hero-chip{display:none}
  .section-head p{font-size:15px}.section-head h2{letter-spacing:-.055em}.stroke-word{-webkit-text-stroke:1px #202224}
  .benefit-main{min-height:390px}.benefit-main .benefit-icon{height:210px}.benefit-card h3{font-size:22px}
  .compare-side{padding:20px}.compare-product-wrap,.bad-object{height:220px}.compare-product-wrap img{width:105%}.compare-points li{font-size:13px}
  .spec-product{min-height:380px}.spec-cards{grid-template-columns:1fr 1fr}.spec-card{min-height:100px}.spec-card b{font-size:20px}.dim-height{right:7%}
  .form-card{border-radius:20px}

.idn-footer-grid{
    grid-template-columns:1fr;
    gap:36px;
}

.idn-footer-column h3{
    margin-bottom:18px;
}

.idn-footer-column a{
    font-size:14px;
}

.idn-footer-contacts .footer-phone{
    font-size:24px;
}

.footer-main-logo img{
    width:175px;
}

}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.hero-product,.safe-ring,.smell-visual i{animation:none}}

/* ===== CAMPAIGN VISUALS v1.1 ===== */
.hero-campaign-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0;opacity:.82;filter:saturate(1.05) contrast(1.04)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,8,9,.96) 0%,rgba(7,8,9,.88) 31%,rgba(7,8,9,.48) 52%,rgba(7,8,9,.12) 73%,rgba(7,8,9,.02) 100%);pointer-events:none}
.hero::after{z-index:1}
.garage-lines{z-index:1;opacity:.18}
.hero-art-spacer{min-height:610px}
.hero-copy{position:relative;z-index:3;text-shadow:0 2px 26px rgba(0,0,0,.42)}
.hero h1{max-width:900px}
.hero-sub{color:rgba(255,255,255,.82)}
.hero-trust{background:rgba(7,8,9,.46);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px 20px 18px;backdrop-filter:blur(8px);max-width:720px}
.hero-foot{backdrop-filter:blur(10px)}

.chemistry-campaign{padding:116px 0 126px;position:relative;overflow:hidden;background:#0b0c0d}
.chemistry-campaign::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:rgba(255,211,0,.07);filter:blur(120px);right:-250px;top:-280px;pointer-events:none}
.chemistry-head{position:relative;z-index:2;max-width:1050px;margin-bottom:48px}
.chemistry-head h2{font-size:clamp(42px,5.2vw,78px);line-height:.94;letter-spacing:-.065em;font-weight:900;text-transform:uppercase;color:#fff;white-space:normal}
.chemistry-head h2 span{display:block;color:var(--yellow)}
.chemistry-head p{margin-top:20px;max-width:760px;font-size:17px;color:rgba(255,255,255,.58)}
.campaign-visual{position:relative;z-index:2;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#111;box-shadow:0 38px 100px rgba(0,0,0,.34)}
.campaign-visual::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.campaign-visual img{width:100%;height:auto;display:block}
.chemistry-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden}
.chemistry-facts div{background:#101213;min-height:88px;padding:20px 24px;display:flex;align-items:center;gap:16px}
.chemistry-facts b{color:var(--yellow);font-size:11px;letter-spacing:.13em}
.chemistry-facts span{color:#fff;font-size:14px;font-weight:800}

.compare-campaign{position:relative;margin-top:62px;border-radius:30px;overflow:hidden;background:#0b0c0d;box-shadow:0 30px 90px rgba(14,15,16,.18);border:1px solid rgba(0,0,0,.08)}
.compare-campaign img{width:100%;height:auto;display:block}
.compare-campaign::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08),transparent 28%,transparent 70%,rgba(0,0,0,.22));pointer-events:none}
.compare-campaign-label{position:absolute;z-index:3;top:24px;padding:14px 16px;border-radius:14px;backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:3px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.compare-campaign-label span{font-size:9px;letter-spacing:.13em;font-weight:900;opacity:.72}
.compare-campaign-label b{font-size:13px;letter-spacing:.02em}
.label-good{left:24px;background:rgba(8,12,9,.82);border:1px solid rgba(255,211,0,.55);color:#fff}.label-good b{color:var(--yellow)}
.label-bad{right:24px;background:rgba(18,18,18,.78);border:1px solid rgba(255,255,255,.20);color:#fff;text-align:right}.label-bad b{color:#ff7b6d}
.compare-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.compare-quick>div{position:relative;min-height:138px;border-radius:18px;padding:22px 18px 18px;background:#fff;border:1px solid rgba(0,0,0,.06);display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto 1fr;column-gap:11px;align-items:start}
.compare-quick span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:900}
.compare-quick b{font-size:14px;line-height:1.15;letter-spacing:-.02em}
.compare-quick small{font-size:11px;line-height:1.35;color:#777b80;margin-top:7px}
.quick-good span{background:#e7f8eb;color:#178a3f}.quick-good{box-shadow:inset 0 3px 0 var(--yellow)}
.quick-bad span{background:#fde9e6;color:#d63b2e}.quick-bad{background:#f3f0ec!important}

@media (max-width:1180px){
  .hero-campaign-bg{object-position:64% center}
  .hero::before{background:linear-gradient(90deg,rgba(7,8,9,.97) 0%,rgba(7,8,9,.90) 44%,rgba(7,8,9,.42) 74%,rgba(7,8,9,.12) 100%)}
  .hero-art-spacer{display:none}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:760px}
  .compare-quick{grid-template-columns:1fr 1fr}
}

@media (max-width:820px){
  .hero{min-height:820px;padding-bottom:36px}
  .hero-campaign-bg{object-position:72% center;opacity:.58}
  .hero::before{background:linear-gradient(180deg,rgba(7,8,9,.91) 0%,rgba(7,8,9,.78) 48%,rgba(7,8,9,.86) 100%)}
  .hero-copy{padding-top:0}
  .hero-trust{background:rgba(7,8,9,.62)}
  .chemistry-campaign{padding:88px 0}
  .chemistry-head{margin-bottom:28px}
  .chemistry-head h2{font-size:clamp(38px,11vw,56px)}
  .chemistry-head p{font-size:15px}
  .campaign-visual{border-radius:20px}
  .chemistry-facts{grid-template-columns:1fr;border-radius:16px}
  .chemistry-facts div{min-height:68px;padding:16px 18px}
  .compare-campaign{margin-top:38px;border-radius:20px}
  .compare-campaign-label{top:12px;padding:9px 10px;border-radius:10px}
  .label-good{left:12px}.label-bad{right:12px}
  .compare-campaign-label span{font-size:7px}.compare-campaign-label b{font-size:9px}
  .compare-quick{grid-template-columns:1fr 1fr;gap:10px}
  .compare-quick>div{min-height:122px;padding:17px 14px}
}

@media (max-width:520px){
  .hero{min-height:760px}
  .hero-campaign-bg{object-position:68% center;opacity:.46}
  .hero::before{background:linear-gradient(180deg,rgba(7,8,9,.94) 0%,rgba(7,8,9,.82) 58%,rgba(7,8,9,.91) 100%)}
  .hero-trust{padding:16px}
  .chemistry-head h2{font-size:40px}
  .campaign-visual{border-radius:16px}
  .compare-campaign-label{display:none}
  .compare-quick{grid-template-columns:1fr}
  .compare-quick>div{min-height:100px}
}