*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080909;color:#f3f3f0;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.loader{position:fixed;inset:0;background:#080909;z-index:999;display:grid;place-content:center;justify-items:center;transition:opacity .8s,visibility .8s}.loader.hide{opacity:0;visibility:hidden}.loader img{width:180px;filter:brightness(0) invert(1);animation:loaderLogo 1.1s ease both}.loader-line{width:180px;height:1px;background:#30302d;margin:22px 0 10px;overflow:hidden}.loader-line span{display:block;height:100%;width:0;background:#0ba5df;animation:load 1.5s ease forwards}.loader small{font:9px Manrope;letter-spacing:.25em;color:#777}@keyframes load{to{width:100%}}@keyframes loaderLogo{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:none}}.nav{height:82px;position:absolute;top:0;left:0;right:0;z-index:10;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;background:linear-gradient(#080909e8,transparent)}.brand img{width:120px;max-height:48px;object-fit:contain;object-position:left}.nav nav{display:flex;gap:32px;font-size:12px;color:#aaa}.nav nav a{transition:color .25s}.nav nav a:hover{color:#fff}.pill{font-size:11px;border:1px solid #444;padding:12px 16px;border-radius:999px;transition:.3s}.pill:hover{background:#fff;color:#111}.pill b{margin-left:15px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:120px 10vw 70px;overflow:hidden;background:#080909}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 70%);transform:perspective(700px) rotateX(58deg) scale(1.8);transform-origin:center bottom;animation:gridMove 18s linear infinite}@keyframes gridMove{to{background-position:0 80px,80px 0}}.hero-glow{position:absolute;width:650px;height:650px;right:-180px;top:5%;background:radial-gradient(circle,#079fe033,transparent 65%);filter:blur(8px);animation:float 8s ease-in-out infinite}@keyframes float{50%{transform:translate(-35px,25px) scale(1.08)}}.hero-copy{position:relative;z-index:2;max-width:700px}.eyebrow{font:600 10px Manrope;letter-spacing:.22em;color:#7f8588;margin:0 0 22px}.hero h1{font:800 clamp(65px,9.2vw,135px)/.83 Manrope;letter-spacing:-.075em;margin:0}.hero h1 em{font-style:normal;color:#0ba5df}.lead{max-width:470px;color:#999d9e;font-size:17px;margin:34px 0}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:24px;align-items:center;background:#f4f4f0;color:#101111;border-radius:99px;padding:16px 20px;font-size:12px;transition:transform .2s}.button span{font-size:18px}.underlink{font-size:12px;color:#aaa}.underlink span{margin-left:14px}.hero-mark{position:absolute;right:-6vw;top:50%;width:min(48vw,650px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center}.hero-mark img{width:36%;filter:drop-shadow(0 0 35px #08a7df33);animation:markFloat 6s ease-in-out infinite;z-index:2}.mark-ring{position:absolute;border:1px solid #ffffff20;border-radius:50%}.r1{inset:12%;animation:spin 22s linear infinite}.r2{inset:1%;border-style:dashed;animation:spin 32s linear reverse infinite}.spin-label{position:absolute;inset:5%;display:grid;place-items:center;color:#666;font:600 8px Manrope;letter-spacing:.42em;animation:spin 25s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes markFloat{50%{transform:translateY(-14px) rotate(-2deg)}}.scroll-note{position:absolute;bottom:30px;left:10vw;color:#666;font:9px Manrope;letter-spacing:.2em}.scroll-note span{margin-left:18px;color:#0ba5df}.marquee{display:flex;overflow:hidden;white-space:nowrap;border-top:1px solid #222;border-bottom:1px solid #222;color:#707274;font:700 11px Manrope;letter-spacing:.22em}.marquee div{flex:none;padding:17px 0;animation:marquee 24s linear infinite}.marquee i{font-style:normal;color:#0ba5df;margin:0 28px}@keyframes marquee{to{transform:translateX(-100%)}}.intro{padding:160px 15vw;background:#efeee8;color:#101111}.eyebrow.dark{color:#777}.intro h2{font:800 clamp(48px,6.5vw,95px)/.94 Manrope;letter-spacing:-.065em;max-width:1050px;margin:0}.intro h2 span{color:#777b7a}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:60px}.intro-bottom p{max-width:570px;color:#686a67;font-size:16px}.intro-stamp{width:95px;height:95px;border:1px solid #b4b5af;border-radius:50%;display:grid;place-items:center;text-align:center;font:800 23px Manrope;line-height:.8;color:#222}.intro-stamp small{font-size:7px;letter-spacing:.1em;color:#888}.services{padding:135px 8vw}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.section-top h2{font:800 clamp(45px,6vw,82px)/.92 Manrope;letter-spacing:-.065em;margin:0}.section-top h2 em{font-style:normal;color:#0ba5df}.section-top>p{max-width:330px;color:#777;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292b2b}.service{min-height:300px;padding:28px;border-right:1px solid #292b2b;border-bottom:1px solid #292b2b;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .5s,transform .4s}.service:nth-child(3n){border-right:0}.service:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#0ba5df;right:-100px;top:-100px;opacity:0;transition:.5s}.service:hover{background:#111515;transform:translateY(-5px)}.service:hover:before{opacity:.12;right:-55px;top:-55px}.service>span{font:9px Manrope;color:#777;letter-spacing:.14em}.service h3{font:700 31px/1 Manrope;letter-spacing:-.045em;margin:48px 0 15px}.service p{font-size:13px;color:#858888;max-width:290px}.service a{margin-top:auto;font-size:11px;color:#aaa}.service a:after{content:"";display:block;width:0;height:1px;background:#0ba5df;transition:.4s;margin-top:5px}.service a:hover:after{width:70px}.service.featured{background:#0c1010}.mini-button{background:#0ba5df;color:#061012!important;border-radius:99px;padding:11px 15px;width:max-content}.portfolio{padding:135px 7vw;background:#f0efe9;color:#111}.section-top.light .eyebrow{color:#777}.section-top.light>p{color:#777}.section-top.light h2 em{color:#737773}.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}.project{margin:0;cursor:pointer}.project img{width:100%;height:310px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.8)}.project-main{grid-row:span 2}.project-main img{height:645px}.project:hover img{transform:scale(1.035);filter:saturate(1)}.project figcaption{padding:17px 0 34px}.project figcaption span{font:600 8px Manrope;letter-spacing:.18em;color:#888}.project h3{font:700 25px Manrope;letter-spacing:-.04em;margin:7px 0 3px}.project p{font-size:12px;color:#777;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:90px 8vw;border-bottom:1px solid #252626}.stats div{padding:0 25px;border-right:1px solid #252626}.stats div:last-child{border:0}.stats strong{font:800 clamp(42px,5vw,70px) Manrope;letter-spacing:-.06em;display:block}.stats span{font:10px Manrope;color:#777;letter-spacing:.1em}.contact{padding:150px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-heading h2{font:800 clamp(58px,7vw,105px)/.9 Manrope;letter-spacing:-.07em;margin:0}.contact-heading h2 em{font-style:normal;color:#0ba5df}.contact-body{padding-top:42px}.contact-body>p{color:#85898a;max-width:420px}.email{display:flex;justify-content:space-between;align-items:center;font:600 clamp(20px,2.7vw,34px) Manrope;border-bottom:1px solid #333;padding:45px 0 17px}.email span{color:#0ba5df}.contact-row{display:flex;gap:35px;margin-top:25px;font-size:12px;color:#aaa}.contact-body address{font-style:normal;color:#777;font-size:11px;line-height:1.7;margin-top:35px}.whatsapp{display:inline-flex;margin-top:35px;border:1px solid #444;border-radius:99px;padding:12px 17px;font-size:11px;gap:25px}.whatsapp span{color:#0ba5df}footer{border-top:1px solid #222;padding:30px 7vw;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:10px}footer img{width:118px;height:auto;filter:none;display:block;object-fit:contain}.reveal{animation:heroIn 1s .15s both cubic-bezier(.2,.8,.2,1)}@keyframes heroIn{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:1000;border-radius:50%;transform:translate(-50%,-50%);display:none}.cursor-dot{width:6px;height:6px;background:#0ba5df}.cursor-ring{width:34px;height:34px;border:1px solid #0ba5df66;transition:width .2s,height .2s}.cursor-ring.hover{width:58px;height:58px;border-color:#0ba5df}@media(max-width:850px){.nav{padding:0 6vw}.nav nav{display:none}.nav .pill{font-size:10px}.hero{padding:130px 7vw 90px;align-items:flex-start}.hero h1{font-size:70px}.hero-mark{width:85vw;right:-25vw;top:65%;opacity:.25}.lead{font-size:15px}.intro{padding:100px 8vw}.intro h2{font-size:50px}.intro-bottom{align-items:flex-start;gap:35px}.services,.portfolio{padding:95px 7vw}.section-top{display:block}.section-top>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service{border-right:0}.portfolio-grid{grid-template-columns:1fr}.project-main{grid-row:auto}.project-main img,.project img{height:360px}.stats{grid-template-columns:1fr 1fr;gap:45px;padding:70px 7vw}.stats div{border:0;padding:0}.contact{padding:100px 7vw;grid-template-columns:1fr}.contact-body{padding-top:20px}.contact-row{flex-direction:column;gap:12px}footer{flex-wrap:wrap;gap:15px}.cursor-dot,.cursor-ring{display:none!important}}

/* Cloud9 V2.1: brand, infinity and contact refinements */
.intro-brand{width:248px;max-width:35%;flex:none;display:flex;flex-direction:column;align-items:center;gap:15px}
.intro-brand img{width:100%;height:auto;border:1px solid #deddd6;border-radius:16px;background:#fff;padding:10px;box-shadow:0 16px 40px #171a1512}
.intro-brand span{font:700 9px Manrope,sans-serif;letter-spacing:.2em;color:#858783;text-align:center}
.stats .stat-infinite strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(70px,7.3vw,105px);font-weight:400;line-height:.82;letter-spacing:-.07em;color:#f5f5f2;text-shadow:0 0 25px #0ba5df24;margin:0 0 12px}
.stats .stat-infinite span{color:#aeb3b5}
.contact{position:relative;display:block;padding:130px 8vw 75px;overflow:hidden;background:#0b0d0e;isolation:isolate}
.contact-ambient{position:absolute;z-index:-1;width:650px;height:650px;top:-290px;right:-170px;border-radius:50%;background:radial-gradient(circle,#0ba5df1d 0%,transparent 68%);pointer-events:none}
.contact-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:70px}
.contact-top h2{font:800 clamp(64px,8.4vw,120px)/.94 Manrope,sans-serif;letter-spacing:-.075em;margin:0}
.contact-top h2 em{font-style:normal;color:#0ba5df}
.contact-top>p{max-width:355px;font-size:17px;line-height:1.65;color:#a3aaae;margin:0 0 9px}
.contact-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid #30383c;border-radius:20px;overflow:hidden;background:#111517;box-shadow:0 30px 90px #0004}
.contact-primary{padding:clamp(35px,5vw,76px);background:radial-gradient(circle at 100% 100%,#0ba5df16,transparent 55%),#141b1e;border-right:1px solid #30383c;display:flex;align-items:flex-start;flex-direction:column}
.contact-kicker{display:inline-flex;align-items:center;gap:10px;color:#b5c3ca;font:700 10px Manrope,sans-serif;letter-spacing:.18em}
.online-dot{width:8px;height:8px;border-radius:50%;background:#0ba5df;box-shadow:0 0 0 5px #0ba5df1c}
.contact-primary h3{font:800 clamp(37px,4vw,59px)/1.08 Manrope,sans-serif;letter-spacing:-.06em;margin:44px 0 20px}
.contact-primary>p{font-size:15px;line-height:1.7;color:#a3acaf;max-width:370px;margin:0 0 48px}
.contact-main-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border-radius:999px;padding:18px 24px;background:#0ba5df;color:#071013;font:800 13px Manrope,sans-serif;transition:background .2s,transform .2s}
.contact-main-cta:hover{background:#43c2f1}
.contact-main-cta span{font-size:21px}
.contact-details{padding:clamp(30px,4.5vw,68px);display:flex;flex-direction:column;justify-content:center}
.contact-detail{padding:21px 0 26px;border-bottom:1px solid #31393d}
.contact-detail:first-child{padding-top:0}
.contact-detail>span,.contact-location>span{display:block;color:#89979e;font:700 9px Manrope,sans-serif;letter-spacing:.19em;margin-bottom:13px}
.contact-detail a{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere;font:700 clamp(17px,1.8vw,24px) Manrope,sans-serif;letter-spacing:-.035em;transition:color .2s}
.contact-detail a:hover{color:#0ba5df}
.contact-detail b{font-size:20px;color:#0ba5df;flex:none}
.contact-location{padding-top:28px}
.contact-location address{font-style:normal;font-size:13px;line-height:1.75;color:#b1b7b9}
.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:35px;font:700 10px Manrope,sans-serif;letter-spacing:.15em;color:#69777e}
.contact-bottom a{color:#b9c4c8;letter-spacing:0;font-size:12px;transition:color .2s}
.contact-bottom a:hover{color:#0ba5df}
@media(max-width:850px){.intro-brand{width:190px;max-width:42%}.contact{padding:95px 7vw 60px}.contact-top{display:block;margin-bottom:45px}.contact-top h2{font-size:clamp(55px,11vw,85px)}.contact-top>p{margin-top:28px;font-size:15px}.contact-panel{grid-template-columns:1fr}.contact-primary{border-right:0;border-bottom:1px solid #30383c}.contact-primary h3{margin-top:35px}.contact-primary>p{margin-bottom:30px}.contact-details{padding:38px}.contact-bottom{align-items:flex-start;flex-direction:column}.stats .stat-infinite strong{font-size:75px}}
@media(max-width:480px){.intro-bottom{flex-direction:column}.intro-brand{max-width:100%;width:205px;align-self:flex-end}.contact-primary,.contact-details{padding:28px}.contact-detail a{font-size:17px}.contact-main-cta{gap:20px}.stats .stat-infinite strong{font-size:65px}}
@media(prefers-reduced-motion:reduce){.contact-main-cta{transition:none}}