:root{
  --ink:#06101f;
  --navy:#071326;
  --navy-2:#0a1b36;
  --blue:#2a66ff;
  --cyan:#28e8ff;
  --violet:#8f6dff;
  --ice:#eef8ff;
  --text:#f7fbff;
  --muted:#99abc8;
  --line:rgba(135,191,255,.18);
  --light-line:rgba(14,54,101,.12);
  --max:1260px;
  --shadow:0 28px 80px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--text);background:#050914;overflow-x:hidden}
body.light-page{background:#f6f9fd;color:#10233f}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{color:inherit}
::selection{background:#42dcff;color:#001020}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.section{position:relative;padding:112px 0;overflow:hidden}
.section.compact{padding:78px 0}
.section.light{background:#f5f8fc;color:#10233f}
.section.white{background:#fff;color:#10233f}
.section.dark{background:#06101f;color:#fff}
.section.mesh::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,rgba(57,149,255,.14),transparent 34%),radial-gradient(circle at 88% 78%,rgba(129,73,255,.14),transparent 30%),repeating-linear-gradient(90deg,transparent 0 78px,rgba(120,178,255,.05) 79px 80px),repeating-linear-gradient(0deg,transparent 0 78px,rgba(120,178,255,.04) 79px 80px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:750;color:#71dfff}
.light .eyebrow,.white .eyebrow{color:#2867d8}
.eyebrow::before{content:"";width:32px;height:1px;background:currentColor}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px}
.section-head h2,.page-title{margin:10px 0 0;font-size:clamp(36px,5vw,66px);line-height:1.02;letter-spacing:-.04em}
.section-head p{max-width:560px;margin:0;color:var(--muted);font-size:16px;line-height:1.85}
.light .section-head p,.white .section-head p{color:#61738d}
.section-link{display:inline-flex;gap:10px;align-items:center;font-weight:700;color:#82e8ff;white-space:nowrap}
.light .section-link,.white .section-link{color:#245fd0}
.section-link span{transition:transform .25s ease}
.section-link:hover span{transform:translateX(4px)}

/* header */
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:76px;transition:.35s ease;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(4,10,22,.84);backdrop-filter:blur(18px);border-bottom-color:rgba(148,194,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.16)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;min-width:240px}
.brand img{height:44px;width:auto}
.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}
.nav a{color:#c9d6ec;position:relative;padding:28px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:18px;width:100%;height:2px;transform:scaleX(0);transform-origin:right;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:transform .3s ease}
.nav a:hover,.nav a.active{color:#fff}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1);transform-origin:left}
.header-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:11px 18px;
    border:1px solid rgba(111,211,255,.36);
    border-radius:999px;
    background:rgba(14,82,147,.12);
    font-size:13px;
    font-weight:700;
    color:#fff !important;
}.header-cta span{
    color:#fff !important;
}
.header-cta:hover{background:rgba(45,173,255,.12);box-shadow:0 0 28px rgba(44,190,255,.16)}
.menu-btn{display:none;background:none;border:0;padding:10px;margin-right:-10px}
.menu-btn i,.menu-btn::before,.menu-btn::after{content:"";display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:.25s ease}
.menu-btn.open i{opacity:0}.menu-btn.open::before{transform:translateY(7px) rotate(45deg)}.menu-btn.open::after{transform:translateY(-7px) rotate(-45deg)}

/* hero */
.hero{min-height:100svh;position:relative;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 38%,rgba(38,107,255,.25),transparent 26%),radial-gradient(circle at 78% 35%,rgba(120,72,255,.16),transparent 44%),linear-gradient(135deg,#030812 0%,#061327 55%,#071d3b 100%)}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 89px,rgba(117,177,255,.04) 90px),repeating-linear-gradient(0deg,transparent 0 89px,rgba(117,177,255,.035) 90px);mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.hero::after{content:"";position:absolute;inset:-42% -28%;pointer-events:none;background:radial-gradient(circle at 75% 24%,rgba(115,231,255,.18),transparent 15%),radial-gradient(circle at 67% 70%,rgba(63,134,255,.12),transparent 20%),radial-gradient(circle at 78% 35%,rgba(149,112,255,.10),transparent 24%),conic-gradient(from 246deg at 74% 32%,transparent 0 74deg,rgba(122,236,255,.08) 84deg,transparent 104deg,transparent 360deg),conic-gradient(from 248deg at 74% 32%,transparent 0 110deg,rgba(165,129,255,.07) 120deg,transparent 140deg,transparent 360deg);filter:blur(64px);mix-blend-mode:screen;opacity:.82;mask-image:radial-gradient(circle at 72% 42%,rgba(0,0,0,.96) 0 48%,rgba(0,0,0,.55) 66%,transparent 88%);animation:heroAmbient 16s ease-in-out infinite alternate}
.hero-inner{position:relative;z-index:2;padding-top:112px;padding-bottom:58px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:42px;align-items:center}
.hero-copy{position:relative;z-index:4}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#a6bcdd;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:25px}
.hero-kicker b{color:#6decff}
.hero h1{font-size:clamp(45px,5.1vw,78px);line-height:1.42;margin:0 0 34px;letter-spacing:-.028em;max-width:760px}
.hero h1 .gradient{background:linear-gradient(90deg,#fff 12%,#72e7ff 52%,#a78aff);-webkit-background-clip:text;color:transparent}
.hero-lead{font-size:clamp(17px,1.55vw,21px);line-height:1.85;color:#a9bad5;max-width:670px;margin:0 0 32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:750;font-size:14px;transition:.28s ease;cursor:pointer}
.btn-primary{color:#001224;background:linear-gradient(90deg,#79ecff,#69a0ff 55%,#b395ff);box-shadow:0 15px 42px rgba(46,159,255,.23)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 55px rgba(46,159,255,.34)}
.btn-ghost{border-color:rgba(152,207,255,.25);color:#d7e6fa;background:rgba(255,255,255,.025)}
.btn-ghost:hover{background:rgba(255,255,255,.07)}
.hero-stats{display:flex;gap:36px;margin-top:42px;padding-top:28px;border-top:1px solid rgba(165,205,255,.14)}
.hero-stat strong{display:block;color:#fff;font-size:24px;letter-spacing:-.02em}
.hero-stat span{display:block;margin-top:5px;color:#7690b4;font-size:12px}
.hero-stage{height:min(690px,70vh);min-height:520px;position:relative;perspective:1200px;overflow:visible;filter:drop-shadow(0 34px 46px rgba(0,0,0,.28))}
.hero-stage::before{content:"";position:absolute;left:10%;right:5%;bottom:7%;height:24%;border-radius:50%;background:radial-gradient(ellipse,rgba(34,158,255,.38),rgba(36,90,203,.07) 52%,transparent 68%);filter:blur(15px);animation:pulseBase 5s ease-in-out infinite}
.hero-stage::after{content:"";position:absolute;inset:-34% -24%;pointer-events:none;background:radial-gradient(ellipse at 64% 18%,rgba(173,245,255,.22),rgba(173,245,255,.1) 18%,rgba(173,245,255,0) 44%),radial-gradient(ellipse at 60% 54%,rgba(66,171,255,.14),rgba(66,171,255,.06) 18%,rgba(66,171,255,0) 42%),linear-gradient(116deg,transparent 34%,rgba(186,247,255,.06) 42%,rgba(186,247,255,.28) 50%,rgba(186,247,255,.06) 58%,transparent 66%);filter:blur(42px);border-radius:999px;mix-blend-mode:screen;opacity:.8;animation:heroBeam 12s ease-in-out infinite alternate}
.package-cluster{position:absolute;inset:4% -4% 1% 1%;display:grid;place-items:center;animation:clusterCycle 12s ease-in-out infinite}
.package-cluster img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(39,162,255,.16));animation:floatCluster 7s ease-in-out infinite}
.hero-card-solo{position:absolute;inset:8% 8% 6%;display:grid;place-items:center;opacity:0;animation:heroCardCycle 12s ease-in-out infinite;transform-style:preserve-3d}
.hero-card-solo img{width:min(44%,320px);max-height:78%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(71,217,255,.18));transform-origin:50% 80%;animation:heroCardFloat 6.2s ease-in-out infinite}
.stage-label{position:absolute;right:2%;bottom:3%;font-size:11px;color:#6e89b1;letter-spacing:.22em;text-transform:uppercase}
.hero-scroll{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);font-size:10px;letter-spacing:.24em;color:#6b87ad;text-transform:uppercase}
.hero-scroll::after{content:"";display:block;width:1px;height:34px;margin:8px auto 0;background:linear-gradient(#6deaff,transparent);animation:scrollLine 1.8s ease-in-out infinite}

/* page hero */
.page-hero{padding:170px 0 92px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(41,114,255,.25),transparent 28%),linear-gradient(135deg,#040a15,#07172d 60%,#061b38)}
.page-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 96px,rgba(103,166,255,.035) 97px),repeating-linear-gradient(0deg,transparent 0 96px,rgba(103,166,255,.03) 97px)}
.page-hero .container{position:relative;z-index:2}
.page-hero p{max-width:720px;color:#a9bad4;font-size:17px;line-height:1.9;margin:20px 0 0}
.breadcrumb{display:flex;gap:10px;color:#6886ad;font-size:12px;margin-bottom:25px}.breadcrumb span{color:#70e1f7}

/* about + stats */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.copy h3{font-size:clamp(30px,3.5vw,50px);margin:10px 0 24px;letter-spacing:-.035em}
.copy p{color:#61748f;line-height:1.95;margin:0 0 17px;font-size:16px}
.dark .copy p{color:#9bb0cf}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(94,132,180,.12);margin-top:38px;border-top:1px solid rgba(87,132,184,.14);border-bottom:1px solid rgba(87,132,184,.14)}
.metric{padding:24px 18px;background:#fff}.dark .metric{background:#071326}.metric b{display:block;font-size:27px;color:#175ddd}.dark .metric b{color:#75e4ff}.metric span{font-size:12px;color:#71829b;display:block;margin-top:6px}
.photo-stack{position:relative;min-height:530px}
.photo-stack .photo-main{position:absolute;right:0;top:0;width:84%;height:74%;object-fit:cover;box-shadow:var(--shadow)}
.photo-stack .photo-sub{position:absolute;left:0;bottom:0;width:54%;height:48%;object-fit:cover;box-shadow:0 18px 50px rgba(10,32,60,.25)}
.photo-caption{position:absolute;right:0;bottom:4%;background:#0b2a55;color:white;padding:15px 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* product showcases */
.product-marquee{display:flex;gap:58px;align-items:center;width:max-content;animation:marquee 36s linear infinite;padding:15px 0 40px}
.product-marquee img{width:230px;height:290px;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(10,26,54,.16));transition:.35s ease}
.product-marquee img:nth-child(3n){width:230px}
.product-marquee:hover{animation-play-state:paused}
.product-marquee img:hover{transform:translateY(-10px) rotate(1deg)}
.product-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.category-spot{min-height:410px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(180deg,#07152a,#0a2345);isolation:isolate}
.category-spot::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(70,184,255,.22),transparent 48%);z-index:-1}
.category-spot img{position:absolute;left:9%;right:9%;top:7%;width:82%;height:64%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.32));transition:transform .55s cubic-bezier(.2,.75,.15,1)}
.category-spot:hover img{transform:translateY(-8px) scale(1.03)}
.category-spot .label{padding:28px 28px 30px;background:linear-gradient(transparent,rgba(3,11,24,.92) 35%)}
.category-spot h3{margin:0;font-size:22px}.category-spot p{margin:8px 0 0;color:#8da4c5;font-size:13px}

/* free product catalog */
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:50px}
.filter-btn{border:0;padding:10px 18px;border-radius:999px;background:#eaf0f7;color:#52708e;font-weight:700;font-size:13px;cursor:pointer;transition:.2s ease}
.filter-btn.active,.filter-btn:hover{background:#123c77;color:#fff}
.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:52px 28px}
.product-item{position:relative;text-align:center;transition:.3s ease;min-width:0}
.product-item.hidden{display:none}
.product-item figure{height:300px;margin:0;display:grid;place-items:center;position:relative}
.product-item figure::before{content:"";position:absolute;width:74%;height:30%;left:13%;bottom:8%;background:radial-gradient(ellipse,rgba(25,68,124,.18),transparent 70%);filter:blur(15px);z-index:0}
.product-item img{position:relative;z-index:1;max-height:285px;width:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(15,36,72,.13));transition:.35s ease}
.product-item:hover img{transform:translateY(-7px) scale(1.018)}
.product-item h3{font-size:17px;margin:18px 0 6px;color:#16315a}
.product-item p{font-size:12px;color:#7f91a7;margin:0}

/* process */
.process-teaser{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.process-teaser .proc img{width:100%;height:250px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.26));transition:.35s ease}.process-teaser .proc:hover img{transform:translateY(-8px) rotateY(5deg)}
.process-teaser .proc span{display:block;text-align:center;color:#b8cae3;font-weight:700;font-size:13px;margin-top:11px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:66px 36px}
.process-item{position:relative;text-align:left}.process-item .proc-no{font-size:11px;letter-spacing:.15em;color:#5d7fab;text-transform:uppercase}.process-item figure{height:400px;margin:10px 0 24px;display:grid;place-items:center;position:relative}
.process-item figure::after{content:"";position:absolute;z-index:0;width:70%;height:24%;bottom:7%;background:radial-gradient(ellipse,rgba(39,92,151,.16),transparent 70%);filter:blur(14px)}
.process-item img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(25,46,80,.16));transition:.4s cubic-bezier(.2,.8,.2,1)}
.process-item:hover img{transform:translateY(-10px) rotate(.6deg) scale(1.015)}
.process-item h3{font-size:24px;margin:0 0 9px;color:#112e59}.process-item p{font-size:14px;line-height:1.8;color:#6d819d;margin:0}
.process-intro{max-width:900px;margin:0 auto 72px;text-align:center}.process-intro p{font-size:18px;line-height:1.9;color:#647894}

/* factory */
.factory-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:repeat(2,330px);gap:18px}
.factory-grid img{width:100%;height:100%;object-fit:cover}.factory-grid img:first-child{grid-row:1/3}
.factory-grid + .caption{margin-top:18px;color:#7587a0;font-size:13px}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;counter-reset:step;margin-top:48px}
.flow-step{position:relative;padding:26px 22px 30px;border-left:1px solid rgba(104,145,191,.18);counter-increment:step}.flow-step:first-child{border-left:0}.flow-step::before{content:"0" counter(step);display:block;color:#4a8eff;font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:20px}.flow-step h3{font-size:16px;margin:0 0 8px}.flow-step p{font-size:12px;line-height:1.7;color:#7c90a9;margin:0}
.gallery-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-rail img{width:100%;height:280px;object-fit:cover;transition:.35s ease}.gallery-rail img:hover{transform:translateY(-5px)}

/* certifications */
.cert-wrap{display:grid;grid-template-columns:1fr .68fr;gap:70px;align-items:center}.certificate-art{width:100%;filter:drop-shadow(0 25px 40px rgba(23,53,90,.12))}.cert-list{display:grid;gap:26px}.cert-point{padding-left:18px;border-left:2px solid #2e72dd}.cert-point b{display:block;font-size:18px;margin-bottom:8px}.cert-point p{margin:0;color:#73849c;line-height:1.7;font-size:14px}

/* clients + values */
.client-strip{overflow:hidden;border-top:1px solid rgba(138,179,224,.12);border-bottom:1px solid rgba(138,179,224,.12)}
.client-track{display:flex;width:max-content;gap:70px;padding:25px 0;animation:marquee 30s linear infinite;color:#aebed6;font-size:14px;font-weight:650;letter-spacing:.04em}
.client-track span::before{content:"◆";font-size:6px;color:#4adcf4;margin-right:18px;vertical-align:middle}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(107,153,201,.15)}.value{background:#071326;padding:40px 28px;min-height:210px}.value b{color:#70e6ff;font-size:12px;letter-spacing:.1em}.value h3{font-size:19px;margin:18px 0 10px}.value p{margin:0;color:#8ea3c2;line-height:1.8;font-size:13px}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:start}.contact-lines{display:grid;gap:0;margin-top:34px;border-top:1px solid rgba(125,161,202,.15)}.contact-line{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(125,161,202,.15)}.contact-line span{color:#70839e;font-size:13px}.contact-line strong{font-size:15px;color:#1b3558;word-break:break-all}.dark .contact-line strong{color:#fff}.dark .contact-line span{color:#7d93b3}.contact-tools{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.qr-block{background:#fff;color:#112a4d;padding:28px;text-align:center;box-shadow:0 24px 55px rgba(0,0,0,.17)}.qr-block img{width:100%;max-width:260px;margin:auto}.qr-block h3{font-size:18px;margin:18px 0 7px}.qr-block p{font-size:12px;color:#75869b;margin:0;line-height:1.65}.video-card{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:linear-gradient(145deg,#0e3471,#07172f);position:relative;overflow:hidden}.video-card::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-90px;background:radial-gradient(circle,rgba(56,225,255,.3),transparent 65%)}.video-card h3{font-size:26px;margin:0 0 14px;position:relative}.video-card p{font-size:13px;line-height:1.8;color:#a4b8d6;position:relative}.video-card .btn{align-self:flex-start;position:relative}.video-shell{position:relative;z-index:1;border:1px solid rgba(137,196,255,.16);background:rgba(0,8,24,.55);padding:10px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.video-shell video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}.video-copy{position:relative;z-index:1;margin:22px 0 20px}

/* footer */
.footer{background:#030812;border-top:1px solid rgba(129,181,238,.12);padding:58px 0 26px;color:#8ba1c0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:60px}.footer-brand img{height:52px;width:auto}.footer-brand p{max-width:460px;font-size:13px;line-height:1.8;margin:20px 0 0}.footer h4{color:#fff;font-size:13px;margin:0 0 18px}.footer a{display:block;font-size:12px;margin:10px 0}.footer a:hover{color:#6fe8ff}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:45px;padding-top:22px;border-top:1px solid rgba(127,171,220,.1);font-size:11px}

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

/* misc */
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{font-size:12px;padding:8px 12px;border-radius:999px;color:#6c84a2;background:#eef3f8}.dark .pill{background:rgba(255,255,255,.06);color:#9eb5d3}
.note{font-size:12px;color:#8091a8;line-height:1.7}.center{text-align:center}.mt-60{margin-top:60px}.mt-36{margin-top:36px}

@keyframes heroSweep{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.02)}100%{transform:rotate(360deg) scale(1)}}
@keyframes floatCluster{0%,100%{transform:translate3d(0,0,0) rotateY(-2deg)}50%{transform:translate3d(0,-14px,0) rotateY(2deg)}}
@keyframes clusterCycle{0%,37%{opacity:1;transform:scale(1)}44%,78%{opacity:0;transform:scale(.92) rotateY(10deg)}86%,100%{opacity:1;transform:scale(1)}}
@keyframes cardCycle{0%,37%{opacity:0;transform:scale(.9) rotateY(-8deg)}46%,77%{opacity:1;transform:scale(1)}86%,100%{opacity:0;transform:scale(.92)}}
@keyframes cardFloatA{0%,100%{transform:translate3d(-58%,8%,10px) rotate(-19deg) rotateY(-8deg)}50%{transform:translate3d(-62%,0%,30px) rotate(-16deg) rotateY(5deg)}}
@keyframes cardFloatB{0%,100%{transform:translate3d(0,-5%,60px) rotateY(-6deg)}50%{transform:translate3d(0,-12%,90px) rotateY(7deg)}}
@keyframes cardFloatC{0%,100%{transform:translate3d(58%,8%,20px) rotate(19deg) rotateY(8deg)}50%{transform:translate3d(62%,0%,40px) rotate(16deg) rotateY(-5deg)}}
@keyframes pulseBase{50%{opacity:.6;transform:scaleX(.92)}}
@keyframes shinePass{0%,24%{transform:rotate(28deg) translate3d(-170%,0,0);opacity:0}38%{opacity:.45}68%{opacity:.18}100%{transform:rotate(28deg) translate3d(210%,0,0);opacity:0}}
@keyframes scrollLine{0%,100%{opacity:.2;transform:scaleY(.45);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes heroAmbient{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-1.5%,1.2%,0) scale(1.02)}100%{transform:translate3d(1.5%,-1.2%,0) scale(1)}}
@keyframes heroBeam{0%{transform:translate3d(-6%,1%,0) rotate(22deg) scale(1);opacity:.38}50%{transform:translate3d(1%,-1%,0) rotate(26deg) scale(1.04);opacity:.72}100%{transform:translate3d(7%,2%,0) rotate(30deg) scale(1.02);opacity:.48}}
@keyframes heroCardCycle{0%,38%{opacity:0;transform:scale(.9) rotateY(-8deg)}46%,80%{opacity:1;transform:scale(1)}88%,100%{opacity:0;transform:scale(.94)}}
@keyframes heroCardFloat{0%,100%{transform:translate3d(0,6%,46px) rotate(-8deg) rotateY(-6deg)}50%{transform:translate3d(0,-4%,72px) rotate(-4deg) rotateY(6deg)}}

@media (max-width:1080px){
  .nav{gap:17px}.header-cta{display:none}
  .hero-inner{grid-template-columns:1fr .95fr}.hero-stage{min-height:470px;height:56vw}.hero h1{font-size:54px}
  .product-categories{grid-template-columns:repeat(2,1fr)}
  .catalog{grid-template-columns:repeat(3,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-teaser{grid-template-columns:repeat(3,1fr)}
  .flow{grid-template-columns:repeat(3,1fr)}.flow-step:nth-child(4){border-left:0}
  .gallery-rail{grid-template-columns:repeat(2,1fr)}
  .values{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .container{width:min(100% - 30px,var(--max))}.section{padding:82px 0}.section.compact{padding:62px 0}
  .site-header{height:68px}.brand{min-width:0}.brand img{height:40px}
  .menu-btn{display:block}.nav{position:absolute;left:15px;right:15px;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px;background:rgba(4,12,28,.96);backdrop-filter:blur(16px);border:1px solid rgba(125,184,255,.16);box-shadow:0 25px 60px rgba(0,0,0,.38)}.nav.open{display:flex}.nav a{padding:14px 12px}.nav a::after{display:none}
  .hero{min-height:auto}.hero-inner{padding-top:120px;padding-bottom:70px;grid-template-columns:1fr;gap:25px}.hero-copy{text-align:left}.hero h1{font-size:clamp(42px,12vw,61px)}.hero-lead{font-size:16px}.hero-stats{gap:18px;display:grid;grid-template-columns:repeat(2,1fr)}.hero-stage{height:520px;min-height:0;margin-top:0}.hero-scroll{display:none}.stage-label{right:4%}
  .section-head{display:block;margin-bottom:40px}.section-head p{margin-top:18px}.section-link{margin-top:22px}
  .split{grid-template-columns:1fr;gap:50px}.photo-stack{min-height:480px}.metric-grid{grid-template-columns:repeat(2,1fr)}
  .product-categories{grid-template-columns:1fr 1fr;gap:14px}.category-spot{min-height:340px}.category-spot .label{padding:24px 22px}
  .catalog{grid-template-columns:repeat(2,1fr);gap:44px 18px}.product-item figure{height:260px}.product-item img{max-height:250px}
  .process-grid{grid-template-columns:1fr 1fr;gap:55px 22px}.process-item figure{height:330px}
  .factory-grid{grid-template-columns:1fr;grid-template-rows:320px 260px 260px}.factory-grid img:first-child{grid-row:auto}.flow{grid-template-columns:repeat(2,1fr)}.flow-step:nth-child(3),.flow-step:nth-child(5){border-left:0}.flow-step:nth-child(4){border-left:1px solid rgba(104,145,191,.18)}
  .cert-wrap,.contact-grid{grid-template-columns:1fr;gap:48px}.contact-tools{max-width:680px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}
}
@media (max-width:560px){
  .container{width:calc(100% - 24px)}
  .hero-inner{padding-top:104px;padding-bottom:55px}.hero-kicker{font-size:10px}.hero h1{font-size:40px;line-height:1.34}.hero-lead{font-size:14px;line-height:1.8}.btn{min-height:46px;padding:0 18px}.hero-stage{height:400px;margin:0 -10px}.package-cluster{inset:0 -3%}.hero-card-solo{inset:6% 2% 5%}.hero-card-solo img{width:min(56%,270px)}.hero-stats{margin-top:28px;padding-top:22px}.hero-stat strong{font-size:21px}
  .page-hero{padding:130px 0 65px}.page-hero p{font-size:15px}.page-title{font-size:42px}
  .section{padding:68px 0}.section-head h2{font-size:38px}.section-head p{font-size:14px}
  .metric-grid{grid-template-columns:1fr 1fr}.metric{padding:20px 13px}.metric b{font-size:22px}.photo-stack{min-height:390px}.photo-caption{display:none}
  .product-categories{grid-template-columns:1fr}.category-spot{min-height:370px}.product-marquee{gap:30px}.product-marquee img{width:150px;height:220px}.product-marquee img:nth-child(3n){width:150px}
  .catalog{grid-template-columns:1fr 1fr;gap:36px 10px}.product-item figure{height:210px}.product-item img{max-height:205px}.product-item h3{font-size:14px;margin-top:10px}.product-item p{font-size:11px}.filter-bar{margin-bottom:34px}
  .process-grid{grid-template-columns:1fr}.process-item figure{height:360px;margin-bottom:18px}.process-teaser{grid-template-columns:repeat(2,1fr);gap:14px}.process-teaser .proc img{height:190px}
  .factory-grid{grid-template-rows:260px 220px 220px}.flow{grid-template-columns:1fr 1fr}.flow-step{padding:22px 14px}.gallery-rail{grid-template-columns:1fr 1fr;gap:9px}.gallery-rail img{height:180px}
  .values{grid-template-columns:1fr}.value{min-height:0}.contact-tools{grid-template-columns:1fr}.contact-line{grid-template-columns:92px 1fr}.qr-block{padding:22px}.video-card{min-height:300px}.video-shell video{aspect-ratio:16/9}.cert-wrap{gap:38px}
  .footer{padding-top:44px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block;line-height:1.8}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero::after,.package-cluster,.package-cluster img,.hero-card-solo,.hero-card-solo img,.hero-stage::after,.hero-scroll::after,.product-marquee,.client-track{animation:none!important}.package-cluster{opacity:1}.hero-card-solo{display:none}.reveal{opacity:1;transform:none}}