@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#050d24;--bg2:#091735;--blue:#527eff;--sky:#8caeff;--text:#f6f8ff;--muted:#9daac5;--line:rgba(170,193,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}::selection{background:#6b91ff;color:#fff}.container{max-width:1200px;width:calc(100% - 72px);margin:auto}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0%,#122d67 0%,#050d24 50%)}.nav{height:88px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-2px;white-space:nowrap}.brand>span:first-child{color:#78a2ff}.brand-name{margin-left:13px;font-size:12px;letter-spacing:3.5px;font-weight:700}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{font-size:13px;color:#d5def4;transition:color .2s}.nav-links a:hover{color:#8eafff}.nav-cta{display:inline-flex;align-items:center;gap:15px;border:1px solid #7493e0;border-radius:100px;padding:12px 19px;font-size:13px;font-weight:700}.nav-cta:hover{background:#446fe6}.mobile-menu{display:none;color:white;background:transparent;border:0}.hero{min-height:790px;position:relative;overflow:hidden;background:linear-gradient(130deg,#061333,#0c2555 55%,#081a3c)}.skyline{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=2000&q=85');background-position:center 54%;background-size:cover;opacity:.43;filter:saturate(.75)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,31,.99) 0%,rgba(4,14,39,.94) 35%,rgba(5,19,49,.68) 70%,rgba(4,14,35,.72) 100%),linear-gradient(0deg,#050d24,transparent 30%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .82fr;gap:50px;align-items:center;padding-top:145px;padding-bottom:105px;min-height:790px}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:2.6px;color:#8eb0ff}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:32px}.pulse,.small-dot{display:inline-block;width:8px;height:8px;background:#62dcb4;border-radius:50%;box-shadow:0 0 0 5px rgba(98,220,180,.12)}.hero-kicker{font-size:13px;letter-spacing:4px;font-weight:800;color:#c0d0f7;margin-bottom:15px}.hero h1{font-size:clamp(45px,5vw,76px);line-height:1.13;letter-spacing:-3.5px;margin-bottom:24px;font-weight:800}.hero h1 em,.statement em,.contact-box em{font-style:normal;color:#8baaff}.hero h1 span{background:linear-gradient(90deg,#9ebaff,#5f8eff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{max-width:560px;font-size:16px;line-height:1.95;color:#c3cee7;margin-bottom:31px}.hero-description strong{color:#fff}.hero-actions,.contact-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 23px;border-radius:7px;font-size:13px;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(115deg,#4c73ed,#7298ff);box-shadow:0 12px 30px rgba(48,90,216,.25)}.btn-ghost{border:1px solid rgba(197,214,255,.35)}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:37px;color:#b4c5e7;font-size:12px}.hero-proof span{display:flex;gap:8px;align-items:center}.hero-proof svg{color:#71e0c4}.portrait-wrap{height:515px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait-halo{position:absolute;width:380px;height:380px;border-radius:50%;background:#3967d8;filter:blur(90px);opacity:.45;top:50px}.portrait-frame{width:365px;height:465px;position:relative;z-index:1;overflow:hidden;border-radius:190px 190px 15px 15px;border:1px solid rgba(171,196,255,.4);background:linear-gradient(145deg,#274b8d,#071c44);box-shadow:0 30px 100px #0008}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.portrait-placeholder span{font:800 120px Manrope;color:#9bbaff}.portrait-placeholder small{text-align:center;color:#b4c6ed;line-height:1.8}.portrait-label{position:absolute;bottom:0;right:2%;z-index:3;padding:17px 23px;background:rgba(14,31,67,.9);border:1px solid #ffffff24;border-radius:10px;font-size:12px;font-weight:800;letter-spacing:1.1px;backdrop-filter:blur(15px)}.portrait-label small{display:block;margin:7px 0 0 19px;color:#9cb4df;letter-spacing:0;font-size:11px;font-weight:400}.small-dot{margin-right:10px;width:7px;height:7px}.float-card{position:absolute;top:80px;left:-35px;z-index:3;background:rgba(15,34,77,.85);border:1px solid #ffffff24;border-radius:12px;padding:17px 21px;font-size:12px;line-height:1.8;backdrop-filter:blur(15px);transform:rotate(-5deg)}.float-card span{color:#93b1ff;font-size:20px}.float-card strong{font-size:14px}.scroll-hint{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#9cafd5;z-index:3}.section{padding:108px 0}.section-label{margin-bottom:22px}.section h2,.contact-box h2{font-size:clamp(32px,4vw,53px);line-height:1.25;letter-spacing:-2px}.section h2 span,.center-heading h2 span{color:#86aaff}.about{background:#08142c}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy p{font-size:16px;line-height:1.95;color:#aabbd9}.about-copy strong{color:#fff}.about-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.about-pills span{display:flex;gap:7px;align-items:center;padding:10px 13px;background:#13254a;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#c5d5f4}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:43px}.section-head h2{margin-bottom:0}.section-head>p{max-width:340px;color:#9eafd0;line-height:1.85;font-size:14px}.services{background:linear-gradient(180deg,#061129,#0a1834)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{min-height:285px;text-align:left;position:relative;padding:28px;background:linear-gradient(145deg,#112448,#0a1937);border:1px solid rgba(142,172,240,.17);border-radius:12px;color:white;transition:transform .3s,border-color .3s,background .3s}.service-card:hover{transform:translateY(-7px);border-color:#749cff;background:linear-gradient(145deg,#1b3772,#0c1d41)}.service-top{display:flex;justify-content:space-between}.service-icon,.modal-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:12px;background:#26467f;color:#9cbbff}.service-arrow{color:#7995ca}.service-number{position:absolute;right:27px;top:95px;color:#36517d;font-size:33px;font-weight:800}.service-card h3{font-size:19px;margin:25px 0 10px}.service-card p{font-size:13px;line-height:1.75;color:#a9badb;max-width:270px}.learn-more{display:inline-flex;align-items:center;gap:10px;color:#9cbaff;font-size:12px;font-weight:800;margin-top:12px}.statement{padding:95px 0;text-align:center;background:linear-gradient(110deg,#163b86,#0b245a 70%,#102b63)}.statement span{font-size:11px;letter-spacing:3px;color:#adc4ff}.statement h2{font-size:clamp(28px,4vw,47px);line-height:1.4;letter-spacing:-1.5px;margin:23px 0}.statement p{color:#c2d1f2}.work{background:#07132c}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:270px 270px;gap:18px}.project-card{border:1px solid #ffffff30;border-radius:13px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:26px;overflow:hidden;transition:transform .3s,filter .3s}.project-card:hover{transform:translateY(-5px);filter:brightness(1.13)}.project-0{grid-row:span 2}.project-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;font-weight:800}.project-bottom h3{font-size:25px;margin-bottom:10px}.project-bottom p{font-size:13px;line-height:1.6;color:#d1dbf3;max-width:380px}.project-link{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #ffffff65;border-radius:6px;font-size:12px;font-weight:700;margin-top:7px}.project-link.inactive{color:#c6d0e9;opacity:.7}.clients{background:#0a1934}.center-heading{text-align:center;max-width:720px;margin:0 auto 43px}.center-heading p{color:#a9bad9;line-height:1.8}.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.logo-card{height:118px;display:flex;align-items:center;justify-content:center;background:#102346;border:1px solid #ffffff17;border-radius:10px;transition:transform .3s,border-color .3s}.logo-card:hover{transform:translateY(-4px);border-color:#6e93ea}.logo-card img{max-width:75%;max-height:55%;object-fit:contain}.client-placeholder{font:700 14px Manrope;color:#7c95c5;letter-spacing:1px}.approach{background:#07142d}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.approach-grid>div>p{color:#a9bad9;line-height:1.9;max-width:470px}.approach-steps{display:flex;flex-direction:column}.approach-step{display:grid;grid-template-columns:40px 1fr 20px;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.approach-step>span{font-size:13px;color:#83a8ff;font-weight:800}.approach-step h3{font-size:17px;margin-bottom:6px}.approach-step p{font-size:13px;color:#9eafd0;margin:0}.approach-step svg{color:#7898d8}.contact-section{padding:65px 0 90px;background:#07142d}.contact-box{text-align:center;padding:80px 30px;border:1px solid #789df344;border-radius:22px;background:radial-gradient(ellipse at 50% 0%,#244d9c 0%,#0e2558 52%,#091c42 100%);box-shadow:0 35px 100px #0004}.contact-box h2{font-size:clamp(36px,5vw,63px)}.contact-box>p{max-width:590px;margin:0 auto 28px;color:#c3d2f1;line-height:1.8}.contact-actions{justify-content:center}.btn-light{background:#fff;color:#11285a}.btn-outline{border:1px solid #aec4ff;color:#fff}.email-address{display:inline-block;margin-top:32px;font-size:13px;color:#a7c0fb}.footer{padding:28px 0;background:#040b1d;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>span{font-size:11px;color:#8294b9}.footer-inner>div{display:flex;gap:20px;font-size:12px;color:#adbee0}.whatsapp-float{position:fixed;bottom:25px;right:25px;z-index:25;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#20c46c;color:white;box-shadow:0 12px 35px #0006}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#020816d9;display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.modal{position:relative;width:min(510px,100%);padding:38px;background:linear-gradient(145deg,#173367,#0a1835);border:1px solid #7295e866;border-radius:17px;box-shadow:0 40px 120px #0009;animation:pop .25s ease}.modal-close{position:absolute;right:18px;top:18px;background:#ffffff12;border:1px solid #ffffff25;border-radius:50%;width:36px;height:36px;color:#fff;display:grid;place-items:center}.modal-icon{margin:20px 0}.modal h2{font-size:30px}.modal p{line-height:1.85;color:#bac9e8;margin-bottom:28px}.reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pop{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1050px){.nav-links{gap:18px}.hero-grid{gap:10px}.portrait-frame{width:315px;height:425px}.float-card{left:0}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:calc(100% - 38px)}.nav{height:72px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:#081936;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-cta{margin-left:auto}.mobile-menu{display:block}.hero-grid{grid-template-columns:1fr;padding-top:125px;padding-bottom:75px}.hero{min-height:0}.hero h1{font-size:clamp(42px,9vw,65px)}.portrait-wrap{height:460px;margin-top:30px}.portrait-frame{height:420px}.float-card{left:4%}.portrait-label{right:5%}.about-grid,.approach-grid{grid-template-columns:1fr;gap:20px}.section{padding:75px 0}.section-head{display:block}.section-head>p{max-width:100%}.service-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,340px)}.project-0{grid-row:span 1}.logo-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{flex-wrap:wrap}.scroll-hint{display:none}}@media(max-width:520px){.brand-name{display:none}.nav-cta{padding:10px 12px}.hero h1{letter-spacing:-2px}.hero-kicker{font-size:10px;letter-spacing:2.2px}.hero-description{font-size:14px}.hero-proof{gap:13px}.portrait-wrap{height:420px}.portrait-frame{width:280px;height:390px}.float-card{top:55px;left:0}.service-grid{grid-template-columns:1fr}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-card{height:95px}.contact-box{padding:65px 18px}.contact-actions .btn{width:100%}.footer-inner{display:grid;gap:18px}.section h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Static HTML enhancements */
[hidden]{display:none!important}button{font-family:inherit}.service-card{text-align:left}.service-arrow{font-size:24px}.modal-close{font-size:27px}.approach-step>b{font-weight:400}.whatsapp-float{font-size:26px;text-decoration:none}.portrait-frame img{width:100%;height:100%;object-fit:cover}.project-card{background-size:cover;background-position:center}.nav-links a:focus-visible,.btn:focus-visible,.service-card:focus-visible,.modal-close:focus-visible{outline:3px solid #9ab6ff;outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
