/* EVVAN v2.0: presentation layer only; existing business logic and component IDs stay unchanged. */
:root {
  --ink:#17262d; --muted:#657781; --subtle:#82949a;
  --bg:#f7fbfa; --paper:#ffffff; --line:#dce8e7;
  --dark:#132a30; --darker:#09191e;
  --mint:#00a99d; --green:#00b2a2; --lightgreen:#e9faf7;
  --shadow:0 24px 62px rgba(21,55,63,.08);
  --radius:18px;
}
html {scroll-padding-top:90px}
body {background:#fff;color:var(--ink)}
.container{width:min(100% - 66px,1240px)}
.heading-accent{color:#009c96}
.button{border-radius:11px;letter-spacing:0;font-size:13px}
.button-primary{background:#00a99d;color:#fff;box-shadow:0 12px 27px rgba(0,169,157,.18)}
.button-primary:hover:not(:disabled){background:#008e84;box-shadow:0 15px 32px rgba(0,169,157,.2)}
.button-dark{background:#15272e;color:#fff}
.button-dark:hover{background:#28464d}
.text-link:hover{color:#008e84}
.kicker{color:#008c85}
.kicker i{background:#00a99d;border:none;width:7px;height:7px}
.section{padding:86px 0}
.section-topline{border-color:#e6eeee}
.section-intro{color:#637781}
.section-counter{color:#90a1a4}
.site-header{height:78px;background:rgba(255,255,255,.94);border-bottom:1px solid #e7eeee;box-shadow:0 5px 25px rgba(24,70,73,.04)}
.nav-inner{gap:23px}
.brand{gap:0;min-width:0}
.brand-wordmark{display:inline-flex;align-items:baseline;font-size:33px;line-height:1;letter-spacing:-.082em;font-weight:950;white-space:nowrap;color:#18242c;font-family:Inter,'Segoe UI',Arial,sans-serif}
.brand-ev{color:#00a99d}
.brand-van{color:#1b2830}
.site-nav{gap:22px;margin-left:auto}
.site-nav a{font-size:12px;color:#344e55;font-weight:750}
.site-nav a:hover,.editorial-nav a:hover{color:#008e86}
.nav-cta{min-width:158px;padding:13px 17px;background:#00a99d;color:#fff}
.nav-cta:hover{background:#008e83}
/* Main EVVAN story */
.hero.evvan-hero{background:linear-gradient(121deg,#f4fbfa 3%,#f6fbfa 46%,#e9f8f6 100%);color:#17262d;isolation:isolate;overflow:hidden;border-bottom:1px solid #dbece9}
.hero-wash{pointer-events:none;position:absolute;right:-14%;top:-20%;height:760px;width:900px;border-radius:50%;background:radial-gradient(circle,rgba(0,169,157,.11) 0%,rgba(0,169,157,.05) 45%,transparent 76%);z-index:-1}
.evvan-hero .hero-content{grid-template-columns:52% 48%;padding-top:52px;padding-bottom:0;min-height:615px;align-items:center}
.evvan-hero .hero-copy{padding-bottom:42px;z-index:3}
.evvan-hero .hero-eyebrow{font-size:11px;letter-spacing:.075em;font-weight:900;color:#008d85;margin-bottom:25px;gap:9px}
.eyebrow-spark{display:grid;place-items:center;border-radius:8px;background:#dbf6f0;color:#009c90;width:28px;height:28px;font-size:17px}
.evvan-hero h1{max-width:650px;font-size:clamp(45px,4.7vw,72px);color:#162931;letter-spacing:-.065em;line-height:1.1;margin:0 0 27px;font-weight:900}
.evvan-hero h1 em{font-style:normal;color:#00a99d}
.evvan-hero .hero-copy>p{max-width:500px;color:#526c73;font-size:16px;line-height:1.82;margin-bottom:29px}
.evvan-hero .button-outline-light{color:#087c77;border:1px solid #a3d2cb;background:rgba(255,255,255,.78)}
.evvan-hero .button-outline-light:hover{background:#def8f1;color:#11655e;border-color:#00a99d}
.evvan-hero .hero-notes{color:#5c7077;margin-top:35px;gap:16px 24px;font-size:11px;font-weight:650}
.evvan-hero .hero-notes .tick{color:#008f83}
.evvan-hero .hero-visual{height:580px;position:relative;align-self:end;margin-top:10px;z-index:1}
.hero-art-circle{position:absolute;right:-3%;bottom:46px;width:540px;height:455px;border-radius:45% 55% 44% 56%;background:radial-gradient(circle,#c6f5ed 5%,#d8f8f3 54%,transparent 72%)}
.evvan-hero .hero-van{position:absolute;right:-12%;left:auto;bottom:53px;width:112%;max-width:none;height:auto;z-index:1;filter:drop-shadow(0 18px 19px rgba(24,78,73,.12))}
.evvan-hero .evvan-hero-character{position:absolute;left:-16px;bottom:-12px;max-width:none;width:auto;height:548px;object-fit:contain;z-index:3;filter:drop-shadow(12px 16px 12px rgba(18,49,53,.12))}
.evvan-speech{position:absolute;right:-5px;top:56px;max-width:240px;padding:17px 19px;background:#fff;color:#19323b;border:1px solid #d9ece9;border-radius:20px 20px 20px 4px;box-shadow:0 18px 45px rgba(31,95,95,.11);z-index:4;display:flex;flex-direction:column;gap:4px}
.evvan-speech>span{font-size:10px;letter-spacing:.1em;font-weight:900;color:#00a99d}
.evvan-speech strong{font-size:17px;letter-spacing:-.035em}
.evvan-speech small{font-size:12px;color:#68828a;line-height:1.5}
.evvan-charge-chip{position:absolute;right:-11px;bottom:32px;z-index:5;display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;background:#fff;border:1px solid #e0efed;border-radius:16px;padding:13px 16px;box-shadow:0 18px 40px rgba(22,77,75,.11)}
.evvan-charge-chip>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#defaf1;color:#009d91;font-size:24px;grid-row:1 / 3}
.evvan-charge-chip strong{font-size:13px}
.evvan-charge-chip small{font-size:10px;color:#738b91}
.evvan-hero .hero-bottom{padding:23px 0 24px;display:flex;align-items:center;gap:34px;min-height:105px;border-top:1px solid #d9ebe8;color:#3e6367}
.evvan-hero .hero-stat{display:flex;align-items:center;gap:14px}
.evvan-hero .hero-stat b{font-size:28px;color:#00a99d}
.evvan-hero .hero-stat span{font-size:12px;color:#536e75}
.evvan-hero .hero-stat-line{background:#c3d6d3}
.evvan-hero .hero-bottom-text{font-size:10px;color:#82999c;margin-left:auto}
/* functional entry points */
.marquee-benefits{background:#fff;border-bottom:1px solid #eaf0ef}
.micro-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:19px 0}
.micro-benefits a{color:#1d343c;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e7f1f0;background:#fcfefe;border-radius:13px;transition:box-shadow .2s,transform .2s}
.micro-benefits a:hover{box-shadow:0 10px 25px rgba(0,169,157,.1);transform:translateY(-2px)}
.micro-icon{display:grid;place-items:center;border-radius:12px;width:39px;height:39px;background:#e8faf6;color:#00a99d;font-size:22px;font-weight:800;flex-shrink:0}
.micro-benefits strong{font-size:13px;display:block;letter-spacing:-.015em}
.micro-benefits small{font-size:10px;display:block;color:#6e838b;letter-spacing:0}
/* components */
.calc-head-mark{color:#c4d0d0!important}
.calculator-section{background:#fff}
.calc-layout{box-shadow:0 24px 50px rgba(22,64,65,.045);border-radius:22px}
.evvan-tiny-tip{display:flex;align-items:center;gap:5px;border:1px solid #dcecea;background:#f2fbf8;padding:10px 18px 8px 8px;border-radius:18px;max-width:330px;height:108px;flex-shrink:0}
.evvan-tiny-tip img{height:96px;width:74px;object-fit:contain;align-self:flex-end}
.evvan-tiny-tip div{display:flex;flex-direction:column;gap:3px;line-height:1.45}
.evvan-tiny-tip b{font-size:10px;color:#008e82;letter-spacing:.065em}
.evvan-tiny-tip span{font-size:12px;color:#557078}
.range-section{background:linear-gradient(180deg,#f4fbfa,#ecf9f6)}
.range-form{box-shadow:0 9px 40px rgba(24,88,80,.04)}
.range-result{background:#10343a}
.range-result #route-result{color:#6af3d6}
.home-knowledge{background:#fff}
.home-knowledge .knowledge-grid{gap:18px}
.knowledge-card{border-color:#e5eeec;box-shadow:0 8px 25px rgba(24,64,60,.025)}
.knowledge-card:hover{box-shadow:0 18px 40px rgba(22,72,67,.09)}
.knowledge-meta{color:#008e83}
.knowledge-link,.content-internal-links a{color:#008e83}
.home-guides{background:#f7fbfa}
.evvan-business{background:#f6fbf9}
.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.business-grid a{position:relative;display:grid;grid-template-columns:55px 1fr;align-items:center;gap:3px 12px;background:#fff;border:1px solid #e1eeeb;border-radius:18px;padding:22px 22px 24px;min-height:144px;transition:transform .18s,box-shadow .18s,border-color .18s}
.business-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a1d9d2}
.business-grid .business-icon{grid-column:1;grid-row:1/3;width:49px;height:49px;display:grid;place-items:center;font-size:23px;border-radius:14px;color:#008d85;background:#e6f8f4}
.business-grid b{grid-column:2;grid-row:1;font-size:15px;letter-spacing:-.025em}
.business-grid small{grid-column:2;grid-row:2;font-size:12px;color:#70858b;line-height:1.5;max-width:250px}
.business-grid .business-arrow{position:absolute;right:17px;bottom:10px;color:#009d92;font-size:18px}
.benefits-section{background:#fff}
.section-listings{background:#f7fbfa}
.opinion-section{background:#fff}
.faq-section{background:#f7fbfa}
/* question + mascot */
.contact-section{background:linear-gradient(120deg,#0e2830,#122d33);position:relative;overflow:hidden}
.contact-copy{position:relative}
.contact-mascot{display:flex;align-items:center;max-width:390px;margin:22px 0 -72px;gap:15px}
.contact-mascot img{height:190px;width:auto;object-fit:contain;align-self:end;filter:drop-shadow(0 8px 9px rgba(0,0,0,.1))}
.contact-mascot>span{display:block;font-weight:850;color:#dcfff7;font-size:15px;line-height:1.4}
.contact-mascot small{font-size:11px;color:#8dd8ca;display:block;font-weight:500;margin-top:4px}
.contact-form-wrap{box-shadow:0 20px 70px rgba(0,0,0,.17)}
/* footer & legal signature */
.site-footer{background:#101f26;color:#dce9e8}
.site-footer .brand-wordmark{font-size:38px}
.site-footer .brand-van{color:#f8ffff}
.footer-main{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr;gap:42px;align-items:start}
.footer-about p{max-width:285px;color:#a8b8ba;font-size:13px;line-height:1.75;margin-top:20px}
.footer-stamp{display:inline-flex;font-size:10px;letter-spacing:.075em;border:1px solid #36555c;color:#85bdb6;border-radius:9px;padding:9px 12px}
.footer-links h4{color:#e6f2ef}
.footer-links a{color:#9fb4b6}
.footer-links a:hover{color:#75e9d6}
.footer-end{flex-wrap:wrap;gap:8px 26px}
.operator-credit{width:100%;font-size:11px;color:#7e949a;line-height:1.5;margin:0;letter-spacing:.01em}
/* articles, libraries and admin all share clean wordmark */
.editorial-nav a{color:#476168}
.content-cta{background:linear-gradient(120deg,#102d36,#0d3030)}
.admin-header,.admin-header .brand{color:#152b31}
.admin-header .brand-wordmark{font-size:30px}
.login-visual img[src*="evvan"]{height:310px;width:auto;right:5%;bottom:-16px;left:auto;object-fit:contain}
.login-visual-top{color:#6ff2dc}
/* exact rendering and accessible motion */
@media(max-width:1120px){
 .site-nav{gap:14px}
 .site-nav a{font-size:11px}
 .evvan-hero .hero-content{grid-template-columns:49% 51%}
 .evvan-hero h1{font-size:clamp(44px,4.7vw,62px)}
 .evvan-hero .hero-van{width:128%;right:-24%}
 .evvan-hero .evvan-hero-character{height:515px;left:-20px}
 .evvan-speech{right:0;top:25px;max-width:210px}
 .business-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .footer-main{gap:20px}
}
@media(max-width:920px){
 .container{width:min(100% - 36px,1240px)}
 .nav-toggle{display:flex}
 .nav-cta{display:none}
 .site-nav{display:none;position:absolute;left:18px;right:18px;top:75px;z-index:60;margin:0;padding:12px;flex-direction:column;gap:0;align-items:stretch;background:#fff;border:1px solid #e0eded;border-radius:15px;box-shadow:0 20px 40px rgba(19,64,63,.11)}
 .site-nav.open{display:flex}
 .site-nav a{display:block;padding:13px 14px;font-size:14px}
 .evvan-hero .hero-content{grid-template-columns:1fr;min-height:unset;padding-top:45px}
 .evvan-hero .hero-copy{padding-bottom:0}
 .evvan-hero h1{font-size:clamp(44px,7vw,70px);max-width:780px}
 .evvan-hero .hero-copy>p{max-width:700px}
 .evvan-hero .hero-visual{height:440px;margin-top:5px;width:min(100%,680px);justify-self:center}
 .evvan-hero .hero-van{width:103%;right:-5%;bottom:36px}
 .evvan-hero .evvan-hero-character{height:435px;left:20px;bottom:-9px}
 .evvan-speech{right:5%;top:30px}
 .evvan-charge-chip{right:4%;bottom:17px}
 .hero-art-circle{right:4%;width:530px;height:370px;bottom:35px}
 .evvan-hero .hero-bottom{gap:16px;flex-wrap:wrap;min-height:100px}
 .micro-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .evvan-tiny-tip{display:none}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
}
@media(max-width:600px){
 .site-header{height:68px}
 .brand-wordmark{font-size:29px}
 .site-nav{top:66px}
 .section{padding:64px 0}
 .evvan-hero .hero-content{padding-top:35px}
 .evvan-hero .hero-eyebrow{font-size:9px;letter-spacing:.04em;line-height:1.5;margin-bottom:22px}
 .evvan-hero h1{font-size:clamp(40px,10vw,56px);line-height:1.08;letter-spacing:-.055em}
 .evvan-hero .hero-copy>p{font-size:14px;line-height:1.74;margin-bottom:25px}
 .evvan-hero .hero-actions{align-items:stretch;gap:10px}
 .evvan-hero .hero-actions .button{min-height:49px;padding:12px 15px;font-size:12px;gap:10px}
 .evvan-hero .hero-notes{margin-top:22px;gap:8px 15px;font-size:10px}
 .evvan-hero .hero-visual{height:330px;margin-top:15px;max-width:390px;width:100%}
 .evvan-hero .hero-van{width:115%;right:-13%;bottom:22px}
 .evvan-hero .evvan-hero-character{height:323px;left:2px;bottom:-6px}
 .hero-art-circle{width:350px;height:300px;right:-18%;bottom:0}
 .evvan-speech{top:4px;right:-2px;max-width:165px;padding:10px 12px;border-radius:12px 12px 12px 3px}
 .evvan-speech>span{font-size:8px}
 .evvan-speech strong{font-size:12px}
 .evvan-speech small{font-size:10px;line-height:1.4}
 .evvan-charge-chip{right:0;bottom:3px;padding:7px 9px;grid-template-columns:30px auto;gap:0 7px;border-radius:10px}
 .evvan-charge-chip>span{width:30px;height:30px;font-size:17px}
 .evvan-charge-chip strong{font-size:10px}
 .evvan-charge-chip small{font-size:9px}
 .evvan-hero .hero-bottom{padding:16px 0;gap:8px 12px;min-height:80px}
 .evvan-hero .hero-stat{gap:7px}
 .evvan-hero .hero-stat b{font-size:18px}
 .evvan-hero .hero-stat span{font-size:9px}
 .evvan-hero .hero-stat-line{display:none}
 .evvan-hero .hero-bottom-text{display:none}
 .micro-benefits{gap:8px;padding:12px 0}
 .micro-benefits a{gap:8px;padding:10px 8px;min-height:66px}
 .micro-icon{width:29px;height:29px;font-size:17px;border-radius:8px}
 .micro-benefits strong{font-size:10px}
 .micro-benefits small{font-size:9px;line-height:1.4}
 .business-grid{grid-template-columns:1fr;gap:10px}
 .business-grid a{padding:15px 20px;min-height:97px}
 .contact-mascot{margin:18px 0 -45px}
 .contact-mascot img{height:135px}
 .footer-main{grid-template-columns:1fr 1fr;gap:24px}
 .footer-about{grid-column:1/-1}
 .footer-end{font-size:11px}
}
@media(max-width:360px){
 .evvan-hero .hero-actions{flex-direction:column}
 .evvan-hero h1{font-size:38px}
 .evvan-hero .hero-stat span{font-size:8px}
 .micro-benefits{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .button,.business-grid a,.micro-benefits a,.knowledge-card{transition:none!important}
}
.evvan-reading-helper{display:flex;align-items:flex-end;gap:9px;background:linear-gradient(130deg,#e8faf6,#f6fffd);border:1px solid #d7ebe7;border-radius:17px;margin-top:18px;padding:12px 15px 0 5px;overflow:hidden}
.evvan-reading-helper img{height:135px;width:86px;object-fit:contain;object-position:bottom;flex-shrink:0}
.evvan-reading-helper div{display:flex;flex-direction:column;gap:7px;padding-bottom:13px}
.evvan-reading-helper strong{color:#008d85;font-size:12px}
.evvan-reading-helper span{font-size:11px;color:#4d686e;line-height:1.5}
.evvan-reading-helper a{font-size:11px;font-weight:800;color:#00887e}
/* WCAG AA text contrast for the brand turquoise on light surfaces. */
.button-primary,.nav-cta{color:#062a2b}
.button-primary:hover:not(:disabled),.nav-cta:hover{background:#007e76;color:#fff}
.kicker,.evvan-hero .hero-eyebrow{color:#00756d}
.knowledge-link,.business-grid .business-arrow,.content-internal-links a{color:#00756d}
.evvan-speech>span{color:#00756d}
.brand-ev{color:#009b91}
.footer-brand .brand-ev{color:#00c3b3}