@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080a0e;--panel:#10131a;--panel2:#151923;--text:#f5f6f8;--muted:#a2a8b4;--line:rgba(255,255,255,.1);--gold:#f2c94c;--orange:#f08a18;--green:#129447;--purple:#8b5cf6}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.container{width:min(1160px,92%);margin:auto}
.loader{position:fixed;inset:0;z-index:9999;background:#080a0e;display:grid;place-items:center;align-content:center;transition:.8s}.loader.hide{opacity:0;pointer-events:none}.loader-logo{width:100px;height:100px;border-radius:28px;background:#fff;display:grid;place-items:center;overflow:hidden;animation:loaderPulse 1.2s infinite}.loader-logo img{width:75px;height:90px;object-fit:contain}.loader-line{width:150px;height:2px;background:#242933;margin:22px auto 10px;overflow:hidden}.loader-line span{display:block;height:100%;width:45%;background:linear-gradient(90deg,var(--green),var(--gold),var(--orange));animation:loading 1.2s infinite}.loader p{font-size:9px;letter-spacing:2.5px;color:#858c98}
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,10,14,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-symbol{width:42px;height:48px;background:#fff;border-radius:11px;display:grid;place-items:center;overflow:hidden}.brand-symbol img{width:34px;height:43px;object-fit:contain}.brand-name{font:700 21px "Space Grotesk";display:flex;flex-direction:column}.brand-name small{font:500 8px "DM Sans";letter-spacing:1.4px;color:#9098a6;margin-top:-1px}
nav{display:flex;align-items:center;gap:27px}nav a{color:#c6cad2;text-decoration:none;font-size:13px;font-weight:600;transition:.25s}nav a:hover{color:var(--gold)}.nav-button{padding:10px 16px;border:1px solid rgba(242,201,76,.35);border-radius:8px;color:var(--gold)!important}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{position:relative;min-height:830px;padding:160px 0 100px;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(139,92,246,.15),transparent 25%),radial-gradient(circle at 10% 75%,rgba(18,148,71,.1),transparent 28%)}.grid-bg{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,#000,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25}.orb-a{width:300px;height:300px;background:var(--purple);right:-100px;top:130px}.orb-b{width:250px;height:250px;background:var(--green);left:-100px;bottom:0}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.eyebrow,.label{font-size:10px;letter-spacing:2.5px;font-weight:800;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow span{width:28px;height:2px;background:var(--gold)}
.hero h1{font:700 clamp(50px,6.5vw,82px)/.98 "Space Grotesk";letter-spacing:-4px;max-width:760px}.hero h1 span{background:linear-gradient(90deg,var(--gold),#fff2a5,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:18px;max-width:630px;margin:27px 0 33px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 21px;border-radius:8px;text-decoration:none;border:1px solid transparent;font:700 13px "DM Sans";cursor:pointer;transition:.3s}.btn b{font-size:16px}.primary{background:linear-gradient(100deg,var(--gold),#f5d76b);color:#111;box-shadow:0 12px 30px rgba(242,201,76,.12)}.primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(242,201,76,.22)}.glass{color:#fff;background:rgba(255,255,255,.04);border-color:var(--line)}.glass:hover{background:rgba(255,255,255,.09)}
.hero-trust{display:flex;align-items:center;gap:22px;margin-top:50px}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font:700 22px "Space Grotesk";color:#fff}.hero-trust small{color:#777f8c;font-size:10px}.hero-trust i{height:30px;width:1px;background:var(--line)}
.hero-art{height:530px;position:relative}.art-circle{position:absolute;width:400px;height:400px;border-radius:50%;right:30px;top:55px;border:1px solid rgba(242,201,76,.3);box-shadow:0 0 100px rgba(139,92,246,.1);animation:spinSlow 18s linear infinite}.art-circle:before,.art-circle:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.art-circle:before{inset:35px}.art-circle:after{inset:-30px;border-color:rgba(255,255,255,.04)}
.art-logo{position:absolute;z-index:3;right:115px;top:92px;width:230px;height:230px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.45);animation:logoFloat 5s ease-in-out infinite}.art-logo img{width:165px;height:195px;object-fit:contain}.code-card{position:absolute;z-index:4;left:0;bottom:38px;width:310px;background:rgba(13,16,23,.94);border:1px solid var(--line);border-radius:13px;box-shadow:0 25px 60px rgba(0,0,0,.4);overflow:hidden;animation:logoFloat 5s 1s ease-in-out infinite}.code-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 13px;gap:5px;color:#666e7c;font:10px monospace}.code-top i{width:7px;height:7px;border-radius:50%;background:#444}.code-top span{margin-left:auto}.code-content{padding:17px 20px;font:12px/2.2 monospace;color:#8992a1}.code-content em{color:var(--gold);font-style:normal}.code-content b{color:#66d19e}.code-content span{color:#d994f7}.code-content strong{color:#6fc9ff}.indent{padding-left:20px}.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:#151923;border:1px solid var(--line);padding:10px 13px;border-radius:9px;box-shadow:0 18px 40px rgba(0,0,0,.35);animation:logoFloat 4s ease-in-out infinite}.float-card span{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:rgba(242,201,76,.1);color:var(--gold)}.float-card div{display:flex;flex-direction:column}.float-card b{font-size:11px}.float-card small{font-size:9px;color:#737b89}.card-one{top:45px;right:0}.card-two{bottom:120px;right:-15px;animation-delay:1.2s}.scroll{position:absolute;z-index:3;bottom:25px;left:50%;transform:translateX(-50%);color:#626a77;text-decoration:none;font-size:9px;letter-spacing:2px}.scroll span{color:var(--gold);font-size:15px;margin-left:8px}
.section{padding:110px 0}.intro{background:#f7f7f5;color:#151922}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px}.intro h2,.section-head h2,.about h2,.contact h2{font:700 clamp(36px,4.5vw,58px)/1.04 "Space Grotesk";letter-spacing:-2px;margin-top:12px}.intro h2 span,.section-head h2 span,.about h2 span,.contact h2 span{color:#7e51d8}.intro-grid>div:last-child{padding-top:32px}.intro-grid p{color:#69707c;font-size:16px;max-width:500px}.arrow-link{display:inline-flex;gap:13px;margin-top:25px;color:#151922;font-weight:700;text-decoration:none;border-bottom:1px solid #151922;padding-bottom:4px}.arrow-link span{transition:.2s}.arrow-link:hover span{transform:translateX(5px)}
.services{background:#f7f7f5;color:#151922}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head>p{color:#777e89;font-size:13px;max-width:330px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dedfdf;border-left:1px solid #dedfdf}.service-card{min-height:310px;padding:27px;border-right:1px solid #dedfdf;border-bottom:1px solid #dedfdf;position:relative;overflow:hidden;transition:.35s}.service-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 20px 45px rgba(20,20,30,.07);z-index:2}.service-card.featured{background:#17122b;color:#fff;border-color:#17122b}.service-card.featured p{color:#a9a6b8}.number{font:700 10px monospace;color:#a0a6ae}.service-icon{width:50px;height:50px;border-radius:12px;background:#eee9ff;color:#704ad3;display:grid;place-items:center;font-size:21px;margin:35px 0 20px}.featured .service-icon{background:rgba(242,201,76,.1);color:var(--gold)}.service-card h3{font:700 23px "Space Grotesk"}.service-card p{color:#717884;font-size:13px;margin:10px 0 23px;max-width:300px}.service-card a{font-size:11px;color:#171922;text-decoration:none;font-weight:800}.featured a{color:var(--gold)}
.work{background:#0c0f15}.work .section-head{color:#fff}.work .section-head>p{color:#777f8e}.work-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:300px 300px;gap:18px}.work-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#11151d;transition:.35s}.work-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px rgba(0,0,0,.3)}.work-card.large{grid-row:span 2}.work-visual{height:calc(100% - 73px);position:relative;overflow:hidden}.w-one{background:radial-gradient(circle at 70% 20%,#bd9bf4,transparent 20%),linear-gradient(135deg,#3b1768,#17152c 65%,#f2c94c)}.w-two{background:linear-gradient(135deg,#112c28,#246a54,#e5c95b)}.w-three{background:linear-gradient(135deg,#29233d,#8d65d4,#e1b74a)}.mini-browser{position:absolute;inset:35px 50px;background:#f5f5f2;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.3);padding:20px}.mini-browser>div{height:7px;background:#ddd;border-radius:4px;width:70%;margin-bottom:8px}.mini-browser span{position:absolute;bottom:30px;left:30px;font:800 25px "Space Grotesk";color:#252333}.phone-ui{position:absolute;right:35px;top:25px;width:150px;height:250px;border:7px solid #12151b;border-radius:24px;background:linear-gradient(#d6f09c,#53795b);box-shadow:-25px 30px 50px rgba(0,0,0,.3);padding:35px 15px}.phone-ui span{display:block;height:8px;background:rgba(255,255,255,.65);margin-bottom:12px;border-radius:4px}.phone-ui span:nth-child(2){width:70%}.design-shape{position:absolute;width:190px;height:190px;border-radius:45% 55% 55% 45%;background:linear-gradient(135deg,#f2c94c,#7d4fe0);display:grid;place-items:center;font:800 60px "Space Grotesk";color:#fff;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);box-shadow:20px 25px 50px rgba(0,0,0,.3)}.work-info{height:73px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between}.work-info small{font-size:8px;letter-spacing:1.5px;color:#7b8390}.work-info h3{font:600 16px "Space Grotesk";margin-top:2px}.work-info>span{font-size:20px;color:var(--gold)}
.process{background:#f7f7f5;color:#151922}.centered{justify-content:center;text-align:center}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-step{position:relative;padding:25px 5px}.process-step>b{font:700 11px monospace;color:#7750d5}.process-line{height:1px;background:#dfe0e0;margin:20px 0 25px;position:relative}.process-line:after{content:"";position:absolute;width:7px;height:7px;background:#151922;border-radius:50%;left:0;top:-3px}.process-step h3{font:700 20px "Space Grotesk"}.process-step p{font-size:12px;color:#737b84;margin-top:8px;max-width:190px}
.about{background:linear-gradient(135deg,#10131a,#171229);color:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.about-visual{height:450px;position:relative}.about-ring{position:absolute;width:370px;height:370px;border:1px solid rgba(242,201,76,.25);border-radius:50%;left:20px;top:20px;animation:spinSlow 15s linear infinite}.about-ring:before{content:"";position:absolute;inset:35px;border:1px dashed rgba(255,255,255,.1);border-radius:50%}.about-logo{position:absolute;left:90px;top:80px;width:250px;height:250px;background:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4)}.about-logo img{width:175px;height:205px;object-fit:contain}.about-badge{position:absolute;right:0;bottom:60px;background:#171c26;border:1px solid var(--line);padding:13px 17px;border-radius:9px;display:flex;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.3)}.about-badge strong{font:700 14px "Space Grotesk";color:var(--gold)}.about-badge small{font-size:9px;color:#818997}.about-copy>p{color:#a1a8b4;font-size:14px;max-width:600px;margin:20px 0}.about-points{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 30px}.about-points span{padding:7px 10px;border:1px solid var(--line);border-radius:5px;color:#c2c7cf;font-size:10px}
.contact{background:#f7f7f5;color:#151922}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px}.contact-copy>p{color:#707781;max-width:520px;margin:25px 0 35px}.contact-items{display:grid;gap:18px}.contact-items>a,.contact-items>div{display:flex;align-items:center;gap:12px;text-decoration:none;color:#151922}.contact-items>a>span,.contact-items>div>span{width:40px;height:40px;border-radius:9px;background:#171229;color:var(--gold);display:grid;place-items:center}.contact-items a div,.contact-items>div>div{display:flex;flex-direction:column}.contact-items small{font-size:8px;letter-spacing:1.5px;color:#858c95}.contact-items strong{font-size:12px}.contact-form{background:#fff;border:1px solid #dedfe1;padding:30px;border-radius:13px;box-shadow:0 25px 55px rgba(20,25,35,.08)}.form-heading small{font-size:9px;letter-spacing:2px;color:#7950d5;font-weight:800}.form-heading h3{font:700 25px "Space Grotesk";margin:7px 0 25px}.contact-form label{font-size:10px;font-weight:800;color:#606773;display:block;margin-bottom:15px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #dfe1e4;border-radius:7px;outline:none;font:500 13px "DM Sans";background:#fff}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8b5cf6}.form-note{display:block;color:#8b919b;font-size:9px;margin-top:10px}
footer{background:#06080b;color:#fff;padding:35px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand>p{color:#777f8b;font-size:10px;margin-top:9px}.footer-links{display:flex;gap:20px}.footer-links a{font-size:10px;color:#89909b;text-decoration:none}.footer-links a:hover{color:var(--gold)}.copyright{font-size:9px;color:#626a76}
.floating-whatsapp{position:fixed;z-index:90;right:22px;bottom:22px;width:53px;height:53px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:22px;box-shadow:0 10px 30px rgba(22,163,74,.3);animation:waPulse 2s infinite}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}.delay-2{transition-delay:.24s}
@keyframes loading{to{transform:translateX(250%)}}@keyframes loaderPulse{50%{transform:scale(1.05)}}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes waPulse{0%,100%{box-shadow:0 10px 30px rgba(22,163,74,.3)}50%{box-shadow:0 10px 40px rgba(22,163,74,.65),0 0 0 9px rgba(22,163,74,.08)}}
@media(max-width:950px){.hero-grid{gap:35px}.property-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:50px}.contact-grid{gap:50px}}
@media(max-width:760px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#080a0e;padding:22px;flex-direction:column;align-items:stretch;gap:17px;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu-btn{display:block}.hero{padding-top:130px}.hero-grid,.intro-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-art{height:410px}.art-logo{right:50%;transform:translateX(50%);top:55px}.art-circle{right:50%;transform:translateX(50%);top:30px}.code-card{left:0;bottom:15px}.card-one{right:0}.card-two{right:0;bottom:85px}.section-head{align-items:flex-start;flex-direction:column}.service-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr;grid-template-rows:auto}.work-card.large{grid-row:auto}.work-card{height:330px}.process-grid{grid-template-columns:1fr 1fr}.about-visual{height:400px}.about-logo{left:50%;transform:translateX(-50%)}.about-ring{left:50%;transform:translateX(-50%)}.footer{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.brand-name{font-size:18px}.brand-symbol{width:37px;height:44px}.brand-symbol img{width:30px;height:39px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-art{height:350px}.art-circle{width:300px;height:300px}.art-logo{width:180px;height:180px;top:55px}.art-logo img{width:130px;height:155px}.code-card{width:260px}.code-content{font-size:10px}.float-card{padding:8px}.float-card small{font-size:8px}.stats{gap:14px}.stats strong{font-size:18px}.stats small{font-size:8px}.work-card{height:290px}.mini-browser{inset:25px 25px}.process-grid{grid-template-columns:1fr}.about-ring{width:300px;height:300px}.about-logo{width:190px;height:190px}.about-logo img{width:135px;height:160px}.contact-items strong{font-size:11px}}