@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#061b45;--navy2:#0a285c;--green:#45b937;--green2:#65d34f;--ink:#091a36;--muted:#637086;--bg:#f5f7f9;--card:#fff;--line:#dfe5eb;--shadow:0 24px 80px rgba(6,27,69,.12);--radius:28px}.logo{display:inline-flex;align-items:center;text-decoration:none;line-height:1}.logo-word{font:800 30px/1 Manrope,sans-serif;letter-spacing:-2px;color:var(--navy)}.logo-word.light{color:white}.logo-plus{font:800 38px/1 Manrope,sans-serif;color:var(--green);margin-left:3px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}body,header,.unit-card,.value-item,.contact-form{transition:background .3s,color .3s,border-color .3s}html[data-theme="dark"]{--ink:#f6f8fb;--muted:#adb8ca;--bg:#061126;--card:#0c1d38;--line:#1d3557;--shadow:0 24px 80px rgba(0,0,0,.28)}a{color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:fixed;top:0;width:100%;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.nav{display:flex;gap:30px}.nav a{text-decoration:none;font-weight:600;font-size:14px;color:var(--muted);position:relative}.nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--green);transition:.25s}.nav a:hover{color:var(--ink)}.nav a:hover:after{width:100%}.nav-actions{display:flex;gap:10px;align-items:center}.theme-toggle,.menu-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;border:0;border-radius:999px;padding:15px 23px;box-shadow:0 12px 30px rgba(69,185,55,.25);cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);background:#38a72c}.btn-small{padding:11px 17px;font-size:13px}.hero{min-height:830px;padding:170px 0 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(69,185,55,.12),transparent 26%),linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--bg) 75%,#e7f3ea))}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:70px}.eyebrow,.kicker{font-size:12px;text-transform:uppercase;letter-spacing:2.1px;font-weight:800;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow span{width:34px;height:2px;background:var(--green)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-4.6px;margin:24px 0;color:var(--navy)}html[data-theme="dark"] h1{color:#fff}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:20px;line-height:1.6;color:var(--muted);max-width:640px}.hero-actions{display:flex;gap:13px;margin:34px 0 45px}.btn-ghost{background:transparent;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.btn-ghost:hover{background:var(--card)}.hero-trust{display:flex;gap:28px}.hero-trust div{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:18px}.hero-trust strong{font:800 24px Manrope;color:var(--navy)}html[data-theme="dark"] .hero-trust strong{color:#fff}.hero-trust span{font-size:12px;color:var(--muted);max-width:100px}.hero-visual{height:560px;position:relative;display:grid;place-items:center}.visual-card{background:linear-gradient(145deg,#fff,#edf1f4);border:1px solid #fff;border-radius:38px;box-shadow:var(--shadow);position:relative}.card-main{width:340px;height:430px;padding:42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;transform:rotate(-3deg)}.card-main:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:var(--green);right:-70px;bottom:-60px;filter:blur(2px)}.mini-label{font-size:10px;letter-spacing:2px;color:#7c8798;margin-bottom:120px}.card-main p{font:700 20px Manrope;color:var(--navy);max-width:180px}.pulse-ring{position:absolute;width:240px;height:240px;border:1px solid rgba(69,185,55,.3);border-radius:50%;right:-80px;top:38px;box-shadow:0 0 0 35px rgba(69,185,55,.05),0 0 0 70px rgba(69,185,55,.03)}.float-card{position:absolute;background:rgba(255,255,255,.84);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:17px;padding:15px 18px;box-shadow:0 18px 40px rgba(6,27,69,.13);display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px;color:var(--navy);animation:float 4s ease-in-out infinite}.float-card svg{color:var(--green)}.fc-one{top:75px;left:10px}.fc-two{right:-10px;top:230px;animation-delay:-1.2s}.fc-three{bottom:50px;left:0;animation-delay:-2.3s}.dots-grid{position:absolute;width:100px;height:100px;right:10px;top:45px;background-image:radial-gradient(var(--green) 2px,transparent 2px);background-size:14px 14px;opacity:.5}@keyframes float{50%{transform:translateY(-13px)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb-one{width:280px;height:280px;border:70px solid rgba(6,27,69,.04);left:-120px;bottom:-80px}.orb-two{width:130px;height:130px;background:rgba(69,185,55,.07);right:8%;top:16%}.ticker{background:var(--navy);color:white;padding:17px 0;overflow:hidden;white-space:nowrap}.ticker-track{font:700 13px Manrope;letter-spacing:2px;animation:ticker 25s linear infinite}.ticker span{color:var(--green);margin:0 24px}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}.section-head h2,.story-copy h2,.faq-intro h2,.contact-copy h2{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-3px;margin:14px 0 0}.section-head>p{max-width:430px;line-height:1.7;color:var(--muted)}.units-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.unit-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 40px rgba(6,27,69,.04);transition:.3s}.unit-card:hover{transform:translateY(-9px);box-shadow:var(--shadow);border-color:rgba(69,185,55,.45)}.unit-top{display:flex;justify-content:space-between;align-items:center}.unit-top>span{font:800 13px Manrope;color:#9aa5b5}.unit-icon,.value-icon{width:62px;height:62px;border-radius:18px;background:var(--green);color:white;display:grid;place-items:center}.unit-card h3{font-size:24px;line-height:1.15;min-height:56px;margin:28px 0 12px}.unit-card>p{color:var(--muted);line-height:1.6;min-height:78px}.unit-card ul{list-style:none;padding:0;margin:25px 0}.unit-card li{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.unit-card li svg{color:var(--green)}.unit-card>a,.project-card>a,.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:800;text-decoration:none}.brand-story{background:var(--card)}.story-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:70px}.story-image{position:relative}.story-image img{display:block;width:100%;border-radius:30px;box-shadow:var(--shadow)}.image-badge{position:absolute;right:-25px;bottom:28px;background:var(--navy);color:white;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:12px;font-weight:700;box-shadow:var(--shadow)}.image-badge svg{color:var(--green)}.story-copy p{color:var(--muted);font-size:17px;line-height:1.8}.signature-line{display:flex;align-items:center;gap:12px;margin-top:28px}.signature-mark{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-weight:900;color:white}.signature-line div:last-child{display:flex;flex-direction:column}.signature-line span{font-size:13px;color:var(--muted)}.values-section{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 82%,#e5efe8))}.values-list{border-top:1px solid var(--line)}.value-item{display:grid;grid-template-columns:70px 75px 1fr 30px;align-items:center;gap:20px;padding:25px 10px;border-bottom:1px solid var(--line);transition:.25s}.value-item:hover{padding-left:22px;background:color-mix(in srgb,var(--card) 65%,transparent)}.value-number{font:800 12px Manrope;color:#9aa5b5}.value-icon{width:55px;height:55px;background:var(--navy)}.value-item h3{margin:0 0 5px}.value-item p{margin:0;color:var(--muted)}.value-arrow{color:var(--green)}.projects{background:var(--navy);color:white}.projects .section-head>p{color:#a9b7cb}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background:#0d2a59;border:1px solid rgba(255,255,255,.1);padding:18px 18px 28px;border-radius:28px;overflow:hidden}.project-art{height:220px;border-radius:18px;background:linear-gradient(135deg,#fff,#e5ebef);position:relative;overflow:hidden;display:grid;place-items:center}.project-symbol{width:84px;height:84px;border-radius:26px;background:var(--green);color:white;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 20px 50px rgba(69,185,55,.3)}.project-symbol svg{width:38px;height:38px}.project-lines:before,.project-lines:after{content:'';position:absolute;border:1px solid rgba(6,27,69,.12);border-radius:50%;width:260px;height:260px;left:-100px;top:-90px}.project-lines:after{width:160px;height:160px;left:auto;right:-60px;top:auto;bottom:-60px}.project-card>span{display:block;color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin:24px 8px 10px}.project-card h3{font-size:24px;margin:0 8px 8px}.project-card p{color:#a9b7cb;margin:0 8px 20px;line-height:1.6}.project-card a{margin-left:8px}.process-flow{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.process-flow:before{content:'';position:absolute;top:48px;left:8%;right:8%;height:1px;background:var(--line)}.process-step{padding:0 18px;position:relative}.process-step>span{font:800 11px Manrope;color:#9ca7b4}.step-dot{width:16px;height:16px;border-radius:50%;background:var(--green);border:4px solid var(--bg);box-shadow:0 0 0 1px var(--green);margin:25px 0}.process-step h3{margin:0 0 8px}.process-step p{color:var(--muted);font-size:14px;line-height:1.5}.testimonial-section{padding-top:20px}.testimonial-card{background:linear-gradient(130deg,#071c4d,#0c3972);border-radius:35px;color:white;padding:62px;display:grid;grid-template-columns:60px 1fr 260px;gap:30px;align-items:center;position:relative;overflow:hidden}.testimonial-card:after{content:'+';font:900 300px Manrope;color:rgba(69,185,55,.08);position:absolute;right:-30px;top:-120px}.quote-icon{width:50px;height:50px;color:var(--green)}blockquote{font:600 clamp(26px,4vw,46px)/1.25 Manrope;margin:15px 0 20px;letter-spacing:-1.5px}.light-kicker{color:var(--green)}.stars{display:flex;gap:4px;color:var(--green)}.stars svg{width:17px}.testimonial-side{border-left:1px solid rgba(255,255,255,.18);padding-left:30px;z-index:2}.testimonial-side p{color:#a9b7cb;font-size:13px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-intro p{color:var(--muted);line-height:1.7}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:none;color:var(--ink);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:22px 0;font-weight:700;cursor:pointer}.faq-item button svg{transition:.25s}.faq-item.active button svg{transform:rotate(180deg);color:var(--green)}.faq-answer{display:grid;grid-template-rows:0fr;transition:.3s}.faq-answer p{overflow:hidden;margin:0;color:var(--muted);line-height:1.7}.faq-item.active .faq-answer{grid-template-rows:1fr}.faq-item.active .faq-answer p{margin:0 0 22px}.contact-section{background:var(--navy);color:white;padding:110px 0}.contact-grid{display:grid;grid-template-columns:1fr .88fr;gap:80px}.contact-copy p{color:#b0bdd0;line-height:1.7;font-size:17px}.contact-details{margin-top:35px;display:grid;gap:12px}.contact-details>a,.contact-details>div{display:flex;gap:13px;align-items:center;text-decoration:none}.contact-details svg{color:var(--green)}.contact-details span{display:flex;flex-direction:column}.contact-details small{color:#8fa0b8;margin-bottom:2px}.contact-form{background:white;color:var(--navy);border-radius:28px;padding:30px;display:grid;gap:16px}.form-head{display:flex;justify-content:space-between;align-items:center;font:800 20px Manrope}.form-head svg{color:var(--green)}.contact-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #dce2e8;background:#f7f9fa;border-radius:12px;padding:13px 14px;outline:none;color:#071c4d}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(69,185,55,.12)}.form-btn{width:100%;margin-top:4px}footer{background:#041333;color:#fff;padding:70px 0 25px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-grid p{color:#8fa0b8;max-width:280px}.footer-grid h4{font:700 14px Manrope;margin:0 0 18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a{text-decoration:none;color:#9aa9bf;font-size:14px}.footer-grid a:hover{color:white}.socials{display:flex;gap:9px}.socials a{width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center}.socials svg{width:17px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:23px;display:flex;justify-content:space-between;color:#76869f;font-size:12px}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;z-index:45;box-shadow:0 15px 35px rgba(69,185,55,.35);transition:.2s}.whatsapp-float:hover{transform:scale(1.08)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav{position:fixed;top:78px;left:20px;right:20px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;display:none;flex-direction:column;box-shadow:var(--shadow)}.nav.open{display:flex}.menu-btn{display:grid}.nav-actions .btn-small{display:none}.hero{padding-top:135px}.hero-grid,.story-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{height:500px}.units-grid{grid-template-columns:1fr}.unit-card h3,.unit-card>p{min-height:auto}.section-head{align-items:flex-start;flex-direction:column}.projects-grid{grid-template-columns:1fr}.process-flow{grid-template-columns:1fr 1fr}.process-flow:before{display:none}.testimonial-card{grid-template-columns:50px 1fr}.testimonial-side{grid-column:2;border-left:0;padding-left:0}.faq-grid{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section{padding:78px 0}.header .logo-word{font-size:25px}.header .logo-plus{font-size:31px}.hero{min-height:auto;padding:120px 0 60px}.hero-grid{gap:25px}h1{font-size:48px;letter-spacing:-3px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-trust div{padding-left:10px}.hero-trust strong{font-size:20px}.hero-trust span{font-size:10px}.hero-visual{height:410px;transform:scale(.82);margin:-20px -40px}.card-main{height:380px}.section-head h2,.story-copy h2,.faq-intro h2,.contact-copy h2{font-size:40px;letter-spacing:-2px}.image-badge{right:10px;bottom:10px;font-size:12px}.value-item{grid-template-columns:42px 52px 1fr;gap:12px}.value-icon{width:48px;height:48px}.value-arrow{display:none}.process-flow{grid-template-columns:1fr}.testimonial-card{padding:35px 25px;display:block}.quote-icon{margin-bottom:15px}.testimonial-side{margin-top:25px}.contact-grid{gap:45px}.contact-form{padding:22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.ticker-track{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Static HTML logo helpers */
.logo img{display:block;width:132px;height:auto;object-fit:contain}.hero-logo{width:210px;max-width:70%;height:auto;object-fit:contain}.testimonial-side img,.footer-logo{width:160px;height:auto;object-fit:contain}.nav-actions svg,.btn svg,.unit-card svg,.value-item svg,.project-card svg,.contact-section svg,.socials svg,.whatsapp-float svg{width:18px;height:18px;stroke-width:2}.unit-icon svg,.value-icon svg,.project-symbol svg{width:28px;height:28px}.quote-icon{width:46px!important;height:46px!important}.stars svg{fill:currentColor}.footer-logo{filter:none}
@media(max-width:680px){.logo img{width:108px}.hero-logo{width:170px}.testimonial-side img,.footer-logo{width:130px}}