:root { --background:#f6f3ea; --foreground:#102d27; --primary:#0b6b50; --primary-foreground:#fff; --secondary:#e4efe5; --secondary-foreground:#123c31; --muted:#eae7de; --muted-foreground:#587169; --border:#d5d9cd; --ring:#24a879; --radius:.9rem; }
* { box-sizing:border-box; border-color:var(--border); }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { width:min(1180px,calc(100% - 40px)); height:88px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:flex; align-items:center; gap:11px; font:800 19px/1 var(--font-heading); letter-spacing:-.04em; }
.brand>span:last-child>span { color:#168660; }
.brand-mark { width:39px; height:39px; display:grid; place-items:center; color:#fff; background:#0b6b50; border-radius:13px 13px 13px 4px; box-shadow:0 8px 20px rgba(11,107,80,.2); }
.brand-mark svg { width:21px; }
nav { display:flex; align-items:center; gap:32px; color:#3c5d54; font-size:14px; font-weight:650; }
nav a:hover { color:#0b6b50; }
.header-cta { height:43px; padding:0 17px; border-radius:12px; box-shadow:0 8px 22px rgba(11,107,80,.16); }
.header-actions { display:flex; align-items:center; gap:16px; }
.header-phone { display:flex; align-items:center; gap:7px; color:#174b3d; font-size:12px; font-weight:800; white-space:nowrap; }
.header-phone svg { width:16px; color:#168660; }
.hero { position:relative; overflow:hidden; min-height:650px; padding:82px max(20px,calc((100vw - 1180px)/2)) 76px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); align-items:center; gap:86px; background:radial-gradient(circle at 84% 18%,rgba(189,221,193,.66),transparent 30%),linear-gradient(135deg,#fbfaf5 0%,#f2f0e6 56%,#e5eee3 100%); }
.hero::before { content:''; position:absolute; inset:0; opacity:.34; pointer-events:none; background-image:radial-gradient(#6b8d7f .7px,transparent .7px); background-size:18px 18px; mask-image:linear-gradient(to right,transparent 35%,#000); }
.hero-copy,.hero-panel { position:relative; z-index:1; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:22px; color:#137654; font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.eyebrow span { width:28px; height:2px; background:#42a67d; }
h1 { max-width:720px; margin:0; font:770 clamp(43px,5.25vw,73px)/1.035 var(--font-heading); letter-spacing:-.057em; }
h1 em { color:#168660; font-style:normal; }
.hero-copy>p { max-width:650px; margin:25px 0 30px; color:#48665d; font-size:18px; line-height:1.72; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.primary-cta { height:52px; padding:0 21px; border-radius:13px; font-weight:750; box-shadow:0 13px 28px rgba(11,107,80,.22); }
.text-link { font-size:14px; font-weight:750; border-bottom:1px solid #9aac9e; padding-bottom:3px; }
.hero-proof { display:flex; gap:22px; flex-wrap:wrap; margin-top:32px; color:#49665d; font-size:12px; font-weight:650; }
.hero-proof span { display:flex; align-items:center; gap:7px; }
.hero-proof svg { width:17px; color:#199569; }
.success-fee { max-width:600px; margin-top:22px; display:flex; align-items:center; gap:11px; padding:13px 15px; border:1px solid #b9dac7; border-radius:13px; color:#42675a; background:rgba(235,246,237,.82); font-size:12px; line-height:1.45; }
.success-fee svg { width:22px; flex:0 0 auto; color:#0d805a; }
.success-fee strong { color:#0c5f46; }
.hero-panel { padding:27px; border:1px solid rgba(255,255,255,.8); border-radius:27px; background:rgba(255,255,255,.76); box-shadow:0 28px 80px rgba(28,64,52,.16); backdrop-filter:blur(14px); transform:rotate(1deg); }
.panel-topline { display:flex; justify-content:space-between; align-items:center; color:#6b8079; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.status { display:flex; align-items:center; gap:6px; color:#14805b; letter-spacing:0; text-transform:none; }
.status i { width:7px; height:7px; border-radius:50%; background:#1ab277; box-shadow:0 0 0 4px #d9f2e7; }
.document-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; margin:25px 0 16px; padding:17px; background:#f5f8f3; border:1px solid #e0e8de; border-radius:17px; }
.doc-icon { width:45px; height:45px; display:grid; place-items:center; color:#fff; background:#117555; border-radius:12px; }
.doc-icon svg { width:22px; }
.doc-label { display:block; color:#84948e; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.document-card strong { display:block; margin-top:4px; font:760 15px var(--font-heading); }
.percent { color:#12845d; font-weight:850; }
.progress-line { height:5px; margin-bottom:25px; overflow:hidden; border-radius:20px; background:#e2e9e3; }
.progress-line span { display:block; width:100%; height:100%; background:linear-gradient(90deg,#0c6c50,#3db683); }
.process-mini { list-style:none; margin:0; padding:0 5px; }
.process-mini li { position:relative; display:flex; align-items:flex-start; gap:13px; min-height:68px; color:#587169; }
.process-mini li:not(:last-child)::after { content:''; position:absolute; left:13px; top:30px; bottom:4px; width:1px; background:#b8d3c5; }
.process-mini b { z-index:1; width:27px; height:27px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#dcebe2; color:#167453; font-size:11px; }
.process-mini strong,.process-mini small { display:block; }
.process-mini strong { color:#1d4439; font-size:13px; }
.process-mini small { margin-top:3px; font-size:11px; }
.process-mini .active b,.process-mini .done b { color:#fff; background:#11805b; }
.panel-note { display:flex; gap:12px; align-items:center; padding:15px; border-radius:14px; background:#e7f3ea; color:#4b685e; font-size:11px; line-height:1.5; }
.panel-note svg { width:23px; color:#168660; }
.panel-note strong { color:#194b3e; }
.service-ribbon { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 24px; padding:23px 20px; background:#0d3029; color:#e7f0e9; }
.service-ribbon span { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:700; white-space:nowrap; }
.service-ribbon i { width:5px; height:5px; border-radius:50%; background:#62c792; }
@media(max-width:900px){ nav{display:none}.hero{grid-template-columns:1fr;gap:55px;padding-top:64px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-panel{width:min(550px,100%);margin:0 auto;transform:none} }
@media(max-width:600px){ .site-header{height:74px;width:min(100% - 28px,1180px)}.brand{font-size:16px}.brand-mark{width:35px;height:35px}.header-actions{gap:8px}.header-phone span{display:none}.header-phone{width:38px;height:38px;justify-content:center;border:1px solid #c9d8ce;border-radius:11px}.header-cta{width:42px;padding:0;font-size:0}.header-cta svg{width:18px}.hero{padding:50px 18px 58px}h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-proof{gap:11px 18px}.hero-panel{padding:19px;border-radius:22px}.panel-topline{font-size:9px} }

.section { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.services { padding-block:110px 120px; }
.section-head { display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:70px; margin-bottom:48px; }
.section-kicker { display:block; margin-bottom:15px; color:#16805c; font-size:11px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.section-kicker.light { color:#75d5a5; }
h2 { margin:0; font:760 clamp(34px,4vw,52px)/1.12 var(--font-heading); letter-spacing:-.048em; }
.section-head>p { margin:0 0 5px; color:#5c716b; font-size:15px; line-height:1.75; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #d3dbd2; border-left:1px solid #d3dbd2; }
.service-card { position:relative; min-height:330px; padding:30px 27px 26px; border-right:1px solid #d3dbd2; border-bottom:1px solid #d3dbd2; background:#f8f6ef; transition:transform .25s,background .25s,box-shadow .25s; }
.service-card:hover { z-index:1; transform:translateY(-4px); background:#fff; box-shadow:0 18px 45px rgba(19,59,48,.1); }
.service-card.featured { background:#e7f1e8; }
.card-no { position:absolute; top:18px; right:20px; color:#9eaaa4; font:700 10px var(--font-heading); letter-spacing:.08em; }
.service-icon { width:48px; height:48px; margin-bottom:49px; display:grid; place-items:center; border-radius:15px; color:#147756; background:#dfede3; }
.featured .service-icon { color:#fff; background:#147756; }
.service-icon svg { width:22px; }
.service-card h3 { margin:0 0 12px; font:760 19px var(--font-heading); letter-spacing:-.025em; }
.service-card p { margin:0; color:#63756f; font-size:13px; line-height:1.65; }
.service-card>a { position:absolute; bottom:25px; display:inline-flex; align-items:center; gap:8px; color:#0c7653; font-size:12px; font-weight:800; }
.service-card>a svg { width:14px; }
.service-card.cta-card { display:flex; flex-direction:column; justify-content:center; min-height:330px; background:#123b31; color:#fff; }
.service-card.cta-card:hover { background:#17483c; }
.cta-card .section-kicker { color:#70d1a2; }
.cta-card h3 { font-size:23px; line-height:1.25; }
.cta-card p { color:#b8cbc4; }
.cta-card>a { position:static; margin-top:25px; color:#fff; }

.process-section { background:#0e3028; color:#fff; }
.process-inner { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; padding-block:115px; }
.process-intro { position:sticky; top:30px; align-self:start; }
.process-intro h2 { font-size:58px; }
.process-intro>p { max-width:380px; margin:25px 0 30px; color:#b4c9c1; font-size:15px; line-height:1.75; }
.process-intro>a { display:inline-flex; align-items:center; gap:9px; padding-bottom:6px; border-bottom:1px solid #6c9e8c; font-size:13px; font-weight:800; }
.process-intro>a svg { width:16px; }
.process-steps { list-style:none; margin:0; padding:0; }
.process-steps li { display:grid; grid-template-columns:38px 58px 1fr; gap:18px; padding:26px 0 31px; border-bottom:1px solid rgba(255,255,255,.13); }
.process-steps li>span { color:#6c9788; font:750 10px var(--font-heading); letter-spacing:.1em; }
.step-icon { width:49px; height:49px; display:grid; place-items:center; border:1px solid rgba(121,210,168,.28); border-radius:15px; color:#7cd6a8; background:rgba(104,191,150,.08); }
.step-icon svg { width:21px; }
.process-steps h3 { margin:0 0 8px; font:720 19px var(--font-heading); }
.process-steps p { max-width:550px; margin:0; color:#aec1ba; font-size:13px; line-height:1.7; }

.expert-section { padding-block:115px; background:#e6efe5; }
.expert-wrap { display:grid; grid-template-columns:.48fr 1.08fr .9fr; align-items:center; gap:58px; }
.expert-section .section-kicker.light { color:#16805c; }
.expert-monogram { aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #b9d0be; border-radius:32px 32px 32px 8px; color:#fff; background:linear-gradient(145deg,#0c6b50,#164438); box-shadow:18px 18px 0 rgba(25,96,72,.09); }
.expert-monogram svg { width:35px; height:35px; margin-bottom:13px; padding:7px; border:1px solid rgba(131,219,173,.35); border-radius:11px; color:#83dbad; }
.expert-monogram span { margin-bottom:5px; color:#83dbad; font:800 clamp(24px,3vw,36px)/1 var(--font-heading); }
.expert-monogram strong { font:750 clamp(13px,1.5vw,18px)/1.18 var(--font-heading); text-align:center; letter-spacing:-.025em; }
.expert-copy h2 { font-size:clamp(36px,4vw,51px); }
.expert-lead { margin:24px 0 31px; color:#526b62; font-size:14px; line-height:1.8; }
.expert-lead strong { color:#164c3e; }
.expert-facts { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.expert-facts>div { display:flex; align-items:center; gap:13px; padding-top:18px; border-top:1px solid #bfd0c2; }
.expert-facts>div>span { color:#0c7653; font:800 34px var(--font-heading); }
.expert-facts>div>svg { width:34px; height:34px; padding:6px; color:#0c7653; }
.expert-facts p { margin:0; }
.expert-facts strong,.expert-facts small { display:block; }
.expert-facts strong { color:#193e34; font-size:12px; }
.expert-facts small { margin-top:3px; color:#70827b; font-size:9px; line-height:1.45; }
.reference-card { padding:36px 32px; border-radius:24px; color:#fff; background:#123b31; box-shadow:0 22px 55px rgba(21,65,52,.16); }
.reference-label { color:#77d3a5; font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.reference-card h3 { margin:14px 0 17px; font:740 24px/1.3 var(--font-heading); letter-spacing:-.035em; }
.reference-card p { margin:0; color:#b7cac3; font-size:12px; line-height:1.75; }
.reference-card a { display:inline-flex; align-items:center; gap:9px; margin-top:25px; padding-bottom:5px; border-bottom:1px solid #6da58f; font-size:12px; font-weight:800; }
.reference-card a svg { width:15px; }

.why { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:110px; padding-block:120px; }
.why-copy>p { max-width:590px; margin:25px 0 35px; color:#5e746c; font-size:15px; line-height:1.8; }
.why-points { display:grid; gap:13px; }
.why-points>div { display:flex; align-items:center; gap:14px; }
.why-points svg { width:38px; height:38px; padding:9px; border-radius:12px; color:#117a57; background:#e3eee5; }
.why-points strong,.why-points small { display:block; }
.why-points strong { font-size:13px; }
.why-points small { margin-top:2px; color:#7a8c86; font-size:11px; }
.audit-card { padding:43px; border-radius:28px; background:#e6efe5; box-shadow:18px 18px 0 #d6e4d8; }
.audit-label { color:#18805c; font-size:10px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.audit-card h3 { margin:15px 0 26px; font:740 29px/1.25 var(--font-heading); letter-spacing:-.04em; }
.audit-card ul { list-style:none; margin:0 0 29px; padding:0; }
.audit-card li { display:flex; align-items:flex-start; gap:10px; padding:12px 0; border-bottom:1px solid #cbdace; color:#49655c; font-size:13px; line-height:1.45; }
.audit-card li svg { width:17px; color:#168660; flex:0 0 auto; }
.audit-card>a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 17px; border-radius:12px; color:#fff; background:#0b6b50; font-size:12px; font-weight:800; }
.audit-card>a svg { width:16px; }

.faq-section { padding-block:105px; background:#eeece4; }
.faq-wrap { display:grid; grid-template-columns:.7fr 1.3fr; gap:100px; }
.faq-title h2 { max-width:390px; }
.faq-list details { border-bottom:1px solid #cbd3ca; }
.faq-list summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:21px 0; cursor:pointer; list-style:none; font:720 16px var(--font-heading); }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #b8c5bb; border-radius:50%; color:#147756; font-size:19px; font-weight:400; transition:transform .2s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { margin:-4px 50px 22px 0; color:#5b7069; font-size:13px; line-height:1.7; }

.contact-section { padding:80px 20px; background:#f6f3ea; }
.contact-card { position:relative; overflow:hidden; display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:70px; padding:65px 72px; border-radius:30px; color:#fff; background:linear-gradient(125deg,#0b352b,#0d5c45); box-shadow:0 25px 70px rgba(13,56,45,.18); }
.contact-card::after { content:''; position:absolute; width:340px; height:340px; right:-100px; top:-150px; border:1px solid rgba(129,218,174,.22); border-radius:50%; box-shadow:0 0 0 45px rgba(129,218,174,.04),0 0 0 90px rgba(129,218,174,.035); }
.contact-copy { position:relative; z-index:1; }
.contact-copy>p { max-width:650px; margin:20px 0 0; color:#bad0c8; font-size:14px; line-height:1.7; }
.contact-copy .contact-guarantee { display:flex; align-items:center; gap:9px; margin-top:19px; color:#dcebe5; font-weight:750; }
.contact-guarantee svg { width:19px; flex:0 0 auto; color:#75d5a5; }
.contact-action { position:relative; z-index:1; display:grid; justify-items:start; padding-left:50px; border-left:1px solid rgba(255,255,255,.16); }
.contact-channel { display:flex; align-items:center; gap:13px; margin-bottom:17px; }
.contact-channel>svg { width:26px; height:26px; padding:5px; border:1px solid rgba(117,213,165,.26); border-radius:9px; color:#75d5a5; }
.contact-channel span { display:grid; gap:2px; }
.contact-channel small { color:#8fac9f; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.contact-channel a { font:690 15px var(--font-heading); }
.contact-button { display:flex; align-items:center; gap:10px; padding:13px 17px; border-radius:11px; color:#123c31; background:#f1f1e8; font-size:12px; font-weight:850; }
.contact-button svg { width:15px; }

footer { padding:60px max(20px,calc((100vw - 1180px)/2)) 22px; color:#c4d1cc; background:#0a211c; }
.footer-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:start; gap:80px; padding-bottom:45px; }
.footer-brand { color:#fff; }
.footer-inner>div:first-child>p { margin:15px 0 0; color:#71877f; font-size:11px; }
.footer-links { display:grid; gap:12px; font-size:12px; }
.footer-links a:hover { color:#75d5a5; }
.footer-contact { justify-self:end; display:grid; gap:7px; text-align:right; }
.footer-contact span { color:#71877f; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.footer-contact a { color:#fff; font-size:13px; }
.footer-bottom { display:flex; justify-content:space-between; gap:30px; padding-top:20px; border-top:1px solid rgba(255,255,255,.09); color:#62776f; font-size:9px; }

@media(max-width:1050px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .process-inner,.why,.faq-wrap{gap:60px}
  .expert-wrap{grid-template-columns:.45fr 1.1fr}.reference-card{grid-column:1/-1;margin-top:10px}
  .contact-card{padding:55px 45px}
}
@media(max-width:800px){
  .services,.why{padding-block:80px}.section-head,.process-inner,.why,.faq-wrap,.contact-card{grid-template-columns:1fr}
  .expert-wrap{grid-template-columns:1fr}.expert-monogram{width:190px}.reference-card{grid-column:auto}
  .section-head{gap:22px}.process-inner{padding-block:80px}.process-intro{position:static}.process-intro h2{font-size:48px}
  .why{gap:55px}.audit-card{box-shadow:10px 10px 0 #d6e4d8}.faq-wrap{gap:45px}.contact-card{gap:40px}
  .contact-action{padding:35px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .footer-inner{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1;justify-self:start;text-align:left}
}
@media(max-width:560px){
  .section{width:min(100% - 32px,1180px)}.services{padding-block:68px}.section-head h2{font-size:35px}.service-grid{grid-template-columns:1fr}
  .service-card{min-height:300px}.process-steps li{grid-template-columns:28px 45px 1fr;gap:12px}.step-icon{width:43px;height:43px}
  .why{padding-block:70px}.audit-card{padding:28px 22px}.faq-section{padding-block:75px}.faq-list summary{font-size:14px}
  .expert-section{padding-block:72px}.expert-wrap{gap:42px}.expert-monogram{width:150px}.expert-facts{grid-template-columns:1fr}.reference-card{padding:29px 24px}
  .contact-section{padding:55px 10px}.contact-card{width:100%;padding:40px 25px;border-radius:24px}.contact-copy h2{font-size:36px}
  .contact-action>a:not(.contact-button){font-size:15px}.footer-inner{grid-template-columns:1fr;gap:35px}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;gap:9px}
}

.header-cta,.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:700;white-space:nowrap}
.header-cta svg,.primary-cta svg{width:16px;height:16px}