:root{--bg:#07111f;--panel:#0d1a2b;--panel2:#10243d;--text:#f5f8ff;--muted:#93a4bb;--blue:#0877ff;--cyan:#00d5ff;--line:rgba(255,255,255,.1);--green:#19c37d;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 0,rgba(0,169,255,.14),transparent 28%),radial-gradient(circle at 10% 35%,rgba(8,119,255,.08),transparent 25%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{font-size:13px;text-align:center;padding:7px;background:linear-gradient(90deg,#0877ff,#00c7e8);color:white}.header{position:sticky;top:0;z-index:30;background:rgba(7,17,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.5px;font-size:19px;white-space:nowrap}.brand img{width:46px;height:42px;object-fit:contain}.brand em{font-style:normal;color:var(--cyan)}.links{display:flex;gap:24px;margin-left:auto;font-size:14px;color:#c9d5e5}.links a:hover,.links a.active{color:var(--cyan)}.actions{display:flex;align-items:center;gap:9px}.icon-btn,.menu-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#0c1b2e;color:white;display:grid;place-items:center;cursor:pointer}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 20px;font-weight:750;cursor:pointer;color:white;background:linear-gradient(135deg,var(--blue),#0ebeda);box-shadow:0 10px 30px rgba(0,119,255,.2)}.btn:hover{transform:translateY(-2px)}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.18);box-shadow:none}.btn.small{padding:9px 14px;font-size:13px}.hero{padding:92px 0 75px;min-height:650px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#80e6ff;background:rgba(0,197,255,.08);border:1px solid rgba(0,213,255,.2);padding:7px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(46px,6vw,78px);line-height:1.02;letter-spacing:-3.5px;margin:22px 0}.gradient{background:linear-gradient(90deg,#fff 5%,#56e3ff 60%,#1688ff);-webkit-background-clip:text;color:transparent}.hero p,.page-hero p{font-size:18px;color:var(--muted);max-width:610px}.hero-cta{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:28px;color:#9cacc0;font-size:13px}.trust b{display:block;color:white;font-size:20px}.visual{position:relative;min-height:470px}.glow{position:absolute;inset:12% 4%;background:#047dfb;filter:blur(90px);opacity:.2}.dash{position:absolute;inset:20px;background:linear-gradient(145deg,rgba(21,45,76,.96),rgba(8,20,36,.97));border:1px solid rgba(125,215,255,.2);border-radius:28px;padding:20px;box-shadow:0 35px 90px #0008;transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}.dash-top{display:flex;justify-content:space-between;align-items:center}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#23415f}.dash-body{display:grid;grid-template-columns:70px 1fr;gap:18px;margin-top:24px}.side{border-right:1px solid var(--line);display:grid;align-content:start;gap:15px}.side i{width:38px;height:38px;background:#142a44;border-radius:10px}.side i:first-child{background:#0877ff}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric,.chart{background:#0a1727;border:1px solid var(--line);border-radius:15px;padding:15px}.metric small{color:#7890a9}.metric b{display:block;font-size:25px}.chart{grid-column:1/-1;height:180px;display:flex;align-items:end;gap:10px}.chart i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#00d5ff,#0877ff);opacity:.85}.floating{position:absolute;background:#10243d;border:1px solid #1b5277;border-radius:14px;padding:10px 14px;font-size:12px;box-shadow:0 15px 30px #0006}.f1{right:-10px;top:70px}.f2{left:-15px;bottom:50px}.section{padding:85px 0}.section.alt{background:rgba(255,255,255,.018);border-block:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-2px;line-height:1.12;margin:10px 0}.section-head p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,rgba(18,39,65,.95),rgba(10,23,40,.95));border:1px solid var(--line);border-radius:20px;padding:25px;transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(0,213,255,.35)}.card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#0877ff,#00c8e8);font-size:22px}.card h3{margin:18px 0 8px;font-size:20px}.card p{color:var(--muted);font-size:14px}.app-card{padding:0;overflow:hidden}.app-art{height:175px;padding:22px;display:flex;align-items:flex-end;background:var(--art);position:relative}.app-art:after{content:"";position:absolute;width:120px;height:120px;border-radius:28px;right:-15px;top:-20px;background:rgba(255,255,255,.12);transform:rotate(20deg)}.app-logo{width:56px;height:56px;background:#fff;color:#07111f;display:grid;place-items:center;border-radius:16px;font-size:27px;box-shadow:0 10px 25px #0005}.app-info{padding:20px}.price{font-weight:850;color:#67e6ff}.app-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.page-hero{padding:85px 0 55px;text-align:center}.page-hero h1{font-size:clamp(42px,6vw,68px);margin-bottom:16px}.page-hero p{margin:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{text-align:center;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.stat b{display:block;font-size:36px;color:#65e8ff}.pricing .card{position:relative}.popular{border-color:#168dff}.tag{position:absolute;right:15px;top:15px;background:#0877ff;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:800}.amount{font-size:42px;font-weight:850}.checklist{list-style:none;padding:0;color:#b7c6d9}.checklist li{padding:7px 0}.checklist li:before{content:'✓';color:#24d498;margin-right:9px}.form{max-width:680px;margin:auto;background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:22px}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:13px;color:#aebdd0}.field input,.field textarea,.field select{width:100%;border-radius:11px;border:1px solid var(--line);background:#091524;color:white;padding:13px;outline:none}.field input:focus,.field textarea:focus{border-color:#0877ff}.form .btn{width:100%}.notice{padding:13px;border-radius:10px;background:rgba(25,195,125,.1);color:#71e8b3;display:none;margin-top:14px}.faq{max-width:850px;margin:auto}.faq details{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:17px 20px;margin:12px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{color:var(--muted)}.cta{background:linear-gradient(125deg,#0b5fce,#03a9c5);border-radius:26px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0;max-width:650px}.footer{padding:65px 0 22px;background:#050d17;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px}.footer h4{margin-top:0}.footer a{display:block;color:#8fa2b9;font-size:14px;margin:9px 0}.footer a:hover{color:#61def8}.socials{display:flex;gap:8px;margin-top:18px}.socials a{width:36px;height:36px;margin:0;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:white}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:#718399;font-size:13px;display:flex;justify-content:space-between}.whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-size:26px;z-index:25;box-shadow:0 10px 30px #0008}.search-modal{position:fixed;inset:0;z-index:100;background:rgba(2,8,15,.86);backdrop-filter:blur(14px);display:none;padding:100px 20px}.search-modal.open{display:block}.search-box{max-width:760px;margin:auto}.search-input{display:flex;background:#102139;border:1px solid #2d5275;border-radius:16px;padding:8px}.search-input input{flex:1;background:transparent;border:0;color:white;padding:12px;font-size:20px;outline:none}.results{margin-top:12px;background:#0c1a2c;border-radius:14px;overflow:hidden}.result{display:block;padding:14px 18px;border-bottom:1px solid var(--line)}.result:hover{background:#142a45}.empty{text-align:center;padding:25px;color:var(--muted)}.mobile-panel{display:none}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#fff;color:#07111f;padding:11px 18px;border-radius:10px;font-weight:700;opacity:0;transition:.3s;z-index:200}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.links{display:none}.menu-btn{display:grid}.actions{margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero{padding-top:60px}.visual{min-height:420px}.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.mobile-panel{position:fixed;inset:78px 0 auto;background:#091727;padding:20px;z-index:29;border-bottom:1px solid var(--line)}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:13px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:min(100% - 26px,var(--max))}.topbar{font-size:11px}.nav{height:68px}.brand span{font-size:16px}.actions .login-link{display:none}.hero{min-height:auto;padding:55px 0}.hero h1{letter-spacing:-2px}.hero-cta{flex-direction:column}.trust{gap:15px}.visual{min-height:350px}.dash{inset:10px;padding:13px}.dash-body{grid-template-columns:45px 1fr}.grid,.stats{grid-template-columns:1fr}.section{padding:62px 0}.section-head{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.cta{padding:30px;display:block}.cta .btn{margin-top:18px}.copyright{display:block}.page-hero{padding:60px 0 30px}.page-hero h1{letter-spacing:-2px}.whatsapp{right:15px;bottom:15px}.f1{right:0}.f2{left:0}}

/* Premium WhatsApp contact */
.whatsapp{height:58px;width:auto;min-width:58px;padding:0 17px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:800;transition:.25s}
.whatsapp:hover{transform:translateY(-3px);background:#20bd5a}
.whatsapp svg,.whatsapp-form .btn svg{width:28px;height:28px;flex:none}
.whatsapp span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s}
.whatsapp:hover span{max-width:100px}
.form-hint{text-align:center;color:var(--muted);font-size:12px;margin:12px 0 0}

/* 2026 premium experience */
.logo-cloud{border-block:1px solid var(--line);background:rgba(255,255,255,.015);padding:27px 0}.logo-cloud .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.logo-cloud span{font-size:10px;letter-spacing:2px;color:#637891;font-weight:850}.logo-cloud .wrap>div{display:flex;align-items:center;justify-content:space-between;gap:42px;flex:1}.logo-cloud b{font-size:13px;letter-spacing:1.4px;color:#70849b}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0b192a}.process-grid article{padding:27px;border-right:1px solid var(--line);min-height:230px}.process-grid article:last-child{border:0}.process-grid i{font-style:normal;color:#56dcff;font-size:12px;font-weight:850;letter-spacing:1px}.process-grid h3{font-size:21px;margin:45px 0 8px}.process-grid p{font-size:14px;color:var(--muted)}.premium-split{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:30px}.industry-list span{background:#0d1d31;border:1px solid var(--line);border-radius:12px;padding:12px;color:#c6d5e5}.result-card{padding:38px;border:1px solid rgba(0,213,255,.25);border-radius:25px;background:linear-gradient(145deg,#112b49,#091827);box-shadow:0 30px 70px #0004}.result-card strong{display:block;font-size:76px;line-height:1;color:#61e6ff;margin-top:26px;letter-spacing:-5px}.result-card p{color:#adbdcf}.result-bars{display:grid;gap:9px;margin:28px 0}.result-bars i{height:7px;width:var(--w);background:linear-gradient(90deg,#0877ff,#00d5ff);border-radius:99px}.result-card small{color:#71869d}.testimonials .card{min-height:240px;display:flex;flex-direction:column}.testimonials .card p{font-size:16px;flex:1}.testimonials small{color:var(--muted)}.stars{color:#ffd45c;letter-spacing:3px}.contract-banner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px;border:1px solid rgba(0,213,255,.22);border-radius:25px;background:radial-gradient(circle at 90% 50%,rgba(0,213,255,.12),transparent 30%),#0c1b2e}.contract-banner h2{margin-bottom:8px}.contract-banner p{color:var(--muted);margin:0}.admin-link{color:#546b84!important;margin:0!important}.whatsapp:before,.whatsapp:after{content:"";position:absolute;inset:-6px;border:2px solid rgba(37,211,102,.5);border-radius:99px;animation:waPulse 2.2s infinite;pointer-events:none}.whatsapp:after{animation-delay:1.1s}@keyframes waPulse{0%{transform:scale(.9);opacity:.8}75%,100%{transform:scale(1.35);opacity:0}}.whatsapp{isolation:isolate}.whatsapp svg,.whatsapp span{position:relative;z-index:2}
@media(max-width:950px){.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2){border-right:0}.process-grid article{border-bottom:1px solid var(--line)}.process-grid article:nth-child(3),.process-grid article:nth-child(4){border-bottom:0}.premium-split{grid-template-columns:1fr;gap:30px}.logo-cloud .wrap>div{gap:20px;flex-wrap:wrap}}
@media(max-width:620px){.logo-cloud .wrap{display:block}.logo-cloud span{display:block;margin-bottom:15px}.logo-cloud .wrap>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)!important}.process-grid article:last-child{border-bottom:0!important}.process-grid h3{margin:20px 0 6px}.industry-list{grid-template-columns:1fr}.result-card strong{font-size:58px}.contract-banner{display:block;padding:28px}.contract-banner .btn{margin-top:20px}.whatsapp span{display:none}}

/* Immersive 4D motion system */
.four-d-space{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;perspective:1000px}.depth-grid{position:absolute;left:-25%;right:-25%;bottom:-32%;height:70%;background-image:linear-gradient(rgba(16,157,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(16,157,255,.09) 1px,transparent 1px);background-size:65px 65px;transform:rotateX(68deg) translateZ(-100px);mask-image:linear-gradient(to top,#000,transparent 80%);animation:gridTravel 12s linear infinite}.depth-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.25;will-change:transform}.orb-a{width:430px;height:430px;right:-140px;top:8%;background:radial-gradient(circle at 35% 35%,#00e1ff,#076cff 45%,transparent 70%)}.orb-b{width:330px;height:330px;left:-130px;top:48%;background:radial-gradient(circle at 45% 45%,#5b31ff,#005eff 48%,transparent 70%)}.particle{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#62e9ff;box-shadow:0 0 14px #00aaff;opacity:var(--o);animation:particleFloat var(--d) ease-in-out infinite alternate}.hero{perspective:1400px}.hero-grid>div:first-child{transform-style:preserve-3d;will-change:transform}.hero .eyebrow{transform:translateZ(35px)}.hero h1{transform:translateZ(55px);text-shadow:0 18px 60px rgba(0,177,255,.12)}.hero-cta{transform:translateZ(32px)}.visual{transform-style:preserve-3d;will-change:transform}.dash{transform-style:preserve-3d;transition:transform .18s ease-out;box-shadow:0 45px 100px #000a,0 0 0 1px rgba(0,213,255,.05) inset}.dash:after{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(125deg,rgba(81,226,255,.7),transparent 35%,rgba(8,119,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.metric{transform:translateZ(25px);box-shadow:0 14px 30px rgba(0,0,0,.22)}.chart{transform:translateZ(16px)}.floating{animation:floatDepth 3.8s ease-in-out infinite;backdrop-filter:blur(14px)}.f2{animation-delay:-1.7s}.card,.result-card,.contract-banner,.process-grid article{transform-style:preserve-3d;will-change:transform}.tilt-card{transition:transform .14s ease-out,border-color .25s,box-shadow .25s}.tilt-card:hover{box-shadow:0 28px 65px rgba(0,0,0,.32),0 0 30px rgba(0,180,255,.07)}.tilt-card>*{transform:translateZ(18px)}.reveal-4d{opacity:0;transform:translateY(45px) rotateX(8deg) scale(.97);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.75,.2,1)}.reveal-4d.in-view{opacity:1;transform:translateY(0) rotateX(0) scale(1)}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-100%) rotate(10deg);transition:transform .65s}.btn:hover:after{transform:translateX(100%) rotate(10deg)}
@keyframes gridTravel{to{background-position:0 65px,65px 0}}@keyframes particleFloat{to{transform:translate3d(25px,-45px,80px) scale(1.6);opacity:.8}}@keyframes floatDepth{0%,100%{transform:translate3d(0,0,35px) rotateY(-2deg)}50%{transform:translate3d(0,-13px,70px) rotateY(3deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-4d{opacity:1;transform:none}.depth-grid{display:none}}
@media(max-width:760px){.depth-grid{opacity:.45}.depth-orb{opacity:.14}.particle:nth-child(n+8){display:none}.tilt-card:hover{transform:none!important}.reveal-4d{transform:translateY(25px)}.dash{transform:none!important}}

/* Full-site Hyper 4D scene */
.four-d-active{perspective:1600px;overflow-x:hidden}.four-d-active .header{box-shadow:0 18px 60px rgba(0,0,0,.28),0 1px rgba(64,220,255,.12)}.cursor-aurora{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(0,210,255,.13),rgba(32,91,255,.055) 35%,transparent 68%);filter:blur(5px);will-change:transform}.hyper-core{position:absolute;inset:0;z-index:4;display:grid;place-items:center;transform-style:preserve-3d;pointer-events:none}.core-aura{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(0,227,255,.3),rgba(0,103,255,.13) 38%,transparent 68%);filter:blur(8px);animation:coreBreathe 3s ease-in-out infinite}.core-logo{position:relative;width:145px;height:145px;object-fit:contain;z-index:7;filter:drop-shadow(0 20px 30px #001a42) drop-shadow(0 0 24px rgba(52,225,255,.8));animation:logoLevitate 4s ease-in-out infinite;transform:translateZ(115px)}.orbit{position:absolute;width:320px;height:320px;border:2px solid rgba(83,225,255,.5);border-radius:50%;box-shadow:0 0 18px rgba(0,190,255,.16),inset 0 0 20px rgba(0,119,255,.1);transform-style:preserve-3d}.orbit:before,.orbit:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#76efff;box-shadow:0 0 22px #00d5ff}.orbit:before{left:12%;top:18%}.orbit:after{right:8%;bottom:25%;background:#167dff}.orbit-one{animation:orbitOne 8s linear infinite}.orbit-two{width:255px;height:255px;border-color:rgba(64,112,255,.6);animation:orbitTwo 6s linear infinite reverse}.orbit-three{width:385px;height:385px;border-style:dashed;border-color:rgba(119,238,255,.26);animation:orbitThree 15s linear infinite}.core-title{position:absolute;bottom:45px;z-index:8;text-align:center;text-transform:uppercase;letter-spacing:5px;font-size:10px;font-weight:900;color:#8feeff;text-shadow:0 0 14px #009dff}.hero .dash{opacity:.32;filter:saturate(1.5);transform:perspective(1000px) rotateY(-12deg) rotateX(6deg) translateZ(-80px)!important}.hero .visual:after{content:"";position:absolute;inset:6%;border-radius:50%;border:1px solid rgba(73,223,255,.15);box-shadow:0 0 80px rgba(0,133,255,.15) inset;animation:portalSpin 16s linear infinite}.depth-vignette{position:fixed;inset:0;z-index:90;pointer-events:none;box-shadow:inset 0 0 140px rgba(0,0,0,.38)}.four-d-active .section{position:relative;transform-style:preserve-3d}.four-d-active .section:before{content:"";position:absolute;left:6%;right:6%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,218,255,.3),transparent);transform:translateZ(30px)}.four-d-active .section>.wrap{transform-style:preserve-3d}.four-d-active .section h2{text-shadow:0 15px 45px rgba(0,153,255,.16)}.four-d-active .app-art{overflow:hidden}.four-d-active .app-art:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.35),transparent 25%);animation:holoSweep 5s linear infinite}.four-d-active .stat{box-shadow:0 25px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)}
@keyframes coreBreathe{50%{transform:scale(1.16);opacity:.65}}@keyframes logoLevitate{0%,100%{transform:translate3d(0,-8px,115px) rotateY(-7deg)}50%{transform:translate3d(0,12px,150px) rotateY(8deg)}}@keyframes orbitOne{from{transform:rotateX(68deg) rotateZ(0)}to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes orbitTwo{from{transform:rotateY(70deg) rotateX(20deg) rotateZ(0)}to{transform:rotateY(70deg) rotateX(20deg) rotateZ(360deg)}}@keyframes orbitThree{from{transform:rotateX(45deg) rotateY(58deg) rotateZ(0) scale(1)}50%{transform:rotateX(58deg) rotateY(45deg) rotateZ(180deg) scale(1.08)}to{transform:rotateX(45deg) rotateY(58deg) rotateZ(360deg) scale(1)}}@keyframes portalSpin{to{transform:rotate(360deg)}}@keyframes holoSweep{to{transform:rotate(360deg)}}
@media(max-width:950px){.hyper-core{transform:scale(.83)}.hero .dash{opacity:.2}}
@media(max-width:620px){.hyper-core{transform:scale(.68)}.core-title{bottom:5px}.hero .visual{min-height:390px}.hero .dash{opacity:.12}.cursor-aurora,.depth-vignette{display:none}}
@media(prefers-reduced-motion:reduce){.core-logo,.orbit,.core-aura,.hero .visual:after,.four-d-active .app-art:before{animation:none!important}}
.four-d-active .section>.wrap{transform:perspective(1400px) translateZ(calc(var(--scene-depth,0) * 18px));transition:transform .18s linear}

/* 4D header, app banner and dimensional footer */
.four-d-active .header{top:12px;width:min(1240px,calc(100% - 30px));margin:0 auto;border:1px solid rgba(95,223,255,.2);border-radius:18px;background:linear-gradient(110deg,rgba(7,17,31,.9),rgba(12,35,58,.86));box-shadow:0 18px 55px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.08),0 0 32px rgba(0,153,255,.07);transform:translateZ(70px);overflow:visible}.four-d-active .header:before{content:"";position:absolute;inset:-1px;border-radius:18px;background:linear-gradient(100deg,transparent,rgba(76,225,255,.5),transparent 35%);background-size:250% 100%;z-index:-1;animation:headerBeam 7s linear infinite}.four-d-active .header .nav{height:72px}.four-d-active .header .brand img{filter:drop-shadow(0 8px 12px #000) drop-shadow(0 0 8px rgba(0,213,255,.5));transform:perspective(200px) rotateY(-12deg) translateZ(15px);animation:navLogoFloat 4s ease-in-out infinite}.four-d-active .links{padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(2,11,20,.25)}.four-d-active .links a{padding:7px 9px;border-radius:8px}.four-d-active .links a.active{background:linear-gradient(135deg,rgba(0,119,255,.22),rgba(0,213,255,.1));box-shadow:inset 0 0 14px rgba(0,213,255,.08)}
.app-4d-banner{position:relative;padding:105px 0;min-height:680px;overflow:hidden;border-block:1px solid rgba(63,218,255,.18);background:radial-gradient(circle at 72% 50%,rgba(0,149,255,.19),transparent 28%),linear-gradient(135deg,#07111f 15%,#0a1d35 55%,#07111f)}.app-4d-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(70,210,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,210,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 70% 50%,black,transparent 60%)}.app-4d-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;position:relative;z-index:2}.app-banner-copy h2{font-size:clamp(40px,5vw,67px);line-height:1.03;letter-spacing:-3px;margin:20px 0}.app-banner-copy p{font-size:17px;color:var(--muted);max-width:600px}.app-banner-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#bcd0e5;margin:25px 0}.app-banner-points span{padding:10px 12px;background:rgba(15,39,64,.65);border:1px solid var(--line);border-radius:10px}.phone-universe{height:490px;position:relative;perspective:1200px;transform-style:preserve-3d}.phone{position:absolute;width:215px;height:430px;padding:9px;border-radius:36px;background:linear-gradient(145deg,#48718e,#07101d 28%,#1d425d 75%,#a2d7eb);box-shadow:0 45px 80px #000b,0 0 45px rgba(0,195,255,.16);transform-style:preserve-3d}.phone-screen{height:100%;border-radius:29px;padding:45px 19px 18px;background:radial-gradient(circle at 70% 5%,#164779,#081524 40%);border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-main{left:50%;top:20px;z-index:5;transform:translateX(-50%) rotateY(-10deg) rotateX(4deg) translateZ(75px);animation:phoneMain 5s ease-in-out infinite}.phone-main .phone-screen{align-items:center}.phone-main img{width:85px;height:85px;object-fit:contain;filter:drop-shadow(0 12px 15px #0008)}.phone-main b{font-size:20px;margin-top:25px}.phone-main small,.phone-front small{color:#8da6bf}.phone-notch{position:absolute;width:78px;height:20px;border-radius:0 0 14px 14px;background:#050b11;left:50%;top:9px;transform:translateX(-50%);z-index:4}.phone-back{left:6%;top:42px;transform:rotateY(26deg) rotateZ(-7deg) translateZ(-75px);opacity:.7;animation:phoneBack 6s ease-in-out infinite}.phone-front{right:2%;top:60px;width:180px;height:355px;transform:rotateY(-25deg) rotateZ(7deg) translateZ(20px);animation:phoneFront 5.5s ease-in-out infinite}.phone-front .phone-screen{align-items:center;justify-content:center}.phone-front span{font-size:42px;font-weight:900;color:#5ce7ff}.app-actions{display:flex;gap:9px;margin:30px 0 20px}.app-actions i{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#0877ff,#00bedf);box-shadow:0 10px 20px #001c44}.mini-chart{height:85px;width:100%;margin-top:auto;border-radius:15px;background:linear-gradient(180deg,rgba(0,213,255,.2),transparent),linear-gradient(120deg,transparent 10%,#00d5ff 11%,#00d5ff 13%,transparent 14%,transparent 32%,#0877ff 33%,#0877ff 35%,transparent 36%);border:1px solid rgba(65,214,255,.13)}.ring-meter{width:95px;height:95px;margin-top:24px;border-radius:50%;background:conic-gradient(#00d5ff 0 82%,#18334c 82%);box-shadow:0 0 30px rgba(0,213,255,.3);position:relative}.ring-meter:after{content:"";position:absolute;inset:11px;background:#0a1a2d;border-radius:50%}.phone-orbit{position:absolute;inset:3% 0;border:1px dashed rgba(66,222,255,.35);border-radius:50%;transform:rotateX(72deg) rotateZ(-14deg);animation:orbitBanner 10s linear infinite}.app-float{position:absolute;padding:9px 13px;border-radius:10px;background:rgba(11,36,60,.85);border:1px solid rgba(75,223,255,.27);box-shadow:0 15px 35px #0008;color:#bcf4ff;font-size:12px;font-style:normal;backdrop-filter:blur(14px);z-index:8;animation:floatDepth 3.8s ease-in-out infinite}.af-one{right:4%;top:15%}.af-two{left:0;bottom:20%;animation-delay:-1s}.af-three{right:10%;bottom:8%;animation-delay:-2s}
.four-d-active .footer{position:relative;margin:80px 20px 20px;border:1px solid rgba(75,217,255,.18);border-radius:28px;background:radial-gradient(circle at 15% 0,rgba(0,141,255,.14),transparent 28%),linear-gradient(145deg,#081725,#040b13);box-shadow:0 -30px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.07);overflow:hidden;transform:perspective(1600px) rotateX(1deg);transform-origin:bottom}.four-d-active .footer:before{content:"";position:absolute;left:10%;right:10%;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#00d5ff,transparent);box-shadow:0 0 25px #009dff}.four-d-active .footer-grid>div{padding:18px;border-radius:15px;transition:.3s;transform:translateZ(15px)}.four-d-active .footer-grid>div:not(:first-child):hover{background:rgba(17,43,69,.55);transform:translateY(-8px) translateZ(40px);box-shadow:0 20px 35px #0004}.four-d-active .footer .socials a{background:linear-gradient(145deg,#132d49,#07111d);box-shadow:0 9px 18px #0006;transition:.25s}.four-d-active .footer .socials a:hover{transform:translateY(-5px) rotateY(15deg);color:#65eaff;border-color:#39d7ff}
@keyframes headerBeam{to{background-position:-250% 0}}@keyframes navLogoFloat{50%{transform:perspective(200px) rotateY(12deg) translateY(-3px) translateZ(22px)}}@keyframes phoneMain{50%{transform:translateX(-50%) translateY(-15px) rotateY(8deg) rotateX(-2deg) translateZ(110px)}}@keyframes phoneBack{50%{transform:translateY(12px) rotateY(19deg) rotateZ(-4deg) translateZ(-50px)}}@keyframes phoneFront{50%{transform:translateY(-13px) rotateY(-15deg) rotateZ(4deg) translateZ(48px)}}@keyframes orbitBanner{to{transform:rotateX(72deg) rotateZ(346deg)}}
@media(max-width:950px){.four-d-active .header{top:7px}.app-4d-grid{grid-template-columns:1fr}.app-4d-banner{padding:75px 0}.phone-universe{max-width:580px;width:100%;margin:auto}.four-d-active .footer{margin:50px 10px 10px}}
@media(max-width:620px){.four-d-active .header{width:calc(100% - 16px);border-radius:14px}.app-banner-copy h2{letter-spacing:-2px}.app-banner-points{grid-template-columns:1fr}.phone-universe{height:430px;transform:scale(.82);transform-origin:top center;margin-bottom:-70px}.phone-back{left:-10%}.phone-front{right:-9%}.four-d-active .footer{border-radius:20px;margin-inline:6px}.four-d-active .footer-grid>div{padding:8px}}

/* Layout stability: 4D decoration must never increase page height */
html,body{max-width:100%;overflow-x:clip}.four-d-active{perspective:none;min-height:100%}.four-d-space,.cursor-aurora,.depth-vignette{contain:strict;max-height:100vh}.four-d-active .footer{margin-bottom:0;transform:none;isolation:isolate}.four-d-active .footer:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(50,218,255,.4),transparent)}body>.four-d-space{position:fixed!important;inset:0!important;transform:none!important}.app-4d-banner{transform:none;contain:paint}

/* Client-facing build portfolio */
.build-showcase{position:relative;padding:95px 0;background:linear-gradient(180deg,#06101d,#0a192b 50%,#06101d);border-block:1px solid rgba(70,220,255,.16);overflow:hidden}.build-showcase:before{content:"";position:absolute;width:650px;height:650px;right:-250px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(0,179,255,.14),transparent 68%)}.showcase-heading{position:relative;display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.showcase-heading h2{font-size:clamp(36px,5vw,62px);letter-spacing:-3px;line-height:1.05;margin:14px 0 0;max-width:780px}.showcase-heading p{max-width:390px;color:var(--muted)}.showcase-tabs{position:relative;display:flex;gap:8px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#081523;width:max-content;max-width:100%;overflow:auto;margin-bottom:22px}.showcase-tabs button{white-space:nowrap;border:0;border-radius:9px;padding:11px 17px;color:#8fa5bc;background:transparent;cursor:pointer;font-weight:750}.showcase-tabs button.active{color:white;background:linear-gradient(135deg,#0877ff,#06a9d0);box-shadow:0 10px 25px rgba(0,119,255,.23)}.demo-stage{position:relative;min-height:570px;display:grid;grid-template-columns:.72fr 1.28fr;gap:35px;align-items:center;padding:45px;border:1px solid rgba(80,219,255,.2);border-radius:28px;background:radial-gradient(circle at 75% 40%,rgba(0,155,255,.18),transparent 35%),linear-gradient(145deg,#0e233b,#081522);box-shadow:0 40px 90px #0007;overflow:hidden;transition:.4s}.demo-stage[data-active=shop]{background:radial-gradient(circle at 75% 40%,rgba(157,70,255,.2),transparent 35%),linear-gradient(145deg,#21143d,#0c1321)}.demo-stage[data-active=mobile]{background:radial-gradient(circle at 75% 40%,rgba(0,224,167,.18),transparent 35%),linear-gradient(145deg,#0b302b,#081a20)}.demo-stage[data-active=admin]{background:radial-gradient(circle at 75% 40%,rgba(255,140,35,.17),transparent 35%),linear-gradient(145deg,#2c2115,#111821)}.demo-copy{position:relative;z-index:5}.demo-number{font-size:11px;letter-spacing:2px;color:#5ee7ff;font-weight:850}.demo-copy h3{font-size:35px;line-height:1.08;margin:16px 0}.demo-copy p{color:#a7b8ca}.demo-copy ul{list-style:none;padding:0;margin:24px 0}.demo-copy li{padding:7px 0;color:#d4deea}.demo-copy li:before{content:'✓';color:#36dfa2;margin-right:9px}.demo-copy>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.demo-price{color:#67e6ff;font-size:13px;font-weight:800}.device-scene{position:relative;height:480px;perspective:1300px;transform-style:preserve-3d}.laptop{position:absolute;width:min(650px,88%);left:50%;top:20px;transform:translateX(-50%) rotateY(-8deg) rotateX(3deg);transform-style:preserve-3d;animation:laptopFloat 5s ease-in-out infinite}.laptop-screen{padding:10px;border-radius:18px;background:linear-gradient(145deg,#557b94,#08101a 20%,#16364e);box-shadow:0 45px 70px #000b,0 0 45px rgba(0,198,255,.13)}.browser-bar{height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#09141f;border-radius:10px 10px 0 0}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#ff6372}.browser-bar i:nth-child(2){background:#ffd45c}.browser-bar i:nth-child(3){background:#48d597}.browser-bar span{margin:auto;color:#688097;font-size:9px;background:#111f2c;padding:4px 40px;border-radius:5px}.site-preview{height:335px;padding:20px;background:radial-gradient(circle at 80% 20%,rgba(0,204,255,.22),transparent 35%),#071523;border-radius:0 0 9px 9px;overflow:hidden}.site-preview nav{display:flex;justify-content:space-between;color:#5be1fa;font-size:9px}.site-preview nav small{color:#8ba1b7}.site-preview main{padding:55px 20px 30px}.site-preview main span{font-size:7px;color:#4cdcf8;letter-spacing:2px}.site-preview main h4{font-size:29px;line-height:1.05;margin:8px 0;color:white}.site-preview main p{font-size:9px;color:#879cb2}.site-preview main button{border:0;background:#0877ff;color:white;padding:8px 12px;border-radius:6px;font-size:8px}.preview-cards{display:flex;gap:10px}.preview-cards i{display:block;width:30%;height:45px;border:1px solid #183550;border-radius:7px;background:#0d2135}.laptop-base{width:110%;height:15px;margin-left:-5%;border-radius:2px 2px 18px 18px;background:linear-gradient(#91a9b8,#1b3242 35%,#08111a);box-shadow:0 15px 25px #0008}.demo-phone{position:absolute;width:125px;height:255px;right:0;bottom:5px;border-radius:25px;padding:7px;background:linear-gradient(145deg,#6e93aa,#07101b 25%,#24495f);box-shadow:0 25px 50px #000a;transform:rotateY(-20deg) rotateZ(5deg) translateZ(70px);animation:demoPhone 4s ease-in-out infinite}.demo-phone>div{height:100%;border-radius:19px;padding:22px 12px;background:linear-gradient(#0d2d48,#07131f);display:flex;flex-direction:column;gap:11px}.demo-phone span{font-size:7px}.demo-phone b{font-size:11px;text-align:center;color:#5de6ff;margin:12px 0}.demo-phone i{height:39px;border-radius:8px;background:linear-gradient(135deg,#0e78e8,#02bfd5)}.scene-chip{position:absolute;font-style:normal;font-size:9px;letter-spacing:1px;padding:8px 10px;color:#89eeff;background:rgba(7,24,39,.85);border:1px solid rgba(71,222,255,.25);border-radius:8px;box-shadow:0 14px 30px #0008;animation:floatDepth 3s ease-in-out infinite}.chip-a{top:4px;right:2%}.chip-b{left:2%;bottom:20px;animation-delay:-1.4s}.demo-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.demo-types article{padding:17px;border:1px solid var(--line);border-radius:14px;background:#0b1a2b}.demo-types b{display:block;margin-bottom:4px}.demo-types span{color:var(--muted);font-size:11px}@keyframes laptopFloat{50%{transform:translateX(-50%) translateY(-9px) rotateY(3deg) rotateX(-1deg)}}@keyframes demoPhone{50%{transform:translateY(-12px) rotateY(-10deg) rotateZ(2deg) translateZ(90px)}}
@media(max-width:950px){.showcase-heading{display:block}.demo-stage{grid-template-columns:1fr}.device-scene{height:470px}.demo-types{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.build-showcase{padding:65px 0}.showcase-heading h2{letter-spacing:-2px}.demo-stage{padding:25px 18px;min-height:auto}.demo-copy h3{font-size:28px}.device-scene{height:310px}.laptop{width:94%}.site-preview{height:220px;padding:12px}.site-preview main{padding:30px 10px}.site-preview main h4{font-size:20px}.demo-phone{width:85px;height:175px}.preview-cards{display:none}.demo-types{grid-template-columns:1fr}.browser-bar span{padding-inline:12px}}

/* Live 3D website + app coding animation */
.live-build-studio{position:absolute;inset:5px -25px 0 -10px;z-index:9;border:1px solid rgba(66,220,255,.28);border-radius:24px;padding:14px;background:linear-gradient(145deg,rgba(14,39,64,.96),rgba(4,13,24,.98));box-shadow:0 45px 100px #000b,0 0 60px rgba(0,157,255,.13);transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);transform-style:preserve-3d;overflow:hidden;animation:studioFloat 6s ease-in-out infinite}.live-build-studio:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(77,225,255,.08),transparent 65%);transform:translateX(-100%);animation:studioScan 5s linear infinite}.studio-top{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 10px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.3px;color:#8ea6bd}.studio-top>span{display:flex;align-items:center;gap:7px;color:#74e9ff;font-weight:850}.studio-top>b{color:#4edfae}.studio-dots{display:flex;gap:5px}.studio-dots i{width:7px;height:7px;border-radius:50%;background:#ff6572}.studio-dots i:nth-child(2){background:#ffd05b}.studio-dots i:nth-child(3){background:#36d78b}.live-dot{width:7px;height:7px;border-radius:50%;background:#22df89;box-shadow:0 0 10px #22df89;animation:liveBlink 1.2s infinite}.studio-workspace{display:grid;grid-template-columns:1.04fr .96fr;gap:10px;height:355px;margin-top:11px;transform-style:preserve-3d}.code-window,.live-preview{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#07121f;overflow:hidden}.code-window{transform:translateZ(28px);box-shadow:12px 20px 35px #0005}.code-tabs{height:33px;display:flex;align-items:center;gap:5px;padding:0 7px;background:#0d1c2c;border-bottom:1px solid var(--line);font-size:8px;color:#667d94}.code-tabs span{padding:7px 8px}.code-tabs .active{color:#66e3ff;background:#07121f;border-radius:6px 6px 0 0}.code-body{height:275px;display:flex;padding:13px 8px;position:relative;overflow:hidden}.line-nums{color:#30465c;font:10px/1.55 Consolas,monospace;text-align:right;padding-right:8px;border-right:1px solid #16293b}.code-body pre{margin:0;padding-left:9px;white-space:pre-wrap;color:#77dcff;font:9px/1.55 Consolas,monospace;text-shadow:0 0 8px rgba(0,190,255,.22)}.code-cursor{width:5px;height:12px;background:#55e4ff;animation:codeBlink .7s step-end infinite;align-self:flex-end}.terminal-line{position:absolute;left:0;right:0;bottom:0;height:34px;padding:9px;background:#091725;border-top:1px solid var(--line);font:8px Consolas,monospace;color:#71ddab}.terminal-line span{color:#47dfff;margin-right:6px}.live-preview{transform:translateZ(52px);background:#0b1a2a;box-shadow:-10px 22px 40px #0005}.preview-label{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:7px;letter-spacing:1.4px;color:#74e9ff;background:#0d2034}.preview-label i{width:7px;height:7px;border-radius:50%;background:#21d887;box-shadow:0 0 9px #21d887}.preview-browser{margin:9px;height:305px;border:1px solid #24415c;border-radius:8px;overflow:hidden;background:#071522;position:relative}.preview-browser-top{height:24px;display:flex;align-items:center;gap:4px;padding:0 6px;background:#12263a}.preview-browser-top i{width:5px;height:5px;border-radius:50%;background:#ff6472}.preview-browser-top i:nth-child(2){background:#ffd25e}.preview-browser-top i:nth-child(3){background:#3ed58e}.preview-browser-top span{font-size:6px;color:#66829a;margin:auto}.building-site{height:calc(100% - 24px);padding:12px;background:radial-gradient(circle at 80% 25%,rgba(0,197,255,.22),transparent 35%),#081827;transition:.45s}.building-site nav{display:flex;justify-content:space-between;font-size:6px;color:#5ee5ff}.building-site nav small{color:#7890a7}.building-site section{padding:35px 7px 20px}.building-site em{font-style:normal;font-size:5px;letter-spacing:1.5px;color:#48dffc}.building-site h4{font-size:20px;line-height:1.05;margin:7px 0;color:#fff}.building-site h4 strong{color:#5ee4ff}.building-site p{font-size:6px;color:#869db4}.building-site button{border:0;border-radius:4px;background:#0877ff;color:white;font-size:6px;padding:6px 9px}.build-blocks{display:flex;gap:6px}.build-blocks i{height:31px;flex:1;border-radius:5px;background:linear-gradient(145deg,#102b44,#0b1d2f);border:1px solid #173957;animation:blockBuild 2s ease-in-out infinite}.build-blocks i:nth-child(2){animation-delay:.25s}.build-blocks i:nth-child(3){animation-delay:.5s}.building-app{position:absolute;inset:34px 22%;border:5px solid #1a3447;border-radius:27px;background:linear-gradient(165deg,#0d3049,#07141f);padding:18px 12px 10px;opacity:0;transform:translateY(25px) rotateY(15deg) scale(.9);transition:.55s;box-shadow:0 25px 45px #0008}.app-mode .building-site{opacity:0;transform:translateY(-20px) scale(.9)}.app-mode .building-app{opacity:1;transform:translateY(0) rotateY(0) scale(1)}.app-status{font-size:6px;display:flex;justify-content:space-between}.app-welcome{padding-top:25px}.app-welcome>small{font-size:5px;letter-spacing:1px;color:#5de1f8}.app-welcome h4{font-size:17px;margin:5px 0 15px}.app-total{display:block;border:1px solid #205071;border-radius:10px;padding:12px;font-style:normal;font-size:15px;color:#62e7ff;background:rgba(0,174,255,.08)}.app-total small{display:block;font-size:6px;color:#7893aa}.app-nav{display:flex;justify-content:space-around;position:absolute;left:8px;right:8px;bottom:9px}.app-nav i{width:13px;height:13px;border-radius:4px;background:#176ba5}.build-progress{position:absolute;left:18px;right:18px;bottom:15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;font-size:8px;color:#88a0b7}.build-progress>div{grid-column:1/-1;height:5px;background:#12283b;border-radius:99px;overflow:hidden}.build-progress>div i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0877ff,#00e0d0);border-radius:inherit;box-shadow:0 0 12px #00bbff;transition:width .12s}.build-progress small{color:#55dcff;letter-spacing:1px}.studio-float{position:absolute;z-index:15;padding:7px 10px;border:1px solid rgba(77,223,255,.25);border-radius:8px;background:rgba(8,27,44,.88);font-size:8px;color:#a8f4ff;box-shadow:0 12px 25px #0008;animation:floatDepth 3s ease-in-out infinite}.sf-one{right:1px;top:18%}.sf-two{left:-2px;bottom:22%;animation-delay:-1s}.sf-three{right:8%;bottom:9%;animation-delay:-2s}@keyframes studioFloat{50%{transform:perspective(1200px) translateY(-8px) rotateY(2deg) rotateX(-1deg)}}@keyframes studioScan{to{transform:translateX(100%)}}@keyframes liveBlink{50%{opacity:.3}}@keyframes codeBlink{50%{opacity:0}}@keyframes blockBuild{50%{transform:translateY(-4px);background:#123b5d}} 
@media(max-width:950px){.live-build-studio{inset:5px 2%;transform:none}.studio-workspace{height:345px}.hero .visual{min-height:470px}}
@media(max-width:620px){.live-build-studio{inset:0;animation:none;padding:10px}.studio-workspace{grid-template-columns:1fr;height:340px}.live-preview{display:none}.code-window{transform:none}.code-body pre{font-size:8px}.build-progress{bottom:10px}.studio-float{display:none}.hero .visual{min-height:420px}}
@media(prefers-reduced-motion:reduce){.live-build-studio,.build-blocks i{animation:none!important}}
/* Working client authentication */
.auth-section{min-height:560px}.auth-shell{max-width:620px!important;padding:34px;border:1px solid rgba(87,211,230,.18);border-radius:24px;background:linear-gradient(145deg,rgba(15,40,60,.94),rgba(6,18,30,.96));box-shadow:0 35px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.06)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;margin-bottom:24px;border-radius:14px;background:#071522}.auth-tabs[hidden],.signup-only[hidden],.client-profile[hidden],.auth-form[hidden]{display:none!important}.auth-tabs button{padding:13px;border:0;border-radius:10px;background:transparent;color:#8fa7b8;font:inherit;font-weight:700;cursor:pointer}.auth-tabs button.active{color:#fff;background:linear-gradient(135deg,#087cff,#08bcd3);box-shadow:0 12px 28px rgba(0,130,220,.24)}.auth-form{box-shadow:none!important;padding:0!important;background:transparent!important;border:0!important}.auth-message{min-height:22px;text-align:center;color:#66dfbd}.auth-message.error{color:#ff8c98}.client-profile{text-align:center;padding:30px 10px}.client-profile h2{font-size:42px;margin:12px 0 5px}.profile-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}@media(max-width:600px){.auth-shell{padding:20px}.profile-actions{flex-direction:column}.client-profile h2{font-size:32px}}