.perf-sec{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 0%,color-mix(in srgb,var(--c-cyan) 24%,transparent),transparent 55%),radial-gradient(ellipse at 95% 90%,color-mix(in srgb,var(--c-yellow) 18%,transparent),transparent 55%),var(--bg-0);padding:var(--sp-8) 0 var(--sp-9)}.perf-sec:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px}.perf-hero{max-width:1280px;margin:0 auto;padding:0 var(--sp-5);display:grid;grid-template-columns:1.2fr .8fr;gap:var(--sp-7);align-items:center;position:relative}@media (max-width:900px){.perf-hero{grid-template-columns:1fr}}.perf-hero h2{font-family:var(--font-pixel);font-size:clamp(28px,4.4vw,50px);line-height:1.14;margin:var(--sp-3) 0 var(--sp-4);letter-spacing:-.5px}.perf-hero h2 .ybag{background:var(--c-yellow);color:#1b1d1e;padding:2px 12px;box-shadow:4px 4px 0 var(--shadow-color);display:inline-block;transform:rotate(-1deg)}.perf-hero .lead{font-size:17px;color:var(--fg-1);margin-bottom:var(--sp-5);max-width:560px}.perf-hero .ctas{display:flex;flex-wrap:wrap;gap:12px}.perf-gauge{position:relative;background:linear-gradient(180deg,#0c1830,#070d1c);border:3px solid var(--line);box-shadow:10px 10px 0 var(--shadow-color);padding:var(--sp-6);color:#dff3ff;overflow:hidden}.perf-gauge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px)}.perf-gauge-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.perf-meter{position:relative;width:280px;height:150px;overflow:visible}.perf-meter-clip{position:absolute;left:0;top:0;width:280px;height:141px;overflow:hidden}.perf-meter-arc{position:absolute;left:0;top:0;width:280px;height:280px;border-radius:50%;background:conic-gradient(from 270deg,var(--c-pink) 0deg 50deg,var(--c-coral) 50deg 92deg,var(--c-yellow) 92deg 134deg,var(--c-green) 134deg 180deg,#11203a 180deg 360deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 88px,#000 89px);mask:radial-gradient(circle at 50% 50%,transparent 88px,#000 89px)}.perf-meter-ticks{position:absolute;left:0;top:0;width:280px;height:280px}.perf-tick{position:absolute;left:50%;top:50%;width:3px;height:140px;transform-origin:top center;margin-left:-1.5px}.perf-tick:before{content:"";position:absolute;left:0;top:6px;width:3px;height:12px;background:#2b3a55}.perf-tick.on:before{background:var(--c-cyan);box-shadow:0 0 6px var(--c-cyan)}.perf-meter-needle{position:absolute;left:50%;bottom:10px;width:5px;height:118px;background:linear-gradient(180deg,var(--c-cyan),#bff6ff);transform-origin:bottom center;box-shadow:0 0 10px var(--c-cyan);border-radius:2px;z-index:3}.perf-meter-hub{position:absolute;left:50%;bottom:10px;width:24px;height:24px;margin-left:-12px;transform:translateY(50%);background:var(--c-cyan);border:3px solid #070d1c;border-radius:50%;box-shadow:0 0 10px var(--c-cyan);z-index:4}.perf-meter-glow{position:absolute;left:50%;bottom:10px;width:200px;height:108px;margin-left:-100px;background:radial-gradient(ellipse at 50% 100%,var(--c-cyan),transparent 62%);pointer-events:none;transition:opacity .2s linear;z-index:2}.perf-score{display:flex;align-items:center;gap:8px;margin-top:2px}.perf-score-lbl{font-family:var(--font-pixel);font-size:9px;letter-spacing:2px;color:#8fb6cf}.perf-score-val{font-family:var(--font-pixel);font-size:18px;color:var(--c-green);text-shadow:0 0 8px var(--c-green)}.perf-gauge .ms{font-family:var(--font-pixel);font-size:34px;color:var(--c-yellow);letter-spacing:1px;text-shadow:0 0 10px rgba(255,196,59,.5);transition:color .2s}.perf-gauge .ms[data-fast=true]{color:var(--c-green);text-shadow:0 0 12px var(--c-green)}.perf-rocket{position:absolute;left:50%;bottom:30px;margin-left:-24px;width:48px;height:84px;z-index:5;pointer-events:none;opacity:0;image-rendering:pixelated}.perf-rocket.is-launch{animation:rk-path 2.8s cubic-bezier(.45,.05,.6,.35) forwards}@keyframes rk-path{0%{opacity:0;transform:translateY(18px) rotate(-4deg) scale(1)}10%{opacity:1;transform:translate(0) rotate(-4deg) scale(1)}35%{opacity:1;transform:translate(14px,-90px) rotate(2deg) scale(1)}65%{opacity:1;transform:translate(48px,-240px) rotate(10deg) scale(.92)}to{opacity:1;transform:translate(150px,-560px) rotate(22deg) scale(.6)}}.perf-rocket-body{position:absolute;top:0;right:0;bottom:0;left:0}.rk-nose{position:absolute;left:18px;top:0;width:12px;height:8px;background:var(--c-coral)}.rk-nose:before{content:"";position:absolute;left:-4px;top:4px;width:4px;height:4px;background:var(--c-coral)}.rk-nose:after{content:"";position:absolute;right:-4px;top:4px;width:4px;height:4px;background:var(--c-coral)}.rk-hull{position:absolute;left:14px;top:8px;width:20px;height:40px;background:#eaf4ff;box-shadow:inset -4px 0 #b9cfe6,inset 4px 0 #fff}.rk-hull:before{content:"";position:absolute;left:-4px;top:0;width:4px;height:40px;background:#1b2740}.rk-hull:after{content:"";position:absolute;right:-4px;top:0;width:4px;height:40px;background:#1b2740}.rk-window{position:absolute;left:18px;top:16px;width:12px;height:12px;background:var(--c-cyan);box-shadow:inset 0 0 0 3px #0b2540,0 0 8px var(--c-cyan)}.rk-fin{position:absolute;top:36px;width:10px;height:16px;background:var(--c-pink)}.rk-fin-l{left:4px}.rk-fin-l:after{content:"";position:absolute;left:-4px;bottom:0;width:4px;height:8px;background:var(--c-pink)}.rk-fin-r{right:4px}.rk-fin-r:after{content:"";position:absolute;right:-4px;bottom:0;width:4px;height:8px;background:var(--c-pink)}.rk-flame{position:absolute;left:18px;top:48px;width:12px;height:14px;background:linear-gradient(180deg,var(--c-yellow) 0 5px,var(--c-coral) 5px 10px,var(--c-pink) 10px 14px);box-shadow:-4px 0 0 -1px var(--c-coral),4px 0 0 -1px var(--c-coral);transform-origin:top center;animation:rk-fire .1s steps(2) infinite}@keyframes rk-fire{0%{transform:scaleY(1) scaleX(1);filter:brightness(1)}to{transform:scaleY(1.5) scaleX(.6);filter:brightness(1.3)}}.perf-smoke{position:absolute;left:50%;bottom:24px;margin-left:-6px;width:12px;height:12px;z-index:4;pointer-events:none;opacity:0}.perf-smoke.is-launch{animation:rk-smoke-show .1s linear forwards}@keyframes rk-smoke-show{to{opacity:1}}.perf-smoke span{position:absolute;left:0;top:0;width:12px;height:12px;background:#b4cde680;opacity:0}.perf-smoke.is-launch span{animation:rk-puff 2.6s ease-out forwards}.perf-smoke.is-launch span:nth-child(1){animation-delay:.15s;--sx:-70px;--sy:14px}.perf-smoke.is-launch span:nth-child(2){animation-delay:.3s;--sx:60px;--sy:8px}.perf-smoke.is-launch span:nth-child(3){animation-delay:.45s;--sx:-110px;--sy:-6px}.perf-smoke.is-launch span:nth-child(4){animation-delay:.55s;--sx:108px;--sy:-2px}.perf-smoke.is-launch span:nth-child(5){animation-delay:.7s;--sx:-30px;--sy:18px}.perf-smoke.is-launch span:nth-child(6){animation-delay:.85s;--sx:36px;--sy:16px}@keyframes rk-puff{0%{opacity:0;transform:translate(0) scale(1)}18%{opacity:.7;transform:translate(calc(var(--sx)*.3),calc(var(--sy)*.3)) scale(2)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(6)}}.perf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:1280px;margin:var(--sp-7) auto 0;padding:0 var(--sp-5)}.perf-stats .stat{background:var(--bg-0);border:3px solid var(--line);padding:var(--sp-4);display:flex;flex-direction:column;gap:4px;align-items:flex-start;box-shadow:inset -4px -4px 0 var(--shadow-color);transition:all var(--dur-1) var(--ease-out)}.perf-stats .stat:hover{transform:translate(-2px,-2px);background:var(--bg-1)}.perf-stats .stat:nth-child(1){border-top-color:var(--c-cyan)}.perf-stats .stat:nth-child(2){border-top-color:var(--c-yellow)}.perf-stats .stat:nth-child(3){border-top-color:var(--c-green)}.perf-stats .stat:nth-child(4){border-top-color:var(--c-pink)}.perf-stats .n{font-family:var(--font-pixel);font-size:30px;color:var(--fg-0);line-height:1}.perf-stats .l{font-family:var(--font-pixel);font-size:9px;letter-spacing:1.5px;color:var(--fg-2);text-transform:uppercase}@media (max-width:700px){.perf-stats{grid-template-columns:repeat(2,1fr)}}.perf-paths{max-width:1280px;margin:var(--sp-8) auto 0;padding:0 var(--sp-5)}.perf-paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media (max-width:820px){.perf-paths-grid{grid-template-columns:1fr;gap:var(--sp-6)}}.perf-path{position:relative;border:3px solid var(--line);padding:var(--sp-6);box-shadow:6px 6px 0 var(--shadow-color);display:flex;flex-direction:column;gap:14px;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.perf-path:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--shadow-color)}.perf-path.is-build{background:linear-gradient(180deg,color-mix(in srgb,var(--c-cyan) 14%,var(--bg-0)),var(--bg-0))}.perf-path.is-fix{background:linear-gradient(180deg,color-mix(in srgb,var(--c-yellow) 16%,var(--bg-0)),var(--bg-0))}.perf-path-icon{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--line);box-shadow:3px 3px 0 var(--shadow-color)}.perf-path.is-build .perf-path-icon{background:var(--c-cyan)}.perf-path.is-fix .perf-path-icon{background:var(--c-yellow)}.perf-path h3{font-family:var(--font-pixel);font-size:15px;line-height:1.3;margin:0}.perf-path>p{font-size:14px;color:var(--fg-1);line-height:1.55;margin:0}.perf-path ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.perf-path li{font-size:13px;color:var(--fg-1);padding-left:22px;position:relative;line-height:1.45}.perf-path li:before{content:"▸";position:absolute;left:0;top:0;color:var(--c-green);font-size:12px}.perf-stacks{max-width:1280px;margin:var(--sp-8) auto 0;padding:0 var(--sp-5)}.perf-stack-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:var(--sp-4)}.perf-stack-chip{font-family:var(--font-pixel);font-size:11px;letter-spacing:1px;padding:10px 16px;border:2px solid var(--line);background:var(--bg-0);color:var(--fg-0);box-shadow:3px 3px 0 var(--shadow-color);transition:transform var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.perf-stack-chip:hover{transform:translate(-2px,-2px);background:var(--c-cyan);color:#1b1d1e}.perf-process{max-width:1280px;margin:var(--sp-8) auto 0;padding:0 var(--sp-5)}.perf-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}@media (max-width:900px){.perf-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.perf-steps{grid-template-columns:1fr;gap:var(--sp-6)}}.perf-step{background:var(--bg-1);border:3px solid var(--line);padding:var(--sp-5);position:relative;display:flex;flex-direction:column;gap:10px}.perf-step .step-num{position:absolute;top:-18px;left:-3px;background:var(--c-cyan);color:#1b1d1e;font-family:var(--font-pixel);font-size:14px;letter-spacing:1px;padding:6px 10px;border:3px solid var(--line);box-shadow:3px 3px 0 var(--shadow-color)}.perf-step:nth-child(2) .step-num{background:var(--c-yellow)}.perf-step:nth-child(3) .step-num{background:var(--c-green);color:#0b1a10}.perf-step:nth-child(4) .step-num{background:var(--c-pink);color:#fff}.perf-step h4{font-size:14px;margin:10px 0 0}.perf-step p{font-size:13px;color:var(--fg-1);margin:0}.perf-cta{max-width:1280px;margin:var(--sp-8) auto 0;padding:0 var(--sp-5)}.perf-cta-box{background:linear-gradient(180deg,var(--c-cyan) 0%,#1aa6c8 100%);color:#06222b;border:3px solid var(--line);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);padding:var(--sp-7);display:grid;grid-template-columns:1fr auto;gap:var(--sp-5);align-items:center;position:relative;overflow:hidden}.perf-cta-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0 8px,transparent 8px 16px)}@media (max-width:780px){.perf-cta-box{grid-template-columns:1fr;text-align:center}}.perf-cta-box h3{font-size:clamp(22px,3vw,32px);margin:0 0 8px;color:#06222b;line-height:1.1}.perf-cta-box p{font-family:var(--font-pixel);font-size:11px;color:#06222b;letter-spacing:1px;margin:0}.perf-cta-box .ctas{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}@media (max-width:560px){.perf-cta-box{padding:var(--sp-5) var(--sp-4)}.perf-cta-box h3{font-size:clamp(15px,4.6vw,20px);line-height:1.4;overflow-wrap:anywhere}.perf-cta-box p{font-size:9px;letter-spacing:.5px;line-height:1.7}.perf-cta-box .ctas{justify-content:center}}