*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0a5c4a;--primary-light: #08705a;--secondary: #0f172a;--accent: #f59e0b;--background: #fafbf8;--white: #ffffff;--text: #1e293b;--text-light: #526475;--border: #e2e8f0;--card: #ffffff}html{scroll-behavior:smooth}body{font-family:Segoe UI,Arial,sans-serif;background:var(--background);color:var(--text);line-height:1.7}h1,h2,h3,h4{font-family:Segoe UI,Arial,sans-serif;font-weight:700}a{text-decoration:none}.container{width:90%;max-width:1200px;margin:auto}.btn{padding:14px 24px;border-radius:10px;font-weight:600;transition:background .3s,color .3s,transform .3s;display:inline-block;cursor:pointer;font-family:Segoe UI,Arial,sans-serif;font-size:1rem;border:none}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary);color:var(--white)}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:42px;margin-bottom:15px;color:var(--secondary)}.section-title p{color:var(--text-light);max-width:700px;margin:auto}.skip-link{position:absolute;top:-100%;left:0;background:var(--primary);color:var(--white);padding:12px 20px;z-index:9999;font-weight:600;border-radius:0 0 8px;transition:top .2s}.skip-link:focus{top:0}@media(max-width:900px){.section-title h2{font-size:30px}}:focus-visible{outline:3px solid #b46a00!important;outline-offset:4px}a{color:var(--primary)}.container{width:min(90%,1200px)}.section{padding:80px 0}.section-title{text-align:left;margin-bottom:36px}.section-title p{margin:0}.eyebrow{text-transform:uppercase;font-weight:650;font-size:.75rem;letter-spacing:.14em;color:var(--primary)}h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:20px}h3{margin-bottom:12px}.lead{font-size:1.15rem;color:var(--text-light);max-width:750px}.panel{border:1px solid var(--border);border-radius:16px;background:#fff;padding:30px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:36px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style-position:inside;margin-top:40px}.process-grid li::marker{font-weight:700;color:var(--primary)}.process-grid h3{margin-top:12px}.benefits{background:#102c29;color:#fff}.benefits .eyebrow{color:#b9d8c7}.benefits p{color:#c7d9d2}.faq{margin:48px 0}details{border-bottom:1px solid #ccd5cf;padding:20px 0}summary{cursor:pointer;font-weight:650;min-height:28px}details p{margin:16px 0;max-width:800px}ul{padding-left:20px}.service-intro{padding:70px 0;background:#eef5ef}.service-intro h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;margin:24px 0}.service-intro .eyebrow{margin-top:32px}.service-intro .btn{margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}section[id]{scroll-margin-top:110px}main{min-height:60vh}img{max-width:100%}a,dd{overflow-wrap:anywhere}input,select,textarea{font-size:16px!important}button,a.btn{min-height:44px}.contact-card{min-width:0}.portfolio-image{display:none}.whatsapp-fab{position:static!important;width:fit-content;margin:20px auto}.site-header{position:relative!important}.btn-primary:hover{background:#08705a}.contact-card{padding:clamp(22px,4vw,40px)!important}.error-message{border:1px solid #ab2929;border-radius:8px;padding:16px;margin-bottom:20px;color:#862222}.section-title h2{font-size:clamp(1.8rem,3vw,2.6rem)}@supports (animation-timeline: view()){.panel{animation:gentle-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 20%}@keyframes gentle-reveal{0%{transform:translateY(12px)}to{transform:none}}}@media(max-width:900px){.service-grid,.process-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.section{padding:52px 0}.service-grid,.process-grid,.two-columns{grid-template-columns:1fr}.panel{padding:24px}.hero-buttons .btn{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
