body[data-page=home]{background:#07111f}.studio-home{overflow:hidden}.studio-hero{min-height:760px;padding:95px 0 70px;background:radial-gradient(circle at 78% 18%,rgba(0,175,220,.11),transparent 32%),linear-gradient(180deg,#07111f,#081524)}.studio-hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:45px;align-items:center}.studio-copy h1{font-size:clamp(48px,5.5vw,76px);line-height:1.01;letter-spacing:-4px;margin:22px 0}.studio-copy h1 span{display:block;color:#62dded}.studio-copy>p{font-size:18px;color:#9fb1c4;max-width:620px}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:32px 0 0}.hero-facts div{padding:14px;border-top:1px solid rgba(107,223,239,.24)}.hero-facts dt{font-size:11px;color:#73889e}.hero-facts dd{margin:3px 0 0;font-size:13px;color:#eaf2f7;font-weight:700}.webgl-shell{position:relative;height:610px;border:1px solid rgba(100,221,237,.18);border-radius:28px;background:radial-gradient(circle at 50% 35%,rgba(18,112,139,.18),transparent 44%),linear-gradient(145deg,#0a1b2c,#050c14);box-shadow:0 45px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05);overflow:hidden}.webgl-shell:after{content:"";position:absolute;inset:auto 12% 8% 12%;height:22%;background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 65%);pointer-events:none}.scene-heading{position:absolute;z-index:3;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;gap:15px}.scene-heading span{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#69dce9;font-weight:800}.scene-heading small{color:#8095aa}.webgl-shell canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.webgl-shell canvas:active{cursor:grabbing}.scene-progress{position:absolute;z-index:4;left:22px;right:22px;bottom:61px;height:3px;background:#173042;border-radius:5px}.scene-progress i{display:block;width:0;height:100%;background:#51dbea;transition:width .18s linear}.scene-controls{position:absolute;z-index:5;right:20px;bottom:19px;display:flex;gap:7px}.scene-controls button{border:1px solid #29495c;background:rgba(7,20,31,.9);color:#dbe8ef;border-radius:8px;padding:7px 11px;font-size:11px;cursor:pointer}.scene-controls button:hover,.scene-controls button:focus-visible{border-color:#66dce9}.scene-help{position:absolute;z-index:4;left:22px;bottom:16px;margin:0;font-size:10px;color:#71879b}.webgl-fallback{position:absolute;inset:70px 30px 90px;display:flex;align-items:center;justify-content:center;gap:20px}.fallback-laptop{width:68%;height:60%;border:12px solid #263a48;border-radius:16px;background:#0c6478;display:grid;place-items:center;box-shadow:0 25px 45px #000}.fallback-phone{width:22%;height:58%;border:9px solid #263a48;border-radius:28px;background:#0b5266;display:grid;place-items:center}.fallback-laptop div,.fallback-phone div{padding:15px;text-align:center}.capability-strip{border-block:1px solid rgba(255,255,255,.08);background:#081827}.capability-strip .wrap{display:flex;justify-content:space-between;gap:25px;padding-block:20px;color:#7e94aa;font-size:11px;text-transform:uppercase;letter-spacing:1.2px}.product-demos,.build-process,.decision-section{padding:95px 0}.section-head.refined{margin-bottom:32px}.section-head.refined h2{margin:10px 0 0;max-width:720px}.section-head.refined p{max-width:430px}.demo-tablist{display:flex;gap:8px;overflow:auto;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#091625;width:max-content;max-width:100%;margin-bottom:18px}.demo-tablist button{border:0;background:transparent;color:#8fa2b6;padding:10px 15px;border-radius:8px;white-space:nowrap;cursor:pointer;font-weight:700}.demo-tablist button[aria-selected=true]{background:#13324b;color:#fff;box-shadow:inset 0 0 0 1px rgba(92,216,231,.22)}.product-stage{min-height:570px;display:grid;grid-template-columns:.62fr 1.38fr;gap:28px;align-items:center;padding:34px;border:1px solid rgba(94,211,227,.16);border-radius:24px;background:linear-gradient(145deg,#0e2135,#081522);box-shadow:0 32px 75px rgba(0,0,0,.3)}.product-copy{padding:15px}.concept-label{font-size:10px;letter-spacing:1.7px;color:#63dce9}.product-copy h3{font-size:36px;line-height:1.1;margin:16px 0}.product-copy p{color:#9fb0c2}.product-copy ul{list-style:none;padding:0;margin:24px 0}.product-copy li{margin:9px 0;color:#d3dfe7}.product-copy li:before{content:'✓';color:#55d3b0;margin-right:8px}.product-copy>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.product-copy>div span{font-size:12px;color:#70dce9}.product-device{min-height:475px;display:grid;place-items:center;perspective:1200px}.browser-device>.concept-browser{width:94%;transform:rotateY(-4deg) rotateX(1.5deg);box-shadow:28px 38px 65px #0008}.concept-browser{background:#f5f6f3;color:#11212b;border:10px solid #263945;border-radius:16px;overflow:hidden}.concept-bar{height:30px;background:#172732;display:flex;align-items:center;gap:5px;padding:0 9px}.concept-bar i{width:7px;height:7px;border-radius:50%;background:#ff6c71}.concept-bar i:nth-child(2){background:#f5c958}.concept-bar i:nth-child(3){background:#55ce8a}.concept-bar span{margin:auto;color:#82939d;font-size:9px}.business-ui header,.shop-ui header{display:flex;align-items:center;justify-content:space-between;padding:18px 25px}.business-ui header nav,.shop-ui header nav{display:flex;align-items:center;gap:15px}.business-ui header a{color:#4a5e68;font-size:11px}.business-ui main{padding:45px 40px;background:linear-gradient(115deg,#e8edeb 55%,#a5c5c7)}.business-ui main small,.shop-intro small{letter-spacing:1.6px;font-size:8px}.business-ui main h3,.shop-intro h3{font-size:34px;line-height:1.05;margin:9px 0}.business-ui main p{font-size:12px;color:#52656e}.concept-browser button{border:0;background:#193b46;color:white;border-radius:6px;padding:8px 11px;cursor:pointer}.business-ui>section{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd4d4}.business-ui>section article{background:#f6f7f4;padding:22px;display:grid;gap:9px}.business-ui>section b{color:#0d7c8b}.shop-ui{background:#f2eee7}.shop-ui header button{background:transparent;color:#536066;padding:5px}.cart-count{background:#243c44;color:white;border-radius:99px;padding:6px 10px;font-size:10px}.shop-intro{padding:22px 28px 8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:15px 28px 28px}.product-grid article{display:grid;gap:7px}.product-grid article>span{font-size:11px;color:#5e6a70}.product-photo{height:145px;border-radius:9px;background-color:#ccd3cf;position:relative;overflow:hidden}.product-photo:before{content:"";position:absolute;inset:20% 28%;border-radius:8px;background:#303f45;box-shadow:0 18px 28px #0004}.product-photo.lamp{background:linear-gradient(145deg,#d9c5aa,#f3ece2)}.product-photo.lamp:before{inset:16% 45% 18% 42%;border-radius:30px 30px 5px 5px}.product-photo.bag{background:linear-gradient(145deg,#abbdb8,#e1e7e3)}.product-photo.bag:before{inset:23% 25% 15%;border-radius:35px 35px 8px 8px}.product-photo.tray{background:linear-gradient(145deg,#c3a078,#e8d2b4)}.product-photo.tray:before{inset:35% 18%;background:#8d623e}.phone-device{min-height:540px}.phone-device>.concept-phone{transform:rotateY(-8deg);box-shadow:26px 40px 65px #0008}.concept-phone{width:280px;height:520px;border:9px solid #293d48;border-radius:38px;background:linear-gradient(#0f3b49,#071923);color:#eef6f7;padding:18px 16px 58px;position:relative;overflow:hidden}.phone-status{display:flex;justify-content:space-between;font-size:9px}.mobile-screen{display:none;padding-top:32px}.mobile-screen.active{display:block}.mobile-screen>small{font-size:9px;letter-spacing:1.2px;color:#65d8e6}.mobile-screen h3{font-size:29px;line-height:1.05;margin:8px 0 25px}.service-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.service-shortcuts button{border:1px solid #2b5b68;background:#133541;color:#68dbe9;border-radius:12px;padding:14px 5px;font-size:20px}.service-shortcuts span{display:block;font-size:8px;color:#d6e8eb;margin-top:7px}.mobile-screen h4{font-size:12px;margin:25px 0 10px}.mobile-screen article{display:flex;gap:10px;background:#102e3a;padding:12px;border-radius:12px}.mobile-screen article i{color:#5ed7aa}.mobile-screen article b,.mobile-screen article small{display:block;font-size:9px}.mobile-screen article small{color:#8eaab2;margin-top:3px}.concept-phone>nav{position:absolute;left:0;right:0;bottom:0;padding:13px 10px;display:flex;justify-content:space-around;background:#0a202a}.concept-phone>nav button{border:0;background:transparent;color:#7d9aa3;font-size:9px}.concept-phone>nav button.active{color:#6de0eb}.mobile-back{border:0;background:transparent;color:#65dce9;padding:0;margin-bottom:25px}.detail-icon,.profile-avatar{width:62px;height:62px;border-radius:18px;background:#1a6674;display:grid;place-items:center;font-size:26px;margin-bottom:18px}.mobile-primary{width:100%;border:0;padding:12px;background:#4ccadb;border-radius:9px;color:#07202a}.profile-avatar{border-radius:50%;margin-inline:auto}.mobile-screen[data-screen=profile]{text-align:center}.mobile-screen[data-screen=profile]>button{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #264753;background:transparent;color:#dcebed;padding:14px}.dashboard-ui{display:grid;grid-template-columns:120px 1fr;background:#f3f5f7}.dashboard-ui .concept-bar{grid-column:1/-1}.dashboard-ui aside{background:#102633;color:#8da6b1;padding:22px 15px;display:grid;align-content:start;gap:20px;font-size:10px}.dashboard-ui aside b{color:#69dce9;margin-bottom:15px}.dashboard-ui main{padding:20px}.dashboard-ui main header{display:flex;justify-content:space-between}.dashboard-ui h3{margin:4px 0}.dashboard-ui select{border:1px solid #d5dce0;border-radius:6px;background:white}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.metric-row article{border:1px solid #dce3e6;border-radius:9px;padding:12px;background:#fff}.metric-row small,.metric-row span{display:block;color:#71818a;font-size:8px}.metric-row b{font-size:22px}.dashboard-lower{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.dashboard-lower section{background:white;border:1px solid #dce3e6;border-radius:9px;padding:12px}.dashboard-lower h4{font-size:10px}.demo-bars{height:125px;display:flex;align-items:end;gap:8px}.demo-bars i{height:var(--h);flex:1;background:#1b8796;border-radius:4px 4px 0 0;position:relative}.demo-bars span{position:absolute;top:100%;font-size:7px}.dashboard-ui table{width:100%;border-collapse:collapse;font-size:8px}.dashboard-ui th,.dashboard-ui td{padding:8px 4px;border-bottom:1px solid #e1e7e9;color:#334750}.build-process{background:#081827;border-block:1px solid rgba(255,255,255,.07)}.process-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-cards article{padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0b1b2c}.process-cards b{font-size:11px;color:#5fd9e7}.process-cards h3{margin:30px 0 7px}.process-cards p{color:#91a5ba;font-size:14px}.decision-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px;border:1px solid rgba(93,215,230,.17);border-radius:22px;background:linear-gradient(125deg,#0d2439,#0a1928)}.decision-card h2{font-size:40px;margin:10px 0 5px}.decision-card p{color:#9db0c2;margin:0}.demo-dialog{width:min(1120px,calc(100% - 30px));max-height:90vh;padding:0;border:1px solid #315364;border-radius:18px;background:#091727;color:white;box-shadow:0 45px 100px #000b}.demo-dialog::backdrop{background:rgba(2,8,13,.82);backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.dialog-top span{font-size:9px;color:#63dae8;letter-spacing:1.3px}.dialog-top h2{margin:2px 0}.dialog-top button{width:38px;height:38px;border:1px solid #365365;border-radius:9px;background:#102434;color:white;font-size:22px}.demo-dialog #dialogContent{padding:22px}.demo-dialog .concept-browser{max-width:1000px;margin:auto}.demo-dialog .concept-phone{margin:auto}.demo-dialog .product-photo{height:220px}
@media(max-width:1050px){.studio-hero-grid{grid-template-columns:1fr}.studio-copy{max-width:800px}.webgl-shell{height:600px}.product-stage{grid-template-columns:1fr}.product-copy{max-width:720px}.product-device{min-height:500px}}
@media(max-width:720px){.studio-hero{padding:65px 0 45px}.studio-copy h1{letter-spacing:-2.5px}.hero-facts{grid-template-columns:1fr}.webgl-shell{height:510px;border-radius:20px}.scene-heading small,.scene-help{display:none}.scene-progress{bottom:55px}.capability-strip .wrap{overflow:auto;justify-content:flex-start;white-space:nowrap}.product-demos,.build-process,.decision-section{padding:65px 0}.section-head.refined{display:block}.product-stage{padding:18px}.product-copy h3{font-size:29px}.product-device{min-height:340px}.browser-device>.concept-browser{width:115%;transform:scale(.82)}.business-ui main{padding:28px 20px}.business-ui main h3,.shop-intro h3{font-size:25px}.product-photo{height:105px}.dashboard-ui{transform:scale(.78);width:128%}.process-cards{grid-template-columns:1fr 1fr}.decision-card{display:block;padding:28px}.decision-card h2{font-size:31px}.decision-card .btn{margin-top:20px}.demo-dialog #dialogContent{padding:10px}.demo-dialog .concept-browser{overflow:auto}.demo-dialog .dashboard-ui{width:900px;transform:none}}
@media(max-width:480px){.webgl-shell{height:450px}.scene-controls{bottom:14px}.scene-progress{bottom:50px}.product-grid{grid-template-columns:1fr}.process-cards{grid-template-columns:1fr}.phone-device{min-height:510px}.demo-tablist{width:100%}}
@media(prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important}.product-device>.concept-browser,.phone-device>.concept-phone{transform:none}}
.webgl-fallback[hidden]{display:none!important}.product-grid article[hidden]{display:none!important}body[data-page=home] .whatsapp{width:50px;min-width:50px;height:50px;padding:0}body[data-page=home] .whatsapp svg{width:24px;height:24px}
@media(max-width:720px){.studio-hero-grid,.studio-copy,.webgl-shell,.product-stage,.product-device{min-width:0;max-width:100%}.studio-copy p{overflow-wrap:anywhere}.studio-copy .eyebrow{max-width:100%;white-space:normal;font-size:9px;line-height:1.45}body[data-page=home] .nav{gap:8px}body[data-page=home] .actions{gap:6px}body[data-page=home] .actions>a.icon-btn{display:none}body[data-page=home] .brand{min-width:0}body[data-page=home] .brand span{font-size:15px}}
@media(max-width:720px){body[data-page=home] .header .nav{width:100%;max-width:100%;margin:0;padding:0 13px;gap:8px}body[data-page=home] .header .actions{margin-left:auto;flex:none}body[data-page=home] .studio-hero-grid{width:calc(100vw - 26px)!important;max-width:calc(100vw - 26px)!important;margin-inline:auto}body[data-page=home] .studio-copy>p{width:100%;max-width:calc(100vw - 32px);white-space:normal;overflow-wrap:break-word}}

/* Premium dimensional shell */
body[data-page=home]{--surface:#091827;--edge:rgba(99,221,237,.22)}body[data-page=home] .topbar{position:relative;z-index:40;box-shadow:0 8px 30px rgba(0,164,224,.16)}body[data-page=home] .header{top:12px;width:min(1280px,calc(100% - 28px));margin:0 auto;border:1px solid var(--edge);border-radius:20px;background:linear-gradient(115deg,rgba(8,24,39,.94),rgba(14,48,70,.88));box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(0,185,220,.03);backdrop-filter:blur(22px);overflow:hidden}body[data-page=home] .header:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 22%,rgba(87,229,244,.12) 45%,transparent 68%);transform:translateX(-75%);animation:premiumHeaderSweep 8s ease-in-out infinite;pointer-events:none}body[data-page=home] .header .nav{height:76px;position:relative}body[data-page=home] .header .brand img{filter:drop-shadow(0 8px 12px #0008) drop-shadow(0 0 7px rgba(64,219,237,.45));transform:perspective(250px) rotateY(-12deg) translateZ(12px);transition:.4s}body[data-page=home] .header .brand:hover img{transform:perspective(250px) rotateY(12deg) translateZ(22px)}body[data-page=home] .header .links{padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(3,13,22,.35);box-shadow:inset 0 1px rgba(255,255,255,.04)}body[data-page=home] .header .links a{padding:7px 10px;border-radius:8px}body[data-page=home] .header .links a.active{background:linear-gradient(135deg,rgba(7,121,255,.28),rgba(0,210,228,.12));box-shadow:0 8px 18px #0003,inset 0 0 0 1px rgba(83,220,238,.12)}body[data-page=home] .header .icon-btn,body[data-page=home] .header .menu-btn{box-shadow:0 10px 20px #0004,inset 0 1px rgba(255,255,255,.05);transition:.25s}body[data-page=home] .header .icon-btn:hover,body[data-page=home] .header .menu-btn:hover{transform:translateY(-3px) translateZ(15px);border-color:#4bcfe0;color:#64e5f3}
.studio-hero{position:relative;isolation:isolate;padding-top:120px;background:radial-gradient(circle at 76% 35%,rgba(0,187,218,.16),transparent 31%),radial-gradient(circle at 15% 60%,rgba(46,83,180,.1),transparent 35%),linear-gradient(180deg,#07111f,#081726)}.studio-hero:before{content:"";position:absolute;z-index:-1;left:-15%;right:-15%;bottom:-24%;height:62%;background-image:linear-gradient(rgba(59,192,215,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(59,192,215,.08) 1px,transparent 1px);background-size:65px 65px;transform:perspective(700px) rotateX(67deg);mask-image:linear-gradient(to top,#000,transparent 78%)}.studio-hero:after{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-230px;top:4%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(44,213,238,.22),rgba(0,87,176,.08) 42%,transparent 70%);filter:blur(3px)}.studio-copy{position:relative;z-index:2}.studio-copy h1{text-shadow:0 20px 70px rgba(0,190,221,.13)}.studio-copy .btn{box-shadow:0 18px 40px rgba(0,119,255,.22),inset 0 1px rgba(255,255,255,.18)}.hero-facts div{background:linear-gradient(180deg,rgba(19,49,70,.32),transparent);border-radius:0 0 10px 10px}.webgl-shell{height:640px;border-color:rgba(89,224,239,.28);background:radial-gradient(circle at 50% 43%,rgba(22,146,172,.21),transparent 43%),linear-gradient(145deg,#0c2134,#050d16);box-shadow:0 55px 120px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08),inset 0 0 80px rgba(0,139,178,.06)}.webgl-shell:before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(119,237,249,.055) 50%,transparent 58%);animation:sceneLightSweep 9s linear infinite;pointer-events:none}.scene-heading{padding-bottom:12px;border-bottom:1px solid rgba(105,220,234,.09)}.scene-controls button{box-shadow:0 10px 20px #0005,inset 0 1px rgba(255,255,255,.05)}.capability-strip{background:linear-gradient(90deg,#07131f,#0b2031,#07131f);box-shadow:0 20px 45px #0004}
.product-demos{position:relative;background:radial-gradient(circle at 8% 35%,rgba(0,146,183,.08),transparent 25%),#07111f}.demo-tablist{box-shadow:0 18px 38px #0004,inset 0 1px rgba(255,255,255,.04)}.product-stage,.decision-card{position:relative;isolation:isolate;background:radial-gradient(circle at var(--px,75%) var(--py,35%),rgba(47,202,222,.13),transparent 24%),linear-gradient(145deg,#10283e,#07131f);box-shadow:0 45px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.07);transform-style:preserve-3d}.product-stage:before,.decision-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(130deg,rgba(100,226,240,.5),transparent 28%,transparent 70%,rgba(33,113,172,.28));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.product-copy{transform:translateZ(32px)}.product-device{position:relative;transform-style:preserve-3d}.product-device:before{content:"";position:absolute;z-index:-1;left:8%;right:5%;bottom:3%;height:18%;border-radius:50%;background:rgba(0,0,0,.5);filter:blur(25px);transform:translateZ(-55px)}.browser-device>.concept-browser{transform:perspective(1100px) rotateY(-6deg) rotateX(2deg) translateZ(28px);border-color:#46606e;box-shadow:22px 26px 0 #101e27,38px 55px 75px #0009,0 0 40px rgba(33,192,215,.08);transition:.5s}.product-stage:hover .browser-device>.concept-browser{transform:perspective(1100px) rotateY(-2deg) rotateX(0) translateZ(42px) translateY(-5px)}.phone-device>.concept-phone{transform:perspective(1000px) rotateY(-12deg) rotateX(2deg) translateZ(45px);border-color:#516976;box-shadow:14px 18px 0 #101d26,32px 50px 75px #0009,0 0 38px rgba(37,200,218,.08);transition:.5s}.product-stage:hover .phone-device>.concept-phone{transform:perspective(1000px) rotateY(-5deg) translateZ(62px) translateY(-6px)}.process-cards{perspective:1200px}.process-cards article{position:relative;overflow:hidden;box-shadow:0 22px 45px #0003,inset 0 1px rgba(255,255,255,.05);transition:.35s}.process-cards article:after{content:"";position:absolute;inset:auto 10% 0;height:2px;background:linear-gradient(90deg,transparent,#51d8e7,transparent);opacity:.45}.process-cards article:hover{transform:translateY(-8px) rotateX(3deg);border-color:rgba(84,213,228,.28);box-shadow:0 34px 65px #0006}.depth-reveal{opacity:0;transform:translateY(34px) rotateX(4deg);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.depth-reveal.is-visible{opacity:1;transform:translateY(0) rotateX(0)}
body[data-page=home] #app>.section{padding:65px 0 25px;background:#07111f}body[data-page=home] #app>.section .cta{position:relative;overflow:hidden;padding:52px;background:linear-gradient(120deg,#0b3d72,#087d9b);box-shadow:0 35px 75px #0006,inset 0 1px rgba(255,255,255,.14);transform:perspective(1200px) rotateX(1deg)}body[data-page=home] #app>.section .cta:after{content:"";position:absolute;width:280px;height:280px;right:-70px;top:-120px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}body[data-page=home] .footer{position:relative;margin:0 18px 18px;border:1px solid rgba(83,203,222,.17);border-radius:28px;background:radial-gradient(circle at 12% 0,rgba(0,164,197,.12),transparent 26%),linear-gradient(145deg,#081827,#040b12);box-shadow:0 -20px 75px #0004,inset 0 1px rgba(255,255,255,.06);overflow:hidden}body[data-page=home] .footer:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#61e0ee,transparent);box-shadow:0 0 24px rgba(75,215,232,.65)}body[data-page=home] .footer-grid>div{padding:16px;border-radius:14px;transition:.3s}body[data-page=home] .footer-grid>div:not(:first-child):hover{background:rgba(14,40,61,.52);transform:translateY(-6px);box-shadow:0 18px 35px #0004}body[data-page=home] .socials a{background:linear-gradient(145deg,#132d43,#07131e);box-shadow:0 10px 20px #0005;transition:.25s}body[data-page=home] .socials a:hover{transform:translateY(-4px) rotateY(14deg);color:#5ee3ef;border-color:#48ccdc}
@keyframes premiumHeaderSweep{0%,25%{transform:translateX(-85%)}70%,100%{transform:translateX(90%)}}@keyframes sceneLightSweep{to{transform:translateX(55%)}}@media(prefers-reduced-motion:reduce){body[data-page=home] .header:before,.webgl-shell:before{animation:none}.depth-reveal{opacity:1;transform:none}}
@media(max-width:950px){body[data-page=home] .header{top:7px;width:calc(100% - 16px);border-radius:16px}.studio-hero{padding-top:85px}.webgl-shell{height:590px}body[data-page=home] .footer{margin:0 8px 8px}}
@media(max-width:720px){body[data-page=home] .header{width:100%;top:0;margin:0;border-inline:0;border-radius:0}.studio-hero{padding-top:68px}.webgl-shell{height:470px}.browser-device>.concept-browser,.product-stage:hover .browser-device>.concept-browser{transform:scale(.82);box-shadow:14px 18px 0 #101e27,25px 38px 55px #0008}.phone-device>.concept-phone,.product-stage:hover .phone-device>.concept-phone{transform:none}.depth-reveal{transform:translateY(22px)}body[data-page=home] #app>.section .cta{transform:none}body[data-page=home] .footer{border-radius:20px}}
.decision-section{padding-bottom:42px}body[data-page=home] #app>.section{padding-top:24px}

/* Premium animated atmosphere */
.studio-home{position:relative;isolation:isolate;background:#07111f}.studio-home:before{content:"";position:fixed;z-index:0;inset:-20%;pointer-events:none;background:radial-gradient(circle at 15% 25%,rgba(24,98,215,.16),transparent 27%),radial-gradient(circle at 78% 18%,rgba(0,214,230,.15),transparent 24%),radial-gradient(circle at 65% 78%,rgba(28,79,184,.12),transparent 26%);filter:blur(35px);animation:auroraDrift 16s ease-in-out infinite alternate}.studio-home:after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(80,226,240,.035) 45%,transparent 62%);background-size:220% 100%;animation:pageLightPass 10s linear infinite}.studio-home>section{position:relative;z-index:1}.studio-hero{background:radial-gradient(circle at 76% 35%,rgba(0,187,218,.12),transparent 31%),linear-gradient(180deg,rgba(7,17,31,.9),rgba(8,23,38,.88))}.sequence-steps{position:absolute;z-index:4;left:22px;right:22px;bottom:76px;display:flex;justify-content:space-between;gap:8px;color:#617e90;font-size:8px;letter-spacing:.8px;text-transform:uppercase}.sequence-steps span:last-child{color:#65deeb}.scene-progress{bottom:64px}.scene-help{bottom:18px}.webgl-shell{overflow:hidden}.webgl-shell canvas{filter:saturate(1.12) contrast(1.04)}.webgl-shell:after{animation:contactShadow 4s ease-in-out infinite}.product-stage:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-180px;top:-160px;border-radius:50%;border:1px solid rgba(80,218,234,.13);box-shadow:0 0 0 45px rgba(50,150,190,.025),0 0 0 90px rgba(50,150,190,.018);animation:orbitalDepth 12s linear infinite}.process-cards article:nth-child(2){transition-delay:.06s}.process-cards article:nth-child(3){transition-delay:.12s}.process-cards article:nth-child(4){transition-delay:.18s}@keyframes auroraDrift{0%{transform:translate3d(-2%,-2%,0) scale(1)}50%{transform:translate3d(4%,2%,0) scale(1.08)}100%{transform:translate3d(-1%,5%,0) scale(1.03)}}@keyframes pageLightPass{to{background-position:-220% 0}}@keyframes contactShadow{50%{transform:scaleX(.93);opacity:.7}}@keyframes orbitalDepth{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.studio-home:before,.studio-home:after,.webgl-shell:after,.product-stage:after{animation:none}}
@media(max-width:720px){.sequence-steps{display:none}.scene-progress{bottom:54px}}

/* Reference-led hero: animation is intentionally contained to this banner. */
.studio-home:before,.studio-home:after{animation:none!important}.depth-reveal{opacity:1!important;transform:none!important;transition:none!important}.product-stage:after{animation:none!important}
.brand-3d-stage{--rx:0deg;--ry:0deg;position:relative;height:640px;overflow:hidden;border:1px solid rgba(104,225,240,.24);border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(0,161,211,.18),transparent 27%),linear-gradient(145deg,#071421,#030a12 68%);box-shadow:0 55px 120px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.08);perspective:1100px;transform-style:preserve-3d}
.brand-3d-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(62,175,202,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(62,175,202,.075) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.stage-top{position:absolute;z-index:8;left:28px;right:28px;top:25px;display:flex;justify-content:space-between;color:#61dbe9;font-size:10px;letter-spacing:1.7px}.stage-top small{color:#718a9b;font-size:9px}.stage-corners{position:absolute;z-index:7;inset:17px;border:1px solid rgba(76,215,230,.09);clip-path:polygon(0 0,12% 0,12% 1px,1px 1px,1px 12%,0 12%,0 0,100% 0,100% 12%,calc(100% - 1px) 12%,calc(100% - 1px) 1px,88% 1px,88% 0,100% 0,100% 100%,88% 100%,88% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 88%,100% 88%,100% 100%,0 100%,0 88%,1px 88%,1px calc(100% - 1px),12% calc(100% - 1px),12% 100%)}
.stage-beam{position:absolute;z-index:1;width:240px;height:680px;left:calc(50% - 120px);top:-90px;background:linear-gradient(90deg,transparent,rgba(43,204,232,.1),transparent);filter:blur(12px);transform:rotate(8deg);animation:heroBeam 8s ease-in-out infinite alternate}
.brand-core{position:absolute;z-index:5;left:50%;top:50%;width:310px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-48%) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(80px);transform-style:preserve-3d;transition:transform .18s ease-out}
.brand-core:before{content:"";position:absolute;inset:30px;border:1px solid rgba(88,221,237,.25);border-radius:45% 55% 52% 48%;background:linear-gradient(145deg,rgba(17,55,79,.82),rgba(3,15,25,.62));box-shadow:inset 0 1px rgba(255,255,255,.08),0 45px 80px #0009,0 0 70px rgba(0,191,229,.14);transform:translateZ(-20px) rotate(4deg);animation:coreShape 9s ease-in-out infinite alternate}
.brand-core img{position:relative;z-index:2;width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 20px 24px #000a) drop-shadow(0 0 22px rgba(40,208,232,.38));transform:translateZ(55px);animation:coreFloat 5s ease-in-out infinite}
.brand-core strong{position:relative;z-index:2;margin-top:20px;color:#f6fbff;font-size:38px;line-height:.87;letter-spacing:-1.5px;text-align:center;transform:translateZ(38px);text-shadow:0 14px 28px #000}.brand-core>span{position:relative;z-index:2;margin-top:15px;color:#5edce9;font-size:9px;letter-spacing:2.6px;transform:translateZ(28px)}
.core-rings{position:absolute;z-index:1;width:390px;height:170px;border:1px solid rgba(70,215,235,.36);border-radius:50%;transform:rotateX(68deg) translateZ(-20px);box-shadow:0 0 30px rgba(42,204,226,.08);animation:ringTurn 12s linear infinite}.core-rings:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(84,218,234,.25);border-radius:50%}
.service-float{position:absolute;z-index:6;width:205px;padding:16px 17px;border:1px solid rgba(105,218,232,.2);border-radius:12px;background:linear-gradient(140deg,rgba(17,47,68,.91),rgba(6,18,29,.82));box-shadow:0 24px 45px #0008,inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(12px);transform-style:preserve-3d;animation:panelFloat 6s ease-in-out infinite}.service-float i{float:left;margin-right:11px;color:#59d7e5;font-size:10px;font-style:normal}.service-float b,.service-float span{display:block}.service-float b{color:#edf8fa;font-size:11px;letter-spacing:.6px}.service-float span{margin-top:6px;color:#7f9ba9;font-size:8px}.service-web{left:5%;top:24%;transform:rotateY(12deg) translateZ(25px)}.service-app{right:4%;top:22%;transform:rotateY(-12deg) translateZ(35px);animation-delay:-1.4s}.service-shop{left:7%;bottom:20%;transform:rotateY(10deg) translateZ(20px);animation-delay:-2.8s}.service-admin{right:5%;bottom:18%;transform:rotateY(-10deg) translateZ(30px);animation-delay:-4.2s}
.stage-caption{position:absolute;z-index:7;left:28px;bottom:22px;display:flex;align-items:baseline;gap:9px}.stage-caption b{font-size:30px;color:#fff}.stage-caption span{font-size:9px;letter-spacing:1.5px;color:#62dbe8}.stage-floor{position:absolute;left:14%;right:14%;bottom:-75px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,170,211,.18),transparent 65%);filter:blur(8px);transform:rotateX(70deg)}
@keyframes coreFloat{50%{transform:translateZ(70px) translateY(-9px) rotateY(8deg)}}@keyframes coreShape{to{border-radius:56% 44% 42% 58%;transform:translateZ(-20px) rotate(-5deg) scale(1.04)}}@keyframes ringTurn{to{transform:rotateX(68deg) rotateZ(360deg) translateZ(-20px)}}@keyframes panelFloat{50%{translate:0 -10px;filter:brightness(1.08)}}@keyframes heroBeam{to{transform:translateX(90px) rotate(-7deg);opacity:.65}}
@media(max-width:1050px){.brand-3d-stage{height:590px}.service-web,.service-shop{left:7%}.service-app,.service-admin{right:7%}}
@media(max-width:720px){.brand-3d-stage{height:500px;border-radius:20px}.stage-top{left:18px;right:18px}.stage-top small{display:none}.brand-core{width:240px;height:300px}.brand-core:before{inset:35px 20px}.brand-core img{width:96px;height:96px}.brand-core strong{font-size:30px}.core-rings{width:285px;height:130px}.service-float{width:145px;padding:11px}.service-float span{display:none}.service-web{left:3%;top:19%}.service-app{right:3%;top:22%}.service-shop{left:3%;bottom:18%}.service-admin{right:3%;bottom:17%}.stage-caption{left:18px}.stage-caption b{font-size:24px}}
@media(max-width:430px){.brand-3d-stage{height:455px}.service-float{width:125px}.service-float b{font-size:9px}.brand-core{transform:translate(-50%,-45%) scale(.86)}.stage-caption span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.stage-beam,.brand-core:before,.brand-core img,.core-rings,.service-float{animation:none!important}.brand-core{transform:translate(-50%,-48%)}}

/* Full-stage WebGL presentation inspired by the supplied motion reference. */
.brand-3d-stage canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;cursor:grab}.brand-3d-stage canvas:active{cursor:grabbing}.hero-scene-title{position:absolute;z-index:5;left:30px;top:92px;pointer-events:none}.hero-scene-title span{display:block;color:#63dce9;font-size:9px;letter-spacing:2.4px}.hero-scene-title strong{display:block;margin-top:8px;color:rgba(238,249,252,.92);font-size:40px;line-height:.86;letter-spacing:-2px;text-shadow:0 15px 45px #000}.hero-scene-title em{color:transparent;-webkit-text-stroke:1px rgba(97,220,235,.62);font-style:normal}.scene-status{position:absolute;z-index:6;right:27px;bottom:25px;display:flex;align-items:center;gap:8px;color:#7e9ba8;font-size:8px;letter-spacing:1.2px}.scene-status i{width:7px;height:7px;border-radius:50%;background:#50dce9;box-shadow:0 0 14px #46dcea;animation:statusPulse 1.4s ease-in-out infinite}.stage-caption{z-index:6}.connect-whatsapp{background:linear-gradient(135deg,#17c768,#08a851)!important;box-shadow:0 16px 35px rgba(8,181,84,.22)!important}.connect-whatsapp:hover{filter:brightness(1.08)}@keyframes statusPulse{50%{opacity:.35;transform:scale(.7)}}
.brand-3d-stage{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}.brand-3d-stage:before{opacity:.7}.stage-corners{inset:5px;opacity:.65}
@media(max-width:720px){.hero-scene-title{left:18px;top:70px}.hero-scene-title strong{font-size:29px}.scene-status{right:16px;bottom:20px;max-width:150px;text-align:right}.brand-3d-stage canvas{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){.scene-status i{animation:none}}

/* Long-form premium homepage */
.studio-services,.quality-section,.home-faq{padding:105px 0;position:relative}.studio-services{background:linear-gradient(180deg,#07111f,#091827);border-bottom:1px solid rgba(255,255,255,.07)}.service-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-grid-premium article{position:relative;min-height:285px;padding:34px;border:1px solid rgba(102,213,229,.12);border-radius:20px;background:linear-gradient(145deg,rgba(17,40,61,.9),rgba(6,17,28,.95));box-shadow:0 24px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);overflow:hidden}.service-grid-premium article:after{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-100px;border:1px solid rgba(70,211,230,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(47,193,215,.025),0 0 0 56px rgba(47,193,215,.018)}.service-grid-premium span{color:#5cdbe8;font-size:10px;letter-spacing:1.5px}.service-grid-premium h3{font-size:28px;margin:55px 0 10px}.service-grid-premium p{max-width:500px;color:#91a6b8}.service-grid-premium a{position:absolute;left:34px;bottom:28px;color:#65dce9;font-size:13px}.quality-section{background:radial-gradient(circle at 15% 30%,rgba(0,167,204,.09),transparent 28%),#06101c}.quality-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.quality-layout>div:first-child h2{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-3px;margin:20px 0}.quality-layout>div:first-child p{color:#96aabc;max-width:540px;margin-bottom:30px}.quality-list{border-top:1px solid rgba(255,255,255,.1)}.quality-list article{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:25px 5px;border-bottom:1px solid rgba(255,255,255,.1)}.quality-list i{font-style:normal;color:#59d8e5;font-size:10px;letter-spacing:1px;padding-top:6px}.quality-list h3{margin:0 0 4px;font-size:19px}.quality-list p{margin:0;color:#879cad;font-size:14px}.home-faq{background:#081522}.home-faq .section-head>a{color:#63dbe8}.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-columns details{padding:23px 25px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0b1c2d}.faq-columns summary{font-weight:750;cursor:pointer}.faq-columns p{color:#91a6b8;margin-bottom:0}.studio-home+.section{padding-top:70px!important}
@media(max-width:820px){.service-grid-premium,.quality-layout,.faq-columns{grid-template-columns:1fr}.quality-layout{gap:45px}.studio-services,.quality-section,.home-faq{padding:75px 0}.service-grid-premium article{min-height:255px}.quality-layout>div:first-child h2{letter-spacing:-2px}}
@media(max-width:520px){.service-grid-premium article{padding:25px}.service-grid-premium h3{font-size:24px;margin-top:40px}.service-grid-premium a{left:25px}.studio-services,.quality-section,.home-faq{padding:62px 0}}

/* Purple 3D hero artwork with layered animation */
.brand-3d-stage{height:620px!important;overflow:hidden!important;border-radius:30px!important;background:#17114d!important;box-shadow:0 45px 100px rgba(5,2,30,.55)!important;isolation:isolate}.brand-3d-stage:before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(15,10,62,.6),transparent 34%),radial-gradient(circle at 72% 45%,transparent 30%,rgba(7,5,38,.14) 80%);pointer-events:none}.purple-hero-art{position:absolute;z-index:1;width:112%;height:112%;left:-6%;top:-6%;object-fit:cover;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.03);transition:transform .2s ease-out;animation:purpleArtDrift 10s ease-in-out infinite alternate;will-change:transform}.purple-depth-layer{position:absolute;z-index:2;border-radius:50%;pointer-events:none;filter:blur(1px);mix-blend-mode:screen}.layer-one{width:95px;height:95px;right:14%;top:16%;background:radial-gradient(circle at 34% 28%,#c8c2ff,#4a35b2 48%,#160c55);box-shadow:0 22px 36px #08032388;animation:purpleFloatOne 6s ease-in-out infinite}.layer-two{width:58px;height:58px;right:44%;bottom:15%;background:linear-gradient(145deg,#a4a0ff,#38249d);clip-path:polygon(50% 0,100% 30%,83% 100%,18% 88%,0 25%);filter:drop-shadow(0 18px 14px #09042a99);animation:purpleFloatTwo 7.5s ease-in-out infinite}.purple-shine{position:absolute;z-index:4;inset:-30%;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.12) 49%,transparent 58%);transform:translateX(-50%);animation:purpleShine 8s ease-in-out infinite;pointer-events:none}.brand-3d-stage .scene-status{z-index:6;color:#d8d4ff}.brand-3d-stage .scene-status i{background:#bcb6ff;box-shadow:0 0 15px #aaa2ff}@keyframes purpleArtDrift{0%{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.03) translate3d(-.5%,0,0)}100%{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.09) translate3d(1%,-1%,0)}}@keyframes purpleFloatOne{50%{transform:translate3d(-18px,22px,35px) scale(1.08)}}@keyframes purpleFloatTwo{50%{transform:translate3d(16px,-25px,45px) rotate(24deg)}}@keyframes purpleShine{0%,20%{transform:translateX(-65%)}70%,100%{transform:translateX(55%)}}@media(max-width:1050px){.brand-3d-stage{height:560px!important}}@media(max-width:720px){.brand-3d-stage{height:420px!important;border-radius:22px!important}.purple-hero-art{width:130%;height:115%;left:-18%;object-position:64% center}.layer-one{width:65px;height:65px}.layer-two{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.purple-hero-art,.purple-depth-layer,.purple-shine{animation:none!important}}