@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07152e;--navy2:#0b2041;--blue:#2468ed;--teal:#11c7b3;--ink:#0b1833;--muted:#5c6a80;--border:#e4eaf1;--bg:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.container{width:min(1170px,calc(100% - 48px));margin:auto}.site-header{height:80px;position:sticky;top:0;z-index:20;background:rgba(7,21,46,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;font:800 19px/1 Manrope,Arial;letter-spacing:.09em}.brand small{display:block;font-size:9px;letter-spacing:.42em;margin-top:6px;font-weight:600;color:#b6cbe2}.brand-icon{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;font-size:33px;font-weight:900;font-style:italic;letter-spacing:-.2em;padding-right:6px;background:linear-gradient(140deg,#2273ff,#11d5b5);color:transparent;background-clip:text}.brand-icon .dot{font-size:12px;position:absolute;right:1px;top:0;color:#19d4c6;letter-spacing:0}nav{display:flex;align-items:center;gap:28px}nav a{font-size:13px;color:#c6d4e8;font-weight:600}nav a:hover{color:#fff}.nav-cta{background:#fff;color:#07152e!important;padding:12px 19px;border-radius:9px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,#143f74 0%,transparent 38%),linear-gradient(135deg,#07152e,#091c39 70%,#07152e);color:#fff;padding:95px 0 30px}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:-260px;top:-280px;background:#07c9b4;opacity:.1;filter:blur(90px)}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:35px;min-height:510px}.eyebrow,.section-tag{font-size:11px;font-weight:800;letter-spacing:.18em;color:#1c91e5}.eyebrow{color:#b0e7e4;display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;background:#1bdec1;border-radius:50%;box-shadow:0 0 0 5px #1bdec122}.hero h1{font:800 clamp(42px,5.2vw,72px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;margin:26px 0}.gradient-text{background:linear-gradient(100deg,#53a2ff,#14d9bb);color:transparent;background-clip:text}.hero-copy{font-size:17px;line-height:1.8;color:#b7c9df;max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border-radius:10px;font-weight:800;font-size:13px;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(100deg,#2378ff,#08bdb1);color:#fff;box-shadow:0 10px 25px #0088d322}.btn-outline{border:1px solid #42627e;color:#fff;background:#ffffff0a}.btn-dark{background:#0b1b36;color:#fff}.hero-proof{display:flex;gap:23px;margin-top:52px;flex-wrap:wrap}.hero-proof span{border-left:2px solid #2dc8d0;padding-left:11px;color:#a6bad2;font-size:11px;line-height:1.6}.hero-proof b{display:block;color:white;font-size:12px}.hero-art{height:510px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(5px)}.orb-one{height:300px;width:300px;background:radial-gradient(circle,#16c9be50,transparent 70%);right:30px}.orb-two{height:260px;width:260px;background:radial-gradient(circle,#2377ff60,transparent 70%);left:20px;top:35px}.glass{background:linear-gradient(140deg,#ffffff1e,#ffffff08);border:1px solid #ffffff32;box-shadow:0 20px 70px #0006;backdrop-filter:blur(18px);border-radius:24px}.glass-main{position:relative;width:77%;height:355px;transform:rotate(-5deg);padding:30px;overflow:hidden}.glass-main:before{content:'';position:absolute;inset:auto -40px -100px; height:250px;background:radial-gradient(ellipse,#14d5c53d,transparent 70%)}.glass-kicker{font-size:10px;letter-spacing:.15em;color:#b5d3e9}.big-m{font:900 240px/1 Manrope,sans-serif;letter-spacing:-.13em;background:linear-gradient(140deg,#2a75ff 20%,#12d5b5 80%);color:transparent;background-clip:text;text-align:center;margin:12px 0 0;padding-right:20px;filter:drop-shadow(0 12px 30px #0678ff66)}.big-m span{position:absolute;font-size:38px;color:#16dccb;right:64px;top:105px;letter-spacing:0}.glass-main p{position:relative;text-align:center;font-size:17px;letter-spacing:.18em;color:#e7faff;margin:0}.mini-bars{display:flex;gap:6px;position:absolute;bottom:22px;right:24px;align-items:end}.mini-bars i{width:8px;background:#21ddc5;border-radius:5px;height:14px}.mini-bars i:nth-child(2){height:25px}.mini-bars i:nth-child(3){height:18px}.mini-bars i:nth-child(4){height:34px}.mini-bars i:nth-child(5){height:24px}.glass-float{position:absolute;padding:16px 20px;font-size:13px;font-weight:700;z-index:3}.glass-float span{color:#2ee5d3;font-size:22px;margin-right:10px}.float-top{top:58px;right:-6px;transform:rotate(6deg)}.float-bottom{bottom:54px;left:-13px;transform:rotate(4deg)}.orbit{position:absolute;border:1px solid #46c9df44;border-radius:50%;pointer-events:none}.orbit-a{height:430px;width:430px;transform:rotate(25deg)}.orbit-b{height:500px;width:280px;transform:rotate(-25deg)}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:36px;color:#6e9cbf;font-size:10px;font-weight:800;letter-spacing:.14em;padding-top:45px}.section{padding:100px 0}.intro{padding:75px 0}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-intro h2,.section h2{font:800 clamp(30px,3.5vw,48px)/1.2 Manrope,sans-serif;letter-spacing:-.045em;margin:15px 0 0}.split-intro h2 em{font-style:normal;color:#0d8cae}.split-intro>p{font-size:17px;line-height:1.9;color:var(--muted)}.services{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head h2 span,.contact h2 span{color:#168fba}.section-head>p{max-width:350px;color:var(--muted);line-height:1.75;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px;min-height:320px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #1b41651a}.service-card.featured{background:#0d2547;color:#fff;border-color:#0d2547}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#eaf6fb;color:#087ba4;font-size:25px;margin-bottom:24px}.featured .service-icon{background:#1e4d71;color:#33e3ce}.service-num,.package-label{font-size:10px;letter-spacing:.15em;font-weight:800;color:#1896b4}.service-card h3{font:800 23px Manrope;margin:13px 0}.service-card p{color:var(--muted);line-height:1.75;font-size:14px}.featured p{color:#b8d0e4}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.pills span{font-size:11px;padding:7px 10px;background:#eef4f8;border-radius:6px;color:#496176}.featured .pills span{background:#ffffff17;color:#c5e8ef}.service-card a{font-size:13px;font-weight:800;color:#0b8ca8}.featured a{color:#55e9d4}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:48px 0}.steps>div{border-top:2px solid #c9e2ec;padding-top:22px}.steps b{font-size:27px;color:#0b91b1}.steps h3{font:800 18px Manrope}.steps p{color:var(--muted);font-size:13px;line-height:1.75}.note-icon{font-size:29px;color:#0d95a6}.portfolio-note p{margin:7px 0 0;color:var(--muted);line-height:1.6;font-size:13px}.packages{background:#f7f9fc}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.package{position:relative;background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px;display:flex;flex-direction:column}.package.popular{border:2px solid #16a7bd;box-shadow:0 20px 40px #0968a214}.popular-badge{position:absolute;top:-13px;right:22px;background:#0c93ac;color:white;padding:8px 12px;border-radius:6px;font-size:9px;letter-spacing:.1em;font-weight:800}.package h3{font:800 23px Manrope;margin:18px 0 6px}.package>p{color:var(--muted);font-size:13px;line-height:1.75;min-height:68px}.price{font:800 32px Manrope;margin:20px 0}.price small{display:block;font:500 11px DM Sans;color:#758399;margin-top:5px}.package ul{padding:0;list-style:none;flex:1}.package li{font-size:13px;line-height:1.5;padding:11px 0 11px 24px;position:relative;border-bottom:1px solid #eff2f5}.package li:before{content:'✓';position:absolute;left:0;color:#00a995;font-weight:800}.package .btn{margin-top:20px}.price-disclaimer{font-size:12px;color:#68778d;margin-top:24px;line-height:1.7}.estimator{background:linear-gradient(135deg,#07152e,#103660);color:white}.estimator-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.light-tag{color:#40e0cb}.estimator h2 span{color:#45dcca}.estimator p{line-height:1.85;color:#b9cbe0;max-width:480px}.estimator-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.estimator-features span{font-size:11px;color:#b7d6e3;border:1px solid #ffffff2d;border-radius:50px;padding:9px 12px}.quiz-card{background:#fff;color:#10203b;padding:30px;border-radius:20px;box-shadow:0 25px 60px #0003}.quiz-top{display:flex;justify-content:space-between;font-size:12px}.quiz-top span{color:#8794a6;font-size:10px;font-weight:800;letter-spacing:.1em}.progress{height:5px;background:#edf2f7;border-radius:10px;margin:20px 0 28px;overflow:hidden}.progress span{display:block;width:33.33%;height:100%;background:linear-gradient(90deg,#2d7aff,#16cdbb);transition:width .2s}.quiz-card h3{font:800 22px Manrope;margin:0 0 20px}.choices{display:grid;gap:10px}.choice{width:100%;text-align:left;padding:15px;border:1px solid #dce5ee;border-radius:10px;background:white;color:#233954;font-weight:600;font-size:13px}.choice.selected{border-color:#168cb7;background:#eaf9fc;box-shadow:inset 3px 0 #17b3bd}.quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.text-button{border:0;background:none;color:#4c647c;font-weight:800;font-size:12px;padding:10px}.result-icon{font-size:30px;color:#00b9ac}.result-label{font-size:10px;letter-spacing:.14em;color:#0e92ac;font-weight:800}.quiz-card #resultDescription{color:#52667b;font-size:14px}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:56px}.contact p{color:var(--muted);line-height:1.8;max-width:430px}.contact-detail{display:flex;align-items:center;gap:14px;margin-top:34px}.contact-detail>span{width:44px;height:44px;border-radius:10px;background:#eaf8fb;display:grid;place-items:center;font-size:23px;color:#079caa}.contact-detail small{display:block;color:#7a8a9d;font-size:10px;font-weight:800;letter-spacing:.12em}.contact-detail a{display:block;font-weight:800;margin-top:5px;word-break:break-word}.contact-note{font-size:11px!important;color:#8995a5!important}.contact-form{background:#f7f9fc;border:1px solid #e5eaf1;padding:30px;border-radius:18px;display:grid;gap:10px}.contact-form h3{font:800 24px Manrope;margin:0}.contact-form>p{font-size:12px;margin:0 0 8px}.contact-form label{font-size:12px;font-weight:800;margin-top:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px;border:1px solid #dce4ec;border-radius:9px;background:white;color:#15283f;outline-offset:2px}.contact-form small{font-size:11px;color:#697b90}.contact-form .btn{margin-top:10px}footer{background:#07152e;color:#b7c9dd;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid p{font-size:13px;line-height:1.8}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:14px;font-size:13px}.footer-grid strong{color:white}.footer-grid a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1d;padding-top:24px;margin-top:50px;font-size:11px;gap:16px}
@media(max-width:950px){nav{gap:13px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:65px}.hero-art{height:410px;max-width:600px;width:100%;margin:auto}.glass-main{height:320px}.big-m{font-size:210px}.estimator-grid,.contact-grid{gap:30px}.hero-bottom{flex-wrap:wrap}.package-grid{grid-template-columns:1fr 1fr}.package:last-child{grid-column:1/-1}}@media(max-width:700px){.container{width:min(100% - 34px,1170px)}.site-header{height:68px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;left:0;right:0;top:68px;background:#07152e;padding:20px 18px 26px;flex-direction:column;align-items:stretch;border-bottom:1px solid #ffffff20}.nav nav.open{display:flex}.nav nav a{padding:9px}.hero{padding:58px 0 25px}.hero h1{font-size:clamp(38px,10vw,56px)}.hero-copy{font-size:15px}.hero-proof{margin-top:32px;gap:14px}.hero-art{height:320px}.glass-main{height:255px;padding:18px}.big-m{font-size:150px}.big-m span{top:85px;right:45px;font-size:25px}.glass-main p{font-size:12px}.glass-float{font-size:10px;padding:10px}.float-top{right:0;top:22px}.float-bottom{left:0;bottom:15px}.orbit-a{height:300px;width:300px}.orbit-b{height:340px;width:200px}.hero-bottom{gap:10px;font-size:8px;text-align:center}.section{padding:66px 0}.intro{padding:55px 0}.split-intro,.estimator-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.section-head{display:block}.section-head>p{margin-top:16px}.service-grid,.package-grid{grid-template-columns:1fr}.package:last-child{grid-column:auto}.service-card{padding:26px;min-height:0}.steps{grid-template-columns:1fr 1fr;gap:22px}.quiz-card{padding:22px}.contact h2{font-size:42px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.hero-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Approved brand logo and portfolio */
.brand{display:inline-flex;align-items:center;gap:0;text-decoration:none}.brand-logo{display:block;width:150px;height:56px;object-fit:contain;background:#fff;border-radius:9px;padding:4px 10px;box-sizing:border-box}.footer-brand .brand-logo{width:170px;height:70px}
.portfolio-section{background:#f5f9fd}.portfolio-section .section-head{margin-bottom:30px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.portfolio-filter{border:1px solid #cbd8e6;border-radius:999px;background:#fff;color:#18314e;padding:11px 17px;cursor:pointer;font:inherit;font-weight:700}.portfolio-filter.active,.portfolio-filter:hover{background:#0b2344;color:white;border-color:#0b2344}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-card{background:#fff;border:1px solid #e0e8f2;border-radius:19px;overflow:hidden;box-shadow:0 12px 30px rgba(9,30,62,.06)}.portfolio-card[hidden]{display:none!important}.portfolio-media{height:260px;background:#081e3d;display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio-media video{width:100%;height:100%;object-fit:contain;background:#071b35}.portfolio-body{padding:23px}.portfolio-body h3{font-size:22px;margin:10px 0}.portfolio-body p{line-height:1.6;color:#53657a}.portfolio-type{font-size:11px;font-weight:800;letter-spacing:.1em;color:#007b9a}.portfolio-meta{display:block;font-size:12px;color:#64748b;margin-top:15px}.placeholder-art{background:linear-gradient(135deg,#092344,#11568c);color:#d9faff;flex-direction:column;text-align:center;gap:12px;font-weight:750}.web-art{background:linear-gradient(135deg,#092344,#007f83)}.placeholder-icon{font-size:56px;color:#29d9c7}.portfolio-footnote{font-size:13px;color:#5b6c7f;margin-top:25px}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-media{height:300px}.brand-logo{width:130px;height:50px}}

/* Final launch enhancements */
[hidden]{display:none!important}.nav-whatsapp{color:#64e6d3!important}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:30;background:#087e62;color:#fff;border-radius:999px;padding:14px 18px;font-size:13px;font-weight:800;box-shadow:0 10px 35px #001d2250}.floating-whatsapp:hover{background:#056e56}.faq{background:#f7f9fc}.faq-list{max-width:830px;margin:32px auto 0}.faq-list details{background:white;border:1px solid #dfe7f0;border-radius:12px;padding:20px 23px;margin-bottom:12px}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{line-height:1.7;color:#58687b}.privacy-section{padding:30px 0 55px;background:#f8fafc}.privacy-section h2{font-size:20px}.privacy-section p{font-size:13px;color:#52677d;line-height:1.8;max-width:900px}.privacy-section a,.consent-label a{color:#087fa7;text-decoration:underline}.consent-label{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font-weight:500!important}.consent-label input{width:18px;height:18px;flex:none;margin:2px 0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.testimonials{background:#fff}.testimonials-intro{color:#607087}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.testimonial-card{margin:0;border:1px solid #dfe8f0;border-radius:16px;padding:25px;background:#f9fcff}.testimonial-card p{line-height:1.8}.testimonial-card footer{background:none;padding:0;color:#19314e;display:flex;flex-direction:column;gap:5px}.testimonial-card footer span{font-size:12px;color:#607087}@media(max-width:700px){.floating-whatsapp{right:12px;bottom:12px;padding:12px 14px}.testimonial-grid{grid-template-columns:1fr}.nav-whatsapp{display:block}}
