:root{
      --red:#e50914;
      --red-2:#ff313b;
      --red-3:#a60009;
      --dark:#050505;
      --dark-2:#0b0b0d;
      --dark-3:#111114;
      --white:#fff;
      --soft:#f7f7f7;
      --muted:#6f7178;
      --line:rgba(255,255,255,.13);
      --black-line:rgba(8,8,8,.10);
      --container:1240px;
      --radius:32px;
      --ease:cubic-bezier(.16,1,.3,1);
      --shadow:0 34px 90px rgba(0,0,0,.20);
      --header-h:84px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;
      color:#111;
      background:#fff;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      text-rendering:geometricPrecision;
    }
    body.menu-open{overflow:hidden}
    body::before{
      content:"";
      position:fixed;
      inset:0;
      z-index:-4;
      pointer-events:none;
      background:
        radial-gradient(circle at calc(12% + var(--mx,0px)) calc(10% + var(--my,0px)), rgba(229,9,20,.12), transparent 26%),
        radial-gradient(circle at calc(88% - var(--mx,0px)) calc(22% - var(--my,0px)), rgba(229,9,20,.10), transparent 24%),
        #fff;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,textarea,select{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--container),calc(100% - 48px));margin-inline:auto;position:relative;z-index:2}
    .section{position:relative;padding:98px 0;overflow:hidden;isolation:isolate}
    .section.white{background:#fff;color:#111}
    .section.soft{
      background:
        radial-gradient(circle at 12% 18%, rgba(229,9,20,.13), transparent 28%),
        radial-gradient(circle at 88% 74%, rgba(0,0,0,.05), transparent 32%),
        linear-gradient(135deg,#fff 0%,#f6f6f6 100%);
      color:#111;
    }
    .section.black{
      background:
        radial-gradient(circle at 16% 18%, rgba(229,9,20,.16), transparent 30%),
        radial-gradient(circle at 86% 72%, rgba(229,9,20,.16), transparent 32%),
        linear-gradient(180deg,#050505 0%,#0b0b0e 58%,#030303 100%);
      color:#fff;
    }
    .section.red{
      background:
        radial-gradient(circle at 10% 20%, rgba(255,255,255,.20), transparent 24%),
        radial-gradient(circle at 78% 18%, rgba(255,255,255,.12), transparent 22%),
        linear-gradient(110deg,#1b0002 0%,#b3000a 44%,#ff111d 100%);
      color:#fff;
    }
    .section-title{max-width:860px;margin:0 auto 44px;text-align:center}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
    .eyebrow::before{content:"";width:26px;height:3px;border-radius:99px;background:currentColor;box-shadow:10px 0 26px currentColor}
    .black .eyebrow,.red .eyebrow{color:#ff424b}
    .title{margin:0;font-family:Inter,Manrope,sans-serif;font-size:clamp(34px,4.5vw,62px);line-height:.95;letter-spacing:-.07em;font-weight:900;text-transform:none}
    .title.upper{text-transform:uppercase;letter-spacing:-.055em}
    .desc{margin:16px auto 0;max-width:720px;color:var(--muted);line-height:1.75;font-size:15px;font-weight:600}
    .black .desc,.red .desc{color:rgba(255,255,255,.72)}
    .mini{font-size:12px;line-height:1.7;color:inherit;opacity:.74;font-weight:700}

    .reveal{opacity:0;transform:translate3d(0,38px,0) scale(.985);filter:blur(12px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);transition-delay:var(--d,0ms)}
    .reveal.in{opacity:1;transform:none;filter:none}

    .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;font-size:13px;font-weight:900;letter-spacing:.01em;box-shadow:0 22px 58px rgba(229,9,20,.24);position:relative;overflow:hidden;isolation:isolate;transition:transform .34s var(--ease),box-shadow .34s var(--ease),filter .34s var(--ease)}
    .btn::before{content:"";position:absolute;inset:-25% -38%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.76),transparent 55%);transform:translateX(-120%);transition:transform .9s var(--ease)}
    .btn:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(229,9,20,.34);filter:saturate(1.08)}
    .btn:hover::before{transform:translateX(120%)}
    .btn.secondary{background:#fff;color:#111;border:1px solid rgba(0,0,0,.10);box-shadow:0 18px 46px rgba(0,0,0,.08)}
    .btn.dark{background:#111;color:#fff;box-shadow:0 22px 54px rgba(0,0,0,.16)}
    .btn.outline{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:none;backdrop-filter:blur(10px)}
    .btn .arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);transition:transform .3s var(--ease)}
    .btn.secondary .arrow{background:rgba(229,9,20,.10);color:var(--red)}
    .btn:hover .arrow{transform:translateX(3px) rotate(-18deg)}

    .logo-img{width:216px;height:auto;object-fit:contain}
    .site-header{position:fixed;inset:0 0 auto;z-index:90;padding:20px 0;transition:padding .34s var(--ease)}
    .nav-shell{width:min(1390px,calc(100% - 48px));margin-inline:auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:22px;transition:all .34s var(--ease)}
    body.scrolled .site-header{padding:10px 0}
    body.scrolled .nav-shell{padding:10px 14px 10px 18px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(0,0,0,.11)}
    .nav-links{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;min-width:0;font-size:10.5px;font-weight:900;letter-spacing:-.01em;white-space:nowrap;color:#171717}
    .nav-links a{position:relative;padding:12px 0;opacity:.78;transition:opacity .28s var(--ease),color .28s var(--ease)}
    .nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;border-radius:99px;background:var(--red);transition:right .28s var(--ease)}
    .nav-links a:hover,.nav-links a.active{opacity:1;color:var(--red)}
    .nav-links a:hover::after,.nav-links a.active::after{right:0}
    .nav-cta{flex:0 0 auto}
    .menu-toggle{display:none;width:50px;height:50px;border:0;border-radius:18px;background:#111;color:#fff;box-shadow:0 16px 48px rgba(0,0,0,.16);place-items:center;position:relative}
    .menu-toggle span{width:20px;height:2px;background:#fff;border-radius:99px;position:relative;transition:background .3s var(--ease)}
    .menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;border-radius:99px;transition:transform .3s var(--ease),top .3s var(--ease)}
    .menu-toggle span::before{top:-7px}.menu-toggle span::after{top:7px}
    body.menu-open .menu-toggle span{background:transparent}
    body.menu-open .menu-toggle span::before{top:0;transform:rotate(45deg)}
    body.menu-open .menu-toggle span::after{top:0;transform:rotate(-45deg)}
    .mobile-panel{position:fixed;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(18px);z-index:82;opacity:0;pointer-events:none;display:grid;place-items:center;padding:96px 24px 40px;transition:opacity .32s var(--ease)}
    .mobile-panel.open{opacity:1;pointer-events:auto}
    .mobile-panel nav{width:min(420px,100%);display:grid;gap:12px;text-align:center}
    .mobile-panel a{padding:15px 12px;border-radius:18px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:900}
    .mobile-panel .btn{margin-top:12px;width:100%}

    /* HERO */
    .hero{min-height:930px;padding:128px 0 0;background:
      radial-gradient(circle at 7% 18%, rgba(255,255,255,.96), transparent 30%),
      radial-gradient(circle at 42% 26%, rgba(255,217,218,.86), transparent 34%),
      radial-gradient(circle at 92% 12%, rgba(255,24,35,.28), transparent 28%),
      linear-gradient(110deg,#fff 0%,#fff6f6 46%,#ff878c 100%);overflow:hidden}
    .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(229,9,20,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(229,9,20,.06) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 82%);animation:gridMove 22s linear infinite}
    .hero::after{content:"";position:absolute;right:-18%;bottom:-34%;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle, rgba(229,9,20,.20), transparent 64%);filter:blur(6px);z-index:0;pointer-events:none}
    .scan-beam{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
    .scan-beam i{position:absolute;width:3px;height:120%;top:-10%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.90),rgba(229,9,20,.28),transparent);filter:blur(.5px);opacity:.45;transform:rotate(15deg);animation:scanBeam 6.5s ease-in-out infinite}
    .scan-beam i:nth-child(1){left:18%;animation-delay:0s}.scan-beam i:nth-child(2){left:53%;animation-delay:1.3s}.scan-beam i:nth-child(3){left:83%;animation-delay:2.6s}
    .hero-orbit{position:absolute;right:4%;top:126px;width:min(660px,52vw);height:min(660px,52vw);border-radius:50%;border:1px solid rgba(255,255,255,.52);box-shadow:inset 0 0 0 1px rgba(229,9,20,.12),0 0 58px rgba(229,9,20,.12);z-index:0;animation:ringPulse 7s ease-in-out infinite}
    .hero-orbit::before{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0 18%,rgba(255,255,255,.96) 26%,rgba(229,9,20,.55) 34%,transparent 43%,transparent 58%,rgba(255,255,255,.75) 68%,rgba(229,9,20,.45) 75%,transparent 86%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringSpin 11s linear infinite;filter:drop-shadow(0 0 16px rgba(255,255,255,.55))}
    .hero-line{position:absolute;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--red),#fff,transparent);box-shadow:0 0 30px rgba(229,9,20,.35);opacity:.55;z-index:1;animation:lineGlow 5.8s ease-in-out infinite}
    .hero-line.l1{width:min(520px,42vw);left:-70px;top:36%;transform:rotate(-13deg)}
    .hero-line.l2{width:min(580px,46vw);right:-90px;bottom:17%;transform:rotate(-8deg);animation-delay:1.2s}
    .hero-inner{display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);align-items:end;gap:22px;min-height:802px;position:relative;z-index:2}
    .hero-copy{padding:70px 0 140px;position:relative;z-index:6}
    .hero-kicker{margin-bottom:18px;color:#1f1f23;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:12px;opacity:.92}
    .hero-kicker::before{content:"";width:42px;height:2px;background:var(--red);box-shadow:0 0 24px rgba(229,9,20,.45)}
    .hero-title{margin:0;font-family:Inter,Manrope,sans-serif;font-size:clamp(54px,6.25vw,96px);line-height:.93;letter-spacing:-.06em;font-weight:900;text-transform:uppercase;max-width:760px;color:#101014}
    .hero-title .accent{display:block;color:var(--red);position:relative;text-shadow:0 20px 48px rgba(229,9,20,.16)}
    .hero-title .gloss{display:block;position:relative;overflow:visible}
    .hero-title .gloss::after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.06) 34%,rgba(255,255,255,.88) 50%,rgba(255,255,255,.08) 64%,transparent 80%);-webkit-background-clip:text;background-clip:text;transform:translateX(-112%);animation:wordGloss 6.4s linear infinite;pointer-events:none}
    .tagline{margin:22px 0 0;font-size:24px;line-height:1.24;font-weight:900;color:#151515;letter-spacing:-.035em}
    .tagline span{color:var(--red)}
    .hero-desc{margin:15px 0 0;max-width:620px;color:#494b52;font-size:16px;line-height:1.75;font-weight:700}
    .hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:31px}
    .hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;max-width:680px}
    .chip{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 46px rgba(0,0,0,.07);font-size:12px;font-weight:900;color:#1d1d21;backdrop-filter:blur(12px);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
    .chip:hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(229,9,20,.13)}
    .chip svg{width:18px;height:18px;stroke:var(--red);stroke-width:3;fill:none}
    .hero-visual{position:relative;height:802px;display:flex;align-items:flex-end;justify-content:center;z-index:5;overflow:visible}
    .billboard-wrap{position:relative;width:min(770px,100%);height:760px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;transform-origin:bottom center}
    .billboard-wrap::before{content:"";position:absolute;bottom:-6px;left:14%;right:12%;height:82px;border-radius:50%;background:rgba(0,0,0,.18);filter:blur(22px);z-index:0}
    .billboard-wrap::after{content:"";position:absolute;bottom:0;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),rgba(229,9,20,.65),transparent);box-shadow:0 0 25px rgba(255,255,255,.9);z-index:1}
    .hero-billboard{height:760px;max-width:none;width:auto;object-fit:contain;object-position:bottom center;position:relative;z-index:2;filter:drop-shadow(0 32px 48px rgba(0,0,0,.20));animation:billboardFloat 6.2s ease-in-out infinite alternate}
    .hero-stat{position:absolute;z-index:7;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.80);box-shadow:0 26px 72px rgba(0,0,0,.15);backdrop-filter:blur(16px);font-size:12px;font-weight:900;color:#151519;pointer-events:auto;animation:badgeFloat 5s ease-in-out infinite alternate}
    .hero-stat b{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),#ff525a);color:#fff;box-shadow:0 14px 30px rgba(229,9,20,.23)}
    .hero-stat.s1{left:6%;top:20%}.hero-stat.s2{right:4%;bottom:23%;animation-delay:1.1s}

    /* reusable cards */
    .icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(229,9,20,.10);color:var(--red);box-shadow:inset 0 0 0 1px rgba(229,9,20,.18),0 18px 42px rgba(229,9,20,.08);transition:transform .34s var(--ease),background .34s var(--ease),color .34s var(--ease),box-shadow .34s var(--ease)}
    .icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .black .icon{background:rgba(229,9,20,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 28px rgba(229,9,20,.18)}
    .card:hover .icon,.equipment-card:hover .icon,.bonus-card:hover .icon,.choose-item:hover .icon{transform:translateY(-6px) scale(1.06) rotate(-3deg);background:var(--red);color:#fff;box-shadow:0 22px 50px rgba(229,9,20,.25)}
    .card{position:relative;border-radius:28px;overflow:hidden;transition:transform .34s var(--ease),box-shadow .34s var(--ease),border-color .34s var(--ease)}
    .card:hover{transform:translateY(-8px);box-shadow:0 34px 90px rgba(0,0,0,.22)}

    /* SOLUTION */
    .solution{border-radius:42px 42px 0 0;margin-top:-28px;padding-top:108px}
    .solution::before{content:"";position:absolute;left:-15%;right:-15%;bottom:-24%;height:48%;background:radial-gradient(ellipse at center, rgba(229,9,20,.56), transparent 68%);filter:blur(22px);z-index:0;pointer-events:none;animation:redWave 7s ease-in-out infinite alternate}
    .solution-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
    .solution-copy .title,.solution-copy .desc{text-align:left;margin-left:0;margin-right:0}
    .solution-copy .desc{max-width:480px}
    .solution-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .solution-card{min-height:236px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 70px rgba(0,0,0,.28)}
    .solution-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(229,9,20,.16),transparent 42%);opacity:0;transition:opacity .35s var(--ease)}
    .solution-card:hover::before{opacity:1}
    .solution-card h3{position:relative;margin:20px 0 10px;font-size:18px;letter-spacing:-.04em;color:#fff}
    .solution-card p{position:relative;margin:0;color:rgba(255,255,255,.70);font-size:13px;line-height:1.65;font-weight:600}

    /* IMPACT */
    .impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .impact-card{min-height:324px;background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 28px 80px rgba(0,0,0,.11);padding:12px}
    .impact-visual{height:190px;border-radius:20px;overflow:hidden;position:relative;background:#111;display:grid;place-items:center;color:#fff}
    .impact-visual::before{content:"";position:absolute;inset:0;background:var(--visual);background-size:cover;animation:slowPulse 8s ease-in-out infinite alternate}
    .impact-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.42));z-index:1}
    .impact-visual b{position:relative;z-index:2;font-family:Inter,sans-serif;font-size:30px;line-height:.95;text-align:center;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 16px 40px rgba(0,0,0,.40)}
    .impact-card h3{margin:18px 10px 7px;font-size:17px;letter-spacing:-.035em;text-align:center}
    .impact-card p{margin:0 10px 12px;color:#6c6e76;font-size:13px;line-height:1.62;font-weight:650;text-align:center}

    /* WHY */
    .why-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:38px;align-items:center}
    .why-wrap .title,.why-wrap .desc{text-align:left;margin-left:0;margin-right:0}
    .choose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .choose-item{min-height:176px;padding:24px 14px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);text-align:center;box-shadow:0 26px 70px rgba(0,0,0,.14);transition:transform .34s var(--ease),background .34s var(--ease)}
    .choose-item:hover{transform:translateY(-8px);background:rgba(255,255,255,.13)}
    .choose-item .icon{margin:0 auto 16px;background:rgba(255,255,255,.10);color:#fff}
    .choose-item h3{margin:0;font-size:15px;line-height:1.25;letter-spacing:-.035em;color:#fff}

    /* SHOWREEL */
    .showreel-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}
    .showreel-copy .title,.showreel-copy .desc{text-align:left;margin-left:0;margin-right:0}
    .video-card{position:relative;min-height:440px;border-radius:32px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.14);box-shadow:0 42px 120px rgba(0,0,0,.34),0 0 80px rgba(229,9,20,.16);transform:perspective(1100px) rotateY(-4deg) rotateX(1deg)}
    .video-card::before{content:"";position:absolute;inset:0;background:
      linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
      radial-gradient(circle at 35% 28%,rgba(255,42,52,.75),transparent 28%),
      radial-gradient(circle at 72% 12%,rgba(24,24,255,.36),transparent 22%),
      linear-gradient(135deg,#160003,#1b0508 48%,#030303);
      background-size:30px 30px,30px 30px,100% 100%,100% 100%,100% 100%;animation:stageMove 10s ease-in-out infinite alternate}
    .video-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent);z-index:2}
    .light-rig{position:absolute;left:8%;right:8%;top:8%;height:82px;z-index:2;border-top:2px solid rgba(255,255,255,.28)}
    .light-rig i{position:absolute;top:0;width:8px;height:120px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(229,9,20,.05),transparent);filter:blur(.5px);transform-origin:top;animation:lightSweep 3.8s ease-in-out infinite alternate}
    .light-rig i:nth-child(1){left:4%;transform:rotate(-18deg)}.light-rig i:nth-child(2){left:22%;transform:rotate(12deg);animation-delay:.4s}.light-rig i:nth-child(3){left:48%;transform:rotate(-8deg);animation-delay:.8s}.light-rig i:nth-child(4){left:70%;transform:rotate(16deg);animation-delay:1.2s}.light-rig i:nth-child(5){left:90%;transform:rotate(-16deg);animation-delay:1.6s}
    .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.52);backdrop-filter:blur(18px);z-index:3;color:#fff;font-size:34px;box-shadow:0 24px 72px rgba(0,0,0,.25);transition:transform .35s var(--ease),background .35s var(--ease)}
    .video-card:hover .play{transform:translate(-50%,-50%) scale(1.08);background:rgba(229,9,20,.58)}
    .video-meta{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff}
    .video-meta b{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
    .progress{height:8px;max-width:260px;flex:1;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}.progress i{display:block;width:42%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red),#fff);animation:progress 6s linear infinite}

    /* TRUST */
    .trusted{padding:64px 0;background:#fff;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
    .logo-marquee{margin-top:30px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
    .logo-track{display:flex;align-items:center;gap:26px;animation:marquee 22s linear infinite;width:max-content}
    .logo-pill{min-width:164px;height:58px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#fff;display:grid;place-items:center;color:#7a7d84;font-weight:900;font-size:19px;letter-spacing:-.05em;box-shadow:0 14px 38px rgba(0,0,0,.04);filter:grayscale(1);opacity:.78;transition:opacity .3s var(--ease),filter .3s var(--ease),transform .3s var(--ease)}
    .logo-pill:hover{opacity:1;filter:none;transform:translateY(-3px);color:#111}

    /* PREVIEW SECTIONS */
    .preview-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}
    .preview-grid.reverse{grid-template-columns:1.05fr .95fr}.preview-grid.reverse .preview-copy{order:2}.preview-grid.reverse .preview-visual{order:1}
    .preview-copy .title,.preview-copy .desc{text-align:left;margin-left:0;margin-right:0}.preview-copy .desc{max-width:610px}
    .preview-visual{min-height:410px;border-radius:34px;position:relative;overflow:hidden;background:linear-gradient(135deg,#090909,#1d0103 52%,#e50914);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14)}
    .preview-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 24% 26%,rgba(255,255,255,.20),transparent 22%),radial-gradient(circle at 78% 70%,rgba(255,255,255,.12),transparent 28%);background-size:40px 40px,100% 100%,100% 100%;animation:gridMove 20s linear infinite}
    .mock-screen{position:absolute;left:10%;right:10%;top:16%;height:46%;border-radius:20px;background:linear-gradient(135deg,#ff131f,#7a0006);box-shadow:0 28px 74px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.28);display:grid;place-items:center;color:#fff;font-family:Inter,sans-serif;font-size:34px;font-weight:900;letter-spacing:-.06em;text-align:center;overflow:hidden}
    .mock-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 38%,rgba(255,255,255,.22) 42%,transparent 48%),linear-gradient(45deg,rgba(0,0,0,.10) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.10) 50%,rgba(0,0,0,.10) 75%,transparent 75%);background-size:100% 100%,48px 48px;opacity:.75;animation:scanX 4.8s ease-in-out infinite}
    .mock-screen span{position:relative;z-index:2}
    .mock-truss{position:absolute;left:9%;right:9%;top:64%;height:18px;border-radius:2px;background:repeating-linear-gradient(135deg,#777 0 7px,#252525 7px 14px);box-shadow:0 16px 40px rgba(0,0,0,.25)}
    .mock-post{position:absolute;left:49%;top:67%;width:34px;height:150px;background:linear-gradient(90deg,#454545,#bbb,#383838);border-radius:4px 4px 0 0}
    .mock-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);color:#fff;font-weight:900;font-size:12px}.mock-card.c1{left:8%;bottom:10%}.mock-card.c2{right:8%;bottom:13%}

    .equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
    .equipment-card{padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 22px 60px rgba(0,0,0,.07);transition:transform .34s var(--ease),box-shadow .34s var(--ease)}
    .equipment-card:hover{transform:translateY(-7px);box-shadow:0 30px 84px rgba(0,0,0,.12)}
    .equipment-card h3{margin:18px 0 8px;font-size:18px;letter-spacing:-.04em}.equipment-card p{margin:0;color:#696c74;font-size:13px;line-height:1.65;font-weight:650}

    /* BONUS */
    .bonus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
    .bonus-card{min-height:246px;padding:24px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 74px rgba(0,0,0,.20);transition:transform .34s var(--ease),background .34s var(--ease)}
    .bonus-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.13)}
    .bonus-card .icon{background:rgba(255,255,255,.10);color:#fff}.bonus-card h3{margin:18px 0 10px;font-size:20px;color:#fff}.bonus-card p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.65;font-weight:650}
    .note{margin-top:24px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72);font-size:13px;line-height:1.7;font-weight:700;text-align:center}

    /* COLLAB */
    .collab-box{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:46px;border-radius:36px;background:linear-gradient(135deg,#0a0a0b,#1b0002 56%,#e50914);color:#fff;box-shadow:0 34px 100px rgba(0,0,0,.20);overflow:hidden;position:relative}
    .collab-box::before{content:"";position:absolute;right:-140px;top:-140px;width:370px;height:370px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(8px)}
    .collab-box .title,.collab-box .desc{text-align:left;margin-left:0;margin-right:0}.collab-box .desc{max-width:720px;color:rgba(255,255,255,.74)}

    /* FORM */
    .contact{padding-bottom:0;background:
      radial-gradient(circle at 4% 86%, rgba(229,9,20,.30), transparent 28%),
      linear-gradient(135deg,#fff,#f5f5f5 100%)}
    .contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center}
    .contact-copy .title,.contact-copy .desc{text-align:left;margin-left:0;margin-right:0}.contact-copy .desc{max-width:520px}
    .form-card{padding:26px;border-radius:30px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.88);box-shadow:0 30px 90px rgba(0,0,0,.10);backdrop-filter:blur(18px)}
    .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .full{grid-column:1/-1}
    .field input,.field select,.field textarea{width:100%;border:1px solid rgba(0,0,0,.10);background:#fff;border-radius:15px;min-height:50px;padding:0 14px;color:#1a1b1f;font-size:13px;font-weight:700;outline:0;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
    .field textarea{height:124px;padding-top:14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(229,9,20,.55);box-shadow:0 0 0 5px rgba(229,9,20,.10);transform:translateY(-1px)}
    .form-card .btn{width:100%;margin-top:14px;border-radius:16px}

    /* FOOTER */
    .footer{background:#050505;color:#fff;padding:68px 0 28px}
    .footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:38px}
    .footer .logo-img{width:230px;filter:saturate(1.2)}
    .footer p{margin:18px 0 0;color:rgba(255,255,255,.64);font-size:13px;line-height:1.7;font-weight:650;max-width:330px}.footer h4{margin:0 0 17px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer a,.footer li{color:rgba(255,255,255,.65);font-size:13px;font-weight:650}.footer a:hover{color:#fff}.social{display:flex;gap:10px;margin-top:18px}.social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.48);font-size:12px}.footer-bottom div{display:flex;gap:22px}

    @keyframes gridMove{from{background-position:0 0}to{background-position:92px 92px}}
    @keyframes scanBeam{0%,100%{transform:translateX(-220px) rotate(15deg);opacity:0}30%,60%{opacity:.55}100%{transform:translateX(280px) rotate(15deg)}}
    @keyframes ringSpin{to{transform:rotate(360deg)}}
    @keyframes ringPulse{0%,100%{transform:scale(.985);opacity:.72}50%{transform:scale(1.025);opacity:1}}
    @keyframes lineGlow{0%,100%{opacity:.18;filter:blur(2px)}50%{opacity:.74;filter:blur(0)}}
    @keyframes wordGloss{0%{transform:translateX(-112%);opacity:0}15%{opacity:.94}42%{transform:translateX(112%);opacity:.94}56%,100%{transform:translateX(112%);opacity:0}}
    @keyframes billboardFloat{from{transform:translateY(0) rotate(.15deg)}to{transform:translateY(-10px) rotate(-.25deg)}}
    @keyframes badgeFloat{from{transform:translateY(0)}to{transform:translateY(-14px)}}
    @keyframes redWave{from{transform:translateX(-3%) scale(.98);opacity:.75}to{transform:translateX(3%) scale(1.04);opacity:1}}
    @keyframes slowPulse{from{transform:scale(1)}to{transform:scale(1.06)}}
    @keyframes stageMove{from{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:30px 30px,30px 30px,0 0,0 0,0 0}}
    @keyframes lightSweep{from{opacity:.25;filter:blur(.5px)}to{opacity:.82;filter:blur(1.6px)}}
    @keyframes progress{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
    @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    @keyframes scanX{0%,100%{background-position:-40% 0,0 0}50%{background-position:140% 0,48px 48px}}

    @media (max-width:1180px){
      .nav-links{display:none}.menu-toggle{display:grid}.logo-img{width:200px}
      .hero{min-height:940px;padding-top:108px}
      .hero-inner{display:block;min-height:832px}
      .hero-copy{width:58%;padding:92px 0 150px}
      .hero-title{font-size:clamp(54px,8.4vw,86px)}
      .tagline{font-size:22px}.hero-desc{font-size:15px}
      .hero-visual{position:absolute;right:-122px;bottom:0;top:82px;width:62%;height:auto;justify-content:flex-end;z-index:4}
      .billboard-wrap{height:820px;width:100%;justify-content:flex-end}.hero-billboard{height:800px;object-position:bottom right}
      .hero-stat{display:none}.hero-orbit{right:-9%;width:70vw;height:70vw;top:150px}
      .solution-grid,.why-wrap,.showreel-wrap,.preview-grid,.preview-grid.reverse,.contact-grid{grid-template-columns:1fr}
      .preview-grid.reverse .preview-copy,.preview-grid.reverse .preview-visual{order:initial}
      .solution-copy,.why-wrap,.showreel-copy,.preview-copy,.contact-copy{text-align:center}.solution-copy .title,.solution-copy .desc,.why-wrap .title,.why-wrap .desc,.showreel-copy .title,.showreel-copy .desc,.preview-copy .title,.preview-copy .desc,.contact-copy .title,.contact-copy .desc{text-align:center;margin-left:auto;margin-right:auto}
      .choose-grid{grid-template-columns:repeat(4,1fr)}.equipment-grid{grid-template-columns:repeat(2,1fr)}.bonus-grid{grid-template-columns:repeat(2,1fr)}
      .collab-box{grid-template-columns:1fr;text-align:center}.collab-box .title,.collab-box .desc{text-align:center;margin-left:auto;margin-right:auto}
      .footer-grid{grid-template-columns:1fr 1fr}
    }

    @media (max-width:820px){
      .container,.nav-shell{width:min(100% - 32px,var(--container))}.section{padding:76px 0}.site-header{padding:14px 0}.nav-shell{min-height:56px}.logo-img{width:174px}.nav-cta{display:none}
      .hero{min-height:970px;padding-top:88px;background:linear-gradient(180deg,#fff 0%,#fff1f1 43%,#ffadb1 100%)}
      .hero::before{opacity:.45;background-size:64px 64px}.hero-orbit{width:118vw;height:118vw;right:-42%;top:190px;opacity:.58}.hero-line{display:none}
      .hero-inner{min-height:882px;overflow:hidden}.hero-copy{width:100%;padding:48px 0 470px;position:relative;z-index:7}.hero-kicker{font-size:10px;letter-spacing:.11em}.hero-title{font-size:clamp(43px,11.8vw,68px);max-width:96%;line-height:.95}.tagline{font-size:18px;max-width:360px}.hero-desc{font-size:13.5px;max-width:410px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-actions .btn{padding:0 12px;font-size:12px;min-height:52px}.hero-points{gap:9px}.chip{font-size:11px;padding:9px 10px}
      .hero-visual{left:50%;right:auto;bottom:0;top:auto;width:120%;height:520px;transform:translateX(-48%);justify-content:center;z-index:5}.billboard-wrap{height:520px;width:100%;justify-content:center}.hero-billboard{height:520px;object-position:bottom center}.billboard-wrap::before{bottom:-8px;left:20%;right:20%}
      .solution{border-radius:32px 32px 0 0;margin-top:-20px;padding-top:82px}.solution-cards,.impact-grid,.choose-grid,.equipment-grid,.bonus-grid{grid-template-columns:1fr}.impact-card{min-height:auto}.choose-item{min-height:150px}.video-card{min-height:320px;transform:none}.preview-visual{min-height:350px}.mock-screen{left:8%;right:8%;font-size:26px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.trusted{padding:54px 0}.logo-pill{min-width:140px;height:52px;font-size:16px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;text-align:center;justify-content:center}.footer-bottom div{justify-content:center}
    }

    @media (max-width:520px){
      .title{font-size:clamp(32px,9vw,46px)}.hero{min-height:940px}.hero-inner{min-height:852px}.hero-copy{padding-bottom:430px}.hero-title{font-size:clamp(39px,12.1vw,56px)}.hero-actions{grid-template-columns:1fr}.hero-visual{width:138%;height:488px;transform:translateX(-47%)}.billboard-wrap{height:488px}.hero-billboard{height:488px}.hero-points{display:grid;grid-template-columns:1fr 1fr}.chip{justify-content:center;text-align:center}.section-title{margin-bottom:34px}.solution-card{min-height:220px;padding:24px}.impact-visual{height:160px}.bonus-card{min-height:auto}.collab-box{padding:30px 22px;border-radius:28px}.form-card{padding:18px;border-radius:24px}.footer{padding-top:52px}.footer .logo-img{width:208px}
    }



    /* ===== REVISION: reference hero, flyout menu, creative card motion ===== */
    .site-header{padding:18px 0;pointer-events:none}
    .nav-shell{
      width:min(1420px,calc(100% - 56px));
      min-height:70px;
      padding:12px 14px 12px 24px;
      border-radius:999px;
      background:rgba(255,255,255,.88);
      border:1px solid rgba(255,255,255,.92);
      box-shadow:0 24px 80px rgba(229,9,20,.10),0 14px 50px rgba(0,0,0,.08);
      backdrop-filter:blur(22px);
      -webkit-backdrop-filter:blur(22px);
      pointer-events:auto;
    }
    body.scrolled .site-header{padding:10px 0}
    body.scrolled .nav-shell{
      padding:10px 14px 10px 20px;
      min-height:64px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(255,255,255,.90);
      box-shadow:0 22px 70px rgba(0,0,0,.11),0 12px 42px rgba(229,9,20,.08);
    }
    .nav-links{gap:22px;justify-content:flex-end;color:#19191d;overflow:visible}
    .nav-links > a,.nav-parent{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0;line-height:1}
    .nav-dropdown{position:relative;display:flex;align-items:center;height:42px;z-index:5}
    .nav-parent .chev{font-size:14px;line-height:1;transform:translateY(-1px);transition:transform .28s var(--ease)}
    .nav-dropdown:hover .chev,.nav-dropdown:focus-within .chev{transform:translateY(-1px) rotate(180deg)}
    .flyout{
      position:absolute;
      top:calc(100% + 13px);
      left:50%;
      width:276px;
      padding:12px;
      border-radius:24px;
      background:rgba(255,255,255,.92);
      border:1px solid rgba(255,255,255,.95);
      box-shadow:0 30px 90px rgba(0,0,0,.16),0 12px 46px rgba(229,9,20,.10);
      backdrop-filter:blur(22px);
      -webkit-backdrop-filter:blur(22px);
      opacity:0;
      pointer-events:none;
      transform:translate(-50%,12px) scale(.96);
      transform-origin:top center;
      transition:opacity .28s var(--ease),transform .28s var(--ease);
    }
    .flyout::before{content:"";position:absolute;left:50%;top:-7px;width:16px;height:16px;border-radius:4px;background:rgba(255,255,255,.92);border-left:1px solid rgba(255,255,255,.96);border-top:1px solid rgba(255,255,255,.96);transform:translateX(-50%) rotate(45deg)}
    .nav-dropdown:hover .flyout,.nav-dropdown:focus-within .flyout{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
    .flyout a{
      position:relative;
      display:flex;
      align-items:center;
      gap:10px;
      min-height:42px;
      padding:0 12px 0 15px;
      border-radius:15px;
      font-size:12px;
      font-weight:900;
      color:#202025;
      opacity:1;
      overflow:hidden;
      transition:background .26s var(--ease),color .26s var(--ease),transform .26s var(--ease),box-shadow .26s var(--ease);
    }
    .flyout a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(229,9,20,.10);transition:transform .26s var(--ease),box-shadow .26s var(--ease)}
    .flyout a::after{display:none!important}
    .flyout a:hover{background:linear-gradient(135deg,rgba(229,9,20,.10),rgba(255,255,255,.55));color:var(--red);transform:translateX(5px);box-shadow:inset 0 0 0 1px rgba(229,9,20,.08)}
    .flyout a:hover::before{transform:scale(1.25);box-shadow:0 0 0 7px rgba(229,9,20,.13),0 0 16px rgba(229,9,20,.35)}

    .mobile-dropdown{border-radius:18px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);overflow:hidden}
    .mobile-dropdown summary{list-style:none;padding:15px 14px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}
    .mobile-dropdown summary::-webkit-details-marker{display:none}
    .mobile-dropdown summary span{transition:transform .28s var(--ease)}
    .mobile-dropdown[open] summary span{transform:rotate(180deg)}
    .mobile-submenu{display:grid;gap:8px;padding:0 12px 12px}
    .mobile-submenu a{padding:12px 10px;background:rgba(229,9,20,.16);border-color:rgba(255,255,255,.10);font-size:13px}

    .hero{
      min-height:910px;
      padding:122px 0 0;
      overflow:visible;
      z-index:1;
      background:
        radial-gradient(circle at 6% 16%, rgba(255,255,255,.98), transparent 30%),
        radial-gradient(circle at 40% 28%, rgba(255,226,227,.86), transparent 36%),
        radial-gradient(circle at 90% 10%, rgba(255,36,47,.38), transparent 30%),
        linear-gradient(108deg,#fff 0%,#fff7f7 43%,#ff8288 100%);
    }
    .hero::before{background-size:86px 86px;opacity:.82;mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.48) 60%,transparent 96%)}
    .hero::after{right:-12%;bottom:-24%;width:840px;height:840px;opacity:.72}
    .hero-inner{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);min-height:788px;align-items:end;overflow:visible}
    .hero-copy{padding:62px 0 170px;z-index:8}
    .hero-kicker{margin-bottom:12px;letter-spacing:.12em;color:#19191d}
    .hero-title-ref{font-size:clamp(58px,6.2vw,104px);line-height:.89;letter-spacing:-.074em;max-width:780px;text-wrap:balance}
    .hero-title-ref .title-line{display:block}
    .hero-title-ref .dark-line{color:#101015;text-shadow:0 20px 42px rgba(0,0,0,.08)}
    .hero-title-ref .accent{color:#ed0713;text-shadow:0 20px 48px rgba(229,9,20,.16)}
    .tagline{margin-top:26px}
    .hero-desc{max-width:650px}
    .hero-visual{height:832px;margin-bottom:-108px;z-index:5;align-self:end}
    .billboard-wrap{height:832px;width:min(790px,104%);transform:translateX(38px);filter:saturate(1.05)}
    .hero-billboard{height:832px;filter:drop-shadow(0 38px 52px rgba(0,0,0,.22));animation:billboardFloat 6.2s ease-in-out infinite alternate, billboardGlow 4.8s ease-in-out infinite alternate}
    .hero-stat{background:rgba(255,255,255,.82);box-shadow:0 30px 80px rgba(0,0,0,.17),0 12px 36px rgba(229,9,20,.12)}
    .hero-stat.s1{left:6%;top:22%}.hero-stat.s2{right:1%;bottom:27%}
    .solution{position:relative;z-index:9;margin-top:-82px;border-radius:46px 46px 0 0;box-shadow:0 -24px 90px rgba(0,0,0,.42);overflow:hidden}
    .solution::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),rgba(229,9,20,.58),transparent);z-index:1;pointer-events:none}

    .card,.equipment-card,.bonus-card,.choose-item,.impact-card,.collab-box,.form-card{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}
    .card::after,.equipment-card::after,.bonus-card::after,.choose-item::after,.impact-card::after,.collab-box::after,.form-card::after{
      content:"";
      position:absolute;
      inset:-40%;
      background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 62%);
      opacity:0;
      transform:translateX(-34%) rotate(8deg);
      pointer-events:none;
      transition:opacity .32s var(--ease),transform .7s var(--ease);
      z-index:1;
    }
    .card:hover::after,.equipment-card:hover::after,.bonus-card:hover::after,.choose-item:hover::after,.impact-card:hover::after,.collab-box:hover::after,.form-card:hover::after{opacity:1;transform:translateX(34%) rotate(8deg)}
    .solution-card > *,.equipment-card > *,.bonus-card > *,.choose-item > *,.impact-card > *,.collab-box > *,.form-card > *{position:relative;z-index:2}
    .icon{position:relative;isolation:isolate;overflow:hidden;animation:iconBreathe 4.8s ease-in-out infinite}
    .icon::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from var(--angle,0deg),transparent,rgba(229,9,20,.42),transparent 34%);opacity:.0;z-index:-1;animation:iconOrbit 4.8s linear infinite;transition:opacity .28s var(--ease)}
    .icon::after{content:"";position:absolute;inset:8px;border-radius:14px;background:radial-gradient(circle,rgba(255,255,255,.30),transparent 65%);opacity:0;transform:scale(.5);transition:opacity .28s var(--ease),transform .28s var(--ease);z-index:-1}
    .card:hover .icon::before,.equipment-card:hover .icon::before,.bonus-card:hover .icon::before,.choose-item:hover .icon::before{opacity:1}
    .card:hover .icon::after,.equipment-card:hover .icon::after,.bonus-card:hover .icon::after,.choose-item:hover .icon::after{opacity:1;transform:scale(1.2)}
    .solution-card:nth-child(2n) .icon,.equipment-card:nth-child(3n+2) .icon,.bonus-card:nth-child(2n) .icon{animation:iconSwing 5.2s ease-in-out infinite}
    .solution-card:nth-child(3n) .icon,.equipment-card:nth-child(3n) .icon,.choose-item:nth-child(3n) .icon{animation:iconPop 4.4s ease-in-out infinite}
    .impact-card:nth-child(odd){animation:softFloatA 7s ease-in-out infinite alternate}
    .impact-card:nth-child(even){animation:softFloatB 8s ease-in-out infinite alternate}
    .equipment-card:nth-child(3n+1)::before,.bonus-card:nth-child(4n+1)::before,.choose-item:nth-child(4n+1)::before{content:"";position:absolute;width:110px;height:110px;right:-38px;top:-38px;border-radius:50%;background:radial-gradient(circle,rgba(229,9,20,.18),transparent 66%);z-index:0;animation:orbDrift 5.6s ease-in-out infinite alternate}
    .equipment-card:nth-child(3n+2)::before,.bonus-card:nth-child(4n+2)::before,.choose-item:nth-child(4n+2)::before{content:"";position:absolute;left:-24px;bottom:-24px;width:86px;height:86px;border-radius:24px;background:linear-gradient(135deg,rgba(229,9,20,.14),transparent);transform:rotate(18deg);z-index:0;animation:shapeSpin 8s linear infinite}

    @keyframes billboardGlow{from{filter:drop-shadow(0 38px 52px rgba(0,0,0,.22))}to{filter:drop-shadow(0 42px 62px rgba(0,0,0,.24)) drop-shadow(0 0 26px rgba(229,9,20,.16))}}
    @keyframes iconOrbit{to{--angle:360deg}}
    @keyframes iconBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.035)}}
    @keyframes iconSwing{0%,100%{transform:rotate(0deg) translateY(0)}45%{transform:rotate(-6deg) translateY(-4px)}70%{transform:rotate(5deg) translateY(-1px)}}
    @keyframes iconPop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
    @keyframes softFloatA{from{transform:translateY(0)}to{transform:translateY(-8px)}}
    @keyframes softFloatB{from{transform:translateY(-3px)}to{transform:translateY(7px)}}
    @keyframes orbDrift{from{transform:translate(0,0) scale(1)}to{transform:translate(-14px,18px) scale(1.15)}}
    @keyframes shapeSpin{to{transform:rotate(378deg)}}

    @media (max-width:1180px){
      .nav-shell{width:min(100% - 42px,var(--container));padding:10px 12px 10px 18px}.nav-links{display:none}.menu-toggle{display:grid}
      .hero{min-height:910px;padding-top:108px;overflow:visible}
      .hero-inner{min-height:820px;overflow:visible;display:block}
      .hero-copy{width:60%;padding:88px 0 205px}
      .hero-title-ref{font-size:clamp(54px,8.1vw,88px)}
      .hero-visual{position:absolute;right:-128px;bottom:-94px;top:auto;width:64%;height:720px;justify-content:flex-end;z-index:4}
      .billboard-wrap{height:720px;width:100%;justify-content:flex-end;transform:none}.hero-billboard{height:720px;object-position:bottom right}
      .hero-stat{display:none}.solution{margin-top:-74px;border-radius:40px 40px 0 0}
    }
    @media (max-width:820px){
      .container,.nav-shell{width:min(100% - 32px,var(--container))}.site-header{padding:12px 0}.nav-shell{min-height:58px;border-radius:28px;padding:8px 8px 8px 16px}.logo-img{width:166px}.nav-cta{display:none}
      .hero{min-height:1010px;padding-top:88px;overflow:visible;background:linear-gradient(180deg,#fff 0%,#fff2f2 45%,#ffadb1 100%)}
      .hero-inner{min-height:914px;overflow:visible}.hero-copy{width:100%;padding:52px 0 525px;position:relative;z-index:7}.hero-title-ref{font-size:clamp(43px,11.6vw,68px);max-width:96%;line-height:.92}.tagline{margin-top:22px}
      .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-visual{left:50%;right:auto;bottom:-82px;top:auto;width:126%;height:590px;transform:translateX(-50%);justify-content:center;z-index:4}.billboard-wrap{height:590px;width:100%;justify-content:center;transform:none}.hero-billboard{height:590px;object-position:bottom center}
      .solution{margin-top:-66px;border-radius:34px 34px 0 0;padding-top:90px}
      .mobile-panel nav{gap:10px}.mobile-panel a{padding:14px 12px}
    }
    @media (max-width:520px){
      .hero{min-height:970px}.hero-inner{min-height:872px}.hero-copy{padding-bottom:465px}.hero-title-ref{font-size:clamp(38px,12vw,57px)}.hero-actions{grid-template-columns:1fr}.hero-visual{width:142%;height:520px;bottom:-70px;transform:translateX(-49%)}.billboard-wrap{height:520px}.hero-billboard{height:520px}.solution{margin-top:-58px;padding-top:82px}.nav-shell{border-radius:24px}.logo-img{width:156px}
    }



    /* === FINAL RESPONSIVE QC PATCH: requested header, hero, layout, footer === */
    .site-header{pointer-events:none}
    .nav-shell{pointer-events:auto;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:10px 0!important;border-radius:0!important;min-height:64px}
    body.scrolled .nav-shell{padding:10px 14px 10px 20px!important;min-height:64px;border-radius:999px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 22px 70px rgba(0,0,0,.12),0 12px 42px rgba(229,9,20,.08)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;animation:navPop .36s var(--ease) both}
    @keyframes navPop{from{transform:translateY(-10px) scale(.985);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}

    .hero-title-ref{font-size:clamp(50px,5.2vw,82px);line-height:.92;letter-spacing:-.065em;max-width:690px;text-wrap:balance}
    .hero-title-ref .title-line{display:block;position:relative;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap}
    .hero-title-ref .dark-line,.hero-title-ref .solution-line{color:#101015;text-shadow:0 18px 38px rgba(0,0,0,.08)}
    .hero-title-ref .event-line{color:#ed0713;text-shadow:0 20px 46px rgba(229,9,20,.15)}
    .hero-title-ref .gloss::after{inset:0;overflow:hidden;color:transparent;background:linear-gradient(100deg,transparent 16%,rgba(255,255,255,.05) 33%,rgba(255,255,255,.92) 49%,rgba(255,255,255,.05) 65%,transparent 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;clip-path:inset(0 0 0 0);mix-blend-mode:screen}
    .tagline{margin-top:28px}.hero-actions{margin-top:44px}.hero-desc{max-width:610px}

    .solution-copy .desc,.why-wrap > .reveal .desc,.showreel-copy .desc,.preview-copy .desc,.contact-copy .desc,.collab-box .desc{text-align:justify;text-align-last:left}
    .section-title .desc,.trusted .desc{text-align:center;text-align-last:center}
    .solution-copy .btn,.showreel-copy .btn,.preview-copy .btn{margin-top:34px}
    .contact{padding-bottom:106px}

    .footer-grid{grid-template-columns:1.35fr 1fr 1fr;align-items:start}.footer-quick{display:none}.footer-quote{display:none!important}.footer .social a svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.footer .social a{transition:transform .28s var(--ease),background .28s var(--ease),color .28s var(--ease)}.footer .social a:hover{transform:translateY(-4px);background:var(--red);color:#fff}

    body.menu-open{overflow:auto}
    .mobile-panel{position:fixed;inset:0;background:rgba(0,0,0,.10);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:82;opacity:0;pointer-events:none;display:block;padding:0;transition:opacity .25s var(--ease)}
    .mobile-panel.open{opacity:1;pointer-events:auto}
    .mobile-panel nav{position:absolute;top:88px;right:24px;width:min(366px,calc(100vw - 48px));display:grid;gap:8px;text-align:left;padding:16px;border-radius:26px;background:rgba(9,9,12,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.34),0 12px 46px rgba(229,9,20,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transform:translateY(-12px) scale(.96);transform-origin:top right;transition:opacity .26s var(--ease),transform .26s var(--ease)}
    .mobile-panel.open nav{opacity:1;transform:translateY(0) scale(1)}
    .mobile-panel a,.mobile-dropdown{border-radius:16px}.mobile-panel a{padding:13px 14px;color:#fff;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);font-weight:900}.mobile-dropdown summary{justify-content:space-between;padding:13px 14px}.mobile-submenu{padding:0 10px 10px}.mobile-submenu a{font-size:12px;padding:11px 12px}.mobile-panel .btn{width:100%;justify-content:space-between;margin-top:4px;background:linear-gradient(135deg,var(--red),var(--red-2))}

    @media (min-width:1181px){
      .hero{min-height:862px;padding-top:112px}.hero-inner{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);min-height:746px;align-items:end}.hero-copy{padding:48px 0 128px}.hero-visual{height:888px;margin-bottom:-118px;align-self:end}.billboard-wrap{height:888px;width:min(800px,106%);transform:translateX(42px)}.hero-billboard{height:888px}.hero-stat.s1{top:16%;left:4%}.hero-stat.s2{bottom:31%;right:0}.solution{margin-top:-84px;padding-top:118px}.preview-copy .btn,.showreel-copy .btn,.solution-copy .btn{display:inline-flex}.contact-grid{padding-bottom:10px}
    }

    @media (max-width:1180px){
      .nav-shell{width:min(100% - 40px,var(--container));gap:12px}.nav-cta{display:inline-flex;margin-left:auto;min-height:50px;padding-inline:18px}.menu-toggle{display:grid;flex:0 0 auto}.nav-links{display:none!important}.mobile-panel nav{top:92px;right:26px}
      .solution-grid,.showreel-wrap,.preview-grid,.preview-grid.reverse{display:grid;grid-template-columns:1fr;gap:32px}.solution-copy,.showreel-copy,.preview-copy{display:contents}.solution-copy .eyebrow,.solution-copy .title,.solution-copy .desc,.showreel-copy .eyebrow,.showreel-copy .title,.showreel-copy .desc,.preview-copy .title,.preview-copy .desc{order:0;justify-self:center;text-align:center;text-align-last:center;margin-left:auto;margin-right:auto}.solution-cards,.video-card,.preview-visual{order:2}.solution-copy .btn,.showreel-copy .btn,.preview-copy .btn{order:3;justify-self:center;margin-top:2px}.showreel-copy .btn{margin-top:4px}.preview-copy .btn{margin-top:4px}.contact{padding-bottom:92px}
      .footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:34px}.footer-brand{text-align:left}.footer-brand p{margin-left:0}.footer-brand .social{justify-content:flex-start}.footer-services{text-align:center}.footer-contact{text-align:right}.footer-services ul,.footer-contact ul{justify-items:inherit}.footer-bottom{margin-top:38px}
    }

    @media (min-width:821px) and (max-width:1180px){
      .hero{min-height:920px;padding-top:104px}.hero-inner{display:block;min-height:816px;overflow:visible}.hero-copy{width:57%;padding:86px 0 156px;position:relative;z-index:8}.hero-title-ref{font-size:clamp(44px,6.1vw,70px);line-height:.93;max-width:570px}.tagline{font-size:21px}.hero-desc{font-size:14.5px;max-width:500px}.hero-actions{margin-top:36px}.hero-visual{position:absolute;top:34px;bottom:-104px;right:-112px;width:66%;height:auto;transform:none;justify-content:flex-end;z-index:4}.billboard-wrap{height:100%;width:100%;justify-content:flex-end;transform:none}.hero-billboard{height:100%;object-position:bottom right}.hero-points{display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;width:max-content}.chip{font-size:10.5px;padding:9px 10px;white-space:nowrap}.solution{margin-top:-78px}
    }

    @media (max-width:820px){
      .site-header{padding:12px 0}.nav-shell{width:min(100% - 30px,var(--container));min-height:58px}.logo-img{width:166px}.nav-cta{display:none}.mobile-panel nav{top:78px;right:15px;left:15px;width:auto;border-radius:22px;padding:14px}.hero{min-height:auto;padding:92px 0 0;overflow:visible;background:linear-gradient(180deg,#fff 0%,#fff3f3 43%,#ffadb1 100%)}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:auto;overflow:visible}.hero-copy{display:contents;width:auto;padding:0}.hero-kicker{order:1;margin:18px 0 10px;font-size:9.8px;letter-spacing:.08em}.hero-title-ref{order:2;font-size:clamp(35px,10.6vw,58px);line-height:.94;letter-spacing:-.062em;max-width:100%}.tagline{order:3;margin-top:18px;font-size:17px;max-width:360px}.hero-desc{order:4;margin-top:12px;max-width:430px;font-size:13.4px;line-height:1.65}.hero-visual{position:relative!important;order:5;left:50%;right:auto;top:auto;bottom:auto;width:142%;height:452px;transform:translateX(-50%);justify-content:center;margin:12px 0 -78px;z-index:4;overflow:visible}.billboard-wrap{height:452px;width:100%;justify-content:center;transform:none}.hero-billboard{height:452px;object-position:bottom center}.hero-actions{order:6;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;margin:-112px 0 0;position:relative;z-index:10}.hero-actions .btn{min-height:48px;padding:0 10px;font-size:11px}.hero-actions .btn .arrow{width:26px;height:26px}.hero-points{order:7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;position:relative;z-index:10}.chip{justify-content:center;text-align:center;font-size:10.5px;padding:9px 8px}.chip svg{width:16px;height:16px}.hero-orbit{top:180px}.solution{margin-top:-30px;padding-top:82px;border-radius:32px 32px 0 0}.choose-grid,.equipment-grid,.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.choose-item{min-height:138px;padding:18px 10px}.choose-item h3{font-size:12.5px}.equipment-card,.bonus-card{min-height:auto;padding:17px 13px;border-radius:20px}.equipment-card h3,.bonus-card h3{font-size:15px;line-height:1.18}.equipment-card p,.bonus-card p{font-size:11.5px;line-height:1.55}.equipment-card .icon,.bonus-card .icon,.choose-item .icon{width:46px;height:46px;border-radius:15px;margin-bottom:13px}.equipment-card .icon svg,.bonus-card .icon svg,.choose-item .icon svg{width:24px;height:24px}.video-card{min-height:312px}.preview-visual{min-height:330px}.contact{padding-bottom:72px}.form-card{margin-bottom:0}.footer{text-align:center}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1;text-align:center}.footer-brand p{margin-left:auto;margin-right:auto;text-align:center}.footer-brand .social{justify-content:center}.footer-services{text-align:left}.footer-contact{text-align:right}.footer h4{margin-bottom:14px}.footer-bottom{display:grid;justify-content:center;text-align:center}.footer-bottom div{justify-content:center}
    }

    @media (max-width:520px){
      .hero{padding-top:86px}.hero-title-ref{font-size:clamp(33px,11vw,50px)}.hero-visual{width:154%;height:414px;margin-top:8px;margin-bottom:-66px}.billboard-wrap{height:414px}.hero-billboard{height:414px}.hero-actions{grid-template-columns:1fr 1fr!important;margin-top:-96px}.hero-actions .btn{font-size:10px;gap:6px}.hero-points{grid-template-columns:repeat(2,minmax(0,1fr))}.solution{margin-top:-26px}.choose-grid,.equipment-grid,.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer .logo-img{margin-inline:auto}.footer-services li,.footer-contact li{font-size:12px}
    }



    /* === FINAL MICRO-QC PATCH === */
    .solution-card p,.equipment-card p,.bonus-card p,.footer-brand p{text-align:justify;text-align-last:left}
    @media (min-width:601px) and (max-width:820px){.nav-cta{display:inline-flex;margin-left:auto;min-height:46px;padding:0 14px;font-size:11px}.nav-cta .arrow{width:25px;height:25px}.nav-shell{gap:9px}.logo-img{width:158px}.mobile-panel nav{top:80px}}
    @media (max-width:600px){.nav-cta{display:none!important}}
    @media (max-width:820px){.footer-brand p{text-align:center;text-align-last:center}}


    /* === TARGETED HERO RESPONSIVE PATCH: mobile center + tablet readability === */
    @media (min-width:821px) and (max-width:1180px){
      .hero{min-height:900px;padding-top:102px;overflow:visible}
      .hero-inner{display:block;min-height:806px;overflow:visible;position:relative}
      .hero-copy{width:52%;padding:86px 0 180px;position:relative;z-index:9}
      .hero-title-ref{font-size:clamp(42px,4.85vw,58px);line-height:.94;max-width:520px}
      .tagline{max-width:430px}
      .hero-desc{max-width:470px}
      .hero-actions{margin-top:36px}
      .hero-visual{
        position:absolute!important;
        top:44px;
        right:-82px;
        bottom:-92px;
        left:auto!important;
        width:59%;
        height:auto;
        transform:none!important;
        justify-content:flex-end;
        z-index:4;
        overflow:visible;
        pointer-events:none;
      }
      .billboard-wrap{height:720px;width:100%;justify-content:flex-end;transform:none}
      .hero-billboard{height:720px;object-position:bottom right}
      .hero-stat{
        display:flex!important;
        max-width:230px;
        white-space:nowrap;
        font-size:11px;
        padding:11px 13px;
        border-radius:16px;
        pointer-events:auto;
      }
      .hero-stat b{width:30px;height:30px;border-radius:11px;font-size:10px;flex:0 0 auto}
      .hero-stat.s1{top:auto;left:auto;right:270px;bottom:214px}
      .hero-stat.s2{top:auto;left:auto;right:52px;bottom:132px}
      .hero-points{display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;width:max-content}
      .chip{white-space:nowrap}
      .solution{margin-top:-74px}
    }

    @media (min-width:601px) and (max-width:820px){
      .hero{min-height:900px;padding-top:92px;overflow:visible}
      .hero-inner{display:block;min-height:812px;overflow:visible;position:relative}
      .hero-copy{display:block!important;width:54%;padding:74px 0 198px;position:relative;z-index:9}
      .hero-kicker{margin:14px 0 11px;font-size:9.5px;letter-spacing:.075em;white-space:nowrap}
      .hero-title-ref{font-size:clamp(34px,5.1vw,40px);line-height:.95;letter-spacing:-.058em;max-width:430px}
      .hero-title-ref .title-line{white-space:nowrap}
      .tagline{font-size:16px;max-width:340px;margin-top:18px}
      .hero-desc{max-width:360px;font-size:12.8px;line-height:1.58}
      .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;margin-top:30px;max-width:420px}
      .hero-actions .btn{min-height:47px;padding:0 12px;font-size:10.8px}
      .hero-actions .btn .arrow{width:25px;height:25px}
      .hero-points{display:flex!important;flex-wrap:nowrap;gap:6px;margin-top:16px;max-width:100%;width:max-content;position:relative;z-index:10}
      .chip{white-space:nowrap;font-size:9.4px;padding:8px 8px;gap:6px}
      .chip svg{width:14px;height:14px}
      .hero-visual{
        position:absolute!important;
        top:72px;
        right:-62px;
        left:auto!important;
        bottom:-74px;
        width:58%;
        height:auto;
        transform:none!important;
        justify-content:flex-end;
        z-index:4;
        margin:0;
        overflow:visible;
        pointer-events:none;
      }
      .billboard-wrap{height:650px;width:100%;justify-content:flex-end;transform:none}
      .hero-billboard{height:650px;object-position:bottom right}
      .hero-stat{
        display:flex!important;
        max-width:200px;
        white-space:nowrap;
        font-size:10px;
        padding:10px 12px;
        border-radius:15px;
        pointer-events:auto;
      }
      .hero-stat b{width:28px;height:28px;border-radius:10px;font-size:9px;flex:0 0 auto}
      .hero-stat.s1{top:auto;left:auto;right:170px;bottom:190px}
      .hero-stat.s2{top:auto;left:auto;right:24px;bottom:112px}
      .solution{margin-top:-62px;padding-top:90px}
    }

    @media (max-width:600px){
      .hero{min-height:auto;padding-top:86px;overflow:visible}
      .hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:auto;overflow:visible}
      .hero-copy{display:contents!important}
      .hero-title-ref{font-size:clamp(30px,9.15vw,38px);line-height:.96;letter-spacing:-.055em;max-width:100%}
      .hero-title-ref .title-line{white-space:nowrap;max-width:100%}
      .hero-kicker{font-size:8.6px;letter-spacing:.055em;white-space:nowrap}
      .tagline{font-size:16px}
      .hero-desc{font-size:12.8px;line-height:1.62;max-width:100%}
      .hero-visual{
        position:relative!important;
        order:5;
        left:50%!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        width:142%;
        height:420px;
        transform:translateX(-36%)!important;
        justify-content:center;
        margin:10px 0 -66px;
        z-index:4;
        overflow:visible;
        pointer-events:none;
      }
      .billboard-wrap{height:420px;width:100%;justify-content:center;transform:none}
      .hero-billboard{height:420px;object-position:bottom center}
      .hero-stat{display:none!important}
      .hero-actions{
        order:6;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:10px;
        margin:-94px 0 0;
        position:relative;
        z-index:10;
      }
      .hero-actions .btn{min-height:48px;padding:0 10px;font-size:10px;gap:6px}
      .hero-actions .btn .arrow{width:25px;height:25px}
      .hero-points{
        order:7;
        display:flex!important;
        flex-wrap:nowrap!important;
        justify-content:center;
        gap:4px;
        margin-top:12px;
        width:100%;
        max-width:100%;
        position:relative;
        z-index:10;
      }
      .chip{white-space:nowrap;font-size:8.45px;padding:7px 5px;gap:4px;flex:0 1 auto}
      .chip svg{width:13px;height:13px;flex:0 0 auto}
      .solution{margin-top:-28px;padding-top:82px}
    }

    @media (max-width:420px){
      .logo-img{width:150px}
      .hero-title-ref{font-size:clamp(28px,8.95vw,35px)}
      .hero-visual{width:144%;height:405px;transform:translateX(-35%)!important;margin-bottom:-64px}
      .billboard-wrap{height:405px}
      .hero-billboard{height:405px}
      .hero-actions{margin-top:-90px}
      .chip{font-size:7.75px;padding:7px 4.5px;gap:3px}
      .chip svg{width:12px;height:12px}
    }



    /* Keep hero headline immediately visible while preserving other reveal animations */
    .hero-copy.reveal{opacity:1!important;transform:none!important;filter:none!important}

    /* QC adjustment: prevent desktop/tablet headline and floating labels from being clipped */
    @media (min-width:1181px){
      .hero-title-ref{font-size:clamp(48px,4.25vw,70px);line-height:.93;max-width:760px}
    }
    @media (min-width:821px) and (max-width:1180px){
      .hero-stat.s1{right:276px;bottom:310px}
      .hero-stat.s2{right:66px;bottom:310px}
    }
    @media (min-width:601px) and (max-width:820px){
      .billboard-wrap{height:610px}
      .hero-billboard{height:610px}
      .hero-stat.s1{right:190px;bottom:190px}
      .hero-stat.s2{right:50px;bottom:130px}
    }


    /* Final QC: headline fit, tablet badge visibility, mobile chips above section overlap */
    @media (min-width:1181px){
      .hero-title-ref{font-size:clamp(46px,3.95vw,62px);line-height:.94;max-width:860px}
      .hero-title-ref .event-line{max-width:none}
    }
    @media (min-width:821px) and (max-width:1180px){
      .hero-stat.s1{bottom:390px}
      .hero-stat.s2{bottom:390px}
    }
    @media (max-width:600px){
      .hero-points{transform:translateY(-42px) scale(.92);transform-origin:center top;margin-bottom:-36px}
    }
    @media (max-width:420px){
      .hero-points{transform:translateY(-42px) scale(.88);transform-origin:center top;margin-bottom:-36px}
    }


    /* Mobile spacing QC: keep the four hero chips visible in one row before section 2 */
    @media (max-width:600px){
      .solution{margin-top:26px}
      .hero-points{transform:translateY(-42px) scale(.90);margin-bottom:-22px}
    }
    @media (max-width:420px){
      .hero-points{transform:translateY(-42px) scale(.86);margin-bottom:-22px}
    }

    @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;filter:none!important}}
  

    /* === CLIENT REVISION PATCH 2026-07: multi-page directions, hero QC, bonus gold, equipment images === */
    .hero-kicker{letter-spacing:.12em}
    .hero-title-ref{max-width:720px}
    .hero-title-ref .title-line{padding-right:.055em;padding-bottom:.025em}
    .hero-title-ref .solution-line{letter-spacing:-.058em;max-width:100%;}
    .hero-points{flex-wrap:nowrap;max-width:760px}
    .hero-stat b.icon-24h svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .hero-stat.s1{left:4%;top:auto;bottom:22%;}
    .hero-stat.s2{right:2%;bottom:25%;}
    .solution{margin-top:-48px}

    .flyout{display:grid;gap:6px;perspective:900px;transform:translate(-50%,14px) scale(.94) rotateX(-10deg);filter:blur(4px);}
    .nav-dropdown:hover .flyout,.nav-dropdown:focus-within .flyout{transform:translate(-50%,0) scale(1) rotateX(0);filter:none}
    .flyout a{transform:translateY(7px);opacity:.0}
    .nav-dropdown:hover .flyout a,.nav-dropdown:focus-within .flyout a{transform:translateY(0);opacity:1}
    .nav-dropdown:hover .flyout a:nth-child(1){transition-delay:.03s}
    .nav-dropdown:hover .flyout a:nth-child(2){transition-delay:.06s}
    .nav-dropdown:hover .flyout a:nth-child(3){transition-delay:.09s}
    .nav-dropdown:hover .flyout a:nth-child(4){transition-delay:.12s}
    .nav-dropdown:hover .flyout a:nth-child(5){transition-delay:.15s}
    .nav-dropdown:hover .flyout a:nth-child(6){transition-delay:.18s}

    .equipment-card.equipment-photo-card{min-height:310px;padding:0;display:flex;align-items:flex-end;background:#090909;color:#fff;isolation:isolate;border-color:rgba(255,255,255,.14)}
    .equipment-photo-card .equipment-img{position:absolute;inset:0;background-image:var(--equip-img),radial-gradient(circle at 28% 20%,rgba(255,255,255,.22),transparent 30%),linear-gradient(135deg,#170002,#e50914 48%,#060606 100%);background-size:62% auto,100% 100%,100% 100%;background-position:center 34%,center,center;background-repeat:no-repeat;transform:scale(1.02);transition:transform .65s var(--ease),filter .65s var(--ease);filter:saturate(1.08) contrast(1.04)}
    .equipment-photo-card .equipment-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.88) 100%),radial-gradient(circle at 78% 12%,rgba(255,255,255,.16),transparent 26%);z-index:1}
    .equipment-photo-card .equipment-content{position:relative;z-index:2;width:100%;padding:24px;}
    .equipment-photo-card h3{color:#fff;margin:14px 0 8px;text-shadow:0 12px 30px rgba(0,0,0,.35)}
    .equipment-photo-card p{color:rgba(255,255,255,.76)}
    .equipment-photo-card .icon{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 18px 42px rgba(0,0,0,.22);backdrop-filter:blur(12px)}
    .equipment-photo-card:hover .equipment-img{transform:scale(1.09);filter:saturate(1.22) contrast(1.08)}

    #bonus{background:radial-gradient(circle at 16% 18%,rgba(255,213,94,.26),transparent 28%),radial-gradient(circle at 86% 72%,rgba(229,9,20,.14),transparent 30%),linear-gradient(135deg,#050402 0%,#1c1305 38%,#8d6512 70%,#050402 100%)!important}
    #bonus .section-title .title{color:#fff;text-shadow:0 24px 70px rgba(232,177,39,.22)}
    #bonus .section-title .desc{color:rgba(255,255,255,.76)}
    #bonus .bonus-card{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,214,88,.08) 40%,rgba(0,0,0,.30));border:1px solid rgba(255,214,95,.24);box-shadow:0 24px 78px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,236,158,.16)}
    #bonus .bonus-card::after{background:linear-gradient(110deg,transparent 30%,rgba(255,231,151,.58) 47%,rgba(255,255,255,.18) 52%,transparent 68%);opacity:.45;transform:translateX(-70%) rotate(10deg);animation:bonusShine 3.4s var(--ease) infinite;}
    #bonus .bonus-card:nth-child(2)::after{animation-delay:.45s}#bonus .bonus-card:nth-child(3)::after{animation-delay:.9s}#bonus .bonus-card:nth-child(4)::after{animation-delay:1.35s}
    #bonus .bonus-card .icon{background:linear-gradient(135deg,#f9c846,#fff0a8);color:#271700;box-shadow:0 20px 50px rgba(247,199,62,.20)}
    #bonus .note{border-color:rgba(255,214,95,.24);background:rgba(0,0,0,.22);color:rgba(255,255,255,.78)}
    @keyframes bonusShine{0%,18%{transform:translateX(-80%) rotate(10deg);opacity:0}42%,68%{opacity:.75}100%{transform:translateX(80%) rotate(10deg);opacity:0}}

    @media (min-width:821px) and (max-width:1180px){
      .hero{min-height:860px;padding-top:106px;overflow:visible}
      .hero-inner{display:block;min-height:760px;overflow:visible}
      .hero-copy{width:58%;padding:72px 0 190px;position:relative;z-index:9}
      .hero-title-ref{font-size:clamp(45px,7.2vw,72px);max-width:560px;line-height:.93}
      .tagline{font-size:20px;max-width:420px}
      .hero-desc{font-size:14px;max-width:440px}
      .hero-actions{margin-top:32px}
      .hero-points{display:flex!important;flex-wrap:nowrap;gap:9px;max-width:620px}
      .chip{font-size:10px;padding:9px 9px}
      .hero-visual{position:absolute!important;right:-170px;left:auto;top:130px;bottom:auto;width:70%;height:680px;transform:none;justify-content:flex-end;z-index:4;margin:0;overflow:visible}
      .billboard-wrap{height:680px;width:100%;justify-content:flex-end;transform:none}
      .hero-billboard{height:680px;object-position:bottom right}
      .hero-stat{display:none!important}
      .solution{margin-top:-42px;padding-top:88px}
      .footer-grid{grid-template-columns:1.2fr 1fr 1fr!important;gap:34px}
      .footer-services,.footer-contact{text-align:left!important}
      .footer-services ul,.footer-contact ul{justify-items:start!important}
    }

    @media (min-width:701px) and (max-width:820px){
      .hero{min-height:850px;padding-top:94px;overflow:visible;background:linear-gradient(180deg,#fff 0%,#fff2f2 43%,#ffadb1 100%)}
      .hero-inner{display:block;min-height:760px;overflow:visible}
      .hero-copy{display:block;width:58%;padding:66px 0 178px;position:relative;z-index:9}
      .hero-title-ref{font-size:clamp(38px,7.4vw,58px);max-width:430px;line-height:.94;letter-spacing:-.06em}
      .hero-title-ref .title-line{white-space:normal;width:100%}
      .tagline{font-size:18px;max-width:360px}
      .hero-desc{font-size:13px;max-width:350px}
      .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;margin-top:28px;max-width:420px}
      .hero-points{display:flex!important;flex-wrap:nowrap;gap:7px;max-width:480px;overflow:visible}
      .chip{font-size:9px;padding:8px 7px}
      .hero-visual{position:absolute!important;right:-165px;left:auto;top:160px;bottom:auto;width:78%;height:620px;transform:none;justify-content:flex-end;z-index:4;margin:0;overflow:visible}
      .billboard-wrap{height:620px;width:100%;justify-content:flex-end;transform:none}
      .hero-billboard{height:620px;object-position:bottom right}
      .hero-stat{display:none!important}
      .solution{margin-top:-40px;padding-top:84px}
      .footer-grid{grid-template-columns:1.15fr 1fr 1fr!important;gap:24px}
      .footer-services,.footer-contact{text-align:left!important}
      .footer-services ul,.footer-contact ul{justify-items:start!important}
    }

    @media (max-width:700px){
      .hero{min-height:auto;padding-top:86px;overflow:visible;background:linear-gradient(180deg,#fff 0%,#fff3f3 43%,#ffadb1 100%)}
      .hero-inner{display:flex!important;flex-direction:column;align-items:stretch;min-height:auto;overflow:visible}
      .hero-copy{display:contents!important;width:auto;padding:0}
      .hero-kicker{order:1;margin:18px 0 10px;font-size:9px;letter-spacing:.07em}
      .hero-title-ref{order:2;font-size:clamp(32px,10.4vw,48px);line-height:.95;letter-spacing:-.06em;max-width:100%}
      .hero-title-ref .title-line{white-space:nowrap;width:max-content;max-width:100%;padding-right:.08em}
      .tagline{order:3;margin-top:18px;font-size:16px;max-width:340px}
      .hero-desc{order:4;margin-top:12px;max-width:390px;font-size:12.7px;line-height:1.62}
      .hero-visual{position:relative!important;order:5;left:50%!important;right:auto!important;top:auto!important;bottom:auto!important;width:135vw;max-width:620px;height:400px;transform:translateX(-50%)!important;justify-content:center;margin:12px 0 -64px;z-index:4;overflow:visible}
      .billboard-wrap{height:400px;width:100%;justify-content:center;transform:none}
      .hero-billboard{height:400px;object-position:bottom center}
      .hero-stat{display:none!important}
      .hero-actions{order:6;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px;margin:-88px 0 0;position:relative;z-index:10}
      .hero-actions .btn{min-height:47px;padding:0 10px;font-size:10px;gap:6px}
      .hero-actions .btn .arrow{width:24px;height:24px}
      .hero-points{order:7;display:flex!important;flex-wrap:nowrap!important;gap:6px;margin-top:10px;position:relative;z-index:10;max-width:100%;overflow-x:auto;padding:0 0 6px;scrollbar-width:none}
      .hero-points::-webkit-scrollbar{display:none}
      .chip{flex:0 0 auto;justify-content:center;text-align:center;font-size:8.6px;padding:7px 7px;gap:5px;white-space:nowrap}
      .chip svg{width:13px;height:13px}
      .solution{margin-top:-20px;padding-top:76px;border-radius:28px 28px 0 0}
      .equipment-card.equipment-photo-card{min-height:235px}
      .equipment-photo-card .equipment-content{padding:17px 13px}
      .equipment-photo-card .equipment-img{background-size:70% auto,100% 100%,100% 100%;background-position:center 30%,center,center}
      .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:26px;max-width:92%;margin-inline:auto}
      .footer-brand{grid-column:1/-1;text-align:center}
      .footer-brand p{margin-left:auto;margin-right:auto;text-align:center}
      .footer-brand .social{justify-content:center}
      .footer-services{text-align:left!important;padding-left:10px}
      .footer-contact{text-align:left!important;padding-left:8px}
      .footer-services ul,.footer-contact ul{justify-items:start!important}
      .footer h4{margin-bottom:12px}
    }

    @media (max-width:390px){
      .hero-visual{height:382px;width:138vw;margin-bottom:-58px}
      .billboard-wrap{height:382px}
      .hero-billboard{height:382px}
      .hero-actions{margin-top:-82px}
      .chip{font-size:8px;padding:6px 6px}
    }

  

    /* === REQUESTED QC PATCH: hero text, equipment card CTA, desktop/tablet/mobile hero & footer === */
    .hero-desc{max-width:690px}
    .hero-desc-break{display:block}
    .hero-title-ref .title-line{padding-right:.10em;overflow:visible!important}
    .hero-title-ref .event-line{max-width:none!important;white-space:nowrap!important}
    .equipment-photo-card .equipment-content{display:flex;flex-direction:column;min-height:100%;align-items:flex-start}
    .equipment-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:#111;font-size:11px;font-weight:950;line-height:1;box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease),color .28s var(--ease);position:relative;z-index:3}
    .equipment-card-btn span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(229,9,20,.11);color:var(--red);transition:transform .28s var(--ease),background .28s var(--ease),color .28s var(--ease)}
    .equipment-card-btn:hover{transform:translateY(-3px);background:#fff;color:var(--red);box-shadow:0 20px 58px rgba(0,0,0,.22)}
    .equipment-card-btn:hover span{transform:translateX(3px) rotate(-16deg);background:var(--red);color:#fff}
    .flyout{display:grid!important;gap:8px!important;width:306px!important;padding:14px!important;transform:translate(-50%,18px) scale(.92) rotateX(-12deg)!important;filter:blur(5px);transform-origin:top center!important;transition:opacity .28s var(--ease),transform .34s var(--ease),filter .34s var(--ease)!important}
    .nav-dropdown:hover .flyout,.nav-dropdown:focus-within .flyout{transform:translate(-50%,0) scale(1) rotateX(0)!important;filter:none}
    .flyout a{min-height:46px!important;opacity:.92;transform:translateY(8px);box-shadow:inset 0 0 0 1px rgba(229,9,20,0);transition:background .26s var(--ease),color .26s var(--ease),transform .30s var(--ease),box-shadow .30s var(--ease),opacity .30s var(--ease)!important}
    .nav-dropdown:hover .flyout a,.nav-dropdown:focus-within .flyout a{opacity:1;transform:translateY(0);animation:flyItemPop .42s var(--ease) both}
    .nav-dropdown:hover .flyout a:nth-child(2){animation-delay:.035s}.nav-dropdown:hover .flyout a:nth-child(3){animation-delay:.07s}.nav-dropdown:hover .flyout a:nth-child(4){animation-delay:.105s}.nav-dropdown:hover .flyout a:nth-child(5){animation-delay:.14s}.nav-dropdown:hover .flyout a:nth-child(6){animation-delay:.175s}
    @keyframes flyItemPop{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}

    @media (min-width:1181px){
      .hero-title-ref{font-size:clamp(48px,5vw,78px)!important;max-width:735px!important;line-height:.93!important}
      .hero-points{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;max-width:none!important;width:max-content!important;overflow:visible!important}
      .hero-points .chip{white-space:nowrap!important;flex:0 0 auto!important;font-size:11px;padding:10px 12px}
      .hero-stat.s1{left:auto!important;right:6%!important;top:54px!important;bottom:auto!important}
      .solution{margin-top:-48px!important;padding-top:106px!important}
    }

    @media (min-width:701px) and (max-width:1180px){
      .hero-title-ref{font-size:clamp(38px,5.45vw,56px)!important;max-width:548px!important;line-height:.94!important;letter-spacing:-.062em!important}
      .hero-title-ref .title-line{white-space:nowrap!important;width:max-content!important;max-width:none!important;overflow:visible!important;padding-right:.12em}
      .hero-copy{width:56%!important;position:relative!important;z-index:9!important}
      .hero-visual{position:absolute!important;left:auto!important;right:-190px!important;top:116px!important;bottom:auto!important;width:75%!important;height:650px!important;transform:none!important;justify-content:flex-end!important;margin:0!important;z-index:4!important;overflow:visible!important}
      .billboard-wrap{height:650px!important;width:100%!important;justify-content:flex-end!important;transform:none!important}
      .hero-billboard{height:650px!important;object-position:bottom right!important}
      .hero-stat{display:none!important}
      .footer-grid{grid-template-columns:1.05fr 1fr!important;gap:34px!important}
      .footer-duo{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;text-align:left!important;align-items:start!important}
      .footer-services,.footer-contact{text-align:left!important;padding-left:0!important;justify-self:start!important}
      .footer-services ul,.footer-contact ul{justify-items:start!important}
    }

    @media (max-width:700px){
      .hero{padding-top:86px!important;overflow:visible!important}
      .hero-title-ref{font-size:clamp(31px,9.6vw,43px)!important;line-height:.95!important;letter-spacing:-.058em!important;max-width:100%!important}
      .hero-title-ref .title-line{white-space:nowrap!important;width:max-content!important;max-width:none!important;overflow:visible!important;padding-right:.10em}
      .tagline{margin-top:17px!important}
      .hero-desc{font-size:12.4px!important;line-height:1.55!important;max-width:96%!important}
      .hero-visual{position:relative!important;order:5!important;left:50%!important;right:auto!important;top:auto!important;bottom:auto!important;width:100vw!important;max-width:100vw!important;height:440px!important;transform:translateX(-50%)!important;justify-content:center!important;margin:12px 0 -78px!important;z-index:4!important;overflow:visible!important}
      .billboard-wrap{height:440px!important;width:100vw!important;justify-content:center!important;transform:none!important}
      .hero-billboard{height:440px!important;max-width:none!important;width:auto!important;object-fit:contain!important;object-position:bottom center!important}
      .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;margin:-88px 0 0!important;position:relative!important;z-index:10!important}
      .hero-actions .btn{min-height:48px!important;padding:0 10px!important;font-size:10px!important;gap:6px!important;white-space:nowrap!important}
      .hero-actions .btn .arrow{width:23px!important;height:23px!important;display:grid!important;flex:0 0 23px!important}
      .hero-points{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important;overflow:visible!important;margin:10px 0 24px!important;padding:0!important;position:relative!important;z-index:10!important}
      .hero-points .chip{width:100%!important;min-width:0!important;flex:initial!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;font-size:7.3px!important;padding:7px 4px!important;gap:4px!important;line-height:1!important}
      .hero-points .chip svg{width:11px!important;height:11px!important;flex:0 0 11px!important}
      .solution{margin-top:-6px!important;padding-top:74px!important;border-radius:28px 28px 0 0!important}
      .footer-grid{grid-template-columns:1fr!important;max-width:360px!important;margin-inline:auto!important;gap:28px!important}
      .footer-brand{text-align:center!important}
      .footer-brand p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
      .footer-brand .social{justify-content:center!important}
      .footer-duo{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important;width:100%!important;margin:0 auto!important;text-align:left!important;align-items:start!important}
      .footer-services,.footer-contact{text-align:left!important;padding-left:0!important;justify-self:start!important}
      .footer-contact{justify-self:end!important;min-width:122px!important}
      .footer-services ul,.footer-contact ul{justify-items:start!important}
      .footer h4{margin-bottom:12px!important}
    }

    @media (max-width:390px){
      .hero-visual{height:425px!important;margin-bottom:-76px!important}
      .billboard-wrap{height:425px!important}
      .hero-billboard{height:425px!important}
      .hero-actions{margin-top:-84px!important}
      .hero-points{gap:4px!important}
      .hero-points .chip{font-size:6.85px!important;padding:6px 3px!important;gap:3px!important}
      .hero-points .chip svg{width:10px!important;height:10px!important;flex-basis:10px!important}
    }

  

    /* === STRICT CLIENT PATCH: only requested hero/footer fixes === */
    .hero-title-ref .gloss.title-line{
      position:relative!important;
      display:block!important;
      width:max-content!important;
      max-width:100%!important;
      overflow:hidden!important;
      padding-right:.12em!important;
      padding-bottom:.045em!important;
    }
    .hero-title-ref .gloss.title-line::after{
      content:attr(data-text)!important;
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      max-width:100%!important;
      overflow:hidden!important;
      pointer-events:none!important;
      color:transparent!important;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
      clip-path:inset(0 0 0 0)!important;
    }

    @media (min-width:1181px){
      .hero-title-ref{
        font-size:clamp(48px,4.55vw,72px)!important;
        line-height:.91!important;
        letter-spacing:-.064em!important;
        max-width:650px!important;
      }
      .hero-title-ref .event-line{
        width:min-content!important;
        max-width:min-content!important;
        white-space:normal!important;
        overflow:hidden!important;
      }
      .hero-title-ref .event-line::after{white-space:normal!important;}
      .hero-stat{display:none!important;}
      .hero-points{
        display:flex!important;
        flex-wrap:nowrap!important;
        gap:10px!important;
        width:max-content!important;
        max-width:none!important;
        overflow:visible!important;
      }
      .hero-points .chip{
        flex:0 0 auto!important;
        white-space:nowrap!important;
      }
    }

    @media (min-width:701px) and (max-width:1180px){
      .hero-title-ref{
        font-size:clamp(38px,5.15vw,52px)!important;
        line-height:.94!important;
        letter-spacing:-.058em!important;
        max-width:none!important;
      }
      .hero-title-ref .title-line{
        width:max-content!important;
        max-width:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
      }
      .hero-copy{
        width:58%!important;
        z-index:10!important;
      }
      .hero-visual{
        right:-205px!important;
        top:108px!important;
        width:76%!important;
        z-index:4!important;
      }
      .hero-stat{display:none!important;}
      .footer-grid{
        display:grid!important;
        grid-template-columns:1.15fr .92fr .92fr!important;
        gap:30px!important;
        align-items:start!important;
      }
      .footer-brand,
      .footer-services,
      .footer-contact{
        grid-column:auto!important;
        text-align:left!important;
        justify-self:start!important;
        padding-left:0!important;
      }
      .footer-brand p{text-align:left!important;margin-left:0!important;margin-right:0!important;}
      .footer-brand .social{justify-content:flex-start!important;}
      .footer-services ul,.footer-contact ul{justify-items:start!important;}
      .footer-quick,.footer-quote{display:none!important;}
    }

    @media (max-width:700px){
      .hero{padding-top:86px!important;overflow:visible!important;}
      .hero-inner{
        display:flex!important;
        flex-direction:column!important;
        min-height:auto!important;
        overflow:visible!important;
      }
      .hero-copy{display:contents!important;}
      .hero-kicker{order:1!important;}
      .hero-title-ref{
        order:2!important;
        font-size:clamp(31px,9.4vw,42px)!important;
        line-height:.96!important;
        letter-spacing:-.057em!important;
        max-width:100%!important;
      }
      .hero-title-ref .title-line{
        width:max-content!important;
        max-width:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        padding-right:.12em!important;
      }
      .tagline{order:3!important;margin-top:18px!important;}
      .hero-desc{order:4!important;font-size:12.4px!important;line-height:1.55!important;max-width:96%!important;}
      .hero-visual{
        order:5!important;
        position:relative!important;
        left:50%!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        width:126vw!important;
        max-width:126vw!important;
        height:450px!important;
        transform:translateX(-54%)!important;
        justify-content:center!important;
        margin:14px 0 0!important;
        z-index:4!important;
        overflow:visible!important;
      }
      .billboard-wrap{
        height:450px!important;
        width:126vw!important;
        justify-content:center!important;
        transform:none!important;
      }
      .hero-billboard{
        height:450px!important;
        width:auto!important;
        max-width:none!important;
        object-fit:contain!important;
        object-position:bottom center!important;
      }
      .hero-stat{display:none!important;}
      .hero-actions{
        order:6!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        gap:10px!important;
        margin:12px 0 0!important;
        position:relative!important;
        z-index:10!important;
      }
      .hero-actions .btn{
        min-height:48px!important;
        padding:0 10px!important;
        font-size:10px!important;
        gap:6px!important;
        white-space:nowrap!important;
      }
      .hero-actions .btn .arrow{width:23px!important;height:23px!important;flex:0 0 23px!important;}
      .hero-points{
        order:7!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:5px!important;
        width:100%!important;
        max-width:100%!important;
        overflow:visible!important;
        transform:none!important;
        margin:10px 0 22px!important;
        padding:0!important;
        position:relative!important;
        z-index:10!important;
      }
      .hero-points .chip{
        width:100%!important;
        min-width:0!important;
        flex:initial!important;
        justify-content:center!important;
        text-align:center!important;
        white-space:nowrap!important;
        font-size:7.2px!important;
        padding:7px 3px!important;
        gap:3px!important;
        line-height:1!important;
      }
      .hero-points .chip svg{width:10px!important;height:10px!important;flex:0 0 10px!important;}
      .solution{margin-top:0!important;padding-top:74px!important;border-radius:28px 28px 0 0!important;}
      .footer-grid{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        gap:26px!important;
        max-width:360px!important;
        margin-inline:auto!important;
        align-items:start!important;
      }
      .footer-brand{
        grid-column:1/-1!important;
        text-align:center!important;
        justify-self:center!important;
      }
      .footer-brand .logo-img{margin-inline:auto!important;}
      .footer-brand p{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
      .footer-brand .social{justify-content:center!important;}
      .footer-services,.footer-contact{
        grid-column:auto!important;
        text-align:left!important;
        padding-left:0!important;
        justify-self:start!important;
      }
      .footer-contact{justify-self:end!important;min-width:122px!important;}
      .footer-services ul,.footer-contact ul{justify-items:start!important;}
      .footer-quick,.footer-quote{display:none!important;}
    }

    @media (max-width:390px){
      .hero-visual{
        width:132vw!important;
        max-width:132vw!important;
        height:430px!important;
        transform:translateX(-55%)!important;
      }
      .billboard-wrap{height:430px!important;width:132vw!important;}
      .hero-billboard{height:430px!important;}
      .hero-points .chip{font-size:6.8px!important;padding:6px 2px!important;gap:2px!important;}
      .hero-points .chip svg{width:9px!important;height:9px!important;flex-basis:9px!important;}
    }

  

    /* === STRICT V4 PATCH: headline shine, desktop nav, mobile hero attach === */
    @keyframes exclusiveHeadlineShine{
      0%{background-position:150% 0;opacity:0}
      10%{opacity:.72}
      34%{opacity:1}
      48%{background-position:-135% 0;opacity:.92}
      60%,100%{background-position:-135% 0;opacity:0}
    }
    .hero-title-ref .gloss.title-line{
      position:relative!important;
      display:block!important;
      overflow:hidden!important;
      isolation:isolate!important;
      max-width:100%!important;
      contain:paint!important;
    }
    .hero-title-ref .gloss.title-line::after{
      content:attr(data-text)!important;
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      display:block!important;
      overflow:hidden!important;
      color:transparent!important;
      -webkit-text-fill-color:transparent!important;
      background:
        linear-gradient(104deg,
          transparent 0%,
          transparent 24%,
          rgba(255,255,255,.10) 34%,
          rgba(255,255,255,.92) 43%,
          rgba(255,255,255,.34) 49%,
          rgba(255,255,255,.88) 56%,
          rgba(255,255,255,.10) 66%,
          transparent 78%,
          transparent 100%)!important;
      background-size:235% 100%!important;
      background-position:150% 0;
      -webkit-background-clip:text!important;
      background-clip:text!important;
      clip-path:inset(0 0 0 0)!important;
      pointer-events:none!important;
      mix-blend-mode:screen!important;
      text-shadow:none!important;
      filter:none!important;
      animation:exclusiveHeadlineShine 5.4s cubic-bezier(.16,1,.3,1) infinite!important;
    }

    @media (min-width:1181px){
      .nav-links{font-size:11.7px!important;gap:19px!important;letter-spacing:-.005em!important;}
      .nav-links > a,.nav-parent{height:44px!important;}
      .nav-parent .chev{
        width:22px!important;
        height:22px!important;
        margin-left:2px!important;
        border-radius:999px!important;
        display:inline-grid!important;
        place-items:center!important;
        flex:0 0 22px!important;
        background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(229,9,20,.10))!important;
        box-shadow:inset 0 0 0 1px rgba(229,9,20,.14),0 8px 20px rgba(229,9,20,.10)!important;
        color:var(--red)!important;
        transform:none!important;
        transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease)!important;
      }
      .nav-parent .chev svg{width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:2.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .28s var(--ease)!important;}
      .nav-dropdown:hover .chev,.nav-dropdown:focus-within .chev{transform:translateY(-1px)!important;background:linear-gradient(145deg,#fff,rgba(229,9,20,.16))!important;box-shadow:inset 0 0 0 1px rgba(229,9,20,.22),0 10px 24px rgba(229,9,20,.16)!important;}
      .nav-dropdown:hover .chev svg,.nav-dropdown:focus-within .chev svg{transform:rotate(180deg)!important;}
      .flyout{top:calc(100% + 6px)!important;}
      .flyout::before{top:-6px!important;}
    }

    @media (max-width:700px){
      .hero{min-height:auto!important;padding-bottom:0!important;overflow:visible!important;}
      .hero-inner{position:relative!important;overflow:visible!important;padding-bottom:64px!important;}
      .hero-visual{
        width:116vw!important;
        max-width:116vw!important;
        height:486px!important;
        left:50%!important;
        transform:translateX(-50%)!important;
        margin:14px 0 -118px!important;
        z-index:4!important;
        overflow:visible!important;
      }
      .billboard-wrap{height:486px!important;width:116vw!important;justify-content:center!important;}
      .hero-billboard{height:486px!important;width:auto!important;max-width:none!important;object-fit:contain!important;object-position:bottom center!important;}
      .hero-actions{
        margin:0!important;
        transform:translateY(-2px)!important;
        z-index:12!important;
        gap:10px!important;
      }
      .hero-actions .btn{min-height:47px!important;border-radius:999px!important;}
      .hero-points{
        margin:10px 0 0!important;
        z-index:12!important;
        gap:5px!important;
        align-items:center!important;
      }
      .hero-points .chip{box-shadow:0 12px 30px rgba(0,0,0,.08)!important;}
      .solution{margin-top:-42px!important;padding-top:82px!important;border-radius:28px 28px 0 0!important;}
    }

    @media (max-width:390px){
      .hero-inner{padding-bottom:60px!important;}
      .hero-visual{width:118vw!important;max-width:118vw!important;height:462px!important;margin-bottom:-112px!important;}
      .billboard-wrap{height:462px!important;width:118vw!important;}
      .hero-billboard{height:462px!important;}
      .hero-points{gap:4px!important;}
      .solution{margin-top:-40px!important;padding-top:80px!important;}
    }

  

    /* === STRICT V5 MICRO PATCH: mobile hero model + controls overlap === */
    @media (max-width:700px){
      .hero-inner{padding-bottom:38px!important;}
      .hero-visual{
        height:486px!important;
        margin:-18px 0 -390px!important;
        width:116vw!important;
        max-width:116vw!important;
        transform:translateX(-50%)!important;
      }
      .billboard-wrap{height:486px!important;width:116vw!important;}
      .hero-billboard{height:486px!important;object-position:bottom center!important;}
      .hero-actions{margin:0!important;transform:none!important;z-index:14!important;}
      .hero-points{margin:10px 0 18px!important;z-index:14!important;}
      .solution{margin-top:-46px!important;padding-top:84px!important;}
    }
    @media (max-width:390px){
      .hero-inner{padding-bottom:34px!important;}
      .hero-visual{height:462px!important;margin:-18px 0 -372px!important;width:118vw!important;max-width:118vw!important;}
      .billboard-wrap{height:462px!important;width:118vw!important;}
      .hero-billboard{height:462px!important;}
      .solution{margin-top:-44px!important;padding-top:82px!important;}
    }

  

    /* === STRICT V6 PATCH: only requested shine + mobile hero alignment === */
    @keyframes heroExclusiveTextShine{
      0%{background-position:145% 50%;filter:drop-shadow(0 14px 28px rgba(0,0,0,.05))}
      38%{background-position:-35% 50%;filter:drop-shadow(0 16px 30px rgba(0,0,0,.08))}
      64%,100%{background-position:-35% 50%;filter:drop-shadow(0 14px 28px rgba(0,0,0,.05))}
    }
    .hero-title-ref .gloss.title-line::after{content:""!important;display:none!important;animation:none!important;background:none!important;}
    .hero-title-ref .title-line{
      -webkit-background-clip:text!important;
      background-clip:text!important;
      -webkit-text-fill-color:transparent!important;
      color:transparent!important;
      background-size:240% 100%!important;
      animation:heroExclusiveTextShine 5.2s cubic-bezier(.16,1,.3,1) infinite!important;
      text-shadow:none!important;
      overflow:visible!important;
      contain:initial!important;
      isolation:isolate!important;
    }
    .hero-title-ref .rental-line,
    .hero-title-ref .solution-line{
      background-image:linear-gradient(108deg,#101015 0%,#101015 31%,#2a2a31 38%,#f7f7f7 45%,#a4a4aa 50%,#101015 57%,#101015 100%)!important;
    }
    .hero-title-ref .event-line{
      background-image:linear-gradient(108deg,#ed0713 0%,#ed0713 31%,#ff3541 38%,#fff3f4 45%,#ff8b92 50%,#ed0713 57%,#ed0713 100%)!important;
    }
    .hero-title-ref .title-line:nth-child(2){animation-delay:.18s!important;}
    .hero-title-ref .title-line:nth-child(3){animation-delay:.36s!important;}

    @media (max-width:700px){
      .hero{
        min-height:735px!important;
        padding-top:82px!important;
        padding-bottom:0!important;
        overflow:visible!important;
      }
      .hero-inner{
        min-height:648px!important;
        height:648px!important;
        position:relative!important;
        display:block!important;
        overflow:visible!important;
        padding-bottom:0!important;
      }
      .hero-copy{
        width:100%!important;
        padding:24px 0 0!important;
        position:relative!important;
        z-index:18!important;
      }
      .hero-kicker{margin-bottom:14px!important;}
      .hero-title-ref{font-size:clamp(36px,10.1vw,46px)!important;line-height:.94!important;max-width:100%!important;}
      .tagline{margin-top:22px!important;}
      .hero-desc{margin-top:18px!important;max-width:330px!important;line-height:1.55!important;}
      .hero-visual{
        position:absolute!important;
        left:50%!important;
        right:auto!important;
        top:284px!important;
        bottom:auto!important;
        width:136vw!important;
        max-width:136vw!important;
        height:452px!important;
        margin:0!important;
        transform:translateX(-50%)!important;
        justify-content:center!important;
        align-items:flex-end!important;
        overflow:visible!important;
        z-index:6!important;
        pointer-events:none!important;
      }
      .billboard-wrap{
        height:452px!important;
        width:136vw!important;
        max-width:136vw!important;
        justify-content:center!important;
        align-items:flex-end!important;
        transform:none!important;
        overflow:visible!important;
      }
      .hero-billboard{
        height:452px!important;
        width:auto!important;
        max-width:none!important;
        object-fit:contain!important;
        object-position:bottom center!important;
      }
      .hero-actions{
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:518px!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:10px!important;
        margin:0!important;
        transform:none!important;
        z-index:24!important;
        align-items:center!important;
      }
      .hero-actions .btn{
        width:100%!important;
        min-width:0!important;
        min-height:48px!important;
        padding:0 10px!important;
        font-size:10.2px!important;
        border-radius:999px!important;
        white-space:nowrap!important;
      }
      .hero-actions .btn .arrow{width:24px!important;height:24px!important;font-size:12px!important;}
      .hero-points{
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:582px!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:5px!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        z-index:25!important;
        overflow:visible!important;
        transform:none!important;
      }
      .hero-points .chip{
        width:100%!important;
        min-width:0!important;
        padding:7px 2px!important;
        gap:2px!important;
        justify-content:center!important;
        text-align:center!important;
        white-space:nowrap!important;
        font-size:6.6px!important;
        line-height:1!important;
        border-radius:999px!important;
        box-shadow:0 12px 30px rgba(0,0,0,.10)!important;
      }
      .hero-points .chip svg{width:9px!important;height:9px!important;flex:0 0 9px!important;}
      .solution{
        margin-top:-24px!important;
        padding-top:76px!important;
        border-radius:28px 28px 0 0!important;
      }
    }
    @media (max-width:390px){
      .hero{min-height:718px!important;}
      .hero-inner{min-height:632px!important;height:632px!important;}
      .hero-copy{padding-top:22px!important;}
      .hero-title-ref{font-size:clamp(34px,10vw,42px)!important;}
      .hero-visual{top:282px!important;width:138vw!important;max-width:138vw!important;height:438px!important;}
      .billboard-wrap{width:138vw!important;max-width:138vw!important;height:438px!important;}
      .hero-billboard{height:438px!important;}
      .hero-actions{top:503px!important;gap:8px!important;}
      .hero-actions .btn{min-height:46px!important;font-size:9.6px!important;}
      .hero-points{top:562px!important;gap:4px!important;}
      .hero-points .chip{font-size:6.2px!important;padding:6px 2px!important;}
      .hero-points .chip svg{width:8px!important;height:8px!important;flex-basis:8px!important;}
      .solution{margin-top:-22px!important;padding-top:74px!important;}
    }


    /* === V10 MOBILE ONLY PATCH: reference-style hero image, bottom controls === */
    @media (max-width:700px){
      .hero{
        --v10-mobile-hero-h:clamp(800px,220vw,930px);
        height:var(--v10-mobile-hero-h)!important;
        min-height:var(--v10-mobile-hero-h)!important;
        padding-top:82px!important;
        padding-bottom:0!important;
        overflow:hidden!important;
      }
      .hero .container.hero-inner{
        height:calc(var(--v10-mobile-hero-h) - 82px)!important;
        min-height:calc(var(--v10-mobile-hero-h) - 82px)!important;
        display:block!important;
        position:relative!important;
        overflow:visible!important;
        padding-bottom:0!important;
      }
      .hero-copy{
        width:100%!important;
        padding:18px 0 0!important;
        margin:0!important;
        position:relative!important;
        z-index:30!important;
      }
      .hero-kicker{
        margin:0 0 10px!important;
        font-size:8.4px!important;
        line-height:1!important;
        letter-spacing:.052em!important;
        white-space:nowrap!important;
      }
      .hero-title-ref{
        margin:0!important;
        font-size:clamp(32px,9.4vw,42px)!important;
        line-height:.955!important;
        letter-spacing:-.058em!important;
        max-width:100%!important;
      }
      .hero-title-ref .title-line{
        white-space:nowrap!important;
        width:max-content!important;
        max-width:none!important;
        padding-right:.16em!important;
        overflow:visible!important;
      }
      .tagline{
        margin-top:13px!important;
        font-size:15.8px!important;
        line-height:1.22!important;
        max-width:360px!important;
      }
      .hero-desc{
        margin-top:10px!important;
        max-width:95%!important;
        font-size:12.1px!important;
        line-height:1.52!important;
      }
      .hero-visual{
        position:absolute!important;
        left:50%!important;
        right:auto!important;
        top:auto!important;
        bottom:30px!important;
        width:126vw!important;
        max-width:126vw!important;
        height:auto!important;
        margin:0!important;
        transform:translateX(-50%)!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:center!important;
        overflow:visible!important;
        z-index:7!important;
        pointer-events:none!important;
      }
      .billboard-wrap{
        width:126vw!important;
        max-width:126vw!important;
        height:auto!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:center!important;
        transform:none!important;
        overflow:visible!important;
      }
      .billboard-wrap::before{bottom:0!important;left:22%!important;right:22%!important;opacity:.52!important;}
      .billboard-wrap::after{display:none!important;}
      .hero-billboard{
        content:url("https://videotronesia.com/wp-content/themes/videotronesia-visual-fix-theme/assets/inline-media/vtr-inline-5911ba8989b5eda6.webp")!important;
        width:126vw!important;
        max-width:126vw!important;
        height:auto!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:bottom center!important;
        filter:drop-shadow(0 28px 42px rgba(0,0,0,.22))!important;
      }
      .hero-stat{display:none!important;}
      .hero-actions{
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:auto!important;
        bottom:92px!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        gap:10px!important;
        margin:0!important;
        transform:none!important;
        z-index:34!important;
        align-items:center!important;
      }
      .hero-actions .btn{
        width:100%!important;
        min-width:0!important;
        min-height:48px!important;
        padding:0 10px!important;
        border-radius:999px!important;
        font-size:10px!important;
        line-height:1!important;
        gap:7px!important;
        white-space:nowrap!important;
        box-shadow:0 18px 44px rgba(0,0,0,.13)!important;
      }
      .hero-actions .btn .arrow{
        width:23px!important;
        height:23px!important;
        flex:0 0 23px!important;
        font-size:12px!important;
      }
      .hero-points{
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:auto!important;
        bottom:48px!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:5px!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        transform:none!important;
        z-index:35!important;
      }
      .hero-points .chip{
        width:100%!important;
        min-width:0!important;
        flex:initial!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        white-space:nowrap!important;
        font-size:6.8px!important;
        line-height:1!important;
        padding:7px 2px!important;
        gap:2px!important;
        border-radius:999px!important;
        box-shadow:0 12px 28px rgba(0,0,0,.13)!important;
        backdrop-filter:blur(14px)!important;
        -webkit-backdrop-filter:blur(14px)!important;
      }
      .hero-points .chip svg{
        width:9px!important;
        height:9px!important;
        flex:0 0 9px!important;
      }
      .solution{
        margin-top:-46px!important;
        padding-top:88px!important;
        border-radius:28px 28px 0 0!important;
        position:relative!important;
        z-index:25!important;
      }
    }
    @media (max-width:390px){
      .hero{--v10-mobile-hero-h:clamp(790px,222vw,870px)!important;}
      .hero-copy{padding-top:16px!important;}
      .hero-kicker{margin-bottom:9px!important;font-size:8px!important;letter-spacing:.048em!important;}
      .hero-title-ref{font-size:clamp(31px,9.4vw,39px)!important;}
      .tagline{margin-top:12px!important;font-size:15.4px!important;}
      .hero-desc{margin-top:9px!important;font-size:11.8px!important;line-height:1.5!important;}
      .hero-visual{bottom:30px!important;width:128vw!important;max-width:128vw!important;}
      .billboard-wrap{width:128vw!important;max-width:128vw!important;}
      .hero-billboard{width:128vw!important;max-width:128vw!important;}
      .hero-actions{bottom:88px!important;gap:8px!important;}
      .hero-actions .btn{min-height:46px!important;font-size:9.4px!important;padding:0 9px!important;}
      .hero-actions .btn .arrow{width:22px!important;height:22px!important;flex-basis:22px!important;}
      .hero-points{bottom:45px!important;gap:4px!important;}
      .hero-points .chip{font-size:6.1px!important;padding:6px 1px!important;gap:1px!important;}
      .hero-points .chip svg{width:8px!important;height:8px!important;flex-basis:8px!important;}
      .solution{margin-top:-44px!important;padding-top:84px!important;}
    }


  

    /* === V11 MOBILE-ONLY MICRO PATCH: text placement + icon clearance === */
    @media (max-width:700px){
      .hero-copy{
        padding-top:36px!important;
      }
      .hero-kicker{
        margin-bottom:9px!important;
      }
      .tagline{
        margin-top:12px!important;
      }
      .hero-desc{
        margin-top:9px!important;
      }
      .hero-actions{
        bottom:111px!important;
      }
      .hero-points{
        bottom:68px!important;
      }
    }


    /* === V12 MOBILE-ONLY HERO TEXT POSITION PATCH === */
    @media (max-width:700px){
      .hero-copy{
        padding-top:54px!important;
      }
      .hero-kicker{
        margin-bottom:11px!important;
      }
      .hero-title-ref{
        margin:0!important;
      }
      .tagline{
        margin-top:20px!important;
      }
      .hero-desc{
        margin-top:12px!important;
      }
    }
    @media (max-width:390px){
      .hero-copy{
        padding-top:50px!important;
      }
      .tagline{
        margin-top:18px!important;
      }
      .hero-desc{
        margin-top:11px!important;
      }
    }


    /* === V13 MOBILE-ONLY HERO TEXT SPACING PATCH === */
    @media (max-width:700px){
      .hero-copy{
        padding-top:74px!important;
      }
      .hero-kicker{
        margin-bottom:10px!important;
      }
      .tagline{
        margin-top:18px!important;
      }
      .hero-desc{
        margin-top:11px!important;
      }
    }
    @media (max-width:390px){
      .hero-copy{
        padding-top:72px!important;
      }
    }

/* === USER REVISION: homepage header/footer exact, footer without quick links/button, contact map === */
.site-header{position:fixed!important;inset:0 0 auto!important;z-index:90!important;padding:18px 0!important;pointer-events:none!important;transition:padding .34s var(--ease)!important;}
.site-header .nav-shell{width:min(1420px,calc(100% - 56px))!important;margin-inline:auto!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;padding:10px 0!important;border-radius:0!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important;transition:all .34s var(--ease)!important;}
body.scrolled .site-header{padding:10px 0!important;}
body.scrolled .site-header .nav-shell{padding:10px 14px 10px 20px!important;min-height:64px!important;border-radius:999px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 22px 70px rgba(0,0,0,.12),0 12px 42px rgba(229,9,20,.08)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;}
.site-header .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;}
.site-header .logo-img{width:216px!important;height:auto!important;object-fit:contain!important;}
.site-header .nav-links{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:22px!important;flex:1!important;min-width:0!important;margin-left:auto!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:-.01em!important;white-space:nowrap!important;color:#19191d!important;overflow:visible!important;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif!important;}
.site-header .nav-links>a,.site-header .nav-parent{position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;height:42px!important;padding:0!important;margin:0!important;border-radius:0!important;color:#19191d!important;opacity:.78!important;font-size:inherit!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:opacity .28s var(--ease),color .28s var(--ease)!important;}
.site-header .nav-links>a::after,.site-header .nav-parent::after{content:""!important;position:absolute!important;left:0!important;right:100%!important;bottom:5px!important;height:2px!important;border-radius:99px!important;background:var(--red)!important;transition:right .28s var(--ease)!important;display:block!important;}
.site-header .nav-links>a::before,.site-header .nav-parent::before{display:none!important;content:none!important;}
.site-header .nav-links>a:hover,.site-header .nav-links>a.active,.site-header .nav-parent:hover,.site-header .nav-parent.active{opacity:1!important;color:var(--red)!important;background:transparent!important;}
.site-header .nav-links>a:hover::after,.site-header .nav-links>a.active::after,.site-header .nav-parent:hover::after,.site-header .nav-parent.active::after{right:0!important;}
.site-header .nav-dropdown{position:relative!important;display:flex!important;align-items:center!important;height:42px!important;z-index:5!important;}
.site-header .nav-parent .chev{width:22px!important;height:22px!important;margin-left:2px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;flex:0 0 22px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(229,9,20,.10))!important;box-shadow:inset 0 0 0 1px rgba(229,9,20,.14),0 8px 20px rgba(229,9,20,.10)!important;color:var(--red)!important;transform:none!important;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease)!important;}
.site-header .nav-parent .chev svg{width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:2.8!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .28s var(--ease)!important;}
.site-header .nav-dropdown:hover .chev,.site-header .nav-dropdown:focus-within .chev{transform:translateY(-1px)!important;background:linear-gradient(145deg,#fff,rgba(229,9,20,.16))!important;box-shadow:inset 0 0 0 1px rgba(229,9,20,.22),0 10px 24px rgba(229,9,20,.16)!important;}
.site-header .nav-dropdown:hover .chev svg,.site-header .nav-dropdown:focus-within .chev svg{transform:rotate(180deg)!important;}
.site-header .flyout{position:absolute!important;top:calc(100% + 6px)!important;left:50%!important;width:276px!important;padding:12px!important;border-radius:24px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 30px 90px rgba(0,0,0,.16),0 12px 46px rgba(229,9,20,.10)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;opacity:0!important;pointer-events:none!important;transform:translate(-50%,12px) scale(.96)!important;transform-origin:top center!important;transition:opacity .28s var(--ease),transform .28s var(--ease)!important;}
.site-header .flyout::before{content:""!important;position:absolute!important;left:50%!important;top:-6px!important;width:16px!important;height:16px!important;border-radius:4px!important;background:rgba(255,255,255,.92)!important;border-left:1px solid rgba(255,255,255,.96)!important;border-top:1px solid rgba(255,255,255,.96)!important;transform:translateX(-50%) rotate(45deg)!important;display:block!important;}
.site-header .nav-dropdown:hover .flyout,.site-header .nav-dropdown:focus-within .flyout{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,0) scale(1)!important;}
.site-header .flyout a{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:0 12px 0 15px!important;border-radius:15px!important;font-size:12px!important;font-weight:900!important;color:#202025!important;opacity:1!important;overflow:hidden!important;text-decoration:none!important;background:transparent!important;transition:background .26s var(--ease),color .26s var(--ease),transform .26s var(--ease),box-shadow .26s var(--ease)!important;}
.site-header .flyout a::before{content:""!important;width:7px!important;height:7px!important;border-radius:50%!important;background:var(--red)!important;box-shadow:0 0 0 5px rgba(229,9,20,.10)!important;display:block!important;transition:transform .26s var(--ease),box-shadow .26s var(--ease)!important;}
.site-header .flyout a::after{display:none!important;content:none!important;}
.site-header .flyout a:hover{background:linear-gradient(135deg,rgba(229,9,20,.10),rgba(255,255,255,.55))!important;color:var(--red)!important;transform:translateX(5px)!important;box-shadow:inset 0 0 0 1px rgba(229,9,20,.08)!important;}
.site-header .flyout a:hover::before{transform:scale(1.25)!important;box-shadow:0 0 0 7px rgba(229,9,20,.13),0 0 16px rgba(229,9,20,.35)!important;}
.site-header .btn.nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:54px!important;padding:0 24px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--red),var(--red-2))!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 22px 58px rgba(229,9,20,.24)!important;position:relative!important;overflow:hidden!important;isolation:isolate!important;}
.site-header .btn.nav-cta .arrow,.mobile-panel .btn .arrow{width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.16)!important;}
.site-header .menu-toggle{display:none!important;width:50px!important;height:50px!important;border:0!important;border-radius:18px!important;background:#111!important;color:#fff!important;box-shadow:0 16px 48px rgba(0,0,0,.16)!important;place-items:center!important;position:relative!important;}
.site-header .menu-toggle span{width:20px!important;height:2px!important;background:#fff!important;border-radius:99px!important;position:relative!important;transition:background .3s var(--ease)!important;}
.site-header .menu-toggle span::before,.site-header .menu-toggle span::after{content:""!important;position:absolute!important;left:0!important;width:20px!important;height:2px!important;background:#fff!important;border-radius:99px!important;transition:transform .3s var(--ease),top .3s var(--ease)!important;}
.site-header .menu-toggle span::before{top:-7px!important}.site-header .menu-toggle span::after{top:7px!important}
body.menu-open .site-header .menu-toggle span{background:transparent!important}body.menu-open .site-header .menu-toggle span::before{top:0!important;transform:rotate(45deg)!important}body.menu-open .site-header .menu-toggle span::after{top:0!important;transform:rotate(-45deg)!important}
.mobile-panel{position:fixed!important;inset:0!important;background:rgba(0,0,0,.92)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:82!important;opacity:0!important;pointer-events:none!important;display:grid!important;place-items:center!important;padding:96px 24px 40px!important;transition:opacity .32s var(--ease)!important;}
.mobile-panel.open{opacity:1!important;pointer-events:auto!important;}
.mobile-panel nav{width:min(420px,100%)!important;display:grid!important;gap:12px!important;text-align:center!important;}
.mobile-panel a{padding:15px 12px!important;border-radius:18px!important;color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;font-weight:900!important;text-align:center!important;text-decoration:none!important;}
.mobile-panel .btn{margin-top:12px!important;width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:54px!important;background:linear-gradient(135deg,var(--red),var(--red-2))!important;color:#fff!important;}
.mobile-dropdown{border-radius:18px!important;color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;}
.mobile-dropdown summary{list-style:none!important;padding:15px 14px!important;font-weight:900!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;}
.mobile-dropdown summary::-webkit-details-marker{display:none!important}.mobile-dropdown summary span{transition:transform .28s var(--ease)!important}.mobile-dropdown[open] summary span{transform:rotate(180deg)!important}
.mobile-submenu{display:grid!important;gap:8px!important;padding:0 12px 12px!important}.mobile-submenu a{padding:12px 10px!important;background:rgba(229,9,20,.16)!important;border-color:rgba(255,255,255,.10)!important;font-size:13px!important;}
@media (min-width:1181px){.site-header .nav-links{font-size:11.7px!important;gap:19px!important;letter-spacing:-.005em!important;}.site-header .nav-links>a,.site-header .nav-parent{height:44px!important;}}
@media (max-width:1180px){.site-header .nav-shell{width:min(100% - 42px,var(--container))!important;padding:10px 12px 10px 18px!important;}.site-header .nav-links{display:none!important;}.site-header .menu-toggle{display:grid!important;}.site-header .logo-img{width:200px!important;}.site-header .btn.nav-cta{display:none!important;}}
@media (max-width:820px){.site-header{padding:12px 0!important;}.site-header .nav-shell{width:min(100% - 32px,var(--container))!important;min-height:58px!important;border-radius:28px!important;padding:8px 8px 8px 16px!important;}.site-header .logo-img{width:166px!important;}}
@media (max-width:520px){.site-header .logo-img{width:156px!important;}.site-header .nav-shell{border-radius:24px!important;}}
.footer{background:#050505!important;color:#fff!important;padding:68px 0 28px!important;}
.footer .footer-grid{display:grid!important;grid-template-columns:1.15fr .92fr .92fr!important;gap:30px!important;align-items:start!important;}
.footer .footer-brand,.footer .footer-services,.footer .footer-contact{display:block!important;grid-column:auto!important;text-align:left!important;justify-self:start!important;padding:0!important;margin:0!important;}
.footer .footer-brand p{margin:18px 0 0!important;color:rgba(255,255,255,.64)!important;font-size:13px!important;line-height:1.7!important;font-weight:650!important;max-width:330px!important;text-align:left!important;text-align-last:left!important;}
.footer .logo-img{width:230px!important;height:auto!important;filter:saturate(1.2)!important;}
.footer h4{margin:0 0 17px!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#fff!important;font-weight:900!important;}
.footer ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:10px!important;justify-items:start!important;}
.footer a,.footer li{color:rgba(255,255,255,.65)!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important;}
.footer a:hover{color:#fff!important;}
.footer .social{display:flex!important;gap:10px!important;margin-top:18px!important;justify-content:flex-start!important;}
.footer .social a{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.08)!important;color:#fff!important;transition:transform .28s var(--ease),background .28s var(--ease),color .28s var(--ease)!important;}
.footer .social a:hover{transform:translateY(-4px)!important;background:var(--red)!important;color:#fff!important;}
.footer .social a svg{width:19px!important;height:19px!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.footer .footer-quick,.footer .footer-quote{display:none!important;}
.footer .footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-top:44px!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.10)!important;color:rgba(255,255,255,.48)!important;font-size:12px!important;}
.footer .footer-bottom div{display:flex!important;gap:22px!important;justify-content:center!important;}
@media (max-width:1180px){.footer .footer-grid{grid-template-columns:1.15fr .92fr .92fr!important;gap:30px!important;}.footer .footer-brand,.footer .footer-services,.footer .footer-contact{text-align:left!important;justify-self:start!important;}.footer .footer-brand p{text-align:left!important;text-align-last:left!important;margin-left:0!important;margin-right:0!important;}.footer .footer-brand .social{justify-content:flex-start!important;}.footer .footer-services ul,.footer .footer-contact ul{justify-items:start!important;}}
@media (max-width:700px){.footer .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:26px!important;max-width:360px!important;margin-inline:auto!important;align-items:start!important;}.footer .footer-brand{grid-column:1/-1!important;text-align:center!important;justify-self:center!important;}.footer .footer-brand .logo-img,.footer .logo-img{margin-inline:auto!important;}.footer .footer-brand p{text-align:center!important;text-align-last:center!important;margin-left:auto!important;margin-right:auto!important;}.footer .footer-brand .social{justify-content:center!important;}.footer .footer-services,.footer .footer-contact{grid-column:auto!important;text-align:left!important;padding-left:0!important;justify-self:start!important;}.footer .footer-contact{justify-self:end!important;min-width:122px!important;}.footer .footer-services ul,.footer .footer-contact ul{justify-items:start!important;}.footer h4{margin-bottom:12px!important;}.footer .footer-bottom{display:grid!important;text-align:center!important;justify-content:center!important;}.footer .footer-bottom div{justify-content:center!important;}.footer .logo-img{width:208px!important;}.footer-services li,.footer-contact li,.footer-services a,.footer-contact a{font-size:12px!important;}}
.contact-map-v2 iframe{width:100%!important;height:100%!important;display:block!important;border:0!important;filter:none!important;}
.contact-map-v2::before,.contact-map-v2::after{display:none!important;content:none!important;}

.vtr-icon-inline svg,.vtr-custom-icon svg{stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}