@font-face{font-family:"Why Outfit";src:url("../assets/fonts/Outfit-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Why Outfit";src:url("../assets/fonts/Outfit-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Why Mono";src:url("../assets/fonts/GeistMono-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

:root{
  --why-bg:#0b0e0f;--why-surface:#141719;--why-glass:rgba(20,23,25,.72);--why-text:#efede7;
  --why-muted:#aeb6ba;--why-gold:#d7bd63;--why-orange:#eb6100;--why-line:rgba(215,189,99,.27);
  --why-white-line:rgba(255,255,255,.12);--why-ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--why-bg)}
body{margin:0;background:var(--why-bg);color:var(--why-text);font-family:"Why Outfit","Segoe UI",Arial,sans-serif;font-size:16px;overflow-x:hidden}
body,button,a{cursor:none}
button,a{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--why-gold);color:#080a0b}

.why-grain{position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.fire-cursor{position:fixed;z-index:2147483647;left:-60px;top:-60px;width:28px;height:34px;pointer-events:none;transform:translate(-50%,-70%);filter:drop-shadow(0 0 4px #fff0a0) drop-shadow(0 0 12px #ff5a17)}
.fire-cursor:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 77%,#fff6ac 0 14%,#ffc127 15% 34%,#ff6b1e 35% 58%,#dd3518 59% 69%,transparent 70%);clip-path:polygon(50% 0,65% 25%,83% 44%,88% 66%,72% 91%,50% 100%,26% 91%,11% 65%,17% 42%,36% 24%);animation:whyFlicker .38s infinite alternate}
.fire-cursor:after{content:"";position:absolute;left:10px;top:14px;width:8px;height:11px;border-radius:60% 40% 60% 40%;background:#fff7b5;transform:rotate(-18deg)}
.why-ember{position:fixed;z-index:2147483646;width:4px;height:4px;border-radius:50%;background:#ff8e2c;box-shadow:0 0 8px #ff5a17;pointer-events:none;animation:whyEmberOut .66s forwards}
@keyframes whyFlicker{to{transform:scaleX(.78) translateY(2px) rotate(2deg)}}
@keyframes whyEmberOut{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}

.unified-header{background:linear-gradient(180deg,rgba(5,7,7,.76),rgba(5,7,7,.14));border-bottom-color:rgba(215,189,99,.18)}
.why-main{position:relative;overflow:hidden}
.why-shell{width:min(calc(100% - 8vw),1600px);margin-inline:auto}
.why-section{position:relative;min-height:100dvh;border-bottom:1px solid var(--why-white-line);isolation:isolate}
.why-section:before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(215,189,99,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(215,189,99,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.why-section:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 75% 35%,rgba(215,189,99,.06),transparent 29%),linear-gradient(110deg,transparent 0 46%,rgba(255,255,255,.018) 46.1% 46.3%,transparent 46.4%)}
.why-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--why-ease),transform .75s var(--why-ease)}
.why-reveal.is-visible{opacity:1;transform:none}
.why-kicker{display:flex;align-items:center;gap:16px;color:var(--why-muted);font:400 14px/1.2 "Why Mono",monospace;letter-spacing:.13em;text-transform:uppercase}
.why-kicker b{color:var(--why-gold);font-size:34px;line-height:1}
.why-kicker:after{content:"";width:70px;height:1px;background:linear-gradient(90deg,var(--why-gold),transparent)}
.why-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.why-section-head p{max-width:620px;margin:0;color:var(--why-muted);font-size:17px;line-height:1.65}

/* Hero */
.why-hero{padding-top:88px;min-height:max(780px,100dvh)}
.why-hero-grid{display:grid;grid-template-columns:minmax(390px,.42fr) minmax(620px,.58fr);min-height:calc(100dvh - 88px);align-items:stretch}
.why-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:58px clamp(28px,4vw,74px) 60px 0;border-right:1px solid var(--why-line)}
.why-hero-copy h1{margin:28px 0 22px;font-size:clamp(70px,7vw,128px);line-height:.82;letter-spacing:-.067em;text-transform:uppercase;text-shadow:0 1px 0 #fff,0 4px 12px rgba(255,255,255,.08)}
.why-hero-copy h1 em,.why-close-copy h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--why-gold)}
.why-title-rule{width:min(340px,80%);height:2px;background:linear-gradient(90deg,var(--why-gold),rgba(215,189,99,.08));box-shadow:0 0 12px rgba(215,189,99,.28)}
.why-hero-copy>p{max-width:540px;margin:28px 0 0;color:#c1c3bd;font-size:18px;line-height:1.65}
.why-scroll-cta{width:min(360px,100%);min-height:58px;margin-top:38px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--why-gold);background:rgba(8,10,11,.52);text-transform:uppercase;letter-spacing:.09em;font-size:14px;font-weight:700;transition:background .3s,color .3s,transform .3s}
.why-scroll-cta svg{width:48px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.why-scroll-cta svg path{stroke-dasharray:80;stroke-dashoffset:0;transition:stroke-dashoffset .35s}
.why-scroll-cta:hover,.why-scroll-cta:focus-visible{background:var(--why-gold);color:#090b0b;transform:translateY(-2px)}
.why-scroll-cta:hover svg path:first-child{animation:whyArrowDraw .65s var(--why-ease)}
@keyframes whyArrowDraw{0%{stroke-dashoffset:80}100%{stroke-dashoffset:0}}
.why-coordinate{position:absolute;z-index:3;color:rgba(215,189,99,.55);font:400 14px/1 "Why Mono",monospace;letter-spacing:.1em;writing-mode:vertical-rl}
.why-coordinate-a{right:18px;bottom:44px}

.why-scanner{position:relative;min-height:690px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(215,189,99,.09),transparent 38%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 30% 70%,rgba(0,0,0,.22))}
.why-scanner-frame{position:absolute;inset:4.5% 7%;border:1px solid rgba(215,189,99,.17)}
.why-scanner-frame i{position:absolute;width:44px;height:44px;border-color:var(--why-gold);opacity:.75}
.why-scanner-frame i:nth-child(1){left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.why-scanner-frame i:nth-child(2){right:-1px;top:-1px;border-right:2px solid;border-top:2px solid}.why-scanner-frame i:nth-child(3){left:-1px;bottom:-1px;border-left:2px solid;border-bottom:2px solid}.why-scanner-frame i:nth-child(4){right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.why-scanner-rings{position:absolute;left:50%;top:47%;width:min(63vw,710px);aspect-ratio:1;border:1px solid rgba(215,189,99,.25);border-radius:50%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,transparent 0 56px,rgba(215,189,99,.085) 57px,transparent 58px),repeating-conic-gradient(from 0deg,rgba(215,189,99,.13) 0 1deg,transparent 1deg 10deg);mask-image:radial-gradient(circle,transparent 0 33%,#000 33.5%)}
.why-scanner-axis{position:absolute;left:50%;top:8%;bottom:7%;width:1px;background:linear-gradient(transparent,var(--why-gold) 18%,var(--why-gold) 82%,transparent);opacity:.24}
.why-scan-beam{position:absolute;z-index:6;left:8%;right:8%;top:23%;height:2px;background:#f0d677;box-shadow:0 0 7px #f0d677,0 0 26px rgba(235,97,0,.62),0 -24px 44px rgba(215,189,99,.11),0 24px 44px rgba(215,189,99,.11);animation:whyScan 5.8s ease-in-out infinite alternate}
@keyframes whyScan{to{transform:translateY(53vh)}}
.why-suit-wrap{position:absolute;z-index:4;left:50%;top:5.5%;height:88%;width:43%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 22px 34px rgba(0,0,0,.5))}
.why-suit-wrap img{width:100%;height:100%;object-fit:contain;filter:none!important;mix-blend-mode:normal!important}
.why-target{position:absolute;width:28px;height:28px;border:1px solid var(--why-gold);border-radius:50%;opacity:0;transform:scale(.65);transition:opacity .3s,transform .3s}.why-target:before,.why-target:after{content:"";position:absolute;background:var(--why-gold)}.why-target:before{left:-9px;right:-9px;height:1px;top:50%}.why-target:after{top:-9px;bottom:-9px;width:1px;left:50%}
.why-scanner[data-active-risk="certificate"] .why-target-certificate,.why-scanner[data-active-risk="batch"] .why-target-batch,.why-scanner[data-active-risk="fit"] .why-target-fit,.why-scanner[data-active-risk="delivery"] .why-target-delivery{opacity:1;transform:scale(1)}
.why-target-certificate{left:52%;top:22%}.why-target-batch{left:31%;top:39%}.why-target-fit{left:55%;top:54%}.why-target-delivery{left:64%;top:72%}
.why-risk-tag{position:absolute;z-index:10;width:168px;min-height:68px;padding:11px 14px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.17);background:rgba(8,11,12,.82);text-align:left;text-transform:uppercase;font-size:14px;font-weight:700;line-height:1.15;letter-spacing:.035em;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.why-risk-tag:after{content:"";position:absolute;top:50%;width:clamp(42px,5vw,84px);height:1px;background:linear-gradient(90deg,var(--why-gold),transparent);opacity:.28;transition:opacity .25s}
.why-risk-tag svg{width:30px;height:30px;fill:none;stroke:var(--why-gold);stroke-width:1.25}.why-risk-tag.is-active{border-color:var(--why-gold);background:rgba(36,31,17,.8);box-shadow:inset 0 0 30px rgba(215,189,99,.09)}.why-risk-tag.is-active:after{opacity:1}.why-risk-tag:hover{transform:translateY(-2px);border-color:var(--why-gold)}
.why-risk-tag[data-risk="certificate"]{left:5%;top:18%}.why-risk-tag[data-risk="certificate"]:after,.why-risk-tag[data-risk="fit"]:after{left:100%}.why-risk-tag[data-risk="batch"]{right:3%;top:22%}.why-risk-tag[data-risk="batch"]:after,.why-risk-tag[data-risk="delivery"]:after{right:100%;transform:rotate(180deg)}.why-risk-tag[data-risk="fit"]{left:4%;bottom:25%}.why-risk-tag[data-risk="delivery"]{right:3%;bottom:27%}
.why-risk-readout{position:absolute;z-index:9;left:5%;right:5%;bottom:3.2%;display:grid;grid-template-columns:80px minmax(180px,.7fr) minmax(260px,1.3fr);gap:18px;align-items:center;padding:14px 18px;border-top:1px solid var(--why-line);background:linear-gradient(90deg,rgba(7,9,10,.9),rgba(7,9,10,.54))}
.why-risk-readout span,.why-scan-status span{color:var(--why-gold);font:400 14px/1.3 "Why Mono",monospace;letter-spacing:.08em}.why-risk-readout strong{font-size:16px;text-transform:uppercase}.why-risk-readout p{margin:0;color:var(--why-muted);font-size:14px;line-height:1.45}
.why-scan-status{position:absolute;right:5%;top:5%;display:grid;grid-template-columns:auto auto;gap:7px 12px;font:400 14px/1.2 "Why Mono",monospace}.why-scan-status b{color:#e6e8df;font-weight:400}

/* Proof loop */
.why-proof{padding:clamp(108px,10vw,160px) 0;background:radial-gradient(circle at 71% 50%,rgba(215,189,99,.055),transparent 32%)}
.why-proof-grid{display:grid;grid-template-columns:minmax(330px,.37fr) minmax(580px,.63fr);gap:clamp(32px,5vw,88px);align-items:center}
.why-concerns{display:grid;gap:10px}
.why-concern{min-height:92px;padding:14px 16px;display:grid;grid-template-columns:58px 1fr 20px;gap:15px;align-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(9,12,13,.62);text-align:left;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}
.why-concern:hover{transform:translateX(5px);border-color:rgba(215,189,99,.52)}.why-concern.is-active{border-color:var(--why-gold);background:linear-gradient(90deg,rgba(76,61,23,.43),rgba(14,16,16,.74));box-shadow:inset 0 0 36px rgba(215,189,99,.07)}
.why-concern-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(215,189,99,.2)}.why-concern-icon svg{width:34px;height:34px;fill:none;stroke:var(--why-gold);stroke-width:1.25;stroke-linejoin:round}
.why-concern strong{display:block;text-transform:uppercase;font-size:18px;letter-spacing:.015em}.why-concern small{display:block;margin-top:5px;color:#969b98;font-size:14px;line-height:1.3}.why-concern>i{color:var(--why-gold);font-size:28px;font-style:normal}
.why-loop-stage{position:relative;min-height:650px;overflow:hidden}
.why-loop-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(215,189,99,.11);border-radius:50%;transform:translate(-50%,-50%)}.why-loop-orbit-a{width:76%;aspect-ratio:1}.why-loop-orbit-b{width:91%;aspect-ratio:1;border-style:dashed;animation:whySpin 40s linear infinite}@keyframes whySpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.why-loop-path{position:absolute;inset:1.5%;width:97%;height:97%;overflow:visible}.why-loop-path>path{fill:none;stroke:var(--why-gold);stroke-width:1.4;stroke-dasharray:7 8;filter:drop-shadow(0 0 4px rgba(215,189,99,.45));animation:whyDash 18s linear infinite}.why-loop-path marker path{fill:var(--why-gold)}@keyframes whyDash{to{stroke-dashoffset:-300}}
.why-loop-center{position:absolute;left:50%;top:50%;width:43%;height:66%;transform:translate(-50%,-48%);display:flex;flex-direction:column;align-items:center;text-align:center}.why-loop-center img{height:74%;width:100%;object-fit:contain;opacity:.68;filter:grayscale(.4) contrast(1.06) drop-shadow(0 0 16px rgba(215,189,99,.1))}.why-loop-center strong{font-size:18px;text-transform:uppercase}.why-loop-center p{max-width:340px;margin:7px 0 0;color:var(--why-muted);font-size:14px;line-height:1.45}
.why-material-stack{position:absolute;right:-5%;top:36%;width:42%;height:30%;perspective:500px}.why-material-stack i{position:absolute;inset:auto 0;width:100%;height:42px;border:1px solid rgba(215,189,99,.5);background:repeating-linear-gradient(45deg,rgba(215,189,99,.18) 0 2px,rgba(11,14,15,.8) 2px 7px);transform:rotateX(58deg) rotateZ(-15deg)}.why-material-stack i:nth-child(1){top:0}.why-material-stack i:nth-child(2){top:28px;opacity:.7}.why-material-stack i:nth-child(3){top:56px;opacity:.4}
.why-node{position:absolute;z-index:5;min-width:132px;padding:9px 11px;border:0;background:transparent;text-align:left;text-transform:uppercase}.why-node:before{content:"";position:absolute;left:-18px;top:50%;width:11px;height:11px;border:1px solid var(--why-gold);border-radius:50%;transform:translateY(-50%);background:var(--why-bg);transition:background .3s,box-shadow .3s}.why-node.is-active:before{background:var(--why-gold);box-shadow:0 0 0 6px rgba(215,189,99,.1),0 0 18px var(--why-gold)}.why-node b{display:block;font-size:15px;letter-spacing:.055em}.why-node small{display:block;margin-top:4px;color:#929794;font-size:14px;text-transform:none}
.why-node-hazard{left:44%;top:0}.why-node-material{right:2%;top:18%}.why-node-engineering{right:0;bottom:20%}.why-node-testing{left:44%;bottom:0}.why-node-inspection{left:2%;bottom:20%}.why-node-delivery{left:0;top:18%}

/* Evidence */
.why-evidence{padding:clamp(108px,9vw,150px) 0;background:linear-gradient(180deg,#0b0e0f,#0d1011)}
.why-evidence-console{border:1px solid var(--why-white-line);background:rgba(8,10,11,.64);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.why-evidence-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--why-white-line)}
.why-evidence-tabs button{min-height:62px;border:0;border-right:1px solid var(--why-white-line);background:transparent;color:#949997;text-transform:uppercase;font:700 14px/1 "Why Mono",monospace;letter-spacing:.08em;position:relative}.why-evidence-tabs button:last-child{border-right:0}.why-evidence-tabs button:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--why-gold);transition:right .35s var(--why-ease)}.why-evidence-tabs button.is-active{color:var(--why-text);background:linear-gradient(180deg,rgba(215,189,99,.06),transparent)}.why-evidence-tabs button.is-active:after{right:0}
.why-evidence-panels{min-height:590px}.why-evidence-panel{display:grid;grid-template-columns:minmax(350px,.38fr) minmax(580px,.62fr);min-height:590px;opacity:0;transform:translateY(10px);transition:opacity .32s,transform .32s}.why-evidence-panel[hidden]{display:none!important}.why-evidence-panel.is-active{opacity:1;transform:none}.why-evidence-copy{padding:clamp(34px,4vw,64px);border-right:1px solid var(--why-white-line);display:flex;flex-direction:column;justify-content:center}.why-panel-code{color:var(--why-gold);font:400 14px/1.3 "Why Mono",monospace;letter-spacing:.1em}.why-evidence-copy h2{margin:24px 0 18px;font-size:clamp(48px,5.1vw,86px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.why-evidence-copy h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--why-gold)}.why-evidence-copy>p{margin:0;color:#b2b6b2;font-size:16px;line-height:1.65;max-width:600px}
.why-cert-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:32px}.why-cert-logos img{width:100%;height:54px;padding:9px;object-fit:contain;background:#e8e6df;filter:grayscale(1);opacity:.76;transition:filter .25s,opacity .25s,transform .25s}.why-cert-logos img:hover{filter:none;opacity:1;transform:translateY(-3px)}
.why-certificate-deck{position:relative;min-height:590px;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(215,189,99,.12),transparent 34%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 80px)}.why-certificate{position:absolute;width:31%;max-width:270px;padding:13px;border:1px solid rgba(215,189,99,.2);background:rgba(13,16,17,.9);box-shadow:0 20px 50px rgba(0,0,0,.35);transition:transform .45s var(--why-ease),border-color .3s}.why-certificate img{width:100%;aspect-ratio:200/282;object-fit:cover;background:white}.why-certificate span{display:block;padding-top:10px;color:var(--why-muted);font:400 14px/1.3 "Why Mono",monospace}.why-certificate:nth-child(1){left:9%;top:16%;transform:rotate(-5deg)}.why-certificate:nth-child(2){left:33%;top:7%;transform:rotate(2deg)}.why-certificate:nth-child(3){right:11%;top:18%;transform:rotate(6deg)}.why-certificate:nth-child(4){left:39%;bottom:-13%;transform:rotate(-2deg)}.why-certificate:hover,.why-certificate:focus-visible{z-index:5;border-color:var(--why-gold);transform:rotate(0) translateY(-8px) scale(1.04)}.why-certificate.is-front{z-index:4;border-color:rgba(215,189,99,.7);box-shadow:0 24px 65px rgba(0,0,0,.48),0 0 30px rgba(215,189,99,.08)}
.why-check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:30px 0 0;padding:0;list-style:none}.why-check-list li{position:relative;padding-left:22px;color:#c8cac5;font-size:14px}.why-check-list li:before{content:"";position:absolute;left:0;top:.25em;width:10px;height:10px;border:1px solid var(--why-gold);transform:rotate(45deg)}
.why-detail-inspector{position:relative;min-height:590px;overflow:hidden;background:#050606}.why-detail-inspector>img{width:100%;height:100%;min-height:590px;object-fit:cover}.why-detail-inspector:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,6,.18),transparent 34%),linear-gradient(0deg,rgba(5,6,6,.55),transparent 30%)}.why-detail-inspector>span{position:absolute;z-index:3;left:24px;bottom:20px;color:var(--why-gold);font:400 14px/1 "Why Mono",monospace;letter-spacing:.08em}.why-lens{position:absolute;z-index:2;left:-200px;top:-200px;width:180px;height:180px;border:1px solid var(--why-gold);border-radius:50%;background-image:url("../assets/why-uprotec/sewing.jpg");background-repeat:no-repeat;box-shadow:0 0 0 8px rgba(8,10,11,.55),0 18px 40px rgba(0,0,0,.5);pointer-events:none;opacity:0;transition:opacity .18s}
.why-base-selector{display:flex;gap:8px;margin-top:30px}.why-base-selector button{min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.15);background:transparent;text-transform:uppercase;font-size:14px}.why-base-selector button.is-active{border-color:var(--why-gold);background:var(--why-gold);color:#090b0b}
.why-base-visual{position:relative;min-height:590px;overflow:hidden}.why-base-visual figure{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .55s,transform 1s var(--why-ease)}.why-base-visual figure.is-active{opacity:1;transform:scale(1)}.why-base-visual img{width:100%;height:100%;object-fit:cover}.why-base-visual figure[data-base-image="shenzhen"] img{object-position:center 58%}.why-base-visual figure[data-base-image="guangxi"] img{object-position:center 48%}.why-base-visual figure[data-base-image="jiangxi"] img{object-position:center}.why-base-visual figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.38),transparent 55%),linear-gradient(0deg,rgba(5,7,7,.65),transparent 38%)}.why-base-visual figcaption{position:absolute;z-index:2;left:28px;bottom:24px;text-transform:uppercase;font:400 14px/1.3 "Why Mono",monospace;color:var(--why-text)}
.why-base-map{position:absolute;z-index:3;right:22px;top:22px;width:160px;height:112px;border:1px solid rgba(215,189,99,.22);background:rgba(5,8,8,.66)}.why-base-map:before{content:"CHINA / 03 BASES";position:absolute;left:10px;top:8px;color:var(--why-muted);font:400 14px/1 "Why Mono",monospace}.why-base-map i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--why-gold);box-shadow:0 0 0 0 rgba(215,189,99,.5);animation:whyPulse 1.8s infinite}.why-map-shenzhen{right:35px;bottom:20px}.why-map-guangxi{right:59px;bottom:26px}.why-map-jiangxi{right:43px;bottom:45px}@keyframes whyPulse{70%{box-shadow:0 0 0 12px rgba(215,189,99,0)}}
.why-global-controls{display:flex;align-items:center;gap:18px;margin-top:34px}.why-global-controls button{width:44px;height:44px;border:1px solid var(--why-line);background:transparent;font-size:20px}.why-global-controls span{color:var(--why-gold);font:400 14px/1 "Why Mono",monospace}.why-global-stage{position:relative;min-height:590px;overflow:hidden}.why-global-stage figure{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(4%) scale(1.02);transition:opacity .48s,transform .75s var(--why-ease)}.why-global-stage figure.is-active{opacity:1;transform:none}.why-global-stage img{width:100%;height:100%;object-fit:cover}.why-global-stage figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.36),transparent 50%),linear-gradient(0deg,rgba(5,7,7,.62),transparent 36%)}.why-global-stage figcaption{position:absolute;z-index:3;left:28px;bottom:24px;color:var(--why-text);text-transform:uppercase;font:400 14px/1.3 "Why Mono",monospace}.why-world-lines{position:absolute;z-index:4;right:20px;top:20px;width:180px;height:92px;border-top:1px solid rgba(215,189,99,.25);border-bottom:1px solid rgba(215,189,99,.25);background:repeating-radial-gradient(ellipse at 74% 52%,transparent 0 16px,rgba(215,189,99,.17) 17px,transparent 18px 28px);opacity:.8}

/* Close */
.why-close{padding:clamp(108px,10vw,170px) 0;min-height:88dvh}.why-close-grid{display:grid;grid-template-columns:minmax(430px,.43fr) minmax(600px,.57fr);align-items:center;gap:clamp(44px,6vw,100px)}
.why-close-copy h2{margin:34px 0 25px;font-size:clamp(58px,6.5vw,108px);line-height:.87;letter-spacing:-.062em;text-transform:uppercase}.why-close-copy>p{max-width:600px;margin:0;color:var(--why-muted);font-size:17px;line-height:1.65}
.why-metrics{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--why-line);border-left:1px solid var(--why-line)}.why-metrics article{min-height:205px;padding:28px;border-right:1px solid var(--why-line);border-bottom:1px solid var(--why-line);background:linear-gradient(135deg,rgba(215,189,99,.05),transparent 46%)}.why-metrics span{display:block;color:var(--why-muted);text-transform:uppercase;font:400 14px/1.3 "Why Mono",monospace;letter-spacing:.06em}.why-metrics strong{display:block;margin:18px 0 10px;color:var(--why-gold);font-size:clamp(48px,4vw,74px);line-height:.9;text-transform:uppercase}.why-metrics small{color:#a8aca8;font-size:14px;line-height:1.45}
.why-close-actions{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:18px}.why-close-actions a{min-height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--why-gold);text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:.055em;transition:background .25s,color .25s,transform .25s}.why-primary-action{background:var(--why-gold);color:#090b0b}.why-secondary-action{background:transparent}.why-close-actions a:hover{transform:translateY(-3px)}.why-secondary-action:hover{background:var(--why-gold);color:#090b0b}

/* Footer */
.why-footer{display:grid;grid-template-columns:minmax(180px,.85fr) 1.2fr 1fr;gap:34px;padding:42px 4.2vw 24px;background:#060808;border-top:1px solid var(--why-line);font-size:14px}.why-footer-brand img{width:110px;height:72px;object-fit:contain}.why-footer-brand p{margin:8px 0 0;color:var(--why-muted)}.why-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px}.why-footer nav a,.why-footer-contact{color:#b6bab7}.why-footer nav a:hover,.why-footer-contact a:hover{color:var(--why-gold)}.why-footer-contact{display:grid;gap:5px;justify-content:end}.why-footer-contact strong{color:var(--why-text);text-transform:uppercase}.why-footer-bottom{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--why-white-line);display:flex;justify-content:space-between;color:#858a87;font:400 14px/1.4 "Why Mono",monospace}

button:focus-visible,a:focus-visible{outline:2px solid var(--why-gold);outline-offset:3px}

@media(max-width:1250px){
  .why-hero-grid{grid-template-columns:minmax(350px,.4fr) minmax(560px,.6fr)}
  .why-risk-tag{width:148px}.why-risk-tag:after{width:42px}.why-risk-readout{grid-template-columns:65px 1fr}.why-risk-readout p{grid-column:2}
  .why-loop-stage{min-height:600px}.why-proof-grid{gap:30px}.why-node{min-width:112px}
  .why-evidence-panel{grid-template-columns:minmax(330px,.4fr) minmax(520px,.6fr)}
}
@media(max-width:1020px){
  .why-shell{width:min(calc(100% - 44px),1600px)}
  .why-hero-grid{grid-template-columns:42% 58%}.why-hero-copy{padding-right:28px}.why-hero-copy h1{font-size:clamp(62px,8.4vw,92px)}
  .why-risk-tag{width:132px;padding:9px;grid-template-columns:27px 1fr;font-size:14px}.why-risk-tag svg{width:25px}.why-scan-status{display:none}.why-risk-readout{left:3%;right:3%;bottom:2%}
  .why-proof-grid{grid-template-columns:1fr}.why-concerns{grid-template-columns:1fr 1fr}.why-loop-stage{min-height:680px}
  .why-evidence-panel{grid-template-columns:1fr}.why-evidence-copy{border-right:0;border-bottom:1px solid var(--why-white-line)}.why-evidence-copy h2{font-size:clamp(52px,8vw,82px)}
  .why-certificate-deck,.why-detail-inspector,.why-base-visual,.why-global-stage{min-height:560px}
  .why-close-grid{grid-template-columns:1fr}.why-close-copy{max-width:800px}
}
@media(max-width:760px){
  body,button,a{cursor:auto}.fire-cursor,.why-ember{display:none!important}
  .why-shell{width:min(calc(100% - 30px),1600px)}
  .why-section{min-height:auto}.why-section:before{background-size:42px 42px}
  .why-kicker b{font-size:28px}.why-kicker{font-size:14px}.why-kicker:after{width:34px}
  .why-section-head{display:block}.why-section-head p{margin-top:18px;font-size:16px}
  .why-hero{padding-top:72px}.why-hero-grid{display:block;min-height:auto}.why-hero-copy{min-height:680px;padding:92px 0 70px;border-right:0;border-bottom:1px solid var(--why-line)}.why-hero-copy h1{font-size:clamp(64px,20vw,96px)}.why-hero-copy>p{font-size:16px}.why-scroll-cta{width:100%}
  .why-scanner{min-height:740px}.why-scanner-frame{inset:3% 2%}.why-scanner-rings{width:620px}.why-suit-wrap{top:8%;width:65%;height:72%}.why-scan-beam{left:3%;right:3%}@keyframes whyScan{to{transform:translateY(430px)}}
  .why-risk-tag{width:44%;min-height:66px;font-size:14px}.why-risk-tag:after{display:none}.why-risk-tag[data-risk="certificate"]{left:3%;top:8%}.why-risk-tag[data-risk="batch"]{right:3%;top:8%}.why-risk-tag[data-risk="fit"]{left:3%;bottom:17%}.why-risk-tag[data-risk="delivery"]{right:3%;bottom:17%}
  .why-risk-readout{grid-template-columns:50px 1fr;gap:10px;bottom:2%;padding:11px}.why-risk-readout p{display:none}.why-risk-readout strong{font-size:14px}
  .why-proof,.why-evidence,.why-close{padding:86px 0}
  .why-concerns{grid-template-columns:1fr}.why-concern{min-height:88px}.why-concern strong{font-size:16px}
  .why-loop-stage{min-height:650px;margin-top:20px;overflow:visible}.why-loop-center{width:54%;height:54%}.why-loop-orbit-a{width:84%}.why-loop-orbit-b{width:102%}.why-loop-path{inset:5%;width:90%;height:90%}.why-node{min-width:94px;padding:5px}.why-node b{font-size:14px}.why-node small{display:none}.why-node-hazard{left:40%}.why-node-testing{left:39%}.why-node-material{right:-2%}.why-node-engineering{right:-2%}.why-node-inspection{left:2%}.why-node-delivery{left:2%}
  .why-evidence-tabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(125px,1fr))}.why-evidence-tabs button{min-height:58px}.why-evidence-panels,.why-evidence-panel{min-height:0}.why-evidence-copy{padding:32px 20px}.why-evidence-copy h2{font-size:clamp(46px,14vw,68px)}.why-cert-logos{grid-template-columns:repeat(3,1fr)}
  .why-certificate-deck{min-height:500px}.why-certificate{width:39%}.why-certificate:nth-child(1){left:4%}.why-certificate:nth-child(2){left:31%}.why-certificate:nth-child(3){right:3%}.why-certificate:nth-child(4){left:31%}
  .why-detail-inspector,.why-detail-inspector>img,.why-base-visual,.why-global-stage{min-height:430px}.why-detail-inspector>img{object-position:center}.why-lens{display:none}.why-check-list{grid-template-columns:1fr}.why-base-selector{flex-wrap:wrap}.why-base-selector button{flex:1}.why-base-map{width:130px}.why-global-stage figure[data-global-slide] img{object-position:center}
  .why-close-copy h2{font-size:clamp(58px,16vw,86px)}.why-metrics{grid-template-columns:1fr 1fr}.why-metrics article{min-height:175px;padding:20px}.why-metrics strong{font-size:48px}.why-close-actions{grid-template-columns:1fr}.why-close-actions a{min-height:58px}
  .why-footer{grid-template-columns:1fr;padding:34px 20px 22px}.why-footer-contact{justify-content:start}.why-footer-bottom{display:grid;gap:8px}
}
@media(max-width:480px){
  .why-hero-copy{min-height:610px}.why-hero-copy h1{font-size:clamp(58px,19vw,78px)}.why-scanner{min-height:680px}.why-suit-wrap{width:75%;height:68%;top:11%}.why-risk-tag{width:46%;padding:8px}.why-risk-tag svg{display:none}.why-risk-tag{grid-template-columns:1fr;text-align:center}.why-risk-tag[data-risk="fit"],.why-risk-tag[data-risk="delivery"]{bottom:18%}
  .why-loop-stage{min-height:570px}.why-loop-center strong{font-size:14px}.why-loop-center p{display:none}.why-node{min-width:84px}.why-node:before{display:none}.why-node-hazard{left:37%}.why-node-testing{left:37%}
  .why-evidence-copy h2{font-size:43px}.why-certificate-deck{min-height:430px}.why-certificate span{display:none}.why-base-map,.why-world-lines{display:none}.why-base-visual,.why-global-stage,.why-detail-inspector,.why-detail-inspector>img{min-height:360px}
  .why-metrics{grid-template-columns:1fr}.why-metrics article{min-height:150px}.why-close-copy h2{font-size:54px}
}

/* 2026-08-13 / complete rebuild of screens 01–02 */
.why-hero{min-height:max(760px,100dvh)}
.why-hero-grid{grid-template-columns:minmax(390px,.39fr) minmax(650px,.61fr)}
.why-hero-copy{padding-right:clamp(34px,4vw,72px)}
.why-hero-copy h1{font-size:clamp(64px,6.35vw,112px)}
.why-assurance{position:relative;min-height:calc(100dvh - 88px);display:grid;grid-template-columns:minmax(340px,.58fr) minmax(260px,.42fr);grid-template-rows:52px minmax(0,1fr) auto;overflow:hidden;background:linear-gradient(90deg,rgba(5,7,8,.18),rgba(16,19,20,.9));border-right:1px solid var(--why-line)}
.why-assurance:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(215,189,99,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(215,189,99,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.why-assurance-head{grid-column:1/-1;position:relative;z-index:6;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--why-white-line);color:#8e9593;font:400 14px/1 "Why Mono",monospace;letter-spacing:.08em}.why-assurance-head b{color:var(--why-gold);font-weight:400}.why-assurance-head b:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--why-gold);box-shadow:0 0 13px var(--why-gold);animation:whyAssurancePulse 1.8s ease-in-out infinite}@keyframes whyAssurancePulse{50%{opacity:.3}}
.why-assurance-product{position:relative;z-index:2;grid-column:1;grid-row:2;min-height:560px;display:grid;place-items:center;overflow:hidden;border-right:1px solid var(--why-white-line)}
.why-product-grid{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 48px,rgba(215,189,99,.11) 49px,transparent 50px),repeating-conic-gradient(rgba(215,189,99,.08) 0 1deg,transparent 1deg 15deg);mask-image:radial-gradient(circle,transparent 0 19%,#000 19.5% 65%,transparent 65.5%)}
.why-product-halo{position:absolute;left:50%;top:49%;width:64%;aspect-ratio:1;border:1px solid rgba(215,189,99,.27);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 70px rgba(215,189,99,.035),0 0 50px rgba(215,189,99,.025)}
.why-assurance-product>img{position:relative;z-index:3;width:76%;height:88%;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.55))}
.why-assurance-beam{position:absolute;z-index:4;left:9%;right:9%;top:15%;height:1px;background:linear-gradient(90deg,transparent,#f3da7a 20% 80%,transparent);box-shadow:0 0 8px #f3da7a,0 0 32px rgba(235,97,0,.42);animation:whyAssuranceScan 4.8s ease-in-out infinite alternate}@keyframes whyAssuranceScan{to{transform:translateY(440px)}}
.why-product-code,.why-product-status{position:absolute;z-index:5;bottom:16px;font:400 14px/1 "Why Mono",monospace;letter-spacing:.06em}.why-product-code{left:18px;color:#858b89}.why-product-status{right:18px;color:var(--why-gold)}.why-product-status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--why-gold);box-shadow:0 0 10px var(--why-gold)}
.why-assurance-rail{position:relative;z-index:5;grid-column:2;grid-row:2;display:grid;grid-template-rows:repeat(4,1fr);background:rgba(8,10,11,.52)}
.why-assurance-rail button{position:relative;min-height:104px;padding:16px 18px;display:grid;grid-template-columns:32px 38px 1fr 8px;gap:12px;align-items:center;border:0;border-bottom:1px solid var(--why-white-line);background:transparent;text-align:left;color:#858b89;transition:color .3s,background .3s,transform .3s}.why-assurance-rail button:last-child{border-bottom:0}.why-assurance-rail button>span{font:400 14px/1 "Why Mono",monospace}.why-assurance-rail svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.25}.why-assurance-rail strong{font-size:16px;text-transform:uppercase;line-height:1.14}.why-assurance-rail button>i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.why-assurance-rail button:before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:2px;background:var(--why-gold);transform:scaleY(0);transition:transform .35s var(--why-ease)}.why-assurance-rail button:hover,.why-assurance-rail button.is-active{color:var(--why-text);background:linear-gradient(90deg,rgba(215,189,99,.12),transparent)}.why-assurance-rail button.is-active:before{transform:scaleY(1)}.why-assurance-rail button.is-active>i{background:var(--why-gold);border-color:var(--why-gold);box-shadow:0 0 15px var(--why-gold)}
.why-assurance-readout{position:relative;z-index:7;grid-column:1/-1;min-height:112px;padding:18px 22px;display:grid;grid-template-columns:84px 1fr;gap:20px;align-items:center;border-top:1px solid var(--why-line);background:rgba(7,9,10,.9)}.why-assurance-readout>span{color:var(--why-gold);font:400 14px/1 "Why Mono",monospace}.why-assurance-readout strong{display:block;text-transform:uppercase;font-size:17px}.why-assurance-readout p{margin:7px 0 0;color:var(--why-muted);font-size:14px;line-height:1.45}
.why-assurance[data-active-risk="certificate"] .why-assurance-product{--assurance-tone:rgba(215,189,99,.28)}.why-assurance[data-active-risk="batch"] .why-assurance-product{--assurance-tone:rgba(114,154,167,.3)}.why-assurance[data-active-risk="fit"] .why-assurance-product{--assurance-tone:rgba(235,97,0,.24)}.why-assurance[data-active-risk="delivery"] .why-assurance-product{--assurance-tone:rgba(122,146,103,.28)}.why-assurance-product{background:radial-gradient(circle at 50% 48%,var(--assurance-tone,rgba(215,189,99,.28)),transparent 44%)}

.why-proof{min-height:100dvh;padding:clamp(84px,7vw,112px) 0}.why-proof-grid{grid-template-columns:minmax(330px,.34fr) minmax(680px,.66fr);gap:clamp(28px,4vw,65px)}
.why-control-stage{position:relative;min-height:560px;padding:34px;display:grid;grid-template-rows:auto 1fr auto;gap:28px;overflow:hidden;border:1px solid var(--why-white-line);background:linear-gradient(135deg,rgba(215,189,99,.055),transparent 31%),rgba(8,10,11,.64)}
.why-control-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.why-control-stage:after{content:"";position:absolute;left:34px;right:34px;top:48%;height:1px;background:linear-gradient(90deg,var(--why-gold),rgba(215,189,99,.1))}
.why-control-head{position:relative;z-index:2;display:grid;grid-template-columns:160px 1fr;gap:8px 24px;padding-bottom:22px;border-bottom:1px solid var(--why-white-line)}.why-control-head>span{grid-row:1/3;color:var(--why-gold);font:400 14px/1.4 "Why Mono",monospace;letter-spacing:.08em}.why-control-head strong{font-size:clamp(24px,2.3vw,38px);line-height:1;text-transform:uppercase}.why-control-head p{margin:0;color:var(--why-muted);font-size:14px;line-height:1.45}
.why-control-route{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.why-control-route article{position:relative;min-height:190px;padding:20px 18px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.14);background:rgba(10,13,14,.86);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:transform .35s var(--why-ease),border-color .35s}.why-control-route article:before{content:"";position:absolute;left:18px;top:18px;width:11px;height:11px;border:1px solid var(--why-gold);border-radius:50%;background:var(--why-bg);box-shadow:0 0 0 5px rgba(215,189,99,.08)}.why-control-route article:not(:last-child):after{content:"→";position:absolute;z-index:5;right:-18px;top:48%;color:var(--why-gold);font-size:20px}.why-control-route span{position:absolute;left:18px;top:48px;color:#787f7d;font:400 14px/1 "Why Mono",monospace}.why-control-route b{font-size:17px;text-transform:uppercase}.why-control-route p{margin:8px 0 0;color:#979d9a;font-size:14px;line-height:1.42}.why-control-route article:hover{transform:translateY(-6px);border-color:var(--why-gold)}
.why-control-stage.is-switching .why-control-route article{animation:whyRouteIn .58s var(--why-ease) both}.why-control-stage.is-switching .why-control-route article:nth-child(2){animation-delay:.05s}.why-control-stage.is-switching .why-control-route article:nth-child(3){animation-delay:.1s}.why-control-stage.is-switching .why-control-route article:nth-child(4){animation-delay:.15s}@keyframes whyRouteIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.why-control-outcome{position:relative;z-index:2;min-height:72px;padding:15px 20px;display:grid;grid-template-columns:170px 1fr 44px;gap:18px;align-items:center;border:1px solid rgba(215,189,99,.3);background:linear-gradient(90deg,rgba(215,189,99,.1),transparent)}.why-control-outcome span{color:var(--why-gold);font:400 14px/1 "Why Mono",monospace}.why-control-outcome strong{font-size:15px;text-transform:uppercase}.why-control-outcome i{width:34px;height:34px;border:1px solid var(--why-gold);border-radius:50%;background:radial-gradient(circle,var(--why-gold) 0 3px,transparent 4px);box-shadow:0 0 22px rgba(215,189,99,.18)}

/* Evidence panel refinements */
.why-certificate-deck{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;align-content:center;gap:10px 12px;padding:26px 20px;overflow:hidden}
.why-certificate{position:relative!important;inset:auto!important;width:100%;height:auto;min-height:0;padding:6px;align-self:center;background:rgba(19,22,23,.72);transform:none!important;overflow:visible}.why-certificate img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.why-certificate:nth-child(1){transform:rotate(-4deg) translateY(12px)!important}.why-certificate:nth-child(2){transform:rotate(2deg) translateY(-14px)!important}.why-certificate:nth-child(3){transform:rotate(-1deg) translateY(7px)!important}.why-certificate:nth-child(4){transform:rotate(4deg) translateY(-9px)!important}.why-certificate:nth-child(5){transform:rotate(-3deg) translateY(16px)!important}.why-certificate:nth-child(6){transform:rotate(3deg) translateY(-12px)!important}.why-certificate:nth-child(7){transform:rotate(-4deg) translateY(13px)!important}.why-certificate:nth-child(8){transform:rotate(1deg) translateY(-7px)!important}.why-certificate:nth-child(9){transform:rotate(4deg) translateY(10px)!important}.why-certificate:nth-child(10){transform:rotate(-2deg) translateY(-15px)!important}.why-certificate:hover,.why-certificate:focus-visible,.why-certificate.is-front{z-index:4;transform:rotate(0) translateY(-7px) scale(1.055)!important}
.why-detail-inspector{min-height:520px;padding:0;display:block}.why-detail-inspector:before{display:none}.why-detail-inspector>img{width:100%;height:520px;max-width:none;object-fit:cover;border:0;box-shadow:none}.why-detail-inspector>span{left:22px;bottom:18px;transform:none}
.why-base-visual{height:520px;min-height:520px}.why-base-visual figure{inset:0;display:flex;align-items:center;justify-content:center;padding:18px 22px 44px;opacity:0;transform:translateX(5%) scale(.985);transition:opacity .55s ease,transform .8s var(--why-ease)}.why-base-visual figure.is-active{opacity:1;transform:none}.why-base-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:458px;object-fit:contain}.why-base-visual figcaption{position:absolute;left:22px;bottom:16px;padding:0;text-align:left}.why-base-visual figure:after{display:none}
.why-global-stage{height:520px;min-height:520px}.why-global-stage figure{inset:0}.why-global-stage figcaption{bottom:82px}.why-global-thumbs{left:auto;right:16px;bottom:16px;width:min(46%,380px);height:54px;gap:7px}.why-global-thumbs button{padding:2px;border-color:rgba(255,255,255,.28);background:rgba(150,154,154,.28);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.why-global-thumbs img{filter:brightness(.65) saturate(.72)}

@media(max-width:1180px){.why-hero-grid{grid-template-columns:38% 62%}.why-assurance{grid-template-columns:55% 45%}.why-proof-grid{grid-template-columns:1fr}.why-concerns{grid-template-columns:repeat(4,1fr)}.why-concern{grid-template-columns:44px 1fr;padding:12px}.why-concern>i{display:none}.why-concern small{display:none}.why-control-stage{min-height:520px}}
@media(max-width:760px){
  .why-hero-grid{display:block}.why-hero-copy{min-height:520px}.why-assurance{min-height:auto;grid-template-columns:1fr;grid-template-rows:48px 520px auto auto}.why-assurance-head{grid-column:1;grid-row:1}.why-assurance-product{grid-column:1;grid-row:2;min-height:520px;border-right:0}.why-assurance-product>img{width:68%;height:92%}.why-assurance-rail{grid-column:1;grid-row:3;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,82px)}.why-assurance-rail button{min-height:82px;grid-template-columns:25px 29px 1fr;padding:10px}.why-assurance-rail button>i{display:none}.why-assurance-rail svg{width:27px;height:27px}.why-assurance-rail strong{font-size:14px}.why-assurance-readout{grid-column:1;grid-row:4;min-height:116px}.why-assurance-beam{animation-name:whyAssuranceScanMobile}@keyframes whyAssuranceScanMobile{to{transform:translateY(400px)}}
  .why-concerns{grid-template-columns:1fr}.why-control-stage{min-height:auto;padding:22px 16px}.why-control-stage:after{display:none}.why-control-head{grid-template-columns:1fr}.why-control-head>span{grid-row:auto}.why-control-route{grid-template-columns:1fr 1fr}.why-control-route article{min-height:160px}.why-control-route article:not(:last-child):after{display:none}.why-control-outcome{grid-template-columns:1fr}.why-control-outcome i{position:absolute;right:16px;top:18px}
  .why-certificate-deck{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 12px}.why-detail-inspector,.why-detail-inspector>img{height:410px;min-height:410px}.why-base-visual{height:410px;min-height:410px}.why-base-visual img{max-height:352px}.why-global-stage{height:420px;min-height:420px}.why-global-thumbs{width:60%;height:48px}.why-global-stage figcaption{bottom:73px}
}
@media(max-width:480px){.why-assurance{grid-template-rows:46px 450px auto auto}.why-assurance-product{min-height:450px}.why-assurance-product>img{width:80%}.why-product-code{display:none}.why-assurance-readout{grid-template-columns:56px 1fr}.why-assurance-readout p{display:block}.why-control-route{grid-template-columns:1fr}.why-control-route article{min-height:140px}.why-certificate-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.why-detail-inspector,.why-detail-inspector>img{height:350px;min-height:350px}.why-base-visual{height:350px;min-height:350px}.why-base-visual img{max-height:292px}.why-global-stage{height:360px;min-height:360px}.why-global-thumbs{width:72%;right:10px;bottom:10px;height:43px}.why-global-stage figcaption{left:16px;bottom:65px}}
.why-control-route article:not(:last-child):after{right:4px;top:45%}

/* Shader reactor hero */
.why-reactor{position:relative;min-height:calc(100dvh - 88px);display:grid;grid-template-rows:50px minmax(0,1fr) auto auto;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(215,189,99,.09),transparent 40%),#090c0d;border-right:1px solid var(--why-line)}
#whyReactorCanvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}.why-reactor-frame{position:absolute;z-index:5;inset:20px;pointer-events:none}.why-reactor-frame i{position:absolute;width:46px;height:46px;border-color:rgba(215,189,99,.62)}.why-reactor-frame i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.why-reactor-frame i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.why-reactor-frame i:nth-child(3){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}.why-reactor-frame i:nth-child(4){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}
.why-reactor-head{position:relative;z-index:7;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--why-white-line);font:400 14px/1 "Why Mono",monospace;letter-spacing:.08em;color:#8e9593}.why-reactor-head b{color:var(--why-gold);font-weight:400}.why-reactor-head b i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--why-gold);box-shadow:0 0 12px var(--why-gold);animation:whyAssurancePulse 1.6s infinite}
.why-reactor-product{position:relative;z-index:4;display:grid;place-items:center;min-height:500px}.why-reactor-product>img{width:54%;height:96%;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(0,0,0,.62))}.why-reactor-axis{position:absolute;left:50%;top:6%;bottom:5%;width:1px;background:linear-gradient(transparent,var(--why-gold),transparent);opacity:.22}.why-reactor-code{position:absolute;left:28px;bottom:15px;color:#858b89;font:400 14px/1 "Why Mono",monospace}
.why-reactor-data{position:relative;z-index:8;margin:0 24px 12px;padding:16px 18px;display:grid;grid-template-columns:75px minmax(190px,.68fr) minmax(260px,1.32fr);gap:18px;align-items:center;border:1px solid rgba(215,189,99,.28);background:rgba(7,9,10,.68);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.why-reactor-data>span{color:var(--why-gold);font:400 14px/1 "Why Mono",monospace}.why-reactor-data strong{text-transform:uppercase;font-size:16px}.why-reactor-data p{margin:0;color:var(--why-muted);font-size:14px;line-height:1.4}
.why-reactor-controls{position:relative;z-index:9;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--why-white-line)}.why-reactor-controls button{position:relative;min-height:76px;padding:12px 15px;display:grid;grid-template-columns:auto 1fr 8px;gap:10px;align-items:center;border:0;border-right:1px solid var(--why-white-line);background:rgba(7,9,10,.7);text-align:left;color:#858b89;transition:color .3s,background .3s}.why-reactor-controls button:last-child{border-right:0}.why-reactor-controls span{font:400 14px/1 "Why Mono",monospace}.why-reactor-controls strong{font-size:14px;text-transform:uppercase}.why-reactor-controls button>i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.why-reactor-controls button:before{content:"";position:absolute;left:12%;right:12%;top:0;height:2px;background:var(--why-gold);transform:scaleX(0);transition:transform .35s}.why-reactor-controls button:hover,.why-reactor-controls button.is-active{color:var(--why-text);background:rgba(44,38,20,.72)}.why-reactor-controls button.is-active:before{transform:scaleX(1)}.why-reactor-controls button.is-active>i{background:var(--why-gold);border-color:var(--why-gold);box-shadow:0 0 12px var(--why-gold)}

/* Proof sprite: top row buttons, bottom row interpretation panels */
.why-concern{position:relative;isolation:isolate;overflow:hidden;background:#0c0f10}.why-concern:before{content:"";position:absolute;z-index:-2;inset:0;background-image:url("../assets/why-uprotec/proof-sprite.webp");background-size:400% 200%;background-repeat:no-repeat;filter:brightness(.36) saturate(.72);transform:scale(1.035);transition:filter .35s,transform .5s var(--why-ease)}.why-concern:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(6,8,9,.94),rgba(6,8,9,.52))}.why-concern[data-concern="certification"]:before{background-position:0 0}.why-concern[data-concern="production"]:before{background-position:33.333% 0}.why-concern[data-concern="mobility"]:before{background-position:66.666% 0}.why-concern[data-concern="delivery"]:before{background-position:100% 0}.why-concern:hover:before,.why-concern.is-active:before{filter:brightness(.64) saturate(.92);transform:scale(1.09)}
.why-control-stage{isolation:isolate}.why-control-stage:before{z-index:-3;background-image:url("../assets/why-uprotec/proof-sprite.webp");background-size:400% 200%;background-repeat:no-repeat;opacity:.36;filter:saturate(.75);transition:background-position .45s var(--why-ease),opacity .35s}.why-control-stage:after{z-index:-2;left:0;right:0;top:0;height:auto;inset:0;background:linear-gradient(90deg,rgba(8,10,11,.94),rgba(8,10,11,.61)),linear-gradient(0deg,rgba(8,10,11,.9),transparent 70%)}.why-control-stage[data-active-concern="certification"]:before{background-position:0 100%}.why-control-stage[data-active-concern="production"]:before{background-position:33.333% 100%}.why-control-stage[data-active-concern="mobility"]:before{background-position:66.666% 100%}.why-control-stage[data-active-concern="delivery"]:before{background-position:100% 100%}.why-control-head,.why-control-route,.why-control-outcome{position:relative;z-index:3}.why-control-route article{background:rgba(10,13,14,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* Evidence images must fill their entire visual panel */
.why-detail-inspector{padding:0!important;display:block!important}.why-detail-inspector>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important}
.why-base-visual figure{inset:0!important;padding:0!important;display:block!important}.why-base-visual figure img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important}.why-base-visual figcaption{z-index:3;left:20px;bottom:18px;padding:8px 11px;background:rgba(5,7,7,.62);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.why-base-visual figure:after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,7,.55),transparent 32%);pointer-events:none}

@media(max-width:760px){.why-reactor{min-height:auto;grid-template-rows:48px 510px auto auto}.why-reactor-product{min-height:510px}.why-reactor-product>img{width:70%;height:95%}.why-reactor-data{grid-template-columns:60px 1fr;margin-inline:12px}.why-reactor-data p{grid-column:2}.why-reactor-controls{grid-template-columns:repeat(2,1fr)}.why-reactor-controls button{min-height:66px}.why-concern:before{filter:brightness(.42) saturate(.72)}.why-detail-inspector,.why-detail-inspector>img,.why-base-visual{height:410px!important;min-height:410px!important}}
@media(max-width:480px){.why-reactor{grid-template-rows:46px 440px auto auto}.why-reactor-product{min-height:440px}.why-reactor-product>img{width:82%}.why-reactor-data{grid-template-columns:50px 1fr}.why-reactor-data p{display:none}.why-reactor-controls strong{font-size:13px}.why-detail-inspector,.why-detail-inspector>img,.why-base-visual{height:350px!important;min-height:350px!important}}
@media(pointer:coarse){body,button,a{cursor:auto}.fire-cursor,.why-ember{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.why-reveal{opacity:1;transform:none}.why-scan-beam{top:48%}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.unified-header.is-scrolled,.unified-header.is-open{background:#080a0b}}

/* 2026-08 refinement: denser evidence, stateful proof, restrained hero */
.why-hero-grid{grid-template-columns:minmax(430px,.46fr) minmax(590px,.54fr)}
.why-hero-copy h1{font-size:clamp(66px,6.55vw,116px)}
.why-scanner{min-height:650px}
.why-suit-wrap{top:4%;height:83%;width:48%}
.why-risk-readout{right:7%;left:7%;grid-template-columns:72px minmax(190px,.82fr) minmax(240px,1.18fr)}

.why-proof{padding:clamp(82px,7vw,112px) 0}
.why-loop-stage{min-height:580px}
.why-loop-center{height:62%;width:41%}
.why-loop-effect{position:absolute;z-index:3;inset:5% -18% 25%;pointer-events:none;opacity:0;transition:opacity .4s var(--why-ease),transform .55s var(--why-ease)}
.why-loop-stage[data-active-concern="certification"] .why-loop-effect-certification,
.why-loop-stage[data-active-concern="production"] .why-loop-effect-production,
.why-loop-stage[data-active-concern="mobility"] .why-loop-effect-mobility,
.why-loop-stage[data-active-concern="delivery"] .why-loop-effect-delivery{opacity:1}
.why-loop-effect-certification{border:1px solid rgba(215,189,99,.55);clip-path:polygon(0 0,24% 0,24% 2px,2px 2px,2px 24%,0 24%,0 0,100% 0,100% 24%,calc(100% - 2px) 24%,calc(100% - 2px) 2px,76% 2px,76% 0,100% 0,100% 100%,76% 100%,76% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 76%,100% 76%,100% 100%,0 100%,0 76%,2px 76%,2px calc(100% - 2px),24% calc(100% - 2px),24% 100%,0 100%)}
.why-loop-effect-certification i{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--why-gold),transparent);animation:whyProofScan 2.8s ease-in-out infinite alternate}.why-loop-effect-certification i:nth-child(2){animation-delay:.9s}.why-loop-effect-certification i:nth-child(3){animation-delay:1.8s}@keyframes whyProofScan{from{top:15%;opacity:.15}to{top:80%;opacity:.75}}
.why-loop-effect-production i{position:absolute;left:17%;right:17%;height:20%;border:1px solid rgba(215,189,99,.45);background:repeating-linear-gradient(135deg,rgba(215,189,99,.11) 0 2px,transparent 2px 7px);transform:perspective(500px) rotateX(61deg)}.why-loop-effect-production i:nth-child(1){top:13%}.why-loop-effect-production i:nth-child(2){top:35%;opacity:.7}.why-loop-effect-production i:nth-child(3){top:57%;opacity:.42}
.why-loop-effect-mobility i{position:absolute;top:22%;width:38%;height:56%;border:1px dashed rgba(215,189,99,.45);border-radius:50%}.why-loop-effect-mobility i:nth-child(1){left:-4%;clip-path:inset(0 0 0 48%);animation:whyMobility 2.6s ease-in-out infinite alternate}.why-loop-effect-mobility i:nth-child(2){right:-4%;clip-path:inset(0 48% 0 0);animation:whyMobility 2.6s .4s ease-in-out infinite alternate}.why-loop-effect-mobility i:nth-child(3){left:50%;top:4%;width:1px;height:90%;border:0;border-left:1px solid rgba(215,189,99,.35);border-radius:0}@keyframes whyMobility{to{transform:scale(1.08);opacity:.35}}
.why-loop-effect-delivery i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--why-gold);box-shadow:0 0 0 7px rgba(215,189,99,.1),0 0 18px rgba(215,189,99,.7)}.why-loop-effect-delivery i:nth-child(1){left:18%;top:30%}.why-loop-effect-delivery i:nth-child(2){right:15%;top:20%}.why-loop-effect-delivery i:nth-child(3){right:6%;bottom:15%}.why-loop-effect-delivery:before,.why-loop-effect-delivery:after{content:"";position:absolute;left:50%;top:46%;width:54%;height:1px;background:linear-gradient(90deg,var(--why-gold),transparent);transform-origin:left}.why-loop-effect-delivery:before{transform:rotate(-24deg)}.why-loop-effect-delivery:after{transform:rotate(28deg)}
.why-loop-stage[data-active-concern="certification"] .why-material-stack{opacity:.22}.why-loop-stage[data-active-concern="production"] .why-material-stack{opacity:1;transform:translateX(9px)}.why-loop-stage[data-active-concern="mobility"] .why-material-stack,.why-loop-stage[data-active-concern="delivery"] .why-material-stack{opacity:.2}

.why-evidence{padding:clamp(82px,6.5vw,108px) 0}
.why-evidence-panels,.why-evidence-panel{min-height:520px}
.why-evidence-copy{padding:clamp(30px,3.25vw,52px)}
.why-evidence-copy h2{font-size:clamp(44px,4.4vw,72px)}
.why-certificate-deck{min-height:520px;padding:24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;align-items:center;background:radial-gradient(circle at 55% 45%,rgba(215,189,99,.12),transparent 34%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 80px)}
.why-certificate{position:relative!important;inset:auto!important;width:100%;max-width:none;height:100%;min-height:0;padding:7px;border:1px solid rgba(215,189,99,.22);background:rgba(13,16,17,.86);box-shadow:0 12px 30px rgba(0,0,0,.3);transform:none!important;overflow:hidden}
.why-certificate:nth-child(odd){margin-top:-5px;margin-bottom:5px}.why-certificate:nth-child(even){margin-top:5px;margin-bottom:-5px}.why-certificate img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#f6f5ef}.why-certificate:hover,.why-certificate:focus-visible,.why-certificate.is-front{z-index:2;border-color:var(--why-gold);box-shadow:0 18px 38px rgba(0,0,0,.5),0 0 24px rgba(215,189,99,.09)}

.why-detail-inspector{min-height:520px;display:grid;place-items:center;padding:38px;background:radial-gradient(circle at 50% 50%,rgba(215,189,99,.07),transparent 43%),#050606}
.why-detail-inspector:before{content:"";position:absolute;inset:24px;border:1px solid rgba(215,189,99,.16);clip-path:polygon(0 0,70px 0,70px 1px,1px 1px,1px 70px,0 70px,0 0,100% 0,100% 70px,calc(100% - 1px) 70px,calc(100% - 1px) 1px,calc(100% - 70px) 1px,calc(100% - 70px) 0,100% 0,100% 100%,calc(100% - 70px) 100%,calc(100% - 70px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 70px),100% calc(100% - 70px),100% 100%,0 100%,0 calc(100% - 70px),1px calc(100% - 70px),1px calc(100% - 1px),70px calc(100% - 1px),70px 100%,0 100%)}
.why-detail-inspector>img{width:min(78%,680px);height:min(76%,420px);min-height:0;object-fit:contain;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 60px rgba(0,0,0,.46)}
.why-detail-inspector:after{background:linear-gradient(0deg,rgba(5,6,6,.38),transparent 24%)}.why-lens{display:none!important}.why-detail-inspector>span{left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap}

.why-base-visual{min-height:520px;background:#050707}.why-base-visual figure{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:22px 22px 18px}.why-base-visual img{width:100%;height:100%;min-height:0;object-fit:contain!important;object-position:center!important;background:#050707}.why-base-visual figure:after{display:none}.why-base-visual figcaption{position:static;padding-top:13px;text-align:center;color:var(--why-gold)}

.why-global-stage{min-height:520px;background:#050707}.why-global-stage figure{inset:0 0 104px}.why-global-stage img{object-fit:cover}.why-global-stage figcaption{bottom:18px}.why-global-thumbs{position:absolute;z-index:9;left:16px;right:16px;bottom:14px;height:78px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.why-global-thumbs button{position:relative;padding:3px;border:1px solid rgba(255,255,255,.2);background:#080a0b;overflow:hidden}.why-global-thumbs button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--why-gold)}.why-global-thumbs button.is-active{border-color:var(--why-gold)}.why-global-thumbs button.is-active:after{right:0;transition:right 3s linear}.why-global-thumbs img{width:100%;height:100%;object-fit:cover;filter:brightness(.52) saturate(.65);transition:filter .25s,transform .35s}.why-global-thumbs button.is-active img,.why-global-thumbs button:hover img{filter:brightness(.95) saturate(1);transform:scale(1.03)}
.why-world-lines{top:16px;right:16px}

.why-evidence-panel[data-panel="certified"]{grid-template-columns:minmax(310px,.32fr) minmax(690px,.68fr)}
.why-evidence-panel[data-panel="controlled"]{grid-template-columns:minmax(390px,.46fr) minmax(520px,.54fr)}
.why-evidence-panel[data-panel="responsive"],.why-evidence-panel[data-panel="global"]{grid-template-columns:minmax(350px,.38fr) minmax(580px,.62fr)}
.why-evidence-panel[data-panel="certified"] .why-evidence-copy h2{font-size:clamp(42px,3.9vw,66px)}

.why-close{padding:clamp(80px,7vw,116px) 0;min-height:auto}.why-metrics article{min-height:175px;padding:23px}.why-close-copy h2{font-size:clamp(54px,5.8vw,94px)}

@media(max-width:1020px){
  .why-hero-grid{grid-template-columns:42% 58%}.why-scanner{min-height:620px}.why-suit-wrap{width:52%}
  .why-loop-stage{min-height:590px}
  .why-evidence-panel,.why-evidence-panel[data-panel]{grid-template-columns:1fr}.why-certificate-deck,.why-detail-inspector,.why-base-visual,.why-global-stage{min-height:520px}
}
@media(max-width:760px){
  .why-hero-copy{min-height:560px;padding:78px 0 58px}.why-scanner{min-height:700px}.why-suit-wrap{top:4%;width:70%;height:55%}
  .why-risk-tag[data-risk="certificate"]{left:3%;top:57%}.why-risk-tag[data-risk="batch"]{right:3%;top:57%}.why-risk-tag[data-risk="fit"]{left:3%;bottom:16%}.why-risk-tag[data-risk="delivery"]{right:3%;bottom:16%}.why-risk-readout{bottom:1.5%}
  .why-proof,.why-evidence,.why-close{padding:72px 0}
  .why-loop-stage{min-height:auto;margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0}.why-loop-center{position:relative;left:auto;top:auto;grid-column:1/-1;width:100%;height:410px;transform:none}.why-loop-center img{height:72%}.why-loop-orbit,.why-loop-path{display:none}.why-node{position:relative!important;inset:auto!important;min-width:0;min-height:58px;padding:10px 12px 10px 30px;border:1px solid rgba(255,255,255,.12)}.why-node:before{left:10px}.why-node small{display:block}.why-loop-effect{inset:4% 18% 31%}
  .why-certificate-deck{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;min-height:auto;padding:14px;gap:8px}.why-certificate{aspect-ratio:200/282;height:auto}.why-certificate:nth-child(odd),.why-certificate:nth-child(even){margin:0}
  .why-detail-inspector{min-height:390px;padding:28px}.why-detail-inspector>img{width:86%;height:280px}.why-base-visual{min-height:400px}.why-global-stage{min-height:430px}.why-global-stage figure{inset:0 0 92px}.why-global-thumbs{height:66px;gap:6px}
}
@media(max-width:480px){
  .why-scanner{min-height:650px}.why-suit-wrap{width:80%;height:51%}.why-risk-tag{width:46%;min-height:58px}.why-risk-tag[data-risk="certificate"],.why-risk-tag[data-risk="batch"]{top:53%}.why-risk-tag[data-risk="fit"],.why-risk-tag[data-risk="delivery"]{bottom:18%}
  .why-loop-center{height:350px}.why-node small{font-size:12px}
  .why-evidence-copy h2{font-size:42px}.why-certificate-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.why-detail-inspector{min-height:330px}.why-detail-inspector>img{width:92%;height:230px}.why-detail-inspector>span{white-space:normal;width:82%;text-align:center}.why-base-visual{min-height:340px}.why-global-stage{min-height:380px}.why-global-stage figure{inset:0 0 84px}.why-global-thumbs{left:8px;right:8px;bottom:9px;height:58px}
}
/* WHY U.PROTEC V3 — page-specific layer. Kept separate from the archived page. */
.why-story-canvas {
  position: fixed;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .92;
  mix-blend-mode: screen;
}

.why-story-canvas.is-fallback {
  background:
    radial-gradient(circle at 75% 22%, rgba(214, 183, 95, .16), transparent 25%),
    repeating-radial-gradient(circle at 76% 24%, rgba(214, 183, 95, .15) 0 1px, transparent 1px 8px);
}

.why-main,
.why-footer,
.unified-header { position: relative; z-index: 2; }

.why-main { overflow: visible; }
.why-section { z-index: auto; isolation: auto; }

.why-section { background-color: rgba(7, 9, 10, .80); }
.why-hero-v3 { background: linear-gradient(90deg, rgba(7, 9, 10, .97) 0 42%, rgba(7, 9, 10, .60) 64%, rgba(7, 9, 10, .2)); }
.why-proof { background: rgba(8, 10, 10, .91); }
.why-evidence { background: rgba(7, 9, 10, .86); }
.why-close { background: rgba(8, 10, 10, .91); }

.why-hero-v3 .why-hero-grid {
  grid-template-columns: minmax(430px, .82fr) minmax(610px, 1.18fr);
  gap: clamp(28px, 4vw, 78px);
  align-items: center;
}

.why-hero-v3 .why-hero-copy { position: relative; z-index: 4; }
.why-hero-v3 .why-hero-copy { border-right: 0; }
.why-hero-v3 .why-hero-copy h1 { font-size: clamp(62px, 6.6vw, 128px); line-height: .78; max-width: 760px; }
.why-hero-v3 .why-hero-copy p { max-width: 570px; font-size: clamp(16px, 1.08vw, 20px); }

.why-failure-map {
  position: relative;
  min-height: min(76vh, 760px);
  border: 1px solid rgba(214, 183, 95, .24);
  background:
    linear-gradient(rgba(214, 183, 95, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(214, 183, 95, .05) 1px, transparent 1px),
    radial-gradient(circle at 53% 44%, rgba(214, 183, 95, .06), transparent 45%);
  background-size: 46px 46px, 46px 46px, auto;
  overflow: hidden;
  isolation: isolate;
}

.why-hero-v3 .why-failure-map { align-self: center; }

.why-hero-v3::before {
  z-index: 0;
}

.why-failure-map::before,
.why-failure-map::after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.why-failure-map::before {
  inset: 8% 20%;
  border: 1px solid rgba(214, 183, 95, .18);
  border-radius: 50%;
  transform: scaleX(.72);
  box-shadow: 0 0 0 44px rgba(214, 183, 95, .018), 0 0 0 88px rgba(214, 183, 95, .012);
  animation: why-orbit-turn 18s linear infinite;
}

.why-failure-map::after {
  inset: 0;
  background: linear-gradient(180deg, transparent 0 47%, rgba(214, 183, 95, .16) 49.8%, rgba(214, 183, 95, .03) 50.3%, transparent 53%);
  transform: translateY(-75%);
  animation: why-scan-pass 5.8s cubic-bezier(.4,0,.2,1) infinite;
}

@keyframes why-orbit-turn { to { transform: scaleX(.72) rotate(360deg); } }
@keyframes why-scan-pass { 0%,12% { transform: translateY(-75%); opacity: 0; } 28% { opacity: 1; } 75% { transform: translateY(75%); opacity: .8; } 100% { transform: translateY(75%); opacity: 0; } }

.why-failure-frame i {
  position: absolute;
  z-index: 5;
  width: 36px;
  height: 36px;
  border-color: #d6b75f;
  border-style: solid;
  opacity: .72;
}
.why-failure-frame i:nth-child(1) { top: 14px; left: 14px; border-width: 1px 0 0 1px; }
.why-failure-frame i:nth-child(2) { top: 14px; right: 14px; border-width: 1px 1px 0 0; }
.why-failure-frame i:nth-child(3) { right: 14px; bottom: 14px; border-width: 0 1px 1px 0; }
.why-failure-frame i:nth-child(4) { bottom: 14px; left: 14px; border-width: 0 0 1px 1px; }

.why-failure-head {
  position: absolute;
  top: 25px;
  left: 30px;
  right: 30px;
  z-index: 6;
  display: flex;
  justify-content: space-between;
  color: rgba(247, 243, 232, .72);
  font: 700 12px/1.2 var(--why-mono);
  letter-spacing: .15em;
}
.why-failure-head b { color: #d6b75f; }
.why-failure-head b i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #d6b75f; box-shadow: 0 0 18px #d6b75f; animation: why-live-pulse 1.6s ease-in-out infinite; }
@keyframes why-live-pulse { 50% { opacity: .25; transform: scale(.65); } }

.why-figure-label {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 14%;
  transform: translateX(-50%);
  display: grid;
  text-align: center;
  gap: 5px;
  color: rgba(214, 183, 95, .68);
  font: 700 10px/1.2 var(--why-mono);
  letter-spacing: .16em;
}
.why-figure-label b { color: rgba(247, 243, 232, .55); font-size: 11px; }

.why-risk-visual {
  position: absolute;
  z-index: 4;
  top: 20%;
  left: 50%;
  width: min(36%, 310px);
  aspect-ratio: 1;
  overflow: hidden;
  transform: translateX(-50%);
  border: 1px solid rgba(214, 183, 95, .42);
  background: #080a0b;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  box-shadow: 0 22px 70px rgba(0,0,0,.46), inset 0 0 34px rgba(214,183,95,.08);
  pointer-events: none;
}
.why-risk-visual::before,
.why-risk-visual::after {
  content: '';
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.why-risk-visual::before {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5,7,8,.05), transparent 48%, rgba(5,7,8,.32)),
    repeating-linear-gradient(180deg, transparent 0 3px, rgba(214,183,95,.035) 3px 4px);
  box-shadow: inset 0 0 0 7px rgba(5,7,8,.22);
}
.why-risk-visual::after {
  inset: 8px;
  border: 1px solid rgba(214,183,95,.14);
  clip-path: polygon(0 0, 24px 0, 24px 1px, 1px 1px, 1px 24px, 0 24px, 0 100%, 100% 100%, 100% calc(100% - 24px), calc(100% - 1px) calc(100% - 24px), calc(100% - 1px) calc(100% - 1px), calc(100% - 24px) calc(100% - 1px), calc(100% - 24px) 100%, 0 100%);
}
.why-risk-image {
  position: absolute;
  inset: 0;
  background-image: url('../assets/why-uprotec/risk-hero-sprite.webp');
  background-repeat: no-repeat;
  background-size: 200% 200%;
  opacity: 0;
  transform: scale(1.075);
  filter: saturate(.78) contrast(1.08) brightness(.78);
  transition: opacity .38s ease, transform .85s cubic-bezier(.16,1,.3,1), filter .55s ease;
}
.risk-image-certificate { background-position: 0 0; }
.risk-image-batch { background-position: 100% 0; }
.risk-image-fit { background-position: 0 100%; }
.risk-image-delivery { background-position: 100% 100%; }
.why-failure-map[data-active-risk="certificate"] .risk-image-certificate,
.why-failure-map[data-active-risk="batch"] .risk-image-batch,
.why-failure-map[data-active-risk="fit"] .risk-image-fit,
.why-failure-map[data-active-risk="delivery"] .risk-image-delivery {
  opacity: 1;
  transform: scale(1);
  filter: saturate(.94) contrast(1.06) brightness(.92);
}
.why-risk-visual-scan {
  position: absolute;
  z-index: 4;
  top: -8%;
  left: 0;
  right: 0;
  height: 18%;
  background: linear-gradient(180deg, transparent, rgba(214,183,95,.14), rgba(214,183,95,.52), transparent);
  mix-blend-mode: screen;
  animation: why-risk-image-scan 3.8s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes why-risk-image-scan {
  0%, 12% { transform: translateY(-100%); opacity: 0; }
  24% { opacity: .9; }
  76% { opacity: .6; }
  100% { transform: translateY(650%); opacity: 0; }
}

.why-risk-orbit button {
  position: absolute;
  z-index: 7;
  width: clamp(170px, 15vw, 230px);
  min-height: 84px;
  padding: 15px 18px 14px 52px;
  color: #f7f3e8;
  text-align: left;
  border: 1px solid rgba(214, 183, 95, .26);
  background: linear-gradient(100deg, rgba(8, 10, 10, .95), rgba(18, 18, 15, .66));
  backdrop-filter: blur(12px);
  transition: transform .35s cubic-bezier(.16,1,.3,1), border-color .35s, background .35s, box-shadow .35s;
}
.why-risk-orbit button::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #d6b75f; transform: scaleY(.22); transition: transform .35s; }
.why-risk-orbit button::after { content: ''; position: absolute; right: -54px; top: 50%; width: 54px; height: 1px; background: linear-gradient(90deg, #d6b75f, transparent); }
.why-risk-orbit button span { position: absolute; left: 17px; top: 18px; color: #d6b75f; font: 700 12px/1 var(--why-mono); }
.why-risk-orbit button strong { display: block; font: 700 15px/1.2 var(--why-sans); letter-spacing: -.01em; }
.why-risk-orbit button small { display: block; margin-top: 8px; color: rgba(247,243,232,.52); font: 700 10px/1 var(--why-mono); letter-spacing: .12em; text-transform: uppercase; }
.why-risk-orbit button:hover,
.why-risk-orbit button:focus-visible,
.why-risk-orbit button.is-active { transform: translateX(8px); border-color: rgba(214, 183, 95, .75); background: linear-gradient(100deg, rgba(33, 28, 17, .98), rgba(14, 14, 12, .78)); box-shadow: 0 18px 52px rgba(0,0,0,.34); }
.why-risk-orbit button.is-active::before { transform: scaleY(1); }
.why-risk-orbit .risk-certificate { left: 2.5%; top: 24%; }
.why-risk-orbit .risk-batch { right: 2.5%; top: 27%; }
.why-risk-orbit .risk-batch::after,
.why-risk-orbit .risk-delivery::after { right: auto; left: -54px; transform: rotate(180deg); }
.why-risk-orbit .risk-fit { left: 2.5%; top: 56%; }
.why-risk-orbit .risk-delivery { right: 2.5%; top: 59%; }

.why-failure-data {
  position: absolute;
  z-index: 7;
  left: 28%;
  right: 28%;
  bottom: 58px;
  min-height: 114px;
  padding: 16px 20px;
  border-top: 1px solid rgba(214,183,95,.34);
  background: linear-gradient(90deg, transparent, rgba(5,7,8,.82) 12% 88%, transparent);
  text-align: center;
}
.why-failure-data span { color: #d6b75f; font: 700 11px/1 var(--why-mono); letter-spacing: .16em; }
.why-failure-data strong { display: block; margin-top: 8px; color: #f7f3e8; font: 700 clamp(16px,1.2vw,22px)/1.1 var(--why-sans); }
.why-failure-data p { margin: 8px auto 0; max-width: 540px; color: rgba(247,243,232,.6); font-size: 14px; line-height: 1.45; }

.why-scan-scale { position: absolute; z-index: 6; left: 30px; right: 30px; bottom: 24px; display: flex; align-items: center; gap: 13px; color: rgba(214,183,95,.5); font: 700 9px/1 var(--why-mono); letter-spacing: .13em; }
.why-scan-scale i { flex: 1; height: 1px; background: repeating-linear-gradient(90deg, rgba(214,183,95,.55) 0 3px, transparent 3px 9px); }

/* Proof-system image architecture: one four-strip selector sprite + one 4x4 route sprite. */
.why-concern { overflow: hidden; isolation: isolate; min-height: 116px; }
.why-concern::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0;
  background-image: url('../assets/why-uprotec/risk-buttons-sprite.webp');
  background-repeat: no-repeat;
  background-size: 100% 400%;
  filter: saturate(.82) brightness(.58);
  transform: scale(1.03);
  transition: filter .35s, transform .5s cubic-bezier(.16,1,.3,1);
}
.why-concern::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(5,7,8,.94) 0 45%, rgba(5,7,8,.52) 76%, rgba(5,7,8,.74)); }
.why-concern[data-concern="certification"]::before { background-position: 50% 0; }
.why-concern[data-concern="production"]::before { background-position: 50% 33.333%; }
.why-concern[data-concern="mobility"]::before { background-position: 50% 66.666%; }
.why-concern[data-concern="delivery"]::before { background-position: 50% 100%; }
.why-concern:hover::before,
.why-concern.is-active::before { filter: saturate(1) brightness(.82); transform: scale(1.08); }
.why-concern strong { font-size: clamp(17px,1.15vw,22px); }
.why-concern small { color: rgba(247,243,232,.72); font-size: 14px; }

.why-control-route article {
  min-height: 228px;
  padding-top: 128px;
  background-image: linear-gradient(180deg, rgba(5,7,8,.08), rgba(5,7,8,.92) 61%), url('../assets/why-uprotec/control-route-sprite.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%, 400% 400%;
  transition: transform .5s cubic-bezier(.16,1,.3,1), filter .4s;
}
.why-control-route article:hover { transform: translateY(-6px); filter: brightness(1.12); }
.why-control-route article:nth-child(1) { background-position: center, 0 var(--route-y, 0); }
.why-control-route article:nth-child(2) { background-position: center, 33.333% var(--route-y, 0); }
.why-control-route article:nth-child(3) { background-position: center, 66.666% var(--route-y, 0); }
.why-control-route article:nth-child(4) { background-position: center, 100% var(--route-y, 0); }
.why-control-stage[data-active-concern="certification"] { --route-y: 0; }
.why-control-stage[data-active-concern="production"] { --route-y: 33.333%; }
.why-control-stage[data-active-concern="mobility"] { --route-y: 66.666%; }
.why-control-stage[data-active-concern="delivery"] { --route-y: 100%; }
.why-control-route article span,
.why-control-route article b,
.why-control-route article p { position: relative; z-index: 2; text-shadow: 0 2px 15px #000; }

@media (max-width: 1180px) {
  .why-hero-v3 .why-hero-grid { grid-template-columns: .82fr 1.18fr; }
  .why-failure-map { min-height: 650px; }
  .why-risk-orbit button { width: 184px; }
  .why-failure-data { left: 25%; right: 25%; }
}

@media (max-width: 900px) {
  .why-hero-v3 { background: rgba(7,9,10,.84); }
  .why-hero-v3 .why-hero-grid { display: block; }
  .why-hero-v3 .why-hero-copy { min-height: auto; padding-bottom: 46px; }
  .why-hero-v3 .why-hero-copy h1 { font-size: clamp(54px, 12vw, 92px); }
  .why-failure-map { min-height: 720px; }
  .why-story-canvas { opacity: .68; }
  .why-control-route article { min-height: 210px; padding-top: 118px; }
}

@media (max-width: 640px) {
  .why-failure-map { min-height: 690px; }
  .why-failure-head { left: 18px; right: 18px; font-size: 9px; }
  .why-figure-label { top: 17%; }
  .why-risk-visual { top: 39%; width: 38%; }
  .why-risk-orbit button { width: calc(50% - 23px); min-height: 92px; padding: 15px 10px 12px 42px; }
  .why-risk-orbit button::after { display: none; }
  .why-risk-orbit .risk-certificate { left: 15px; top: 25%; }
  .why-risk-orbit .risk-batch { right: 15px; top: 25%; }
  .why-risk-orbit .risk-fit { left: 15px; top: 61%; }
  .why-risk-orbit .risk-delivery { right: 15px; top: 61%; }
  .why-risk-orbit button:hover,
  .why-risk-orbit button:focus-visible,
  .why-risk-orbit button.is-active { transform: translateY(-3px); }
  .why-failure-data { left: 18px; right: 18px; bottom: 50px; }
  .why-scan-scale { left: 18px; right: 18px; }
  .why-control-route article { min-height: 260px; padding-top: 155px; }
}

@media (prefers-reduced-motion: reduce) {
  .why-failure-map::before,
  .why-failure-map::after,
  .why-failure-head b i,
  .why-risk-visual-scan { animation: none !important; }
}

/* GLOBAL / EXPERIENCE — full-width thumbnail rail floating over the hero image. */
.why-global-stage {
  position: relative;
  overflow: hidden;
}

.why-global-stage figure[data-global-slide] {
  inset: 0;
}

.why-global-stage figure[data-global-slide] figcaption {
  bottom: 96px;
}

.why-global-thumbs {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 82px;
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  background: linear-gradient(180deg, rgba(92, 96, 97, .06), rgba(92, 96, 97, .42));
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.why-global-thumbs button {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 2px;
  border-color: rgba(255, 255, 255, .3);
  background: rgba(150, 154, 154, .22);
}

.why-global-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 760px) {
  .why-global-stage figure[data-global-slide] figcaption { bottom: 84px; }
  .why-global-thumbs { width: 100%; height: 72px; padding: 6px; gap: 5px; }
}

@media (max-width: 480px) {
  .why-global-stage figure[data-global-slide] figcaption { bottom: 75px; }
  .why-global-thumbs { left: 0; right: 0; bottom: 0; width: 100%; height: 64px; padding: 5px; gap: 4px; }
}