.why-us-visual{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:40px;align-items:center;gap:30px;perspective:2500px;-webkit-perspective:2500px;perspective-origin:center 25%;-webkit-perspective-origin:center 25%;overflow:visible;position:relative}.pro-laptop-headline{position:relative;margin-right:0;text-align:center;padding:10px 25px;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;white-space:nowrap;font-family:Orbitron,Courier New,Courier,monospace;font-size:clamp(1rem,2.5vw,1.6rem);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:3px;box-shadow:0 10px 30px #0000004d,inset 0 0 20px #fbbf240d;z-index:20;pointer-events:none;animation:hackerGlitch 8s infinite}.pro-laptop-headline:after{content:"_";font-family:Courier New,monospace;animation:terminalBlink 1s step-end infinite;color:#fbbf24;margin-left:5px}@keyframes terminalBlink{50%{opacity:0}}@keyframes hackerGlitch{0%,90%,to{transform:skew(0)}92%{transform:skew(3deg);color:#fbbf24;text-shadow:2px 0 rgba(251,191,36,.4)}94%{transform:skew(-3deg);color:#fff}96%{transform:skew(0);text-shadow:none}}.pro-laptop-headline .text-gradient-orange{background:linear-gradient(135deg,#fcd34d,#fbbf24,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}.pro-laptop-scene{width:100%;max-width:480px;margin-right:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateY(0) rotateX(30deg);-webkit-transform:rotateY(0deg) rotateX(30deg);transition:transform .6s cubic-bezier(.23,1,.32,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.23,1,.32,1)}.pro-lid{position:relative;width:100%;aspect-ratio:16/10.5;background:#080808;border-radius:12px 12px 2px 2px;transform-origin:bottom center;-webkit-transform-origin:bottom center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);transition:transform .15s ease-out;-webkit-transition:-webkit-transform .15s ease-out;z-index:2;box-shadow:inset 0 0 0 1px #ffffff14}.pro-lid-case{position:absolute;inset:0;background:linear-gradient(135deg,#f8fafc,#cbd5e1 45%,#94a3b8);border-radius:12px 12px 2px 2px;transform:translateZ(-5px);box-shadow:0 0 25px #0006}.pro-screen{position:absolute;inset:3% 2% 6%;background:#000;border-radius:6px;overflow:hidden;display:flex;justify-content:center;align-items:center}.pro-display-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;opacity:0;transition:opacity 1.2s ease-in-out}.pro-lid.is-open .pro-display-content{opacity:1;background:radial-gradient(circle at center,#0f172a,#000);box-shadow:inset 0 0 120px #3b82f61a}.pro-screen-logo{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;color:#fff;letter-spacing:6px;text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(59,130,246,.3)}.pro-screen-logo span{color:#3b82f6}.terminal-showcase{width:100%;height:100%;background:#040404;display:flex;flex-direction:column;padding:12px;font-family:Courier New,Courier,monospace;position:relative;overflow:hidden;border-radius:4px}.terminal-header{display:flex;gap:6px;margin-bottom:10px;border-bottom:1px solid rgba(74,222,128,.1);padding-bottom:6px}.terminal-header .dot{width:5px;height:5px;border-radius:50%;background:#4ade804d}.terminal-body{flex:1;color:#4ade80;font-size:.7rem;line-height:1.5;text-shadow:0 0 8px rgba(74,222,128,.4);overflow:hidden;white-space:pre-wrap;font-weight:600;letter-spacing:.5px}.terminal-finish-logo{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) scale(.5);max-width:140px;opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);filter:drop-shadow(0 0 20px rgba(251,191,36,.3));z-index:15;pointer-events:none}.terminal-showcase.show-logo .terminal-finish-logo{opacity:1;transform:translate(-50%,-50%) scale(1)}.terminal-showcase.show-logo .terminal-body{opacity:.1;filter:blur(1px);transition:opacity .6s ease,filter .6s ease}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(74,222,128,.03) 50%,transparent 100%);background-size:100% 4px;z-index:10;pointer-events:none;animation:scanMove 10s linear infinite}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100%}}@media(max-width:1100px){.why-us-visual{display:none!important}}.pro-base{position:absolute;width:100%;aspect-ratio:16/11;background:linear-gradient(to bottom,#cbd5e1,#f8fafc 15%,#94a3b8);border-radius:6px 6px 20px 20px;top:100%;transform-origin:top center;transform:rotateX(50deg);box-shadow:inset 0 1px 2px #fff,0 20px 50px #00000080}.pro-keyboard-area{position:absolute;inset:10% 6% 45%;background:#00000003;border-radius:8px;box-shadow:inset 0 2px 6px #0000001a;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:6px;padding:12px}.pro-key{background:#000000d9;border-radius:3px;box-shadow:0 1px #00000080;opacity:.95;transition:opacity .3s ease}.pro-trackpad{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:35%;height:28%;background:#fff3;border:1px solid rgba(0,0,0,.05);border-radius:6px;box-shadow:inset 0 1px 2px #0000000d}.pro-base-thickness{position:absolute;bottom:-15px;width:100%;height:15px;background:linear-gradient(to right,#94a3b8,#cbd5e1,#94a3b8);border-radius:0 0 20px 20px;border-top:1px solid rgba(0,0,0,.1)}.pro-hinge{position:absolute;top:0;width:100%;height:5px;background:#1e293b;z-index:5;box-shadow:0 2px 4px #0000004d}@media(max-width:1200px){.why-us-visual{min-height:480px}.pro-laptop-scene{max-width:440px;transform:rotateY(0) rotateX(30deg)}}@media(max-width:768px){.why-us-visual{min-height:400px;justify-content:right!important;padding-right:0;margin-top:20px;background:radial-gradient(circle at center,rgba(59,130,246,.05) 0%,transparent 70%)}.pro-laptop-scene{max-width:85%;transform:rotateY(0) rotateX(30deg);-webkit-transform:rotateY(0deg) rotateX(30deg);animation:mobileFloat 4s ease-in-out infinite;-webkit-animation:mobileFloat 4s ease-in-out infinite}.pro-base{transform:rotateX(45deg)}.pro-screen-logo{font-size:1.8rem;letter-spacing:2px}.pro-base-thickness{height:10px;bottom:-10px}.pro-base:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80%;height:20px;background:#3b82f633;filter:blur(20px);border-radius:50%;z-index:-1}}@-webkit-keyframes mobileFloat{0%,to{-webkit-transform:rotateY(0deg) rotateX(30deg) translateY(0)}50%{-webkit-transform:rotateY(0deg) rotateX(32deg) translateY(-10px)}}@keyframes mobileFloat{0%,to{transform:rotateY(0) rotateX(30deg) translateY(0)}50%{transform:rotateY(0) rotateX(32deg) translateY(-10px)}}
