:root{--ink:#090a11;--paper:#f2f0e9;--acid:#c8ff55;--violet:#8b70ff;--line:#ffffff17;--muted:#96959e;font-family:Arial,Helvetica,sans-serif;color:#f6f5f1;background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}.progress{position:fixed;z-index:100;top:0;left:0;height:2px;width:0;background:var(--acid);box-shadow:0 0 12px var(--acid)}.cursor,.cursor-dot{position:fixed;z-index:101;pointer-events:none;border-radius:50%;left:0;top:0;transform:translate(-50%,-50%)}.cursor{width:34px;height:34px;border:1px solid #c8ff5588;transition:width .2s,height .2s,background .2s}.cursor-dot{width:4px;height:4px;background:var(--acid)}.cursor.hover{width:56px;height:56px;background:#c8ff5513}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:absolute;z-index:30;width:100%;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.8px}.logo em{font-style:normal;color:var(--acid)}.logo-mark{width:27px;height:27px;position:relative;display:inline-block;transform:rotate(-9deg)}.logo-mark i{position:absolute;width:7px;height:20px;background:var(--acid);transform:skewY(-32deg);top:3px}.logo-mark i:nth-child(1){left:2px}.logo-mark i:nth-child(2){left:10px;height:15px;background:#fff}.logo-mark i:nth-child(3){left:18px}nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#cac9d0}.nav-cta{padding:11px 16px;border:1px solid #ffffff36;border-radius:99px;background:#ffffff08}.menu{display:none;background:none;border:0;width:32px}.menu span{height:1px;background:#fff;display:block;margin:7px 0}.hero{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;padding:140px clamp(24px,5vw,76px) 100px;align-items:center}.grid-bg{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(#000,transparent)}.hero-glow{position:absolute;width:60vw;height:60vw;border-radius:50%;right:-28vw;top:-27vw;background:#6e4cff38;filter:blur(80px)}.hero-copy{z-index:3}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;color:#aaa9b2}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:27px}.eyebrow span,.availability span{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(50px,6vw,91px);line-height:.96;letter-spacing:-5.5px;font-weight:500;margin-bottom:28px}.hero h1 i,.section-head em,.contact em{font-style:normal;color:var(--acid)}.hero-copy>p{font-size:17px;line-height:1.65;color:#aaa9b2;max-width:550px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:38px}.primary{background:var(--acid);color:#11120d;padding:16px 20px;font-weight:700;font-size:14px;display:inline-flex;gap:20px}.text-link{font-size:13px;color:#ddd}.model-stage{height:min(65vw,690px);z-index:2;position:relative;cursor:grab}.model-stage:active{cursor:grabbing}#coreCanvas{width:100%;height:100%;display:block}.orbit{position:absolute;left:50%;top:50%;border:1px solid;border-radius:50%;pointer-events:none;transform-style:preserve-3d}.orbit-a{width:54%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(69deg) rotateZ(17deg);border-color:#c8ff5570;animation:spin 9s linear infinite}.orbit-b{width:68%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(72deg) rotateY(52deg);border-color:#8b70ff75;animation:spinB 13s linear infinite}.orbit:after{content:'';width:7px;height:7px;position:absolute;top:48%;left:-4px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}@keyframes spin{to{transform:translate(-50%,-50%) rotateX(69deg) rotateZ(377deg)}}@keyframes spinB{to{transform:translate(-50%,-50%) rotateX(72deg) rotateY(412deg)}}.model-label{position:absolute;font-size:9px;letter-spacing:2px;border:1px solid #ffffff26;padding:8px 11px;border-radius:99px;background:#090a11aa}.model-label span{color:var(--acid);margin-right:7px}.label-one{left:8%;top:28%}.label-two{right:8%;bottom:26%}.drag-hint{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#777}.hero-bottom{position:absolute;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);bottom:28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#777680}.availability{display:flex;align-items:center;gap:10px}.ticker{background:var(--acid);color:#111;overflow:hidden;white-space:nowrap;transform:rotate(-1.2deg);width:102%;margin-left:-1%;z-index:4;position:relative}.ticker div{font-weight:700;font-size:13px;letter-spacing:2px;padding:14px 0;animation:ticker 22s linear infinite}.ticker b{padding:0 28px}@keyframes ticker{to{transform:translateX(-50%)}}
.intro{background:var(--paper);color:#13141a;padding:150px clamp(24px,8vw,130px)}.intro h2{font-size:clamp(45px,6.4vw,91px);line-height:1.02;letter-spacing:-5px;font-weight:500;max-width:1050px;margin:35px 0}.intro h2 em{font-style:normal;color:#7055ed}.intro>p{max-width:630px;font-size:18px;line-height:1.7;color:#66656b;margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid #16171d2b;padding-top:30px}.metrics div{display:flex;flex-direction:column;border-right:1px solid #16171d24;padding-left:30px}.metrics div:first-child{padding-left:0}.metrics strong{font-size:clamp(42px,5vw,70px);letter-spacing:-4px;font-weight:500}.metrics strong:after{content:'+'}.metrics div:nth-child(2) strong:after{content:'%'}.metrics span{font-size:12px;color:#777}.services,.process{padding:140px clamp(24px,5vw,76px)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:65px}.section-head h2{font-size:clamp(44px,5.2vw,72px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:28px 0 0}.section-head>p{max-width:390px;color:#8e8d96;line-height:1.65;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:390px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:.35s;background:#ffffff01}.service-card:before{content:'';position:absolute;width:230px;height:230px;right:-130px;bottom:-160px;border-radius:50%;background:var(--accent);filter:blur(70px);opacity:0;transition:.4s}.service-card:hover{background:#ffffff06;transform:translateY(-5px)}.service-card:hover:before{opacity:.22}.service-top{display:flex;justify-content:space-between;color:#65646d}.service-icon{font-size:26px;color:var(--accent)}.service-card h3{font-size:25px;font-weight:500;margin:70px 0 18px}.service-card p{font-size:14px;color:#92919a;line-height:1.65}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:9px;letter-spacing:1px;border:1px solid #ffffff1e;border-radius:99px;padding:6px 9px;color:#aaa}.work{background:#eae7df;color:#15161b;display:grid;grid-template-columns:1.15fr .85fr;min-height:760px}.work-visual{padding:100px 5vw;display:flex;align-items:center;background:#cbc6fa}.browser{width:100%;transform:perspective(1200px) rotateY(5deg) rotateX(3deg);box-shadow:0 45px 70px #503e8242;border:1px solid #ffffff80;border-radius:10px;overflow:hidden;transition:transform .15s}.browser-bar{height:36px;background:#eee;display:flex;align-items:center;padding:0 13px;gap:6px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#bbb}.browser-bar span{font-size:8px;background:white;padding:5px 50px;border-radius:5px;margin:auto;color:#aaa}.browser-screen{height:430px;background:#121429;color:white;position:relative;padding:25px;overflow:hidden}.mini-nav{font-size:11px;font-weight:700;z-index:2;position:relative}.mini-nav span{float:right}.mini-copy{position:absolute;left:8%;top:29%;z-index:3}.mini-copy small{font-size:7px;letter-spacing:2px;color:#bcb5ff}.mini-copy strong{font-size:36px;line-height:1.05;font-weight:500;display:block;margin:14px 0 22px}.mini-copy button{border:0;padding:9px 12px;background:#b9ff6b;font-size:8px}.mini-orb{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#9482ff 35%,#15173d 68%);position:absolute;right:-40px;bottom:-20px;box-shadow:-20px -20px 80px #a07aff70;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-18px)}}.work-copy{padding:110px 7vw}.pill{display:inline-block;background:#d9ffc2;font-size:9px;letter-spacing:1px;padding:7px 9px;border-radius:99px;margin:35px 0 70px}.work-copy h2{font-size:13px;letter-spacing:2px}.work-copy h3{font-size:clamp(37px,4vw,58px);line-height:1.06;letter-spacing:-3px;font-weight:500}.work-copy>p{color:#737278;line-height:1.7}.work-copy ul{list-style:none;padding:0;margin:35px 0}.work-copy li{font-size:13px;margin:13px 0;color:#555}.work-copy>a{border-bottom:1px solid;padding-bottom:7px;font-size:13px;font-weight:700}.process{background:#101118}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:30px 30px 20px 0;min-height:310px;border-right:1px solid var(--line)}.steps article:not(:first-child){padding-left:30px}.steps article>span{font-size:11px;color:#65646d}.steps article>b{height:100px;display:flex;align-items:flex-end;color:var(--acid);font-size:25px}.steps h3{font-size:25px;font-weight:500;margin-top:28px}.steps p{font-size:13px;line-height:1.65;color:#83828b}.contact{padding:150px 24px 100px;text-align:center;min-height:690px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.contact-orb{position:absolute;width:450px;height:450px;border-radius:50%;background:#7655ff42;filter:blur(100px);top:10%;left:calc(50% - 225px)}.contact>*:not(.contact-orb){z-index:2}.contact h2{font-size:clamp(48px,7vw,98px);line-height:1.02;letter-spacing:-6px;font-weight:500;margin:35px 0 45px}.contact-meta{display:flex;gap:50px;margin-top:90px;color:#75747d;font-size:11px}footer{border-top:1px solid var(--line);min-height:180px;padding:40px clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr 1fr;align-items:start;color:#85848d;font-size:11px}footer p,footer>span{text-align:right}footer div{display:flex;gap:25px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible,.reveal.now{opacity:1;transform:none}
@media(max-width:900px){.cursor,.cursor-dot{display:none}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#0b0c13;padding:30px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.model-stage{position:absolute;right:-25%;top:20%;width:70%;height:55%;opacity:.55}.hero-copy{max-width:75%}.service-grid{grid-template-columns:repeat(2,1fr)}.work{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:40px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hero{min-height:760px;padding-bottom:100px}.hero-copy{max-width:100%}.hero h1{font-size:52px;letter-spacing:-3px}.hero-copy>p{font-size:15px;max-width:85%}.model-stage{right:-50%;top:18%;width:100%;opacity:.4}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-bottom>div:last-child{display:none}.intro,.services,.process{padding-top:95px;padding-bottom:95px}.intro h2,.section-head h2,.contact h2{letter-spacing:-3px}.metrics{grid-template-columns:1fr;gap:28px;margin-top:60px}.metrics div{border-right:0;border-bottom:1px solid #1112;padding:0 0 24px}.service-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:30px}.work-visual{min-height:430px;padding:50px 18px}.browser-screen{height:300px}.mini-copy strong{font-size:27px}.mini-orb{width:210px;height:210px}.work-copy{padding:80px 25px}.steps{grid-template-columns:1fr}.steps article,.steps article:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.contact h2{font-size:49px}.contact-meta{flex-direction:column;gap:13px;margin-top:65px}footer{grid-template-columns:1fr;gap:22px}footer p,footer>span{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Delivered work — scroll-stacked, perspective project panels */
.delivered{padding:140px clamp(24px,5vw,76px) 170px;background:#0b0c12;position:relative;overflow:clip}.delivered:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,#7655ff18,transparent 35%),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:auto,90px 100%;pointer-events:none}.delivered-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;margin-bottom:90px;position:relative;z-index:2}.delivered-head .section-label{grid-column:1/-1;margin-bottom:28px}.delivered-head h2{font-size:clamp(52px,7vw,96px);line-height:.96;letter-spacing:-6px;font-weight:500;margin:0}.delivered-head h2 em{font-style:normal;color:var(--acid)}.delivered-head p{max-width:430px;color:#898892;line-height:1.7;margin:0 0 8px auto}.project-stack{position:relative;perspective:1400px}.project-panel{--panel:#8a72ff;position:sticky;top:6vh;min-height:78vh;margin-bottom:11vh;border:1px solid #ffffff30;border-radius:18px;padding:clamp(30px,5vw,76px);display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:5vw;overflow:hidden;transform-style:preserve-3d;box-shadow:0 45px 100px #0008;will-change:transform,filter;isolation:isolate}.project-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,#ffffff25,transparent 30%),linear-gradient(135deg,var(--panel),#12131b 70%);z-index:-2}.project-panel:after{content:'';position:absolute;width:55vw;height:55vw;border:1px solid #ffffff20;border-radius:50%;right:-25vw;top:-30vw;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03;z-index:-1}.project-purple{--panel:#7254d8}.project-yellow{--panel:#baa821}.project-orange{--panel:#d75928}.project-blue{--panel:#2476a9}.project-green{--panel:#268f61}.project-copy{transform:translateZ(65px)}.project-copy>span{font-size:9px;letter-spacing:2px;color:#ffffffa0}.project-copy h3{font-size:clamp(42px,5vw,76px);font-weight:500;letter-spacing:-4px;margin:22px 0}.project-copy p{font-size:15px;line-height:1.7;color:#ffffffb3;max-width:420px}.project-copy a{display:inline-block;margin-top:28px;padding-bottom:7px;border-bottom:1px solid #fff;font-size:12px;font-weight:700}.project-device{height:clamp(330px,42vw,560px);border:1px solid #ffffff50;border-radius:12px;background:#101119d9;box-shadow:0 50px 90px #0007;position:relative;padding:35px;overflow:hidden;transform:translateZ(100px) rotateY(-7deg);transition:transform .35s}.project-panel:hover .project-device{transform:translateZ(120px) rotateY(-2deg) translateY(-8px)}.device-top{font-weight:800;font-size:12px;letter-spacing:1px;position:relative;z-index:2}.device-top i{float:right;font-size:7px;font-style:normal;font-weight:400;color:#ffffff88}.project-device>strong{position:absolute;z-index:3;top:31%;left:8%;font-size:clamp(28px,3.5vw,51px);line-height:1.03;letter-spacing:-2px;font-weight:500}.device-sphere{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;right:-8%;bottom:-13%;background:radial-gradient(circle at 30% 28%,#fff,#a08eff 28%,#20136a 68%);box-shadow:-30px -30px 90px #9f7eff55;animation:float 4s ease-in-out infinite}.skill-block{position:absolute;right:9%;bottom:5%;font-size:clamp(190px,29vw,440px);font-weight:900;line-height:.7;color:#f7da2c;opacity:.8;transform:rotate(-8deg)}.food-orbit{position:absolute;right:2%;bottom:-16%;width:62%;aspect-ratio:1;border-radius:50%;background:#f47433;display:grid;place-items:center;font-size:clamp(70px,12vw,170px);font-weight:900;color:#23140e;box-shadow:0 0 0 32px #f6ad6840,0 0 0 64px #f6ad6820}.civic-lines{position:absolute;width:62%;height:75%;right:0;bottom:0;background:repeating-linear-gradient(125deg,transparent 0 24px,#75d5ff 25px 28px);opacity:.6;transform:skewX(-12deg)}.learn-rings{position:absolute;width:58%;aspect-ratio:1;right:-2%;bottom:-12%;border:40px solid #6cffb3;border-radius:50%;box-shadow:0 0 0 40px #6cffb330,0 0 0 80px #6cffb315}.project-panel:nth-child(2){top:8vh}.project-panel:nth-child(3){top:10vh}.project-panel:nth-child(4){top:12vh}.project-panel:nth-child(5){top:14vh;margin-bottom:0}
@media(max-width:800px){.delivered-head{grid-template-columns:1fr;gap:30px}.delivered-head p{margin:0}.project-panel{grid-template-columns:1fr;min-height:80vh;top:4vh!important;padding:30px;align-content:center}.project-copy h3{font-size:43px;letter-spacing:-2px}.project-copy p{font-size:13px}.project-device{height:330px;transform:translateZ(40px) rotateY(-3deg)}.project-device>strong{font-size:31px}.delivered{padding-left:16px;padding-right:16px}.project-panel:after{width:90vw;height:90vw}}
.hero-glow{background:rgba(110,76,255,calc(.22 + var(--scroll-glow,0)))}
.project-device{transform:translateZ(100px) rotateY(-7deg) translateY(var(--project-shift,0))}

/* Site-wide spatial motion system */
.ambient-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.42;mix-blend-mode:screen}.hero,.services,.process,.contact,footer{isolation:isolate}.hero>*:not(.grid-bg):not(.hero-glow),.services>*:not(.wire-orb),.process>*:not(#processCanvas),.contact>*{position:relative;z-index:2}.depth-section{perspective:1400px;transform-style:preserve-3d}.wire-orb{position:absolute;border:1px solid #c8ff5530;border-radius:50%;pointer-events:none;z-index:0;will-change:transform}.wire-orb:before,.wire-orb:after{content:'';position:absolute;inset:18%;border:1px solid #8b70ff35;border-radius:50%;transform:rotateX(70deg)}.wire-orb:after{inset:36%;border-color:#c8ff5540;transform:rotateY(70deg)}.orb-left{width:280px;height:280px;left:-150px;top:26%}.orb-right{width:180px;height:180px;right:-70px;bottom:12%}.service-card{transform-style:preserve-3d;will-change:transform}.service-card>*{transform:translateZ(22px)}.service-card .service-top{transform:translateZ(48px)}.service-card:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff18,transparent 38%);opacity:0;transition:opacity .25s;pointer-events:none}.service-card:hover:after{opacity:1}#processCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.75}.process{position:relative;overflow:hidden}.steps article{transform-style:preserve-3d;will-change:transform}.steps article>b{filter:drop-shadow(0 0 14px #c8ff5570);transform:translateZ(30px)}.steps article.visible:nth-child(odd)>b{animation:stepPulse 2.8s ease-in-out infinite}.steps article.visible:nth-child(even)>b{animation:stepPulse 2.8s .7s ease-in-out infinite}@keyframes stepPulse{50%{transform:translateZ(50px) scale(1.18);filter:drop-shadow(0 0 28px #c8ff55)}.contact-orb{animation:contactMorph 8s ease-in-out infinite alternate}@keyframes contactMorph{0%{transform:scale(.8) translateX(-80px);border-radius:50%}50%{transform:scale(1.25) translateX(60px);border-radius:40% 60% 65% 35%}100%{transform:scale(.95) translateY(80px);border-radius:65% 35% 40% 60%}}
}
@media(max-width:700px){.ambient-canvas{opacity:.2}.wire-orb{display:none}.service-card,.service-card:hover{transform:none!important}#processCanvas{opacity:.35}}
.contact-orb{animation:contactBlob 8s ease-in-out infinite alternate}
@keyframes contactBlob{0%{transform:scale(.8) translateX(-80px);border-radius:50%}50%{transform:scale(1.25) translateX(60px);border-radius:40% 60% 65% 35%}100%{transform:scale(.95) translateY(80px);border-radius:65% 35% 40% 60%}}
.steps article.visible:nth-child(odd)>b{animation:stepPulseSafe 2.8s ease-in-out infinite}.steps article.visible:nth-child(even)>b{animation:stepPulseSafe 2.8s .7s ease-in-out infinite}
@keyframes stepPulseSafe{50%{transform:translateZ(50px) scale(1.18);filter:drop-shadow(0 0 28px #c8ff55)}}

/* Brand palette — electric clarity with an ultraviolet digital edge */
:root{--ink:#080b14;--paper:#f3f6f8;--acid:#64e9ff;--violet:#8b7cff;--line:#bfefff1a;--muted:#9299aa;color:#f5f8ff}
.cursor{border-color:#64e9ff88}.cursor.hover{background:#64e9ff13}
.hero-glow{background:rgba(92,77,255,calc(.22 + var(--scroll-glow,0)))}
.orbit-a{border-color:#64e9ff70}.orbit-b{border-color:#8b7cff75}
.intro h2 em{color:#6654e8}.work-visual{background:#c9d8ff}.mini-copy button{background:#64e9ff}
.wire-orb{border-color:#64e9ff30}.wire-orb:before{border-color:#8b7cff35}.wire-orb:after{border-color:#64e9ff40}
.steps article>b{filter:drop-shadow(0 0 14px #64e9ff70)}
@keyframes stepPulseSafe{50%{transform:translateZ(50px) scale(1.18);filter:drop-shadow(0 0 28px #64e9ff)}}
.metrics div:nth-child(2) strong:after{content:'+'}

/* Why NextByte — homepage value proposition */
.why-us{background:#eef2f5;color:#12151d;display:grid;grid-template-columns:1.05fr .95fr;min-height:820px}
.why-visual{padding:100px 5vw;display:flex;align-items:center;background:#c9d8ff;overflow:hidden}
.why-board{width:100%;height:560px;position:relative;overflow:hidden;border:1px solid #ffffff99;border-radius:14px;background:#0d1220;color:#fff;box-shadow:0 45px 80px #536aa84d;transform:perspective(1200px) rotateY(5deg) rotateX(3deg);transition:transform .15s}
.why-board:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000,transparent 75%)}
.why-board:after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#6855ff38;filter:blur(75px);right:-80px;bottom:-120px}
.why-board-top{position:absolute;top:0;left:0;right:0;height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;font-size:9px;letter-spacing:1.7px;color:#8e98ad;z-index:3}
.why-board-top b{color:#64e9ff;font-weight:500}
.why-signal{position:absolute;width:280px;height:280px;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2}
.why-signal i{position:absolute;inset:0;border:1px solid #64e9ff54;border-radius:50%;animation:whyPulse 4s ease-in-out infinite}
.why-signal i:nth-child(2){inset:38px;border-color:#8b7cff70;animation-delay:.6s}.why-signal i:nth-child(3){inset:76px;border-color:#64e9ff88;animation-delay:1.2s}
.signal-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fff,#64e9ff 24%,#6654e8 68%);font-weight:800;font-size:22px;box-shadow:0 0 55px #64e9ff59;z-index:2}
@keyframes whyPulse{50%{transform:scale(1.07);opacity:.55}}
.why-chip{position:absolute;border:1px solid #ffffff24;border-radius:99px;background:#0d1220cc;padding:10px 13px;font-size:8px;letter-spacing:1.5px;z-index:3}.why-chip span{color:#64e9ff;margin-right:7px}
.chip-one{left:8%;top:27%}.chip-two{right:8%;top:43%}.chip-three{left:12%;bottom:22%}
.why-board>p{position:absolute;left:28px;bottom:25px;color:#778196;font-size:10px;letter-spacing:1px;z-index:3}
.why-copy{padding:100px 7vw;display:flex;flex-direction:column;justify-content:center}
.why-copy h2{font-size:clamp(45px,5vw,70px);line-height:1;letter-spacing:-4px;font-weight:500;margin:28px 0 23px}.why-copy h2 em{font-style:normal;color:#6654e8}
.why-copy>p{color:#6f7580;line-height:1.7;max-width:560px}
.why-reasons{margin:35px 0;border-top:1px solid #1118271c}
.why-reasons article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #1118271c}
.why-reasons article>span{color:#6654e8;font-size:9px;padding-top:4px}.why-reasons h3{font-size:17px;font-weight:600;margin-bottom:6px}.why-reasons p{font-size:12px;line-height:1.55;color:#737985;margin:0}
.why-copy>a{align-self:flex-start;border-bottom:1px solid;padding-bottom:7px;font-size:12px;font-weight:700}
@media(max-width:900px){.why-us{grid-template-columns:1fr}.why-visual{min-height:600px}.why-board{height:470px}}
@media(max-width:600px){.why-visual{padding:50px 18px;min-height:480px}.why-board{height:390px;transform:none}.why-signal{width:220px;height:220px}.why-copy{padding:80px 25px}.why-copy h2{letter-spacing:-3px}.chip-two{right:4%}.why-board>p{max-width:250px}}

/* Real project website captures */
.project-device.project-screenshot{padding:0;background:#eef1f5;display:flex;flex-direction:column}
.project-browser-bar{height:42px;flex:0 0 42px;background:#edf0f4;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #cbd1da;color:#747b88}
.project-browser-bar i{width:8px;height:8px;border-radius:50%;background:#b5bbc5}.project-browser-bar i:first-child{background:#ff746b}.project-browser-bar i:nth-child(2){background:#ffc45e}.project-browser-bar i:nth-child(3){background:#65cb76}
.project-browser-bar span{margin:auto;font-size:9px;letter-spacing:.5px;background:#fff;padding:6px clamp(25px,5vw,75px);border-radius:5px;box-shadow:0 1px 3px #1111}
.project-screenshot>img{display:block;width:100%;height:calc(100% - 42px);object-fit:cover;object-position:top;background:#fff}

/* Stronger contact details */
.contact-meta{font-size:16px;gap:58px;color:#a7afc0;letter-spacing:.2px}
@media(max-width:600px){.contact-meta{font-size:14px;gap:18px;max-width:100%;overflow-wrap:anywhere}}