:root{
  --ink:#071926; --ink-2:#102c40; --surface:#ffffff; --paper:#f5f7f8; --line:#d9e1e7;
  --muted:#5f7280; --blue:#116d96; --violet:#6655d9; --gold:#b89654; --danger:#8e4439;
  --max:1220px; --radius:18px; --shadow:0 20px 56px rgba(5,25,38,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.52}
a{color:inherit;text-decoration:none} p{color:var(--muted);margin:0 0 14px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:100}
.site-header{position:sticky;top:0;z-index:20;height:72px;background:rgba(245,247,248,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--max))/2));gap:20px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-block{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--ink);color:#fff;font-weight:900}.brand-copy strong{display:block;letter-spacing:.02em}.brand-copy small{display:block;font-size:11px;color:var(--muted)}.nav{display:flex;gap:20px;font-size:14px;font-weight:700;color:var(--ink-2)}.nav a:hover{color:var(--blue)}.header-cta,.button{display:inline-flex;justify-content:center;align-items:center;border-radius:8px;padding:12px 16px;font-weight:850;border:1px solid transparent;transition:.15s transform,.15s background}.header-cta{background:var(--ink);color:#fff;font-size:14px}.button:hover,.header-cta:hover{transform:translateY(-1px)}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;color:var(--ink);border-color:var(--line)}.button-outline{border-color:rgba(255,255,255,.45);color:#fff}
.home-hero,.service-hero{max-width:var(--max);margin:auto;padding:72px 20px 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.hero-copy,.hero-service-map,.service-answer{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-copy{padding:48px;border-radius:var(--radius)}.hero-overline,.section-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);font-weight:900}.home-hero h1,.page-intro h1,.service-hero h1{font-size:clamp(46px,6vw,76px);line-height:.93;letter-spacing:-.06em;margin:16px 0 22px}.hero-lead{font-size:20px;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.hero-proof span{font-size:12px;font-weight:750;color:var(--ink-2);background:#f7fafc;border:1px solid var(--line);padding:8px 10px;border-radius:999px}
.hero-service-map{border-radius:var(--radius);padding:24px;background:linear-gradient(145deg,#fff,#eaf1f5)}.map-label{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:900;margin-bottom:14px}.home-service-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.home-service-row:last-child{border-bottom:0}.home-service-index{font-weight:900;color:var(--gold)}.home-service-row h3{margin:0 0 4px;font-size:18px}.home-service-row p{font-size:13px;margin:0}.home-service-row a{font-size:13px;font-weight:900;color:var(--blue)}
.service-selector{max-width:var(--max);margin:0 auto;padding:56px 20px}.service-selector h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;line-height:1;margin:12px 0 16px;max-width:760px}.selector-intro{max-width:740px;font-size:17px}.service-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.service-choice{display:block;background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:12px;min-height:270px;transition:.18s transform,.18s border-color,.18s box-shadow}.service-choice:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:var(--shadow)}.choice-number{color:var(--gold);font-weight:900}.service-choice h3{font-size:22px;line-height:1.05;margin:16px 0 12px}.service-choice p{font-size:14px}.choice-link{font-size:13px;font-weight:900;color:var(--blue);position:relative;top:8px}
.what-ecosave-does{max-width:var(--max);margin:0 auto;padding:58px 20px;border-top:1px solid var(--line)}.two-column-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.two-column-intro h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.045em;line-height:1;margin:10px 0}.two-column-intro p{font-size:18px}.four-principles{margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.four-principles div{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.four-principles b{display:block;font-size:18px}.four-principles span{display:block;color:var(--muted);font-size:14px;margin-top:7px}
.support-services{max-width:var(--max);margin:0 auto;padding:50px 20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;background:#edf3f6}.support-services h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.045em;line-height:1;margin:12px 0}.support-links{display:grid;gap:0;background:#fff;border:1px solid var(--line)}.support-links a{display:flex;justify-content:space-between;gap:10px;padding:19px;border-bottom:1px solid var(--line);font-weight:850}.support-links a:last-child{border-bottom:0}.support-links span{color:var(--blue)}
.tool-strip{max-width:var(--max);margin:48px auto;padding:32px 20px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-strip h2{font-size:31px;line-height:1;letter-spacing:-.04em;margin:10px 0}.tool-strip-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:center}.tool-strip-links a{border:1px solid var(--line);background:#fff;padding:16px;font-weight:800}
.prevalidation{max-width:var(--max);margin:44px auto;padding:38px 20px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.prevalidation .section-kicker{color:#93d8f4}.prevalidation h2{font-size:34px;line-height:1;letter-spacing:-.04em;margin:12px 0}.prevalidation p{color:#d7e4ec;max-width:760px}.prevalidation-actions{display:flex;gap:12px;flex-wrap:wrap}
.page-intro{max-width:var(--max);margin:0 auto;padding:68px 20px 32px}.page-intro h1{max-width:920px}.page-intro p{font-size:20px;max-width:850px}.service-overview-grid{max-width:var(--max);margin:0 auto;padding:10px 20px 46px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-overview-card{display:block;background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px;min-height:290px}.service-overview-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}.service-overview-card>span{color:var(--gold);font-weight:900}.service-overview-card h2{font-size:30px;line-height:1;margin:14px 0}.service-overview-card .overview-details{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.service-overview-card em{display:block;color:var(--blue);font-style:normal;font-weight:900;margin-top:18px}.comparison-block{max-width:var(--max);margin:0 auto;padding:45px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#edf3f6}.comparison-block h2{font-size:38px;line-height:1;letter-spacing:-.045em;margin:12px 0}.comparison-block p{font-size:17px}
.service-hero{align-items:stretch}.service-hero>div,.service-answer{border-radius:14px}.service-hero>div{padding:20px 0}.service-question{font-weight:800;color:var(--ink-2);font-size:19px}.service-answer{padding:30px;align-self:center}.service-answer b{font-size:18px}.service-answer a{font-weight:900;color:var(--blue)}
.service-explainer{max-width:var(--max);margin:0 auto;padding:42px 20px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.service-explainer article{background:#fff;padding:30px}.service-explainer h2{font-size:34px;line-height:1.04;letter-spacing:-.04em;margin:12px 0}.examples{display:block;background:#f3f7fa;padding:14px;font-size:14px;color:var(--muted)}
.service-value-grid{max-width:var(--max);margin:0 auto;padding:18px 20px 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-value-grid article{background:#fff;border:1px solid var(--line);padding:24px;border-radius:10px}.service-value-grid h2{font-size:23px;line-height:1.05;margin:10px 0}.risk-panel{background:#fff8f7!important;border-color:#ebc0b8!important}.who-needs-this{max-width:var(--max);margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line)}.who-needs-this h2{font-size:35px;line-height:1;letter-spacing:-.045em;margin:12px 0}.role-list{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.role-list span{padding:11px 14px;border:1px solid var(--line);background:#fff;font-weight:800;border-radius:999px;font-size:14px}.service-flow-wrap{max-width:var(--max);margin:0 auto;padding:42px 20px;background:#eef4f6}.service-process{margin:20px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.service-process li{background:#fff;border-right:1px solid var(--line);padding:18px;min-height:155px}.service-process li:last-child{border-right:0}.service-process b{display:block;font-size:17px}.service-process span{display:block;color:var(--muted);font-size:14px;margin-top:9px}
.service-chooser{max-width:var(--max);margin:0 auto;padding:18px 20px 50px;display:grid;grid-template-columns:1fr .9fr;gap:22px}.chooser-options{display:grid;gap:10px}.select-service-card{font:inherit;text-align:left;background:#fff;border:1px solid var(--line);padding:19px;display:grid;grid-template-columns:45px 1fr;gap:10px;cursor:pointer}.select-service-card:hover,.select-service-card.active{border-color:var(--blue);box-shadow:var(--shadow)}.select-service-card>span{color:var(--gold);font-weight:900}.select-service-card small{grid-column:2;color:var(--muted)}.chooser-result{background:var(--ink);color:#fff;padding:32px;min-height:300px}.chooser-result .section-kicker{color:#9adef7}.chooser-result h2{font-size:33px;line-height:1;letter-spacing:-.045em}.chooser-result p{color:#d2e0e9}.chooser-result a{display:inline-flex;margin-top:10px}
.tool-page-grid{max-width:var(--max);margin:0 auto;padding:15px 20px 44px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tool-page-grid a{padding:20px;background:#fff;border:1px solid var(--line);min-height:180px}.tool-page-grid b{font-size:18px}.tool-workspace{max-width:var(--max);margin:0 auto;padding:18px 20px 50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.service-form{background:#fff;border:1px solid var(--line);padding:24px;display:grid;gap:14px}.service-form label{display:grid;gap:7px;font-weight:850}.service-form input,.service-form select{font:inherit;padding:13px;border:1px solid var(--line);background:#fff}.validator-output{background:#eef4f6;padding:30px}.validator-output h2{font-size:32px;line-height:1;letter-spacing:-.04em}.output-tag{display:inline-block;padding:7px 10px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:900}.checklist-shell{max-width:760px;margin:0 auto 50px;padding:0 20px}.check-row{display:block;background:#fff;border:1px solid var(--line);padding:16px;margin:8px 0;font-weight:750}.progress-line{height:12px;background:#dfe7eb;margin:20px 0;overflow:hidden}.progress-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--violet));transition:.2s}.risk-grid{max-width:var(--max);margin:0 auto;padding:18px 20px 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.risk-grid article{background:#fff;border:1px solid var(--line);padding:24px}.risk-grid b{font-size:20px}.risk-grid a{font-size:13px;font-weight:900;color:var(--blue)}
.app-flow{max-width:var(--max);margin:0 auto;padding:18px 20px 44px;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.app-step{background:#fff;border:1px solid var(--line);padding:22px;min-height:220px}.app-step span{color:var(--gold);font-weight:900}.app-step b{display:block;font-size:19px;margin:14px 0 8px}.app-note{max-width:var(--max);margin:0 auto 36px;padding:30px 20px;background:#edf3f6}.app-note h2{font-size:34px;line-height:1;letter-spacing:-.04em}.confidence-grid{max-width:var(--max);margin:0 auto;padding:18px 20px 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.confidence-grid a{background:#fff;border:1px solid var(--line);padding:24px}.confidence-grid b{font-size:20px}.info-grid{max-width:var(--max);margin:0 auto;padding:18px 20px 44px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-grid article{background:#fff;border:1px solid var(--line);padding:28px}.info-grid p{font-size:17px;margin-top:14px}.ficha-grid{max-width:var(--max);margin:0 auto;padding:18px 20px 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ficha-grid a{background:#fff;border:1px solid var(--line);padding:20px;font-weight:850}
.site-footer{background:var(--ink);color:#fff;margin-top:60px;padding:50px max(20px,calc((100vw - var(--max))/2))}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.site-footer p,.site-footer a{color:#d0e0ea}.site-footer a{display:block;margin:8px 0}.footer-muted{font-size:13px}.footer-meta{border-top:1px solid rgba(255,255,255,.16);margin-top:32px;padding-top:18px;display:flex;gap:8px;flex-wrap:wrap}.footer-meta span{font-size:12px;color:#bcd0de}
@media(max-width:980px){
  .nav{display:none}.site-header{padding:0 16px}.home-hero,.service-hero,.support-services,.two-column-intro,.tool-strip,.comparison-block,.who-needs-this,.service-chooser,.tool-workspace,.footer-grid{grid-template-columns:1fr}.home-hero{padding-top:36px}.home-hero h1,.page-intro h1,.service-hero h1{font-size:43px}.service-choice-grid,.premium-service-grid,.four-principles,.service-value-grid,.service-process,.tool-page-grid,.risk-grid,.app-flow,.confidence-grid,.info-grid,.ficha-grid{grid-template-columns:1fr}.home-service-row{grid-template-columns:35px 1fr}.home-service-row a{grid-column:2}.service-process li{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.app-step{min-height:auto}.tool-strip-links{grid-template-columns:1fr}.service-explainer{grid-template-columns:1fr}.header-cta{font-size:12px;padding:10px 12px}.prevalidation{grid-template-columns:1fr}.service-value-grid{padding-left:20px;padding-right:20px}
}