:root { --ev-ink:#142c42; --ev-ink-soft:#315267; --ev-muted:#5d7180; --ev-paper:#f5f8f6; --ev-card:#fff; --ev-line:#d8e4e1; --ev-aqua:#1aa59f; --ev-aqua-dark:#087c79; --ev-coral:#e97961; --ev-yellow:#f3c969; --ev-deep:#0e2132; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ev-paper); color:var(--ev-ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:16px; }
a { color:inherit; }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.ev-skip-link { position:absolute; left:1rem; top:-3rem; z-index:1000; padding:.7rem 1rem; border-radius:8px; color:#fff; background:var(--ev-ink); font-weight:800; text-decoration:none; }.ev-skip-link:focus { top:1rem; }
.ev-site-header { position:relative; z-index:10; background:rgba(245,248,246,.95); border-bottom:1px solid rgba(216,228,225,.85); }
.ev-header-inner { max-width:1240px; margin:0 auto; padding:1.1rem 1.3rem; display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.ev-brand { display:inline-flex; align-items:center; gap:.72rem; color:var(--ev-ink); text-decoration:none; }.ev-brand > span:last-child { display:flex; flex-direction:column; line-height:1; }.ev-brand strong { font-size:1.16rem; letter-spacing:-.025em; }.ev-brand em { color:var(--ev-aqua-dark); font-size:.72rem; font-style:normal; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-top:.27rem; }
.ev-brand-mark { position:relative; display:flex; align-items:flex-end; gap:3px; width:30px; height:30px; padding:3px; border-radius:10px; background:var(--ev-aqua); transform:rotate(-4deg); }.ev-brand-mark i { display:block; width:5px; border-radius:8px; background:#fff; }.ev-brand-mark i:nth-child(1) { height:10px; opacity:.72; }.ev-brand-mark i:nth-child(2) { height:18px; }.ev-brand-mark i:nth-child(3) { height:13px; opacity:.85; }
.ev-primary-nav { display:flex; align-items:center; gap:1.3rem; }.ev-nav-list { display:flex; align-items:center; gap:1.25rem; margin:0; padding:0; list-style:none; }.ev-nav-list a { color:var(--ev-ink-soft); font-size:.88rem; font-weight:700; text-decoration:none; }.ev-nav-list a:hover,.ev-nav-list a:focus-visible { color:var(--ev-aqua-dark); }.ev-header-cta { display:inline-flex; align-items:center; gap:.55rem; padding:.7rem 1rem; border-radius:999px; background:var(--ev-ink); color:#fff; font-size:.83rem; font-weight:800; text-decoration:none; }.ev-header-cta:hover,.ev-header-cta:focus-visible { background:var(--ev-aqua-dark); }
.ev-menu-toggle { display:none; border:0; background:transparent; padding:.5rem; }.ev-menu-toggle i { display:block; width:22px; height:2px; margin:5px; background:var(--ev-ink); }
.ev-home-hero { position:relative; overflow:hidden; background:var(--ev-deep); color:#fff; }.ev-hero-inner { max-width:1240px; min-height:640px; margin:0 auto; padding:clamp(4.5rem,10vw,8rem) 1.3rem 6rem; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.7fr); align-items:center; gap:3rem; }.ev-kicker--light { color:#8ce0d4; }.ev-hero-copy h1 { max-width:700px; margin:0 0 1.35rem; font-size:clamp(3.2rem,8vw,6.6rem); line-height:.94; letter-spacing:-.065em; }.ev-hero-copy > p { max-width:600px; margin:0; color:#c9d9de; font-size:clamp(1.05rem,2vw,1.3rem); line-height:1.55; }.ev-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem 1rem; margin-top:2rem; }.ev-button { border:0; display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-height:3.1rem; border-radius:999px; padding:.75rem 1.2rem; font:inherit; font-weight:800; line-height:1.2; text-decoration:none; cursor:pointer; }.ev-button--hero { color:var(--ev-ink); background:#fff; }.ev-button--hero:hover,.ev-button--hero:focus-visible { background:#d9f0eb; }.ev-button--outline { color:#fff; border:1px solid rgba(255,255,255,.4); background:transparent; }.ev-button--outline:hover,.ev-button--outline:focus-visible { background:rgba(255,255,255,.1); }.ev-text-link { display:inline-flex; gap:.6rem; align-items:center; color:var(--ev-aqua-dark); font-weight:800; text-decoration:none; }.ev-text-link--light { color:#fff; }.ev-text-link:hover { text-decoration:underline; }
.ev-hero-orbit { position:absolute; border:1px solid rgba(130,223,212,.2); border-radius:50%; pointer-events:none; }.ev-hero-orbit--one { width:600px; height:600px; right:-200px; top:-110px; }.ev-hero-orbit--two { width:360px; height:360px; right:70px; top:50px; border-style:dashed; opacity:.7; }.ev-hero-art { position:relative; min-height:390px; display:grid; place-items:center; }.ev-water-card { position:relative; width:min(350px,85%); min-height:360px; padding:1.5rem; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,255,255,.2); border-radius:28px; background:linear-gradient(145deg,rgba(71,177,170,.92),rgba(25,74,88,.96)); box-shadow:0 30px 60px rgba(0,0,0,.25); transform:rotate(5deg); }.ev-water-card-label { align-self:flex-start; color:#c9f0eb; font-size:.74rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.ev-water-card strong { margin-top:auto; font-size:6rem; line-height:.85; letter-spacing:-.09em; }.ev-water-card > span:not(.ev-water-card-label) { color:#e2f6f3; font-size:.95rem; }.ev-water-drop { position:absolute; top:50px; right:45px; width:74px; height:96px; border-radius:70% 30% 65% 35% / 45% 40% 60% 55%; background:#d7f6f0; transform:rotate(38deg); opacity:.9; }.ev-water-drop i { position:absolute; inset:16px; border:1px solid rgba(20,44,66,.2); border-radius:inherit; }.ev-water-line { display:flex; align-items:flex-end; gap:6px; height:62px; margin-top:1.5rem; }.ev-water-line i { flex:1; border-radius:8px 8px 0 0; background:rgba(255,255,255,.22); }.ev-water-line i:nth-child(1) { height:25%; }.ev-water-line i:nth-child(2) { height:56%; }.ev-water-line i:nth-child(3) { height:38%; }.ev-water-line i:nth-child(4) { height:85%; background:rgba(255,255,255,.55); }.ev-water-line i:nth-child(5) { height:66%; }
.ev-home-trust { background:#d9f0eb; border-bottom:1px solid #c0e2db; }.ev-home-trust-inner { max-width:1240px; margin:0 auto; padding:1.5rem 1.3rem; display:flex; align-items:center; gap:1.4rem; }.ev-home-trust-inner > span { flex-shrink:0; color:var(--ev-aqua-dark); font-size:.72rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }.ev-home-trust-inner strong { max-width:710px; font-size:.94rem; line-height:1.45; }.ev-flow { display:flex; align-items:center; gap:.45rem; margin-left:auto; color:var(--ev-aqua-dark); font-size:.7rem; font-weight:800; }.ev-flow i { font-style:normal; white-space:nowrap; }.ev-flow b { opacity:.55; }
.ev-home-section { max-width:1240px; margin:0 auto; padding:clamp(4rem,8vw,7rem) 1.3rem; }.ev-home-section--goals { border-bottom:1px solid var(--ev-line); }.ev-home-section-heading { display:grid; grid-template-columns:1fr 1.6fr; column-gap:3rem; align-items:end; margin-bottom:2.6rem; }.ev-home-section-heading .ev-kicker { grid-column:1/-1; }.ev-home-section-heading h2 { margin:0; font-size:clamp(2.2rem,5vw,4rem); line-height:1; letter-spacing:-.06em; }.ev-home-section-heading p { max-width:490px; margin:0; font-size:1.05rem; }.ev-goal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--ev-line); background:var(--ev-line); border-radius:18px; overflow:hidden; }.ev-goal-grid article { padding:1.5rem; background:var(--ev-card); }.ev-goal-grid article > span { color:var(--ev-coral); font-weight:900; font-size:.8rem; }.ev-goal-grid h3 { margin:.8rem 0 .5rem; font-size:1.15rem; }.ev-goal-grid p { margin:0; color:var(--ev-muted); line-height:1.55; font-size:.9rem; }.ev-home-quiet-note { max-width:590px; margin:1.5rem 0 0 auto; border-left:3px solid var(--ev-yellow); padding-left:1rem; color:var(--ev-ink-soft); font-size:.95rem; }
.ev-home-section--actions { max-width:100%; padding-left:0; padding-right:0; background:#eef5f3; }.ev-action-grid { max-width:1240px; margin:0 auto; padding:0 1.3rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.ev-action-card { min-height:290px; padding:1.5rem; display:flex; flex-direction:column; justify-content:space-between; border-radius:20px; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }.ev-action-card:hover,.ev-action-card:focus-visible { transform:translateY(-5px); box-shadow:0 18px 38px rgba(20,44,66,.13); }.ev-action-card--report { background:#fce2db; }.ev-action-card--map { background:#d9f0eb; }.ev-action-card--petition { background:#e8e4f0; }.ev-action-icon { width:2.65rem; height:2.65rem; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.65); color:var(--ev-ink); font-size:1.3rem; }.ev-action-card .ev-kicker { margin-top:2rem; margin-bottom:.7rem; }.ev-action-card h2 { margin-bottom:.6rem; font-size:1.65rem; letter-spacing:-.04em; }.ev-action-card p { margin:0; color:var(--ev-ink-soft); font-size:.92rem; line-height:1.55; }.ev-arrow { align-self:flex-end; font-size:1.6rem; }
.ev-home-section--timeline { display:grid; grid-template-columns:1fr 1.15fr; gap:4rem; align-items:center; }.ev-timeline-intro h2 { max-width:450px; font-size:clamp(2.25rem,5vw,4rem); line-height:.98; letter-spacing:-.06em; }.ev-timeline-intro p { max-width:500px; font-size:1.05rem; }.ev-timeline-visual { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; padding-top:3rem; }.ev-timeline-visual::before { content:''; position:absolute; left:9%; right:9%; top:1.7rem; height:2px; background:var(--ev-line); }.ev-timeline-visual div { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:.9rem; text-align:center; color:var(--ev-muted); font-size:.76rem; font-weight:800; }.ev-timeline-visual i { width:1.4rem; height:1.4rem; border:4px solid var(--ev-paper); border-radius:50%; background:var(--ev-aqua); box-shadow:0 0 0 2px var(--ev-aqua); }.ev-timeline-visual div:nth-child(2) i { background:var(--ev-yellow); box-shadow:0 0 0 2px var(--ev-yellow); }.ev-timeline-visual div:nth-child(3) i { background:var(--ev-coral); box-shadow:0 0 0 2px var(--ev-coral); }.ev-timeline-visual div:nth-child(4) i { background:var(--ev-ink); box-shadow:0 0 0 2px var(--ev-ink); }
.ev-page-main { min-height:60vh; }.ev-content-page { background:var(--ev-paper); }.ev-content-copy { max-width:760px; }.ev-content-copy > * { line-height:1.7; }.ev-content-copy a { color:var(--ev-aqua-dark); }.ev-theme-fallback { padding:2rem 1.25rem; }
.ev-site-footer { background:var(--ev-deep); color:#fff; }.ev-footer-inner { max-width:1240px; margin:0 auto; padding:3.5rem 1.3rem; display:grid; grid-template-columns:1.2fr .7fr 1fr; gap:3rem; }.ev-brand--footer { color:#fff; }.ev-brand--footer em { color:#8ce0d4; }.ev-footer-inner p { max-width:280px; margin:.9rem 0 0; color:#adc0c6; font-size:.85rem; line-height:1.55; }.ev-footer-links { display:flex; flex-direction:column; gap:.65rem; }.ev-footer-links > span,.ev-footer-note > span { color:#8ce0d4; font-size:.7rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; margin-bottom:.3rem; }.ev-footer-links a { color:#d5e3e5; font-size:.87rem; text-decoration:none; }.ev-footer-links a:hover { color:#fff; text-decoration:underline; }.ev-footer-note { padding-left:1.3rem; border-left:1px solid rgba(255,255,255,.2); }.ev-footer-bottom { max-width:1240px; margin:0 auto; padding:1rem 1.3rem; border-top:1px solid rgba(255,255,255,.15); display:flex; justify-content:space-between; gap:1rem; color:#8ea7af; font-size:.73rem; }
@media (max-width:950px) { .ev-header-inner { padding:1rem; }.ev-primary-nav { gap:.8rem; }.ev-nav-list { gap:.75rem; }.ev-header-cta { padding:.65rem .75rem; font-size:.75rem; }.ev-hero-inner { min-height:580px; grid-template-columns:1fr .7fr; gap:1rem; }.ev-hero-copy h1 { font-size:clamp(3rem,8vw,5rem); }.ev-home-trust-inner { flex-wrap:wrap; }.ev-flow { width:100%; margin-left:0; overflow:auto; padding-bottom:.2rem; }.ev-goal-grid { grid-template-columns:repeat(2,1fr); }.ev-footer-inner { grid-template-columns:1fr 1fr; }.ev-footer-note { grid-column:1/-1; border-left:0; border-top:1px solid rgba(255,255,255,.2); padding:1.2rem 0 0; } }
@media (max-width:680px) { .ev-menu-toggle { display:block; }.ev-primary-nav { position:absolute; left:0; right:0; top:100%; display:none; flex-direction:column; align-items:stretch; padding:1rem; background:var(--ev-paper); border-bottom:1px solid var(--ev-line); box-shadow:0 15px 25px rgba(20,44,66,.09); }.ev-primary-nav.is-open { display:flex; }.ev-nav-list { flex-direction:column; align-items:stretch; gap:.2rem; }.ev-nav-list a { display:block; padding:.75rem; }.ev-header-cta { justify-content:center; margin-top:.5rem; }.ev-hero-inner { min-height:680px; grid-template-columns:1fr; padding-top:4.2rem; }.ev-hero-art { position:absolute; right:-60px; bottom:-90px; opacity:.7; transform:scale(.72); }.ev-hero-copy { position:relative; z-index:1; }.ev-home-trust-inner { padding:1.25rem 1rem; }.ev-home-section { padding-left:1rem; padding-right:1rem; }.ev-home-section-heading { display:block; }.ev-home-section-heading .ev-kicker { margin-bottom:1rem; }.ev-home-section-heading p { margin-top:1rem; }.ev-goal-grid,.ev-action-grid { grid-template-columns:1fr; }.ev-action-grid { padding:0 1rem; }.ev-action-card { min-height:230px; }.ev-home-section--timeline { display:block; }.ev-timeline-visual { margin-top:3rem; }.ev-footer-inner { grid-template-columns:1fr; gap:2rem; padding-left:1rem; padding-right:1rem; }.ev-footer-note { grid-column:auto; }.ev-footer-bottom { padding-left:1rem; padding-right:1rem; flex-direction:column; }.ev-footer-bottom span:last-child { display:none; } }
.ev-hero-copy h1 { font-size:clamp(3rem,6vw,5.15rem); line-height:.96; }
.ev-home-stats { background:#fff; border-bottom:1px solid var(--ev-line); }.ev-home-stats-inner { max-width:1240px; margin:0 auto; padding:clamp(3rem,6vw,5rem) 1.3rem; display:grid; grid-template-columns:minmax(230px,.75fr) 1.6fr; gap:3rem; align-items:center; }.ev-home-stats-heading h2 { max-width:340px; margin:0 0 .75rem; font-size:clamp(1.9rem,3vw,2.7rem); line-height:1; letter-spacing:-.05em; }.ev-home-stats-heading p { margin:0; font-size:.9rem; }.ev-home-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid var(--ev-line); background:var(--ev-line); border-radius:16px; overflow:hidden; }.ev-home-stats-grid > div { min-height:126px; display:flex; flex-direction:column; justify-content:center; gap:.4rem; padding:1rem; background:#fff; }.ev-home-stats-grid strong { color:var(--ev-aqua-dark); font-size:2.55rem; line-height:1; letter-spacing:-.07em; }.ev-home-stats-grid span { color:var(--ev-muted); font-size:.78rem; line-height:1.3; }
.ev-home-map-preview { border-bottom:1px solid var(--ev-line); }.ev-home-map-preview .ev-map { width:100%; }.ev-home-map-link { margin:1rem 0 0; }
.ev-official-block .ev-kicker { margin-bottom:.4rem; }
.ev-how-it-works { border-bottom:1px solid var(--ev-line); }.ev-how-steps { list-style:none; display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin:0; padding:0; border:1px solid var(--ev-line); border-radius:18px; overflow:hidden; background:var(--ev-line); }.ev-how-steps li { min-height:145px; display:flex; flex-direction:column; justify-content:space-between; padding:1.25rem; background:#fff; }.ev-how-steps li + li { border-left:1px solid var(--ev-line); }.ev-how-steps span { color:var(--ev-coral); font-size:.77rem; font-weight:900; }.ev-how-steps strong { max-width:145px; font-size:.98rem; line-height:1.3; }
@media (max-width:950px) { .ev-home-stats-inner { grid-template-columns:1fr; gap:1.5rem; }.ev-home-stats-heading h2 { max-width:none; } }
@media (max-width:680px) { .ev-home-stats-inner { padding-left:1rem; padding-right:1rem; }.ev-home-stats-grid { grid-template-columns:repeat(2,1fr); }.ev-home-stats-grid > div { min-height:105px; }.ev-how-steps { grid-template-columns:1fr; }.ev-how-steps li { min-height:0; gap:.6rem; }.ev-how-steps li + li { border-left:0; border-top:1px solid var(--ev-line); } }