:root{--bg:#f7f7f3;--ink:#10151d;--muted:#68727e;--line:#e1e4dd;--lime:#b9f34a;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.narrow{max-width:820px}.header{position:sticky;top:0;z-index:50;background:#f7f7f3e8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.7px}.brand i{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:800 17px Manrope;font-style:normal}.brand span{color:#7d8791}.links{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700}.pill{padding:11px 16px;border-radius:999px;background:var(--ink);color:#fff}.menu{display:none;border:0;background:transparent;font-size:24px}
.hero{padding:58px 0 70px;position:relative;overflow:hidden}.glow{position:absolute;right:-260px;top:-230px;width:650px;height:650px;border-radius:50%;background:var(--lime);filter:blur(115px);opacity:.18}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;position:relative}.kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#737c85;margin:0 0 15px}.hero h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.01;letter-spacing:-3px;margin:0}.hero h1 em,h2 em{font-style:normal;color:#7b8590}.lead{font-size:17px;color:var(--muted);max-width:620px;margin:22px 0 26px}.actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;border:0;border-radius:999px;padding:14px 19px;font:700 13px "DM Sans";cursor:pointer}.primary{background:var(--ink);color:#fff}.primary strong{color:var(--lime);font-size:18px}.whatsapp{padding:12px 15px;border:1px solid #d7dbd2;border-radius:999px;font-weight:700;font-size:13px}.whatsapp span{color:#4d6f24}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:29px;font-size:10px;font-weight:700;color:#59636c}.hero-card{position:relative;max-width:560px;margin:auto}.browser{padding:8px;border:1px solid #dce0d8;border-radius:22px;background:#fff;box-shadow:0 25px 70px #10151d1a;transform:rotate(1deg)}.browserbar{height:30px;display:flex;align-items:center;gap:5px;padding:0 8px}.browserbar i{width:7px;height:7px;border-radius:50%;background:#d8dcd6}.browserbar small{margin-left:auto;color:#a0a6ac;font-size:8px}.preview{border-radius:15px;overflow:hidden;background:#e7e9e1}.preview nav{height:42px;display:flex;align-items:center;gap:17px;padding:0 16px;background:#fff;font-size:7px}.preview nav b{margin-right:auto;font-size:9px}.preview-main{display:grid;grid-template-columns:1fr .72fr;min-height:270px;background:#d4d8c9}.preview-main>div:first-child{padding:36px 18px}.preview-main small{font-size:6px;letter-spacing:1px}.preview h2{font-size:28px;line-height:1;margin:12px 0 18px}.preview button{border:0;background:var(--ink);color:#fff;border-radius:20px;padding:8px 11px;font-size:7px}.photo{background:linear-gradient(140deg,#586456,#b9bfaa 55%,#414840)}.preview-stats{background:#fff;padding:13px 17px;display:flex;gap:17px;font-size:8px}.preview-stats b{font-size:10px}.floating{position:absolute;right:-16px;bottom:20px;background:var(--ink);color:#fff;border-radius:13px;padding:11px 13px;font-size:10px;font-weight:700;box-shadow:0 15px 30px #0002}.floating:first-letter{color:var(--lime)}
.trust{background:var(--ink);color:#fff}.trust-grid{min-height:82px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:18px;font-size:10px;color:#c2c8ce}.trust-grid div{border-left:1px solid #303741;padding-left:20px}.trust-grid div:first-child{border:0;padding-left:0;display:flex;flex-direction:column}.trust-grid b{font:800 13px Manrope;color:#fff}.trust-grid span{color:#aeb5bc}
.pricing,.services,.portfolio,.faq{padding:82px 0;background:#fff}.center{text-align:center;max-width:700px;margin:0 auto 43px}.center h2,.renovation h2,.process h2,.about h2,.faq h2,.contact h2{font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-2.4px;margin:0}.center>p:last-child{color:var(--muted);font-size:14px;margin:16px auto 0;max-width:610px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.plan{border:1px solid var(--line);border-radius:21px;padding:28px;position:relative;display:flex;flex-direction:column}.plan.popular{border:2px solid var(--ink);box-shadow:0 18px 45px #10151d12}.popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--lime);border-radius:999px;padding:5px 11px;font-size:8px;font-weight:900;letter-spacing:1px;white-space:nowrap}.tag{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#7a838b}.plan h3{font-size:25px;margin:23px 0 4px}.price{font:800 36px Manrope;letter-spacing:-1.5px}.price small{font:500 10px "DM Sans";letter-spacing:0;color:#7c858c}.plan-desc{font-size:12px;color:var(--muted);min-height:77px}.plan ul{list-style:none;border-top:1px solid var(--line);padding:15px 0;margin:0;flex:1}.plan li{font-size:11px;padding:5px 0}.plan li:before{content:"✓";font-weight:900;margin-right:8px}.plan-btn{margin-top:20px;border:1px solid var(--ink);padding:12px;border-radius:999px;text-align:center;font-size:11px;font-weight:800}.plan-btn.dark{background:var(--ink);color:#fff}.pricing-note{font-size:9px;color:#858c93;text-align:center;margin:22px 0 0}
.dark{background:var(--ink);color:#fff}.renovation{padding:80px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dark .kicker{color:#aab2ba}.renovation h2{max-width:580px}.renovation p:not(.kicker){color:#aeb5bd;max-width:540px}.lime{background:var(--lime);color:var(--ink);margin-top:16px}.checklist{border:1px solid #303741;border-radius:20px;overflow:hidden}.checklist div{padding:18px 20px;border-bottom:1px solid #303741;display:flex;gap:18px;align-items:center}.checklist div:last-child{border:0}.checklist b{font:800 11px Manrope;color:var(--lime)}.checklist span{font-weight:700;font-size:12px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{border:1px solid var(--line);border-radius:19px;padding:23px}.feature-grid b{color:#87908a;font-size:11px}.feature-grid h3{font-size:18px;margin:28px 0 7px}.feature-grid p{font-size:12px;color:var(--muted)}
.portfolio .head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.head>p{max-width:350px;color:var(--muted);font-size:13px;margin:0}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.project{min-height:255px;border-radius:20px;padding:24px;display:flex;align-items:end;overflow:hidden}.p1{grid-row:span 2;min-height:525px;background:linear-gradient(145deg,#1d251f,#aab59c 58%,#e1e3da)}.p2{background:linear-gradient(145deg,#d6c6b6,#7f8d96)}.p3{background:linear-gradient(145deg,#adb4a8,#3d4941)}.project div{background:#ffffffeb;border-radius:13px;padding:14px 16px;min-width:62%}.project small{font-size:8px;font-weight:800;letter-spacing:1.4px;color:#71797c}.project h3{font-size:24px;margin:3px 0 0}.project p{font-size:11px;color:#747b80;margin:0}
.process{padding:82px 0;background:#eceee7}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px}.steps article{border-left:1px solid #cdd1c8;padding:0 22px}.steps article:first-child{border:0;padding-left:0}.steps b{font:800 12px Manrope;color:#808981}.steps h3{font-size:19px;margin:21px 0 7px}.steps p{font-size:12px;color:#68716d}.maintenance{padding:55px 0;background:#f0f2eb}.maint-box{border:1px solid #dce0d6;border-radius:22px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:35px}.maint-box p:not(.kicker){color:var(--muted);font-size:13px}.maint-box h2{font:800 27px Manrope;letter-spacing:-1px;margin:0}.about{padding:82px 0}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.portrait{height:370px;border-radius:23px;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}.portrait>span{font:800 180px Manrope;color:var(--lime)}.portrait small{position:absolute;right:15px;bottom:15px;background:#fff;padding:10px;border-radius:11px;font-size:8px}.about p:not(.kicker){color:var(--muted);font-size:14px;max-width:590px}.chips,.contact-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span,.contact-benefits span{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:10px;font-weight:700}
.faq h2{margin-bottom:36px}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font:700 15px Manrope}summary::-webkit-details-marker{display:none}summary:after{content:"+";float:right;font-size:20px}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);font-size:13px;max-width:740px}
.contact{padding:82px 0;background:var(--lime)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact h2{max-width:550px}.contact-grid>div>p:not(.kicker){max-width:480px;color:#30372d;font-size:14px}.wa-big{display:inline-flex;margin-top:28px;padding:13px 17px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;gap:15px}.wa-big b{color:var(--lime)}form{display:grid;gap:11px}label{font-size:11px;font-weight:800}input,select,textarea{display:block;width:100%;margin-top:5px;border:1px solid #99ad76;background:#f9ffef;border-radius:11px;padding:12px;font:13px "DM Sans";outline:none}textarea{resize:vertical}form .btn{width:max-content}.contact form small{font-size:9px;opacity:.7}
footer{background:var(--ink);color:#aeb5bd}.foot{min-height:88px;display:flex;align-items:center;gap:25px}.foot .brand{color:#fff}.foot p{margin:auto;font-size:11px}.foot small{font-size:9px}
@media(max-width:900px){.links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:14px 16px 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{text-align:center;padding:9px}.menu{display:block}.hero-grid,.two-col,.about-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.plans,.feature-grid{grid-template-columns:1fr}.plan.popular{order:-1}.trust-grid{grid-template-columns:1fr 1fr;padding:20px 0}.trust-grid div:first-child{grid-column:1/-1}.trust-grid div{border-left:0;padding-left:0}.portfolio .head{display:block}.head>p{margin-top:14px}.steps{grid-template-columns:1fr 1fr;gap:30px}.steps article{border:0;padding:0}.maint-box{display:block}.maint-box .btn{margin-top:10px}.p1{grid-row:auto;min-height:420px}.projects{grid-template-columns:1fr}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.hero{padding:42px 0 58px}.hero h1{font-size:41px;letter-spacing:-2.3px}.lead{font-size:15px}.actions{display:grid;grid-template-columns:1fr}.btn,.whatsapp{width:100%;min-height:48px;text-align:center}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-main{min-height:230px}.preview-main>div:first-child{padding:28px 15px}.preview h2{font-size:24px}.preview nav span{display:none}.floating{right:4px}.pricing,.services,.portfolio,.process,.about,.faq,.contact,.renovation{padding:66px 0}.center h2,.renovation h2,.process h2,.about h2,.faq h2,.contact h2{font-size:35px}.steps{grid-template-columns:1fr}.portrait{height:300px}.portrait>span{font-size:150px}.foot{padding:20px 0;flex-wrap:wrap}.foot p{margin:0}.foot small{width:100%}}
