@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{--gold:#f5b900;--gold2:#ffd85c;--pale:#fff6cf;--ink:#111216;--muted:#6d6d72;--paper:#fffdf8;--white:#fff;--line:#e9e5d8;--dark:#151515;--shadow:0 22px 70px rgba(22,18,0,.09);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.12}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.topbar{height:30px;background:#111;color:#fff;display:flex;justify-content:space-between;padding:0 6vw;align-items:center;font-size:11px;letter-spacing:.3px}.header{height:78px;position:sticky;top:0;z-index:100;background:rgba(255,253,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,229,216,.8);display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;transition:.25s}.header.scrolled{box-shadow:0 12px 35px rgba(0,0,0,.06)}.brand img{width:175px;height:62px;object-fit:contain}.nav{display:flex;gap:20px;align-items:center;font-size:12px;font-weight:700}.nav a{padding:8px 3px;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);transition:.25s}.nav a:hover:after{right:0}.btn{border:0;background:var(--gold);color:#111;border-radius:999px;padding:14px 23px;font-weight:800;display:inline-flex;gap:10px;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(245,185,0,.18);cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:10px 17px;font-size:12px}.btn-light{background:#fff;border:1px solid #d8d4c7;box-shadow:none}.nav-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:calc(100vh - 108px);display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:85px 8vw 100px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,#ffe98b 0,rgba(255,233,139,0) 30%),radial-gradient(circle at 5% 85%,#fff1bd 0,rgba(255,241,189,0) 27%);z-index:-1}.badge{display:inline-flex;border:1px solid #e8d38a;background:#fff8d9;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;color:#7b6100}.kicker{font-weight:800;color:#9b7600;text-transform:uppercase;letter-spacing:1.8px;font-size:12px}.hero h1{font-size:clamp(55px,7.3vw,96px);margin:14px 0 8px;letter-spacing:-4px}.hero h1 span,.section-title h2 span,.about h2 span,.offer h2 span,.process h2 span,.work h2 span,.reviews h2 span,.contact h2 span{color:#d9a200}.hero h2{font-size:25px;margin:0 0 20px}.lead{font-size:18px;max-width:690px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.mini-trust{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;font-weight:700;color:#555}.social-row{display:flex;gap:8px;margin-top:18px}.social-row a{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}.social-row img{width:23px;height:23px}.hero-card{position:relative;max-width:540px;margin:auto}.hero-photo{padding:14px;background:#fff;border:1px solid #e9dfbd;border-radius:42px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-photo img{width:100%;display:block;border-radius:31px}.availability{position:absolute;left:24px;bottom:-16px;background:#111;color:#fff;border-radius:999px;padding:11px 16px;font-size:11px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.availability span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52d273;margin-right:7px}.floating-chip{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:13px 17px;border-radius:17px;display:grid}.floating-chip b{font-size:22px}.floating-chip small{font-size:10px;color:var(--muted)}.chip-one{right:-20px;top:14%}.chip-two{left:-20px;top:55%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#111;color:#fff;padding:32px 8vw}.metrics div{padding:0 25px;border-right:1px solid #333}.metrics div:last-child{border:0}.metrics strong{display:block;color:var(--gold);font:800 32px Manrope}.metrics span{font-size:12px;color:#bbb}.section{padding:110px 8vw}.section-label{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#a27b00;margin-bottom:28px}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center}.about h2,.section-title h2,.offer h2,.process h2,.work h2,.reviews h2,.contact h2{font-size:clamp(34px,4.3vw,58px);margin:8px 0 22px;letter-spacing:-2px}.about p{color:var(--muted);max-width:760px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.about-points div{border:1px solid var(--line);padding:14px;border-radius:15px;background:#fffdf7}.about-points b{color:#b88a00;margin-right:9px}.about-card{position:relative}.about-card img{width:100%;max-width:470px;border-radius:34px;background:#fff2bf;box-shadow:var(--shadow)}.credential{position:absolute;background:#fff;padding:13px 16px;border-radius:15px;box-shadow:var(--shadow);display:grid;font-size:12px}.credential span{color:#777}.credential:nth-of-type(1){right:0;top:16%}.credential:nth-of-type(2){left:0;bottom:7%}.services{background:#fff9e6}.section-title{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-title>p{max-width:280px;color:var(--muted)}.service-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.service-tabs button,.filters button{border:1px solid #ded8c7;background:#fff;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;cursor:pointer}.service-tabs button.active,.filters button.active{background:#111;color:#fff;border-color:#111}.service-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 12px 40px rgba(20,16,0,.04)}.service-panel.active{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}.service-icon{display:grid;place-items:center;width:52px;height:52px;background:var(--gold);border-radius:16px;font-weight:900;font-size:25px}.service-intro h3{font-size:27px;margin:17px 0 8px}.service-intro p{color:var(--muted);font-size:14px}.text-link{font-weight:800;font-size:13px;color:#9c7400}.service-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-columns.three{grid-template-columns:repeat(3,1fr)}.service-columns>div{border-left:1px solid var(--line);padding-left:18px}.service-columns h4{margin-top:0}.service-columns ul{padding:0;margin:0;list-style:none;color:#666;font-size:12px}.service-columns li{margin:7px 0}.service-columns li:before{content:"✓";color:#c39400;font-weight:900;margin-right:7px}.offer{background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.offer-visual{position:relative}.offer-visual img{width:100%;border-radius:28px}.offer-stamp{position:absolute;top:18px;right:18px;background:var(--gold);color:#111;border-radius:50%;width:92px;height:92px;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:900;transform:rotate(8deg)}.offer-copy>p:not(.kicker):not(.fineprint){color:#bdbdbd}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;color:#eee;font-size:13px}.fineprint{font-size:11px;color:#888!important}.process{background:#fff}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.timeline>div{position:relative;padding:25px;border:1px solid var(--line);border-radius:22px;background:#fffdf7}.timeline span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);font-weight:900}.timeline h3{margin-bottom:7px}.timeline p{color:var(--muted);font-size:13px;margin:0}.work{background:#f9f7f0}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-card img{width:100%;display:block}.project-card>div{padding:20px}.project-card span{font-size:9px;font-weight:900;letter-spacing:1.6px;color:#a27b00}.project-card h3{margin:8px 0}.project-card p{font-size:13px;color:var(--muted)}.project-more{border:0;background:none;padding:0;color:#9b7400;font-weight:900;cursor:pointer}.capabilities{background:#fff}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cap-grid>div{border-top:2px solid #111;padding-top:20px}.big-icon{font:800 13px Manrope;color:#b18400}.cap-grid h3{margin:12px 0}.cap-grid p{color:var(--muted);font-size:13px}.reviews{background:#fff9e6}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.review-grid article{background:#fff;border:1px solid var(--line);padding:23px;border-radius:22px}.stars{color:#d89f00;letter-spacing:2px}.review-grid p{font-size:13px;color:#666;min-height:85px}.review-grid small{display:block;color:#999}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.muted{color:var(--muted)}.accordion details{border-bottom:1px solid var(--line);padding:5px 0}.accordion summary{list-style:none;cursor:pointer;padding:19px 0;font-weight:800}.accordion summary:after{content:"+";float:right;color:#a27b00}.accordion details[open] summary:after{content:"−"}.accordion p{color:#666;font-size:13px;padding:0 0 18px;margin:0}.contact{background:#fff1b8;display:grid;grid-template-columns:1fr .8fr;gap:7vw}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}.contact-cards a,.contact-cards div{background:#fff;border:1px solid #eadca6;padding:15px;border-radius:16px;display:grid}.contact-cards b{font-size:12px}.contact-cards span{font-size:12px;color:#666;margin-top:4px}.lead-form{background:#fff;padding:27px;border-radius:27px;box-shadow:var(--shadow);display:grid;gap:13px}.form-head{display:grid;margin-bottom:7px}.form-head span{font-size:9px;letter-spacing:2px;color:#a27b00;font-weight:900}.form-head b{font:800 22px Manrope}.lead-form label{font-size:11px;font-weight:800}.lead-form input,.lead-form textarea,.lead-form select{display:block;width:100%;margin-top:5px;border:1px solid #ddd8c9;border-radius:12px;padding:12px;background:#fff;outline:0}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:#d5a500}.lead-form small{color:#777;font-size:10px}.floating-actions{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;gap:8px}.floating-actions .wa{background:#25d366;color:#fff;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:900;box-shadow:0 15px 30px rgba(0,0,0,.18)}.floating-actions .top{width:43px;height:43px;border:1px solid #ddd;background:#fff;border-radius:50%;font-weight:900;cursor:pointer}footer{background:#111;color:#ddd;padding:65px 8vw 22px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}footer h4{color:#fff;margin-top:0}footer>div:not(.copyright){display:grid;align-content:start;gap:8px;font-size:12px}footer .footer-main img{width:185px;background:#fff;border-radius:9px}footer .footer-main p{color:#888;max-width:290px}.footer-main{display:block!important}.copyright{grid-column:1/-1;border-top:1px solid #2e2e2e;padding-top:20px;color:#777;font-size:11px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;border-radius:28px;padding:35px;max-width:650px;width:100%;position:relative;box-shadow:0 35px 100px rgba(0,0,0,.3)}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#f4f4f4;border-radius:50%;width:36px;height:36px;font-size:23px;cursor:pointer}.modal-box>span{font-size:10px;letter-spacing:2px;color:#a27b00;font-weight:900}.modal-box h2{font-size:34px;margin:10px 0}.modal-box p{color:#666}.modal-box ul{padding-left:20px;color:#555}.reveal{animation:up .8s ease both}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.nav{gap:12px}.hero{padding-left:6vw;padding-right:6vw}.section{padding-left:6vw;padding-right:6vw}.service-panel.active{grid-template-columns:1fr}.service-columns{grid-template-columns:repeat(2,1fr)}.cap-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.nav{display:none}.nav-toggle{display:block}.header>.btn{display:none}.hero,.about-grid,.offer,.faq-grid,.contact{grid-template-columns:1fr}.hero{padding-top:60px}.hero-card{max-width:500px}.metrics{grid-template-columns:repeat(2,1fr);gap:20px}.metrics div:nth-child(2){border:0}.timeline{grid-template-columns:repeat(2,1fr)}.work-grid,.review-grid{grid-template-columns:repeat(2,1fr)}.section-title{display:block}.filters{justify-content:flex-start;margin-top:20px}}
@media(max-width:580px){.topbar{padding:0 4vw}.topbar div:last-child{display:none}.header{padding:0 4vw}.brand img{width:145px}.section{padding:75px 5vw}.hero{padding:55px 5vw 80px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-actions{flex-direction:column}.mini-trust{display:grid}.chip-one{right:-5px}.chip-two{left:-5px}.metrics{padding:27px 5vw}.metrics div{padding:0 12px}.metrics strong{font-size:26px}.service-columns,.service-columns.three,.timeline,.work-grid,.review-grid,.cap-grid{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.offer-grid{grid-template-columns:1fr}.floating-actions .wa span{display:none}.floating-actions .wa{width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%}footer{grid-template-columns:1fr;padding-left:5vw;padding-right:5vw}.copyright{grid-column:auto}.section-title h2,.about h2,.offer h2,.process h2,.work h2,.reviews h2,.contact h2{letter-spacing:-1px}}

/* Mobile navigation + WhatsApp fixes */
.nav-toggle{width:44px;height:44px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ded9ca;background:#fff;border-radius:12px;cursor:pointer;padding:0;z-index:110}
.nav-toggle span{display:block;width:21px;height:2px;background:#111;border-radius:5px;transition:transform .22s ease,opacity .22s ease}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:850px){
  .nav-toggle{display:flex}
  .nav{position:absolute;top:calc(100% + 1px);left:0;right:0;background:rgba(255,253,248,.98);backdrop-filter:blur(18px);border-bottom:1px solid #e9e5d8;box-shadow:0 18px 35px rgba(0,0,0,.09);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 5vw;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
  .nav.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .nav a{padding:13px 5px;border-bottom:1px solid #eeeade;font-size:13px}
  .nav a:last-child{border-bottom:0}
  .nav a:after{display:none}
  .floating-actions .wa{width:54px;height:54px;padding:0;display:grid;place-items:center;border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.22)}
  .floating-actions .wa svg{width:31px;height:31px;fill:#fff;display:block}
  .floating-actions .wa span{display:none}
}
@media(min-width:851px){.nav-toggle{display:none!important}}