/* BFK visual expansion — ambient depth, motion hierarchy, industrial polish */
html{background:#e8f0e6}
body{
  background:
    radial-gradient(1100px 520px at 8% -8%,rgba(179,239,103,.16),transparent 58%),
    radial-gradient(900px 480px at 96% 12%,rgba(22,141,88,.1),transparent 55%),
    radial-gradient(700px 420px at 50% 100%,rgba(16,104,68,.06),transparent 60%),
    linear-gradient(180deg,#f2f7ef 0%,#eef4eb 35%,#e7efe4 70%,#e3ebe0 100%);
  background-attachment:fixed;
}
.page-fx{pointer-events:none;position:fixed;inset:0;z-index:0;overflow:hidden}
.page-fx::after{content:"";position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.page-fx::before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(16,40,30,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(16,40,30,.035) 1px,transparent 1px);
  background-size:72px 72px;mask-image:radial-gradient(circle at 50% 30%,#000 20%,transparent 75%);opacity:.55}
.page-fx i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;will-change:transform}
.page-fx i:nth-child(1){width:46vw;height:46vw;left:-14vw;top:12vh;background:radial-gradient(circle,#b3ef67 0%,transparent 70%);animation:fx-drift 18s ease-in-out infinite alternate}
.page-fx i:nth-child(2){width:38vw;height:38vw;right:-12vw;top:48vh;background:radial-gradient(circle,#168d58 0%,transparent 68%);opacity:.16;animation:fx-drift 22s ease-in-out infinite alternate-reverse}
.page-fx i:nth-child(3){width:30vw;height:30vw;left:38vw;bottom:-10vh;background:radial-gradient(circle,#7ecf8a 0%,transparent 70%);opacity:.12;animation:fx-drift 26s ease-in-out infinite alternate}
@keyframes fx-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,-3vh,0) scale(1.08)}}
main,footer,.site-footer{position:relative;z-index:1}
.site-header,.scroll-progress{z-index:100}
.site-header{background:rgba(246,250,244,.86)!important}
.site-header.scrolled{backdrop-filter:blur(22px) saturate(1.15);background:rgba(244,249,242,.96)!important}
.section{background:transparent}
.brand{position:relative}
.brand-logo{background:transparent!important}

/* Footer contrast */
.site-footer{background:linear-gradient(180deg,#0c241c 0%,#071612 100%)!important;color:#e7f3e8!important}
.footer-brand-block{max-width:340px}
.brand-footer .brand-logo{filter:none;background:#f3f8f1!important;padding:12px 16px;border-radius:12px;border:1px solid rgba(179,239,103,.45);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.footer-tagline,.footer-top p.footer-tagline,.footer-top p{color:#e8f6ea!important;font-size:15px!important;line-height:1.55;margin-top:18px!important;max-width:34ch}
.footer-tagline strong{display:inline-block;color:#b3ef67;font-family:Manrope,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.footer-nav span{color:#b7d4bc!important}
.footer-nav a,.footer-bottom,.footer-bottom a{color:#cfe3d3!important}
.footer-nav a:hover,.footer-bottom a:hover{color:#b3ef67!important}
.footer-bottom{border-top-color:rgba(179,239,103,.18)!important}

/* Clickable homepage blocks */
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr)}
a.proof-item{display:flex;align-items:center;gap:18px;padding:27px 30px;border-right:1px solid #cedbd0;color:inherit;transition:background .3s,transform .3s}
a.proof-item:last-child{border-right:0}
a.proof-item:hover{background:rgba(179,239,103,.18)}
a.proof-item strong{font:800 27px Manrope,sans-serif;color:var(--green)}
a.proof-item span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.photo-strip-card{color:inherit;display:block;transition:transform .35s}
.photo-strip-card:hover{transform:translateY(-4px)}
.photo-strip-card:hover figcaption{color:#b3ef67}
a.split-visual{display:block}
a.offer-panel{color:inherit;text-decoration:none;transition:transform .35s,box-shadow .35s}
a.offer-panel:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(14,50,34,.14)}
a.offer-panel .button{pointer-events:none}
a.about-band-media{display:block}
a.title-link{color:inherit;text-decoration:none}
a.title-link:hover{color:var(--lime)}
.about-facts a{display:block;color:inherit;transition:transform .25s}
.about-facts a:hover{transform:translateY(-2px)}
.contact-banner-copy{color:inherit;text-decoration:none;display:block;max-width:770px}
.contact-banner-copy:hover h2{color:var(--lime)}
@media(max-width:760px){.proof-strip{grid-template-columns:1fr}a.proof-item{border-right:0;border-bottom:1px solid #cedbd0}a.proof-item:last-child{border-bottom:0}}

/* Social promotion */
.header-social{display:flex;align-items:center;gap:8px;margin-left:auto}
.header-social-link{width:40px;height:40px;border:1px solid #c7d8c8;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#146944;background:rgba(255,255,255,.7);transition:background .25s,border-color .25s,transform .25s}
.header-social-link svg{width:18px;height:18px}
.header-social-link:hover{background:#b3ef67;border-color:#9ed84f;transform:translateY(-2px)}
.site-header .header-cta{margin-left:8px}
.social-stage{padding-top:20px}
.social-stage-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}
.social-stage-head h2{font-size:clamp(34px,4.5vw,62px);line-height:1.05;margin:14px 0 12px;max-width:16ch}
.social-stage-head p{color:var(--muted);max-width:48ch;margin:0}
.social-rail{display:flex;flex-direction:column;gap:10px;min-width:220px}
.social-chip{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#102821;color:#e8f6ea;border:1px solid rgba(179,239,103,.28);transition:transform .3s,background .3s}
.social-chip svg{width:22px;height:22px;flex:0 0 auto}
.social-chip span{font:800 12px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.social-chip em{margin-left:auto;font-style:normal;font-size:12px;color:#b3ef67}
.social-chip:hover{transform:translateY(-3px);background:#163c2d}
.social-chip.ig{background:linear-gradient(135deg,#163426,#1f4a35)}
.social-chip.fb{background:linear-gradient(135deg,#122a3a,#1a3f52)}
.social-mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:26px}
.social-tile{position:relative;display:block;border-radius:14px;overflow:hidden;min-height:170px;isolation:isolate}
.social-tile:nth-child(1){grid-column:span 2;min-height:240px}
.social-tile:nth-child(2){grid-column:span 2;min-height:240px}
.social-tile:nth-child(3){grid-column:span 2;min-height:240px}
.social-tile:nth-child(4),.social-tile:nth-child(5),.social-tile:nth-child(6){grid-column:span 2}
.social-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s}
.social-tile span{position:absolute;left:12px;bottom:12px;z-index:2;font:800 11px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(8,27,20,.72);padding:8px 10px;border-radius:8px;border:1px solid rgba(179,239,103,.35)}
.social-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,22,16,.7));z-index:1}
.social-tile:hover img{transform:scale(1.08)}
.social-cta-row{display:flex;flex-wrap:wrap;gap:12px}
.social-cta-row .button{gap:10px}
.social-cta-row .button svg{width:18px;height:18px}
.footer-social{max-width:1440px;margin:0 auto 28px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.footer-social-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;border:1px solid rgba(179,239,103,.28);color:#eef7ef;background:rgba(255,255,255,.04);transition:transform .3s,background .3s,border-color .3s}
.footer-social-card svg{width:26px;height:26px;color:#b3ef67}
.footer-social-card strong{display:block;font:800 14px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.footer-social-card em{font-style:normal;font-size:13px;color:#b7d4bc}
.footer-social-card:hover{transform:translateY(-3px);background:rgba(179,239,103,.1);border-color:rgba(179,239,103,.55)}
.social-dock{position:fixed;right:16px;bottom:96px;z-index:90;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px;opacity:0;transform:translateY(18px) scale(.92);pointer-events:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}
.social-dock.is-ready{opacity:1;transform:none;pointer-events:auto}
.social-dock[hidden]{display:none!important}
.social-dock-panel{display:flex;flex-direction:column;gap:8px;overflow:hidden;max-height:140px;opacity:1;transition:max-height .35s ease,opacity .3s ease,transform .35s ease}
.social-dock[data-state="collapsed"] .social-dock-panel{max-height:0;opacity:0;transform:translateY(8px);pointer-events:none}
.social-dock-link{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 28px rgba(10,40,26,.2);border:1px solid rgba(255,255,255,.18);transition:transform .25s,box-shadow .25s}
.social-dock-link svg{width:22px;height:22px}
.social-dock-link.ig{background:radial-gradient(circle at 30% 110%,#fccc63,#f77737 28%,#e1306c 55%,#c13584 70%,#833ab4)}
.social-dock-link.fb{background:#1877f2}
.social-dock-link:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(10,40,26,.28)}
.social-dock-toggle{width:48px;height:48px;border-radius:14px;border:1px solid #9ed84f;background:#b3ef67;color:#0b211b;display:inline-flex;align-items:center;justify-content:center;gap:0;cursor:pointer;box-shadow:0 12px 28px rgba(10,40,26,.18);position:relative;padding:0}
.social-dock-toggle-icons{display:none;align-items:center;justify-content:center}
.social-dock-toggle-icons .mini{width:16px;height:16px;position:absolute}
.social-dock-toggle-icons .mini.ig{transform:translate(-6px,-5px);color:#c13584}
.social-dock-toggle-icons .mini.fb{transform:translate(6px,5px);color:#1877f2}
.social-dock-chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .25s}
.social-dock[data-state="collapsed"] .social-dock-toggle-icons{display:inline-flex}
.social-dock[data-state="collapsed"] .social-dock-chevron{display:none}
.social-dock[data-state="expanded"] .social-dock-chevron{transform:rotate(225deg);margin-top:4px}
.social-dock .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.cinema-active .social-dock{opacity:.15;pointer-events:none}
@media(max-width:980px){
  .social-stage-head{flex-direction:column;align-items:stretch}
  .social-mosaic{grid-template-columns:1fr 1fr}
  .social-tile:nth-child(n){grid-column:span 1;min-height:180px}
  .footer-social{grid-template-columns:1fr}
  .header-social{display:none}
}
@media(max-width:720px){
  .social-dock{right:10px;bottom:88px}
  .social-dock-link,.social-dock-toggle{width:44px;height:44px;border-radius:12px}
}

/* Modernized UI accents */
.eyebrow.green{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:rgba(22,141,88,.1);border:1px solid rgba(22,141,88,.18)}
.eyebrow.light{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:rgba(179,239,103,.12);border:1px solid rgba(179,239,103,.28)}
.machine-tag{backdrop-filter:blur(8px);background:rgba(179,239,103,.92)!important;color:#0b211b!important;border:1px solid rgba(11,33,27,.08)}
.marquee{background:linear-gradient(90deg,#0b211b,#143528 50%,#0b211b)!important}
.section-heading h2{position:relative}
.feature-grid .machine-card{border-radius:16px}
.category-tile.has-photo{border:1px solid rgba(11,33,27,.08);box-shadow:0 18px 40px rgba(14,50,34,.08)}

/* Cinema hero intensification */
.cinema-window{--rim:rgba(179,239,103,.35)}
.cinema-window::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(120% 80% at 15% 70%,rgba(11,33,27,.55),transparent 55%),
  linear-gradient(180deg,rgba(11,33,27,.28),transparent 30%,rgba(11,33,27,.45));mix-blend-mode:multiply;opacity:.85}
.cinema-scan{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(179,239,103,.05) 50%,transparent 60%);background-size:100% 220%;animation:scan-sweep 7.5s linear infinite;mix-blend-mode:screen;opacity:.55}
@keyframes scan-sweep{from{background-position:0 -40%}to{background-position:0 140%}}
.cinema-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 120px rgba(4,18,14,.55),inset 0 0 40px rgba(4,18,14,.35)}
.cinema-intro .title-line{overflow:hidden;display:block}
.cinema-intro .title-line > span{display:inline-block;transform:translateY(110%);animation:title-rise 1.1s cubic-bezier(.22,1,.36,1) forwards}
.cinema-intro .title-line:nth-child(2) > span{animation-delay:.12s}
.cinema-intro .eyebrow,.cinema-intro p,.cinema-intro .hero-actions{animation:fade-up .9s cubic-bezier(.22,1,.36,1) both}
.cinema-intro .eyebrow{animation-delay:.35s}
.cinema-intro p{animation-delay:.48s}
.cinema-intro .hero-actions{animation-delay:.6s}
@keyframes title-rise{to{transform:translateY(0)}}
@keyframes fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.film-button .play-disc{position:relative}
.film-button .play-disc::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(179,239,103,.55);border-radius:50%;animation:pulse-ring 2.4s ease-out infinite}
@keyframes pulse-ring{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.45);opacity:0}}
.scroll-mouse{position:relative;width:18px;height:28px;border:1.5px solid rgba(255,255,255,.55);border-radius:10px;display:inline-block;vertical-align:middle;margin-right:8px}
.scroll-mouse::before{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--lime);animation:mouse-fall 1.6s ease-in-out infinite}
@keyframes mouse-fall{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(10px)}}

/* Proof / marquee punch */
.proof-strip{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef5eb,#e4eee2)}
.proof-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(179,239,103,.18),transparent);transform:translateX(-100%);animation:proof-sheen 6s ease-in-out infinite}
@keyframes proof-sheen{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.proof-strip strong{position:relative}
.proof-strip strong.counting{letter-spacing:.02em}
.marquee{position:relative}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,#102921,transparent)}
.marquee::after{right:0;background:linear-gradient(270deg,#102921,transparent)}
.marquee-track{gap:0}
.marquee span{padding-right:50px}
.marquee span:after{content:"⬡";color:var(--lime);font-size:14px;margin-left:50px;opacity:.85}

/* Cards & tiles */
.machine-card{isolation:isolate}
.machine-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(22,141,88,.55),transparent 40%,rgba(179,239,103,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s;pointer-events:none;z-index:2}
.machine-card:hover::before{opacity:1}
.machine-image{overflow:hidden}
.machine-card:hover .machine-tag{transform:translateY(-2px)}
.machine-tag{transition:transform .35s}
.category-tile{background:linear-gradient(160deg,#e8efe7 0%,#dce8da 100%)}
.category-tile::after{content:"";position:absolute;inset:auto -20% -35% auto;width:180px;height:180px;border:1px solid rgba(22,141,88,.18);border-radius:50%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.category-tile:hover::after{transform:scale(1.35) translate(-8px,-8px)}
.category-tile .arrow{transition:transform .35s}
.category-tile:hover .arrow{transform:translate(4px,-4px)}
.tile-orbit{position:absolute;right:-28px;bottom:-28px;width:140px;height:140px;opacity:.7;pointer-events:none;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .4s}
.category-tile:hover .tile-orbit{transform:rotate(28deg) scale(1.08);opacity:1}
.tile-orbit-dash{transform-origin:60px 60px;animation:orbit-spin 14s linear infinite}
@keyframes orbit-spin{to{transform:rotate(360deg)}}

/* Split / offer / banner */
.split-visual{position:relative;overflow:hidden}
.split-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(11,33,27,.35));pointer-events:none}
.split-visual img{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.split-section:hover .split-visual img{transform:scale(1.06) translateY(var(--image-parallax,0))}
.offer-panel{position:relative;box-shadow:0 30px 80px rgba(14,50,34,.08)}
.offer-panel.is-featured::before{content:"AKCE";position:absolute;top:22px;left:22px;z-index:3;font:800 11px Manrope,sans-serif;letter-spacing:.18em;color:#0b211b;background:var(--lime);padding:8px 12px;border-radius:4px}
.contact-banner{background:radial-gradient(120% 90% at 85% -10%,rgba(179,239,103,.16),transparent 45%),#0f3427}
.contact-banner h2{text-wrap:balance}

/* Category / benefit / about photo previews */
.category-tile.has-photo{color:#fff;min-height:300px;background:#0f2a22;justify-content:flex-end;padding:28px;isolation:isolate}
.category-tile.has-photo .tile-media{position:absolute;inset:0;z-index:0}
.category-tile.has-photo .tile-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .8s cubic-bezier(.22,1,.36,1);filter:brightness(.78) saturate(1.05)}
.category-tile.has-photo::before{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(4,18,14,.2) 0%,rgba(4,18,14,.45) 38%,rgba(4,18,14,.92) 78%,rgba(4,18,14,.96) 100%),
  linear-gradient(90deg,rgba(4,18,14,.55),transparent 70%);
  border:0;width:auto;height:auto;border-radius:0;right:auto;top:auto;transform:none}
.category-tile.has-photo:hover::before{transform:none;background:
  linear-gradient(180deg,rgba(4,18,14,.15) 0%,rgba(4,18,14,.4) 38%,rgba(4,18,14,.9) 78%,rgba(4,18,14,.95) 100%),
  linear-gradient(90deg,rgba(4,18,14,.5),transparent 70%)}
.category-tile.has-photo:hover .tile-media img{transform:scale(1.12);filter:brightness(.85) saturate(1.08)}
.category-tile.has-photo .number,.category-tile.has-photo h3,.category-tile.has-photo .arrow{position:relative;z-index:2}
.category-tile.has-photo .number{color:#b3ef67;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 10px rgba(0,0,0,.75)}
.category-tile.has-photo h3{max-width:90%;color:#fff;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.85),0 10px 28px rgba(0,0,0,.55)}
.category-tile.has-photo .arrow{color:#b3ef67;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.category-tile.has-photo:hover .arrow{color:#fff}
.benefit-card.has-photo{padding:0;overflow:hidden;display:flex;flex-direction:column}
.benefit-photo{height:160px;overflow:hidden}
.benefit-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.benefit-card.has-photo:hover .benefit-photo img{transform:scale(1.06)}
.benefit-card.has-photo .icon,.benefit-card.has-photo h3,.benefit-card.has-photo p{padding-left:28px;padding-right:28px}
.benefit-card.has-photo .icon{margin:22px 0 10px}
.benefit-card.has-photo h3{margin-top:0}
.benefit-card.has-photo p{padding-bottom:28px;margin:0}
.about-band{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:clamp(28px,5vw,70px)!important;align-items:center}
.about-band-media{border-radius:18px;overflow:hidden;min-height:320px;background:#163426}
.about-band-media img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.about-band:hover .about-band-media img{transform:scale(1.04)}
.about-band-copy h2{margin-top:12px}
.photo-strip{background:#0b211b;padding:18px 0 22px;overflow:hidden;border-top:1px solid rgba(179,239,103,.15);border-bottom:1px solid rgba(179,239,103,.15)}
.photo-strip-track{display:flex;gap:14px;width:max-content;padding:0 20px;animation:photo-strip 42s linear infinite}
.photo-strip figure{margin:0;width:220px;flex:0 0 auto}
.photo-strip img{width:220px;height:140px;object-fit:cover;border-radius:10px;display:block;filter:saturate(1.05)}
.photo-strip figcaption{margin-top:8px;font:700 10px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(224,247,219,.72)}
@keyframes photo-strip{to{transform:translateX(-50%)}}
@media(max-width:900px){.about-band{grid-template-columns:1fr!important}.about-band-media,.about-band-media img{min-height:240px}.photo-strip figure,.photo-strip img{width:170px}.photo-strip img{height:110px}}
@media(prefers-reduced-motion:reduce){.photo-strip-track{animation:none}}

/* Section rhythm */
.section{position:relative}
.section-heading h2{position:relative}
.feature-grid .machine-card:nth-child(2){transition-delay:.05s}
.feature-grid .machine-card:nth-child(3){transition-delay:.1s}

/* Magnetic button sheen */
.button{position:relative;overflow:hidden}
.button::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 62%);transform:translateX(-120%);transition:none}
.button:hover::after{animation:btn-sheen .85s ease}
@keyframes btn-sheen{to{transform:translateX(120%)}}

/* Reveals */
.reveal{opacity:0;transform:translateY(40px) scale(.985);filter:blur(4px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s}
.reveal.in-view{opacity:1;transform:none;filter:none}
.reveal.delay-1{transition-delay:.1s}
.reveal.delay-2{transition-delay:.2s}
/* Form must stay rock-steady (no magnetic / ambient jitter) */
#poptavka,.contact-form,.contact-form .button{translate:none!important;transform:none!important;filter:none!important}
#poptavka.reveal,#poptavka.reveal.in-view{transform:none!important;filter:none!important}
body.contact-page .page-fx{display:none}
.route-enter{animation:route-in .55s cubic-bezier(.22,1,.36,1)}
@keyframes route-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Graphic band under hero home */
.field-band{position:relative;height:54px;overflow:hidden;background:#0b211b;border-bottom:1px solid rgba(179,239,103,.2)}
.field-band svg{width:200%;height:100%;display:block;animation:field-slide 28s linear infinite;color:rgba(179,239,103,.35)}
@keyframes field-slide{to{transform:translateX(-50%)}}

@media (prefers-reduced-motion:reduce){
  .page-fx,.cinema-scan,.film-button .play-disc::after,.proof-strip::before,.field-band svg{animation:none!important;display:none!important}
  .cinema-intro .title-line > span,.cinema-intro .eyebrow,.cinema-intro p,.cinema-intro .hero-actions{animation:none!important;opacity:1;transform:none}
  .reveal{filter:none;transform:none}
}


/* Header layout social */
.site-header .header-social{margin-left:auto}
.site-header .header-cta{margin-left:0}
.button{border-radius:12px}
.machine-card{overflow:hidden;border-radius:16px;box-shadow:0 16px 40px rgba(14,50,34,.07)}
.machine-card .machine-media{border-radius:16px 16px 0 0}
.contact-banner{border-radius:18px;overflow:hidden}
.tile-grid .category-tile{border-radius:16px}
.section-heading h2::after{content:"";display:block;width:56px;height:3px;margin-top:14px;background:linear-gradient(90deg,#b3ef67,#168d58);border-radius:2px}
.social-stage{background:linear-gradient(180deg,#f7faf5 0%,transparent 70%)}
.social-tile{box-shadow:0 14px 36px rgba(10,40,26,.12)}

/* Text arrows — never emoji on iOS/Android */
.i-arr{display:inline-block;width:.42em;height:.42em;border-right:1.8px solid currentColor;border-top:1.8px solid currentColor;transform:translateY(-.06em) rotate(45deg);margin-left:.28em;vertical-align:middle;flex:0 0 auto}
.i-arr.i-arr-down{transform:translateY(-.12em) rotate(135deg);margin-left:.2em}
b.i-arr{font-weight:inherit;border-right-width:2px;border-top-width:2px;width:.48em;height:.48em}
.floating-contact b.i-arr{margin:0}

.i-play{display:inline-block;width:0;height:0;border-style:solid;border-width:.45em 0 .45em .7em;border-color:transparent transparent transparent currentColor;margin-right:.45em;vertical-align:-.05em}

/* Mobile horizontal scroll lock */
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
body{width:100%;position:relative;touch-action:pan-y}
#main,main,.section,.site-footer,.cinema-sequence,.cinema-stage,.cinema-window,.marquee,.photo-strip,.field-band,.contact-banner,.proof-strip{max-width:100%;overflow-x:clip}
.section-heading{position:relative;overflow-x:clip;max-width:100%}
.section-inner{max-width:100%;overflow-x:clip}
.motion-graphic{right:0!important;max-width:min(42%,280px);height:auto!important;aspect-ratio:1}
.category-tile{overflow:hidden}
.category-tile::after,.tile-orbit{max-width:none}
.social-rail{min-width:0}
.footer-social{width:100%;box-sizing:border-box;padding-inline:clamp(20px,5vw,80px)}
.marquee-track,.photo-strip-track{will-change:transform}
@media(max-width:760px){
  .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  .section-heading .text-link{align-self:flex-start}
  .section-heading h2,.social-stage-head h2{max-width:100%;overflow-wrap:anywhere}
  .motion-graphic{display:none}
  .social-mosaic{width:100%;max-width:100%}
  .feature-grid,.category-grid,.tile-grid{max-width:100%}
}