/* =================================================
   AGRODRON — Techno-Organic Premium v2
   ================================================= */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
    --black:#050507;--white:#f0fdf4;
    --gray-50:#f0f1f4;--gray-100:#e2e3e8;--gray-200:#c8c9ce;--gray-300:#a8a9ae;--gray-400:#88898e;--gray-500:#6b6d72;--gray-600:#4e5056;--gray-700:#35373d;--gray-800:#1e2028;--gray-900:#0a0a0c;
    --accent:#22c55e;--accent-dark:#16a34a;--accent-light:#4ade80;
    --accent-soft:rgba(34,197,94,0.06);--accent-glow:rgba(34,197,94,0.15);
    --border:rgba(255,255,255,0.06);--border-h:rgba(255,255,255,0.12);--border-s:rgba(255,255,255,0.18);
    --glass:rgba(255,255,255,0.02);--glass-h:rgba(255,255,255,0.04);
    --r:4px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;
    --ease:cubic-bezier(0.25,0.1,0.25,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0,1);
    --pad:clamp(20px,4vw,56px);--section:clamp(64px,7vw,120px);
}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    text-size-adjust:100%;
    overflow-x:hidden;
    height:-webkit-fill-available;
}
body{
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;
    background:var(--gray-900);
    color:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
    text-rendering:optimizeLegibility;
    min-height:100vh;
    min-height:100dvh;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}
body::before{content:'';position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}
img{display:block;max-width:100%;height:auto;-webkit-user-drag:none;user-select:none;content-visibility:auto}
a{text-decoration:none;color:inherit}
::selection{background:rgba(34,197,94,0.3);color:var(--white)}
/* Scrollbar — Chrome/Safari/Edge */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--gray-900)}
::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--accent)}
/* Firefox */
*{scrollbar-width:thin;scrollbar-color:var(--gray-700) var(--gray-900)}
.container{max-width:1400px;margin:0 auto;padding:0 var(--pad)}

/* ===== TYPOGRAPHY ===== */
.h2{font-size:clamp(2.5rem,4vw + 1rem,5rem);font-weight:800;letter-spacing:-0.04em;line-height:1;color:var(--white)}
.h2--mega{font-size:clamp(3rem,6vw + 1rem,8rem)}
.h2-accent{color:var(--accent)}
.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);background:linear-gradient(135deg,rgba(34,197,94,0.08),rgba(34,197,94,0.03));border:1px solid rgba(34,197,94,0.12);border-radius:100px;margin-bottom:24px;backdrop-filter:blur(8px)}
.sec-header{margin-bottom:48px}
.sec-header--center{text-align:center}

/* ===== ANIMATIONS ===== */
[data-a]{opacity:0;transform:translateY(40px);transition:opacity 0.9s var(--ease-out),transform 0.9s var(--ease-out);will-change:opacity,transform}
[data-a].in{opacity:1;transform:none;will-change:auto}
[data-a="scale"]{transform:translateY(40px) scale(0.95)}
[data-a="scale"].in{transform:none;will-change:auto}
[data-a="left"]{transform:translateX(-60px);opacity:0}
[data-a="left"].in{transform:none;opacity:1}
[data-a="right"]{transform:translateX(60px);opacity:0}
[data-a="right"].in{transform:none;opacity:1}
[data-a="clip"]{clip-path:inset(100% 0 0 0);opacity:0;transform:none}
[data-a="clip"].in{clip-path:inset(0 0 0 0);opacity:1}

/* Section dividers */
.sec-divider{position:relative;height:1px;max-width:400px;margin:clamp(32px,4vw,56px) auto;overflow:visible}
.sec-divider::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent-glow),0 0 40px rgba(34,197,94,0.08)}
.sec-divider::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,0.25),transparent)}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px 0;transition:all 0.5s var(--ease-smooth)}
.nav::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:var(--progress,0%);background:linear-gradient(90deg,var(--accent),var(--accent-light));opacity:0;transition:opacity 0.5s}
.nav.scrolled::after{opacity:1}
.nav.scrolled{background:rgba(10,10,12,0.88);backdrop-filter:blur(48px) saturate(1.8);-webkit-backdrop-filter:blur(48px) saturate(1.8);border-bottom:1px solid var(--border);padding:10px 0}
.nav-inner{max-width:1400px;margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;height:44px}
.nav-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:8px;font-size:11.5px;font-weight:900;color:var(--black);letter-spacing:1px;transition:all 0.4s var(--ease-spring);box-shadow:0 4px 20px rgba(34,197,94,0.2)}
.nav-logo:hover .logo-mark{transform:scale(1.08) rotate(-2deg);box-shadow:0 8px 32px rgba(34,197,94,0.35)}
.logo-word{font-size:14.5px;font-weight:800;letter-spacing:4px}
.nav-links{display:flex;gap:2px}
.nav-links a{font-size:11.5px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray-400);padding:8px 16px;border-radius:6px;transition:all 0.3s var(--ease);position:relative}
.nav-links a::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--accent);border-radius:1px;transform:translateX(-50%);transition:width 0.3s var(--ease-out)}
.nav-links a:hover{color:var(--white)}.nav-links a:hover::after{width:20px}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.nav-phone{font-size:12px;font-weight:600;color:var(--gray-400);letter-spacing:0.04em;transition:color 0.3s}.nav-phone:hover{color:var(--accent)}
.nav-cta{font-size:11.5px;font-weight:700;letter-spacing:0.08em;padding:10px 26px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--black);border-radius:6px;transition:all 0.4s var(--ease);overflow:hidden}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(34,197,94,0.4)}
.nav-burger{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative}
.nav-burger span{position:absolute;left:0;width:100%;height:1.5px;background:var(--white);transition:all 0.4s var(--ease-spring);border-radius:1px}
.nav-burger span:first-child{top:4px}.nav-burger span:last-child{bottom:4px}
.nav-burger.active span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}
.nav-burger.active span:last-child{bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}
.nav-mobile{display:none;flex-direction:column;padding:16px var(--pad) 32px;background:rgba(10,10,12,0.98);backdrop-filter:blur(48px)}
.nav-mobile.open{display:flex}
.nav-mobile a{padding:18px 0;font-size:15px;font-weight:600;color:var(--gray-400);border-bottom:1px solid var(--border);transition:all 0.25s}
.nav-mobile a:hover{color:var(--white);padding-left:8px}
.nav-cta-mobile{color:var(--accent)!important;border:none!important;padding-top:24px!important}

/* ===== HERO ===== */
/* Safe area insets for iOS notch */
.hero{position:relative;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden;padding-top:env(safe-area-inset-top,0)}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);will-change:transform;animation:kenburns 25s ease-in-out infinite alternate}
@keyframes kenburns{0%{transform:scale(1.15) translate(0,0)}50%{transform:scale(1.25) translate(-2%,-1%)}100%{transform:scale(1.15) translate(1%,1%)}}
.hero-dim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,0.3) 0%,rgba(5,5,7,0) 30%,rgba(5,5,7,0.5) 60%,rgba(5,5,7,0.95) 100%),linear-gradient(90deg,rgba(5,5,7,0.7) 0%,transparent 60%)}
.hero-dim::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.3) 50%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.3) 50%,transparent 100%)}
.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;width:100%;padding:0 var(--pad) var(--section)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:clamp(10px,0.8vw,12px);font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:28px;padding:8px 20px 8px 12px;background:rgba(34,197,94,0.06);border:1px solid rgba(34,197,94,0.1);border-radius:100px;backdrop-filter:blur(8px)}
.dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-dot 2s infinite;flex-shrink:0;box-shadow:0 0 12px rgba(34,197,94,0.4)}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5),0 0 12px rgba(34,197,94,0.4)}50%{box-shadow:0 0 0 10px transparent,0 0 20px rgba(34,197,94,0.2)}}
.hero-h1{font-size:clamp(3.5rem,8vw + 1rem,10rem);font-weight:900;line-height:0.88;letter-spacing:-0.05em;margin-bottom:24px;text-shadow:0 4px 60px rgba(0,0,0,0.4)}
.h1-accent{color:var(--accent);display:inline-block;text-shadow:0 0 80px rgba(34,197,94,0.3),0 4px 60px rgba(0,0,0,0.4);position:relative}
.h1-accent::after{content:'';position:absolute;bottom:0.04em;left:0;width:100%;height:0.06em;background:linear-gradient(90deg,var(--accent),transparent);opacity:0.3;border-radius:2px}
.hero-sub{font-size:clamp(12px,1vw,17px);font-weight:400;color:var(--gray-300);letter-spacing:0.2em;margin-bottom:44px}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.pollen{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--accent-light),transparent 70%);animation:pollen-float linear infinite;pointer-events:none}
@keyframes pollen-float{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(var(--dx,40px),var(--dy,-200px)) scale(0.3);opacity:0}}
.pollen:nth-child(odd){--dx:60px;--dy:-300px}.pollen:nth-child(even){--dx:-40px;--dy:-250px}.pollen:nth-child(3n){--dx:80px;--dy:-350px}
.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1;animation:blob-morph 15s ease-in-out infinite alternate}
.blob-1{width:500px;height:500px;background:rgba(34,197,94,0.08);bottom:-100px;right:-100px}
.blob-2{width:350px;height:350px;background:rgba(34,197,94,0.05);top:10%;left:-50px;animation-delay:-7s}
@keyframes blob-morph{0%{border-radius:40% 60% 60% 40%/60% 30% 70% 40%;transform:rotate(0deg)}50%{border-radius:60% 40% 30% 70%/40% 60% 40% 60%;transform:rotate(90deg)}100%{border-radius:50% 40% 60% 50%/40% 50% 60% 50%;transform:rotate(180deg)}}

/* CTA */
.cta-primary{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 44px;background:var(--white);color:var(--black);font-size:13px;font-weight:700;letter-spacing:0.06em;border-radius:var(--r-lg);border:none;cursor:pointer;transition:all 0.5s var(--ease-smooth);font-family:inherit;position:relative;overflow:hidden;white-space:nowrap}
.cta-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--accent),var(--accent-dark));transform:translateX(-102%);transition:transform 0.5s var(--ease-out);z-index:0}
.cta-primary:hover::before{transform:translateX(0)}
.cta-primary span{position:relative;z-index:1}
.cta-primary:hover{color:var(--black);transform:translateY(-3px);box-shadow:0 20px 60px rgba(34,197,94,0.3),0 8px 24px rgba(0,0,0,0.2)}
.cta-outline{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 40px;background:transparent;color:var(--white);font-size:13px;font-weight:700;letter-spacing:0.06em;border:1px solid var(--border-s);border-radius:var(--r-lg);cursor:pointer;transition:all 0.4s var(--ease);font-family:inherit;white-space:nowrap;position:relative;overflow:hidden}
.cta-outline span{position:relative;z-index:1}
.cta-outline:hover{border-color:rgba(255,255,255,0.4);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.2)}

/* Scroll hint */
.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}
.scroll-mouse{width:24px;height:38px;border:1.5px solid rgba(255,255,255,0.25);border-radius:12px;position:relative}
.scroll-mouse::after{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:2px;height:8px;background:var(--accent);border-radius:1px;animation:scroll-wheel 2s var(--ease) infinite}
@keyframes scroll-wheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(12px)}}
.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(255,255,255,0.3),transparent);animation:scrl 2.2s ease-in-out infinite}
@keyframes scrl{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(0.2) translateY(24px)}}

/* ===== STATS ===== */
.stats-strip{position:relative;z-index:3;margin-top:-1px}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto}
.st{text-align:center;padding:56px 24px;background:rgba(10,10,12,0.6);backdrop-filter:blur(24px);border:1px solid var(--border);border-right:none;transition:all 0.5s var(--ease);overflow:hidden;position:relative}
.st:last-child{border-right:1px solid var(--border)}
.st::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,197,94,0.03),transparent);opacity:0;transition:opacity 0.5s}
.st:hover::before{opacity:1}
.st::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform 0.5s var(--ease-out)}
.st:hover::after{transform:scaleX(1)}
.st-n{font-size:clamp(36px,4vw,64px);font-weight:900;letter-spacing:-0.04em;line-height:1;background:linear-gradient(180deg,var(--white) 20%,var(--gray-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all 0.5s}
.st:hover .st-n{background:linear-gradient(180deg,var(--accent-light) 20%,var(--accent));-webkit-background-clip:text;background-clip:text}
.st-p{font-size:clamp(16px,1.5vw,24px);font-weight:800;color:var(--accent);margin-left:2px}
.st-l{display:block;margin-top:16px;font-size:11px;color:var(--gray-500);letter-spacing:0.1em;text-transform:uppercase;font-weight:600}

/* ===== CATALOG v2 — Flagship Hero + Grid ===== */
.catalog{padding:var(--section) 0;position:relative}
.catalog::before{content:'';position:absolute;top:0;left:0;right:0;height:600px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(34,197,94,0.04),transparent);pointer-events:none}

/* ── Flagship hero card ── */
.cat-flagship{display:grid;grid-template-columns:1.15fr 0.85fr;border-radius:var(--r-2xl);overflow:hidden;border:1px solid var(--border);background:var(--glass);cursor:pointer;position:relative;transition:border-color 0.5s var(--ease),box-shadow 0.5s var(--ease);margin-bottom:20px}
.cat-flagship:hover{border-color:rgba(34,197,94,0.22);box-shadow:0 48px 120px rgba(0,0,0,0.55),0 0 0 1px rgba(34,197,94,0.07),inset 0 1px 0 rgba(255,255,255,0.04)}
.cat-flagship:hover .cat-fl-img img{transform:scale(1.05)}

.cat-fl-img{position:relative;overflow:hidden;min-height:clamp(380px,42vw,540px)}
.cat-fl-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);display:block}
.cat-fl-img-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,10,12,0) 40%,rgba(10,10,12,0.92) 100%),linear-gradient(0deg,rgba(10,10,12,0.6) 0%,transparent 50%)}

.cat-fl-info{padding:clamp(36px,4vw,56px) clamp(32px,3.5vw,52px);display:flex;flex-direction:column;justify-content:center;position:relative;gap:0}
.cat-fl-info::before{content:'';position:absolute;top:15%;left:0;height:70%;width:1px;background:linear-gradient(180deg,transparent,rgba(34,197,94,0.3),transparent)}

.cat-fl-brand{font-size:10px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;text-shadow:0 0 20px rgba(34,197,94,0.4)}
.cat-fl-name{font-size:clamp(64px,7vw,104px);font-weight:900;letter-spacing:-0.06em;line-height:0.88;margin-bottom:18px;background:linear-gradient(165deg,#fff 30%,rgba(255,255,255,0.45));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cat-fl-sub{font-size:13px;color:var(--gray-400);margin-bottom:30px;line-height:1.65;max-width:300px}

.cat-fl-feats{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:38px}
.cat-fl-feats li{font-size:13px;color:var(--gray-300);display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(255,255,255,0.018);border:1px solid rgba(255,255,255,0.048);border-radius:10px;transition:background 0.3s,border-color 0.3s;line-height:1.4}
.cat-fl-feats li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 10px rgba(34,197,94,0.6)}
.cat-flagship:hover .cat-fl-feats li{background:rgba(34,197,94,0.04);border-color:rgba(34,197,94,0.1)}

.cat-fl-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cat-fl-price{font-size:clamp(26px,2.8vw,38px);font-weight:900;letter-spacing:-0.04em;color:var(--white);text-shadow:0 2px 30px rgba(34,197,94,0.15),0 0 60px rgba(34,197,94,0.08)}
.cat-fl-price em{font-style:normal;font-size:0.58em;color:var(--gray-500);margin-left:3px}
.cat-fl-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--black);font-size:12px;font-weight:800;letter-spacing:0.07em;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:all 0.4s var(--ease);white-space:nowrap;text-transform:uppercase}
.cat-fl-cta:hover{transform:translateY(-2px);box-shadow:0 14px 44px rgba(34,197,94,0.45)}

/* ── Badges ── */
.cat-badge{position:absolute;top:20px;left:20px;z-index:2;padding:6px 16px;font-size:9px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;border-radius:100px;backdrop-filter:blur(12px);border:1px solid}
.cat-badge--flagship{background:rgba(34,197,94,0.12);border-color:rgba(34,197,94,0.28);color:var(--accent);box-shadow:0 0 20px rgba(34,197,94,0.12)}
.cat-badge--hot{background:rgba(234,179,8,0.12);border-color:rgba(234,179,8,0.28);color:#facc15}
.cat-badge--new{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.28);color:#a5b4fc}

/* ── Grid cards ── */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}

.cat-card{border-radius:var(--r-xl);overflow:hidden;background:var(--glass);border:1px solid var(--border);cursor:pointer;transition:border-color 0.4s var(--ease),transform 0.4s var(--ease),box-shadow 0.4s var(--ease);display:flex;flex-direction:column;position:relative}
.cat-card:hover{border-color:rgba(34,197,94,0.18);transform:translateY(-7px);box-shadow:0 36px 88px rgba(0,0,0,0.45),0 0 0 1px rgba(34,197,94,0.06)}
.cat-card:active{transform:translateY(-2px)}

.cat-card-img{position:relative;overflow:hidden;aspect-ratio:16/10}
.cat-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease);display:block}
.cat-card:hover .cat-card-img img{transform:scale(1.08)}
.cat-card-img-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,10,12,0.72) 100%)}

.cat-card-body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.cat-card-brand{font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;text-shadow:0 0 16px rgba(34,197,94,0.3)}
.cat-card-name{font-size:clamp(24px,2.2vw,32px);font-weight:900;letter-spacing:-0.05em;line-height:1;margin-bottom:10px;background:linear-gradient(160deg,var(--white) 40%,rgba(255,255,255,0.5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cat-card-specs{font-size:11.5px;color:var(--gray-500);line-height:1.75;margin-bottom:auto;padding-bottom:18px}
.cat-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,0.05)}
.cat-card-price{font-size:clamp(17px,1.5vw,21px);font-weight:900;letter-spacing:-0.03em;color:var(--white);text-shadow:0 0 24px rgba(34,197,94,0.12)}
.cat-card-link{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:0.04em;color:var(--accent);padding:8px 14px;border:1px solid rgba(34,197,94,0.18);border-radius:8px;transition:all 0.3s var(--ease)}
.cat-card:hover .cat-card-link{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.38)}

/* ── Footer row ── */
.cat-sub-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cat-hint{font-size:13px;color:var(--gray-500);letter-spacing:0.02em}
.cat-order{height:48px;padding:0 32px;font-size:12px}

/* ===== BENEFITS — Cinema Blocks ===== */
.benefits{padding:var(--section) 0;position:relative}
.benefits::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(34,197,94,0.03),transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}

/* Cinema full-bleed */
.cinema{position:relative;min-height:clamp(380px,42vw,540px);display:flex;align-items:flex-end;overflow:hidden;border-radius:var(--r-2xl);margin:0 var(--pad) 20px;transition:box-shadow 0.6s var(--ease)}
.cinema:hover{box-shadow:0 32px 96px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(34,197,94,0.08)}
.cinema-media{position:absolute;inset:0}
.cinema-media img{width:100%;height:100%;object-fit:cover;transition:transform 8s linear;transform:scale(1.08)}
.cinema:hover .cinema-media img{transform:scale(1.13)}
.cinema-video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 8s linear}
.cinema:hover .cinema-video{transform:scale(1.13)}
.cinema-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,0.05) 0%,rgba(5,5,7,0.92) 100%),linear-gradient(90deg,rgba(5,5,7,0.65),rgba(5,5,7,0.1))}
.cinema-overlay--right{background:linear-gradient(180deg,rgba(5,5,7,0.05) 0%,rgba(5,5,7,0.92) 100%),linear-gradient(270deg,rgba(5,5,7,0.65),rgba(5,5,7,0.1))}
.cinema-content{position:relative;z-index:2;padding:clamp(36px,4.5vw,72px);max-width:640px}
.cinema-content--right{margin-left:auto;text-align:right}

/* Ghost number watermark */
.cinema-content[data-num]::before,.split-body[data-num]::before{content:attr(data-num);position:absolute;font-size:clamp(120px,14vw,180px);font-weight:900;letter-spacing:-0.06em;line-height:1;color:rgba(255,255,255,0.03);pointer-events:none;z-index:0;top:0;left:clamp(24px,3vw,56px);font-variant-numeric:tabular-nums}
.cinema-content--right[data-num]::before{left:auto;right:clamp(24px,3vw,56px)}
.cinema-content[data-num]>*,.split-body[data-num]>*{position:relative;z-index:1}

/* Cinema number badge */
.cinema-num{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.cinema-num span{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 16px rgba(34,197,94,0.4)}
.cinema-num::after{content:'';flex:1;max-width:60px;height:1px;background:linear-gradient(90deg,rgba(34,197,94,0.45),transparent)}
.cinema-content--right .cinema-num{flex-direction:row-reverse}
.cinema-content--right .cinema-num::after{background:linear-gradient(270deg,rgba(34,197,94,0.45),transparent)}

/* Cinema title */
.cinema-title{font-size:clamp(34px,4vw,64px);font-weight:900;letter-spacing:-0.04em;margin-bottom:20px;line-height:1;background:linear-gradient(170deg,#ffffff 30%,rgba(255,255,255,0.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cinema-title em{font-style:normal;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(34,197,94,0.35))}

/* Cinema body text */
.cinema-text{font-size:clamp(13px,1.1vw,16px);color:rgba(168,169,174,0.9);line-height:1.75;margin-bottom:28px}
.cinema-text strong{color:var(--gray-100);font-weight:600}

/* Pills */
.cinema-pills{display:flex;gap:8px;flex-wrap:wrap}
.cinema-content--right .cinema-pills{justify-content:flex-end}
.cinema-pills span{padding:8px 18px;font-size:10.5px;font-weight:700;letter-spacing:0.07em;border:1px solid rgba(255,255,255,0.1);border-radius:100px;color:var(--gray-300);background:rgba(255,255,255,0.04);backdrop-filter:blur(12px);transition:all 0.3s var(--ease)}
.cinema-pills span:hover{border-color:rgba(34,197,94,0.3);color:var(--accent-light);background:rgba(34,197,94,0.06)}
.cinema-pills .pill--accent{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3);color:var(--accent-light);box-shadow:0 0 16px rgba(34,197,94,0.1)}
.cinema-pills .pill--accent:hover{background:rgba(34,197,94,0.18);box-shadow:0 0 24px rgba(34,197,94,0.2)}

/* Split blocks */
.split-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 var(--pad);margin-bottom:20px}
.split-block{border-radius:var(--r-2xl);overflow:hidden;background:var(--glass);border:1px solid var(--border);transition:all 0.5s var(--ease);position:relative}
.split-block:hover{border-color:rgba(34,197,94,0.15);transform:translateY(-6px);box-shadow:0 32px 80px rgba(0,0,0,0.4),0 0 0 1px rgba(34,197,94,0.05)}
.split-img{position:relative;height:clamp(200px,18vw,300px);overflow:hidden}
.split-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.9s var(--ease)}
.split-block:hover .split-img img{transform:scale(1.07)}
.split-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--gray-900) 95%)}
.split-body{padding:clamp(24px,2.5vw,40px);position:relative}
.split-body .cinema-num{margin-bottom:12px}
.split-title{font-size:clamp(22px,2vw,32px);font-weight:900;letter-spacing:-0.03em;line-height:1.05;margin:0 0 12px;background:linear-gradient(160deg,var(--white) 40%,rgba(255,255,255,0.55));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.split-body p{font-size:13.5px;color:var(--gray-400);line-height:1.72;margin-bottom:24px}
.split-stats{display:flex;gap:clamp(16px,2.2vw,36px)}
.split-stats div{display:flex;flex-direction:column;align-items:center;gap:4px}
.split-stats strong{font-size:clamp(24px,2.2vw,34px);font-weight:900;display:block;letter-spacing:-0.04em;color:var(--white);line-height:1}
.split-stats small{font-size:9.5px;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.12em;font-weight:700}
.stat-unit{font-size:0.55em;font-weight:700;color:var(--accent);vertical-align:super;letter-spacing:0;margin-left:1px}

/* ===== B2B ===== */
.b2b{padding:var(--section) 0}
.b2b-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center}
.b2b-lead{font-size:clamp(14px,1.1vw,18px);color:var(--gray-400);margin-top:16px;line-height:1.7;margin-bottom:40px}
.b2b-items{display:flex;flex-direction:column}
.b2bi{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-bottom:1px solid var(--border);transition:all 0.3s}
.b2bi:hover{padding-left:8px}
.b2bi-n{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:2px;padding-top:2px;flex-shrink:0}
.b2bi h4{font-size:15px;font-weight:700;margin-bottom:4px}
.b2bi p{font-size:13px;color:var(--gray-400);line-height:1.6}
.b2b-cta{margin-top:40px}
.b2b-right{position:relative;border-radius:var(--r-2xl);overflow:hidden;aspect-ratio:4/3}
.b2b-right img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease)}
.b2b-right:hover img{transform:scale(1.04)}
.b2b-float-card{position:absolute;bottom:24px;right:24px;padding:20px 28px;background:rgba(10,10,12,0.8);backdrop-filter:blur(24px);border:1px solid var(--border-h);border-radius:var(--r-lg);transition:all 0.4s var(--ease)}
.b2b-float-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.3)}
.b2b-float-card strong{display:block;font-size:18px;font-weight:800;color:var(--accent);margin-bottom:4px}
.b2b-float-card span{font-size:12px;color:var(--gray-400)}

/* ===== DRONE ANIMATION ===== */
.b2b-drone-scene{background:radial-gradient(ellipse at center,rgba(34,197,94,0.05) 0%,var(--gray-900) 70%);display:flex;align-items:center;justify-content:center}
.b2b-drone-scene img{display:none}
.drone-scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:400px;perspective:1200px;perspective-origin:50% 48%;transform-style:preserve-3d}

/* Tech grid — deepest layer */
.drone-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(34,197,94,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,0.05) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 100%);animation:grid-pan 18s linear infinite;pointer-events:none;transform:translateZ(-80px) scale(1.16);backface-visibility:hidden}
@keyframes grid-pan{from{background-position:0 0,0 0}to{background-position:36px 36px,36px 36px}}

/* Sonar rings */
.drone-rings{position:absolute;width:90px;height:90px;top:46%;left:50%;transform:translate(-50%,-50%) translateZ(-50px);pointer-events:none}
.drone-rings span{position:absolute;inset:0;border:1px solid rgba(34,197,94,0.45);border-radius:50%;animation:ring-pulse 3s ease-out infinite}
.drone-rings span:nth-child(2){animation-delay:1s}
.drone-rings span:nth-child(3){animation-delay:2s}
@keyframes ring-pulse{0%{transform:scale(0.3);opacity:0.9}100%{transform:scale(4.5);opacity:0}}

/* Auto-banking wrapper (outer — CSS driven, no JS conflict) */
.drone-auto-tilt{animation:drone-bank 9s ease-in-out infinite;transform-style:preserve-3d;transform:translateZ(0)}
@keyframes drone-bank{
    0%   {transform:perspective(700px) rotateY(0deg) rotateX(2deg)}
    18%  {transform:perspective(700px) rotateY(8deg) rotateX(-1deg)}
    36%  {transform:perspective(700px) rotateY(-5deg) rotateX(3deg)}
    54%  {transform:perspective(700px) rotateY(10deg) rotateX(-2deg)}
    72%  {transform:perspective(700px) rotateY(-7deg) rotateX(1.5deg)}
    88%  {transform:perspective(700px) rotateY(4deg) rotateX(-0.5deg)}
    100% {transform:perspective(700px) rotateY(0deg) rotateX(2deg)}
}

/* 3D tilt wrapper (inner — JS mousemove) */
.drone-tilt{transition:transform 0.45s cubic-bezier(0.16,1,0.3,1);transform-style:preserve-3d}

/* 3D Stack container */
.drone-3d-stack{position:relative;width:clamp(260px,28vw,390px);transform-style:preserve-3d;animation:drone-hover 6s ease-in-out infinite}
.drone-layer{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}
.drone-layer-bottom{transform:translateZ(-18px);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.4))}
.drone-layer-body{position:relative;transform:translateZ(0);filter:drop-shadow(0 8px 20px rgba(34,197,94,0.22)) drop-shadow(0 2px 6px rgba(0,0,0,0.5))}
.drone-layer-top{transform:translateZ(22px);filter:drop-shadow(0 12px 30px rgba(34,197,94,0.3)) drop-shadow(0 4px 10px rgba(34,197,94,0.15))}

/* Drone hover — dynamic drift + skew banking */
.drone-svg{width:100%}
@keyframes drone-hover{
    0%   {transform:translate(0px,0px) rotate(-0.5deg) skewX(0deg)}
    10%  {transform:translate(3px,-10px) rotate(1deg) skewX(-0.4deg)}
    22%  {transform:translate(-4px,-18px) rotate(-1.2deg) skewX(0.8deg)}
    35%  {transform:translate(7px,-24px) rotate(1.8deg) skewX(-1deg)}
    50%  {transform:translate(-2px,-14px) rotate(-0.8deg) skewX(0.5deg)}
    65%  {transform:translate(5px,-20px) rotate(1.4deg) skewX(-0.7deg)}
    78%  {transform:translate(-6px,-8px) rotate(-1.5deg) skewX(1deg)}
    90%  {transform:translate(2px,-16px) rotate(0.7deg) skewX(-0.3deg)}
    100% {transform:translate(0px,0px) rotate(-0.5deg) skewX(0deg)}
}

/* Propeller spin — transform-box for correct SVG pivot */
.prop{transform-box:fill-box;transform-origin:center;animation:prop-spin 0.09s linear infinite}
.prop-2{animation-delay:-0.022s}.prop-3{animation-delay:-0.045s}.prop-4{animation-delay:-0.067s}
@keyframes prop-spin{
    0%  {transform:rotate(0deg) scaleY(0.3);opacity:0.07}
    25% {transform:rotate(90deg) scaleY(1);opacity:0.28}
    50% {transform:rotate(180deg) scaleY(0.3);opacity:0.07}
    75% {transform:rotate(270deg) scaleY(1);opacity:0.28}
    100%{transform:rotate(360deg) scaleY(0.3);opacity:0.07}
}

/* Core ring pulse on drone body */
.drone-core-ring{transform-box:fill-box;transform-origin:center;animation:core-pulse 2s ease-in-out infinite}
@keyframes core-pulse{0%,100%{transform:scale(1);opacity:0.5;stroke-width:0.6}40%{transform:scale(2.4);opacity:0;stroke-width:0.2}}

/* Motor glow rings */
.motor-glow{transform-box:fill-box;transform-origin:center;animation:motor-glow 1.8s ease-out infinite;opacity:0}
@keyframes motor-glow{
    0%  {transform:scale(0.7);opacity:0.7;stroke-width:1.2}
    60% {transform:scale(1.4);opacity:0.2;stroke-width:0.6}
    100%{transform:scale(1.9);opacity:0;stroke-width:0.2}
}

/* Motor burst (outer ring) */
.motor-burst{transform-box:fill-box;transform-origin:center;animation:motor-burst 2.6s ease-out infinite;opacity:0}
@keyframes motor-burst{
    0%  {transform:scale(0.5);opacity:0.4}
    50% {transform:scale(1.1);opacity:0.15}
    100%{transform:scale(1.6);opacity:0}
}

/* Wind streaks */
.wind-l{transform-origin:right center;animation:wind-left 2.4s ease-in-out infinite;opacity:0}
.wind-r{transform-origin:left center;animation:wind-right 2.4s ease-in-out infinite;opacity:0}
@keyframes wind-left{
    0%  {opacity:0;transform:scaleX(0) translateX(8px)}
    25% {opacity:0.55;transform:scaleX(1) translateX(0)}
    60% {opacity:0.25;transform:scaleX(1.2) translateX(-4px)}
    100%{opacity:0;transform:scaleX(0.6) translateX(-10px)}
}
@keyframes wind-right{
    0%  {opacity:0;transform:scaleX(0) translateX(-8px)}
    25% {opacity:0.55;transform:scaleX(1) translateX(0)}
    60% {opacity:0.25;transform:scaleX(1.2) translateX(4px)}
    100%{opacity:0;transform:scaleX(0.6) translateX(10px)}
}

/* LEDs */
.led{animation:led-blink 2s ease-in-out infinite}
.led-red{animation:led-blink 1.5s ease-in-out infinite 0.5s}
@keyframes led-blink{0%,100%{opacity:1;filter:drop-shadow(0 0 3px currentColor)}45%{opacity:0.1;filter:none}}

/* Ambient glow */
.drone-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,0.16) 0%,rgba(34,197,94,0.06) 40%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-56%) translateZ(-20px);animation:glow-breathe 6s ease-in-out infinite;pointer-events:none}
@keyframes glow-breathe{
    0%,100%{transform:translate(-50%,-56%) translateZ(-20px) scale(1);opacity:0.6}
    30%    {transform:translate(-49%,-60%) translateZ(-20px) scale(1.3);opacity:0.9}
    60%    {transform:translate(-51%,-54%) translateZ(-20px) scale(1.6);opacity:1}
    80%    {transform:translate(-50%,-58%) translateZ(-20px) scale(1.2);opacity:0.75}
}

/* Ground shadow */
.drone-shadow{position:absolute;bottom:12%;left:50%;width:120px;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,0.5) 0%,transparent 70%);border-radius:50%;transform:translateX(-50%) translateZ(-40px);animation:shadow-move 6s ease-in-out infinite;pointer-events:none}
@keyframes shadow-move{
    0%,100%{transform:translateX(-50%) translateZ(-40px) scaleX(1);opacity:0.4}
    35%    {transform:translateX(-48%) translateZ(-40px) scaleX(0.7);opacity:0.2}
    60%    {transform:translateX(-52%) translateZ(-40px) scaleX(0.55);opacity:0.12}
}

/* Scan cone from camera */
.drone-scan{position:absolute;top:64%;left:50%;width:72px;height:100px;transform:translateX(-50%) translateZ(20px);background:linear-gradient(180deg,rgba(34,197,94,0.18) 0%,rgba(34,197,94,0.06) 50%,transparent 100%);clip-path:polygon(35% 0%,65% 0%,100% 100%,0% 100%);animation:scan-pulse 4s ease-in-out infinite;pointer-events:none}
@keyframes scan-pulse{0%,100%{opacity:0.5;transform:translateX(-50%) translateZ(20px) scaleX(1)}50%{opacity:1;transform:translateX(-50%) translateZ(20px) scaleX(1.2)}}

/* HUD corners */
.drone-hud{position:absolute;inset:20px;pointer-events:none;transform:translateZ(50px)}
.hud-corner{position:absolute;display:flex;flex-direction:column;gap:1px}
.hud-tl{top:0;left:0}.hud-tr{top:0;right:0;align-items:flex-end}.hud-bl{bottom:0;left:0}.hud-br{bottom:0;right:0;align-items:flex-end}
.hud-corner::before{content:'';position:absolute;width:10px;height:10px;border-color:rgba(34,197,94,0.35);border-style:solid;border-width:0}
.hud-tl::before{top:-3px;left:-3px;border-top-width:1.5px;border-left-width:1.5px}
.hud-tr::before{top:-3px;right:-3px;border-top-width:1.5px;border-right-width:1.5px}
.hud-bl::before{bottom:-3px;left:-3px;border-bottom-width:1.5px;border-left-width:1.5px}
.hud-br::before{bottom:-3px;right:-3px;border-bottom-width:1.5px;border-right-width:1.5px}
.hud-lbl{font-size:7px;font-weight:700;letter-spacing:2px;color:rgba(34,197,94,0.45);text-transform:uppercase;text-shadow:0 0 6px rgba(34,197,94,0.2)}
.hud-val{font-size:13px;font-weight:800;color:rgba(34,197,94,0.82);letter-spacing:-0.02em;line-height:1;animation:hud-flicker 9s ease-in-out infinite;text-shadow:0 0 10px rgba(34,197,94,0.4),0 0 20px rgba(34,197,94,0.15)}
.hud-val small{font-size:7px;font-weight:600;margin-left:1px;letter-spacing:0.5px}
.hud-tr .hud-val,.hud-br .hud-val{animation-delay:-4.5s}
@keyframes hud-flicker{0%,86%,100%{opacity:0.82}88%{opacity:0.25}90%{opacity:0.88}92%{opacity:0.15}94%{opacity:0.82}}

/* Floating particles */
.drone-particles{position:absolute;inset:0;pointer-events:none;transform:translateZ(70px)}
.drone-particles span{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--accent-light);opacity:0;box-shadow:0 0 4px var(--accent);animation:drone-p 6s linear infinite}
.drone-particles span:nth-child(1){left:22%;top:35%;animation-delay:0s}
.drone-particles span:nth-child(2){left:72%;top:28%;animation-delay:1.2s}
.drone-particles span:nth-child(3){left:38%;top:58%;animation-delay:2.4s}
.drone-particles span:nth-child(4){left:78%;top:52%;animation-delay:3.6s}
.drone-particles span:nth-child(5){left:18%;top:65%;animation-delay:4.8s}
.drone-particles span:nth-child(6){left:58%;top:42%;animation-delay:0.6s}
@keyframes drone-p{0%{opacity:0;transform:translateY(0) scale(0)}15%{opacity:0.8;transform:translateY(-8px) scale(1)}70%{opacity:0.35;transform:translateY(-36px) scale(0.5)}100%{opacity:0;transform:translateY(-56px) scale(0)}}

/* Gimbal scan sweep */
.drone-cam{animation:gimbal-scan 4.5s ease-in-out infinite}
@keyframes gimbal-scan{0%,100%{transform:translateX(0)}30%{transform:translateX(6px)}70%{transform:translateX(-6px)}}

/* Obstacle sensors ping */
.sensor-dot{transform-box:fill-box;transform-origin:center;animation:sensor-ping 3.5s ease-in-out infinite}
@keyframes sensor-ping{0%,65%,100%{opacity:0.3;transform:scale(1)}30%{opacity:1;transform:scale(2.2)}}

/* Nozzle drip */
.nozzle-drip{transform-box:fill-box;transform-origin:center;animation:nozzle-drip 2s ease-in infinite}
@keyframes nozzle-drip{0%{transform:translateY(0) scale(1);opacity:0.9}75%{transform:translateY(11px) scale(0.4);opacity:0.3}100%{transform:translateY(15px) scale(0);opacity:0}}

/* Battery cell pulse */
.bat-cell{animation:bat-pulse 3s ease-in-out infinite}
@keyframes bat-pulse{0%,100%{opacity:0.62}50%{opacity:0.95}}

/* 3D Light reflection overlay */
.drone-reflection{position:absolute;inset:0;pointer-events:none;transform:translateZ(30px);opacity:0;transition:opacity 0.6s;border-radius:50%}
.drone-scene:hover .drone-reflection{opacity:1}
.drone-reflection-inner{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.07) 0%,rgba(34,197,94,0.04) 40%,transparent 70%);filter:blur(30px);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);will-change:transform}

/* 3D depth shadow on drone SVG */
.drone-svg{transform-style:preserve-3d}

/* ===== ABOUT ===== */
.about{padding:var(--section) 0}
.about-hero{max-width:700px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.about-lead{font-size:clamp(14px,1.1vw,17px);color:var(--gray-300);line-height:1.75;margin-top:20px}
.partners-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:32px}
.partners-strip span{padding:8px 18px;font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:100px;color:var(--gray-400);transition:all 0.3s}
.partners-strip span:hover{border-color:var(--accent);color:var(--accent)}

/* Partners ticker — infinite marquee */
.partners-ticker{overflow:hidden;position:relative;margin-top:40px}
.partners-ticker::before,.partners-ticker::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.partners-ticker::before{left:0;background:linear-gradient(90deg,var(--gray-900),transparent)}
.partners-ticker::after{right:0;background:linear-gradient(270deg,var(--gray-900),transparent)}
.partners-track{display:flex;gap:10px;width:max-content;animation:ticker-scroll 22s linear infinite}
.partners-track:hover{animation-play-state:paused}
.partners-track span{padding:8px 20px;font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:100px;color:var(--gray-400);white-space:nowrap;transition:all 0.3s;flex-shrink:0}
.partners-track span:hover{border-color:var(--accent);color:var(--accent)}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Legal strip — horizontal 4-column */
.legal-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-2xl);overflow:hidden}
.legal-item{padding:24px 28px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--border)}
.legal-item:last-child{border-right:none}
.legal-lbl{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray-500)}
.legal-val{font-size:14px;font-weight:600;color:var(--gray-100);line-height:1.4}
.legal-val.mono{font-family:'Courier New',Courier,monospace;font-size:13px;color:var(--accent-light);letter-spacing:0.04em}

/* ===== CONTACTS ===== */
.contacts{padding:var(--section) 0}
.contacts-hd{text-align:center;margin-bottom:clamp(32px,4vw,56px)}
.contacts-layout{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}
.map-block{position:relative;border-radius:var(--r-2xl);overflow:hidden;height:520px;border:1px solid var(--border)}
.map-block iframe{width:100%;height:100%;border:0;display:block;filter:invert(1) hue-rotate(180deg) saturate(0.7) brightness(0.85)}
.map-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(5,5,7,0.94) 0%,rgba(5,5,7,0.55) 55%,transparent 100%);padding:40px 22px 22px;display:flex;align-items:flex-end;gap:14px;pointer-events:none}
.map-pin{width:38px;height:38px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 24px rgba(34,197,94,0.5);color:#000;pointer-events:none}
.map-overlay-body strong{display:block;font-size:13px;font-weight:700;color:var(--white);margin-bottom:5px;line-height:1.35}
.map-overlay-body span{font-size:11px;color:rgba(255,255,255,0.52);line-height:1.55}
.ct-stack{display:flex;flex-direction:column;gap:10px}
.ct-card-v{display:flex;align-items:center;gap:14px;padding:17px 20px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-lg);transition:all 0.3s var(--ease);text-decoration:none;color:inherit;cursor:pointer}
.ct-card-v:hover{border-color:var(--border-h);background:var(--glass-h);transform:translateX(4px)}
.ct-icon{width:40px;height:40px;border-radius:10px;background:rgba(34,197,94,0.07);border:1px solid rgba(34,197,94,0.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
.ct-info{flex:1;min-width:0}
.ct-info small{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray-500);display:block;margin-bottom:3px}
.ct-info span{font-size:14px;font-weight:600;color:var(--gray-100);display:block;line-height:1.35}
.ct-arrow{flex-shrink:0;color:var(--gray-600);transition:all 0.3s var(--ease)}
.ct-card-v:hover .ct-arrow{color:var(--accent);transform:translateX(3px)}
.ct-hours{padding:17px 20px;background:rgba(34,197,94,0.04);border:1px solid rgba(34,197,94,0.14);border-radius:var(--r-lg)}
.ct-hours-hd{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.ct-hours-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.ct-hours-row.last{border-bottom:none}
.ct-day{font-size:12px;color:var(--gray-400)}
.ct-time{font-size:12px;font-weight:700;color:var(--gray-200)}
.ct-time.closed{color:var(--gray-600)}

/* ===== FOOTER ===== */
.foot{padding:64px 0 32px;border-top:1px solid var(--border);position:relative}
.foot::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0.3}
.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.foot-brand p{font-size:13px;color:var(--gray-500);line-height:1.7;margin-top:16px;max-width:300px}
.foot-col h4{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px}
.foot-col a,.foot-col span{display:block;font-size:13px;color:var(--gray-500);padding:4px 0;transition:color 0.3s}
.foot-col a:hover{color:var(--white)}
.foot-bot{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:center}
.foot-bot span{font-size:11px;color:var(--gray-600);letter-spacing:0.04em}

/* ===== MODAL ===== */
.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(5,5,7,0.8);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s var(--ease)}
.modal-overlay.active{opacity:1;pointer-events:all}
.modal{background:var(--gray-800);border:1px solid var(--border-h);border-radius:var(--r-2xl);width:min(480px,90vw);max-height:90vh;overflow-y:auto;padding:40px;position:relative;transform:translateY(20px) scale(0.96);transition:transform 0.5s var(--ease-out);box-shadow:0 40px 100px rgba(0,0,0,0.5)}
.modal-overlay.active .modal{transform:none}
.modal-close{position:absolute;top:16px;right:16px;background:var(--glass);border:1px solid var(--border);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-400);transition:all 0.3s}
.modal-close:hover{color:var(--white);background:var(--glass-h)}
.modal-header{text-align:center;margin-bottom:32px}
.modal-icon{width:56px;height:56px;border-radius:16px;background:var(--accent-soft);border:1px solid rgba(34,197,94,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--accent)}
.modal-title{font-size:22px;font-weight:800;margin-bottom:8px}
.modal-desc{font-size:14px;color:var(--gray-400);line-height:1.6}
.fg{margin-bottom:16px}
.fg label{display:block;font-size:12px;font-weight:600;color:var(--gray-400);margin-bottom:8px;letter-spacing:0.04em}
.opt{color:var(--gray-600)}
.fg input,.fg textarea,.fg select{width:100%;padding:14px 16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-md);color:var(--white);font-size:14px;font-family:inherit;transition:all 0.3s;outline:none;-webkit-appearance:none}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}
.fg input::placeholder,.fg textarea::placeholder{color:var(--gray-600)}
.fg select{cursor:pointer}.fg select option{background:var(--gray-800);color:var(--white)}

/* Custom Select */
.custom-select{position:relative;width:100%;user-select:none}
.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-md);color:var(--white);font-size:14px;font-family:inherit;cursor:pointer;transition:all 0.3s}
.custom-select__trigger:hover{border-color:var(--border-h);background:var(--glass-h)}
.custom-select.open .custom-select__trigger{border-color:var(--accent);box-shadow:0 0 0 3px rgba(34,197,94,0.1)}
.custom-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select__text.placeholder{color:var(--gray-600)}
.custom-select__arrow{flex-shrink:0;margin-left:8px;color:var(--gray-500);transition:transform 0.3s var(--ease-out)}
.custom-select.open .custom-select__arrow{transform:rotate(180deg);color:var(--accent)}
.custom-select__options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--gray-800);border:1px solid var(--border-h);border-radius:var(--r-md);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.25s var(--ease-out);z-index:100;box-shadow:0 16px 48px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-height:240px;overflow-y:auto;padding:4px}
.custom-select.open .custom-select__options{opacity:1;visibility:visible;transform:translateY(0)}
.custom-select__option{padding:11px 14px;font-size:14px;color:var(--gray-300);cursor:pointer;border-radius:8px;transition:all 0.2s;margin:1px 0;position:relative}
.custom-select__option:hover{background:var(--accent-soft);color:var(--white)}
.custom-select__option.selected{color:var(--accent);font-weight:600;background:var(--accent-soft)}
.custom-select__option.selected::after{content:'';position:absolute;right:14px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.custom-select__options::-webkit-scrollbar{width:4px}
.custom-select__options::-webkit-scrollbar-track{background:transparent}
.custom-select__options::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px}
.modal-submit{width:100%;margin-top:8px}
.form-note{font-size:11px;color:var(--gray-600);text-align:center;margin-top:16px}
.modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 0}
.success-check{width:64px;height:64px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.modal-success h3{font-size:20px;font-weight:800}
.modal-success p{font-size:14px;color:var(--gray-400)}
.modal-done{margin-top:8px}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
    .nav-links,.nav-phone{display:none}.nav-burger{display:block}
    .split-row{grid-template-columns:1fr}
    .b2b-grid{grid-template-columns:1fr}
    .b2b-right{max-height:400px}
    .cat-flagship{grid-template-columns:1fr}
    .cat-fl-img{min-height:320px}
    .cat-fl-info::before{display:none}
    .cat-grid{grid-template-columns:1fr 1fr}
    .legal-strip{grid-template-columns:repeat(2,1fr)}
    .contacts-layout{grid-template-columns:1fr}
    .map-block{height:400px}
    .foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .stats-row{grid-template-columns:repeat(2,1fr)}
    .st:nth-child(2),.st:nth-child(4){border-right:1px solid var(--border)}
    .cinema{margin:0 12px 16px;min-height:350px}
    .split-row{padding:0 12px}
    .hero-h1{font-size:clamp(3rem,12vw,5rem)}
    .foot-top{grid-template-columns:1fr}
    .cat-sub-row{flex-direction:column;text-align:center}
    .cat-grid{grid-template-columns:1fr}
    .legal-strip{grid-template-columns:repeat(2,1fr)}
}
/* ===== TABLET REFINEMENTS ===== */
@media(max-width:768px){
    .hero-content{padding-bottom:clamp(60px,8vw,120px)}
    .hcard{flex:0 0 85vw}
    .cinema-content{padding:28px}
    .cinema-title{font-size:clamp(26px,6vw,40px)}
    .split-title{font-size:clamp(20px,4vw,28px)}
    .cinema-content[data-num]::before{font-size:clamp(80px,12vw,120px)}
    .drone-auto-tilt{animation:none}
    .split-body[data-num]::before{display:none}
    .b2b-right{aspect-ratio:16/10;max-height:360px}
    .map-block{height:320px}
    .legal-strip{grid-template-columns:repeat(2,1fr)}
}

/* ===== LARGE SCREENS 4K ===== */
@media(min-width:2000px){
    :root{--pad:clamp(40px,3vw,80px)}
    .container{max-width:1600px}
    .hcard{flex:0 0 400px}
    .cinema{min-height:700px}
}

/* ===== iOS SAFE AREAS ===== */
@supports(padding:env(safe-area-inset-bottom)){
    .foot-bot{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
    .nav-mobile{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
}

/* ===== BACKDROP-FILTER FALLBACK (Firefox < 103) ===== */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
    .nav.scrolled{background:rgba(10,10,12,0.96)}
    .st{background:rgba(10,10,12,0.85)}
    .hero-eyebrow{background:rgba(34,197,94,0.12)}
    .tag{background:rgba(34,197,94,0.12)}
    .modal-overlay{background:rgba(5,5,7,0.92)}
    .cinema-pills span{background:rgba(255,255,255,0.08)}
}

/* ===== MOTION PREFERENCE ===== */
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:0.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:0.01ms!important;
        scroll-behavior:auto!important;
    }
    .hero-img{animation:none!important;transform:scale(1)!important}
    .hero-blob{animation:none!important}
    .pollen{animation:none!important;display:none!important}
    [data-a]{opacity:1!important;transform:none!important}
}

/* ===== HIGH CONTRAST MODE ===== */
@media(forced-colors:active){
    .cta-primary,.cta-outline,.nav-cta,.fil{border:2px solid currentColor}
    .tag{border:1px solid currentColor}
}

/* ===== PRINT ===== */
@media print{
    .nav,.scroll-hint,.hero-particles,.hero-blob,.modal-overlay,.nav-mobile{display:none!important}
    body::before{display:none}
    body{background:#fff;color:#000}
    .hero{min-height:auto;page-break-after:always}
    .hero-dim{display:none}
    .h2,.hero-h1{color:#000}
    a{color:#000;text-decoration:underline}
}