:root{
  --navy:#0B1F3D; --navy-2:#122A52; --navy-deep:#071427;
  --ink:#54627A; --ink-light:#7C879C;
  --white:#FFFFFF; --bg:#F5F7FA; --bg-2:#EEF1F6;
  --red:#E5342B; --red-dark:#C82920; --red-tint:#FDEAE8;
  --navy-tint:#E9EEF7; --border:#E3E7EF;
  --radius:14px; --maxw:1180px;
  --green:#1D8A4C; --green-bright:#2FB56A; --green-tint:#E4F5EC;
  --amber:#C77A11; --control:#0B1F3D; --control-tint:#E9EEF7;
  --panel:#0A1A33; --panel-2:#0E223F; --panel-line:#22375C; --panel-text:#C7D3E6; --panel-mute:#7C8CA8;
  --est-shadow:0 30px 60px -34px rgba(11,31,61,0.34);
}
:root{ color-scheme: light; }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --white:#0F1524; --bg:#0B0F1A; --bg-2:#101728; --border:#232B3D;
    --ink:#AEB8CC; --ink-light:#8891A5; --navy-tint:#18233D; --red-tint:#2A1512;
    --green:#4ADE80; --green-bright:#5BE68F; --green-tint:#12271C;
    --amber:#E8A33D; --control:#6E7C99; --control-tint:#1B2740;
    --panel:#0A1120; --panel-2:#0E1830; --panel-line:#25324A;
    --est-shadow:0 30px 60px -34px rgba(0,0,0,0.65);
  }
}
:root[data-theme="dark"]{
  --white:#0F1524; --bg:#0B0F1A; --bg-2:#101728; --border:#232B3D;
  --ink:#AEB8CC; --ink-light:#8891A5; --navy-tint:#18233D; --red-tint:#2A1512;
  --green:#4ADE80; --green-bright:#5BE68F; --green-tint:#12271C;
  --amber:#E8A33D; --control:#6E7C99; --control-tint:#1B2740;
  --panel:#0A1120; --panel-2:#0E1830; --panel-line:#25324A;
  --est-shadow:0 30px 60px -34px rgba(0,0,0,0.65);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--white); color:var(--ink);
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.skip{position:absolute;left:-9999px;top:0;background:var(--red);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;z-index:200;}
.skip:focus{left:0;}

/* ---------- Header ---------- */
header.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,0.88);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--border);
}
:root[data-theme="dark"] header.site-header{ background:rgba(15,21,36,0.85); }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) header.site-header{ background:rgba(15,21,36,0.85); } }
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;}
.logo{display:flex;align-items:center;gap:10px;}
.logo svg{width:30px;height:30px;flex:0 0 auto;}
.logo-text{font-weight:800;font-size:19px;color:var(--navy);letter-spacing:-0.01em;}
:root[data-theme="dark"] .logo-text{color:#F2F5FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .logo-text{color:#F2F5FA;} }

.nav-right{display:flex;align-items:center;gap:28px;}
nav.main-nav{display:flex;gap:40px;}
nav.main-nav a{
  font-weight:500;font-size:15px;color:var(--ink);
  padding-bottom:22px;margin-bottom:-23px;
  border-bottom:2px solid transparent;transition:color .15s ease;
}
nav.main-nav a:hover{color:var(--navy);}
nav.main-nav a.active{color:var(--navy);font-weight:600;border-bottom-color:var(--red);}
:root[data-theme="dark"] nav.main-nav a.active,:root[data-theme="dark"] nav.main-nav a:hover{color:#F2F5FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) nav.main-nav a.active,:root:not([data-theme="light"]) nav.main-nav a:hover{color:#F2F5FA;} }

/* Theme toggle */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:9px;
  border:1px solid var(--border);background:var(--white);color:var(--navy);
  cursor:pointer;transition:border-color .15s ease,background .15s ease;flex:0 0 auto;
}
.theme-toggle:hover{border-color:var(--navy);}
:root[data-theme="dark"] .theme-toggle{color:#F2F5FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .theme-toggle{color:#F2F5FA;} }
.theme-toggle svg{width:18px;height:18px;}
.theme-toggle .icon-moon{display:none;}
.theme-toggle .icon-sun{display:block;}
:root[data-theme="dark"] .theme-toggle .icon-moon{display:block;}
:root[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .theme-toggle .icon-moon{display:block;}
  :root:not([data-theme="light"]) .theme-toggle .icon-sun{display:none;}
}

.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);margin:5px 0;border-radius:2px;}
:root[data-theme="dark"] .nav-toggle span{background:#F2F5FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .nav-toggle span{background:#F2F5FA;} }

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:9px;
  font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;white-space:nowrap;
}
.btn-primary{background:var(--red);color:#fff;}
.btn-primary:hover{background:var(--red-dark);}
.btn-secondary{background:var(--white);color:var(--navy);border-color:var(--border);}
:root[data-theme="dark"] .btn-secondary{color:#F2F5FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .btn-secondary{color:#F2F5FA;} }
.btn-secondary:hover{border-color:var(--navy);background:var(--bg);}
.btn svg{width:15px;height:15px;}
.btn[disabled]{opacity:.6;cursor:default;}

/* ---------- Sections ---------- */
section{padding:96px 0;}
.eyebrow{font-size:13px;font-weight:600;color:var(--red);letter-spacing:0.02em;margin-bottom:14px;}
h1,h2,h3{color:var(--navy);margin:0;font-weight:800;letter-spacing:-0.02em;line-height:1.08;}
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) h1,:root:not([data-theme="light"]) h2,:root:not([data-theme="light"]) h3{color:#F4F6FA;} }
p{margin:0;line-height:1.6;}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden;padding:0;min-height:600px;display:flex;align-items:center;}
.hero .wrap{position:relative;z-index:1;width:100%;}
.hero-copy{max-width:480px;padding:70px 0;}
.hero-media{position:absolute;top:0;bottom:0;right:0;left:55%;z-index:0;}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-media::before{content:"";position:absolute;top:0;bottom:0;left:0;width:90px;background:linear-gradient(to right, var(--white), rgba(255,255,255,0));}
:root[data-theme="dark"] .hero-media::before{background:linear-gradient(to right, var(--bg), rgba(11,15,26,0));}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .hero-media::before{background:linear-gradient(to right, var(--bg), rgba(11,15,26,0));} }
.hero h1{font-size:52px;}
.hero .lede{margin-top:22px;font-size:18px;color:var(--ink);max-width:440px;}
.hero-actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}

/* ---------- Benefits ---------- */
.benefits{margin-top:76px;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.benefits .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding:44px 32px;}
.benefit-item{display:flex;align-items:flex-start;gap:16px;padding:0 28px;position:relative;}
.benefit-item + .benefit-item{border-left:1px solid var(--border);}
.benefit-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.benefit-icon.red{background:var(--red-tint);}
.benefit-icon.navy{background:var(--navy-tint);}
.benefit-icon svg{width:20px;height:20px;}
.benefit-text h3{font-size:16px;font-weight:700;margin-bottom:5px;}
.benefit-text p{font-size:14.5px;color:var(--ink);}

/* ---------- Split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split-media img{width:100%;object-fit:cover;border-radius:14px;}
.split-copy h2{font-size:34px;margin-top:2px;}
.split-copy .lede{margin-top:16px;font-size:16.5px;color:var(--ink);max-width:440px;}
.link-arrow{margin-top:20px;display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:600;font-size:15px;}
.link-arrow svg{width:14px;height:14px;transition:transform .15s ease;}
.link-arrow:hover svg{transform:translateX(3px);}

/* ---------- Workflow ---------- */
.workflow-head{text-align:left;max-width:620px;margin-bottom:56px;}
.workflow-head h2{font-size:34px;}
.workflow-head .lede{margin-top:14px;font-size:16.5px;color:var(--ink);}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.workflow-card figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 40px -24px rgba(11,31,61,0.25);}
.workflow-card figcaption{margin-top:18px;}
.workflow-card .num{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px;}
:root[data-theme="dark"] .workflow-card .num{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .workflow-card .num{color:#F4F6FA;} }
.workflow-card .desc{font-size:14.5px;color:var(--ink);}
.mockscreen{background:var(--white);}
.mockscreen .bar{display:flex;gap:6px;align-items:center;padding:10px 12px;background:var(--bg-2);border-bottom:1px solid var(--border);}
.mockscreen .dot{width:8px;height:8px;border-radius:50%;background:#D8DEE9;}
.mockscreen .url{font-size:11px;color:var(--ink-light);margin-left:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.mockscreen .body{padding:18px;min-height:190px;}
.mockscreen h4{font-size:14px;font-weight:700;color:var(--navy);margin:0 0 12px 0;}
:root[data-theme="dark"] .mockscreen h4{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .mockscreen h4{color:#F4F6FA;} }
.mock-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:12.5px;}
.mock-row:last-child{border-bottom:none;}
.mock-row .name{color:var(--navy);font-weight:600;}
:root[data-theme="dark"] .mock-row .name{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .mock-row .name{color:#F4F6FA;} }
.mock-row .meta{color:var(--ink-light);font-size:11.5px;display:block;margin-top:1px;}
.tag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px;}
.tag.lead{background:var(--navy-tint);color:var(--navy);}
:root[data-theme="dark"] .tag.lead{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .tag.lead{color:#F4F6FA;} }
.tag.ready{background:#E4F5EC;color:#1D8A4C;}
.mock-map{height:120px;border-radius:8px;background:linear-gradient(var(--bg-2),var(--bg-2)) padding-box;position:relative;overflow:hidden;border:1px solid var(--border);}
.mock-map svg{width:100%;height:100%;}

/* ---------- Closeout ---------- */
.closeout{background:var(--bg);}
.closeout .split{min-height:420px;}
.closeout-media{position:relative;}
.closeout-media img{width:100%;object-fit:cover;aspect-ratio:6/5;border-radius:14px;}
.status-widget{position:absolute;right:-18px;bottom:34px;background:var(--white);border-radius:12px;box-shadow:0 20px 40px -12px rgba(11,31,61,0.3);padding:16px 20px;display:flex;gap:12px;align-items:flex-start;max-width:250px;color:var(--ink);}
.status-widget .check{width:30px;height:30px;border-radius:50%;background:#1D8A4C;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.status-widget .check svg{width:15px;height:15px;stroke:#fff;}
.status-widget strong{display:block;font-size:14.5px;color:var(--navy);margin-bottom:3px;}
.status-widget span{font-size:13px;color:var(--ink);line-height:1.4;}

/* ---------- Bottom CTA ---------- */
.cta-band{position:relative;padding:140px 0;background-size:cover;background-position:center;isolation:isolate;}
.cta-band::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg, rgba(7,20,39,0.92) 10%, rgba(7,20,39,0.72) 55%, rgba(7,20,39,0.5) 100%);z-index:-1;}
.cta-band .eyebrow{color:#FF8178;}
.cta-band h2{color:#fff;font-size:42px;max-width:560px;}
.cta-band p{color:#D7DEEC;margin-top:16px;font-size:17px;}
.cta-band .hero-actions{margin-top:32px;}

/* ---------- Footer ---------- */
footer.site-footer{border-top:1px solid var(--border);padding:36px 0;}
footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
footer .foot-left{display:flex;align-items:center;gap:10px;}
footer .foot-left svg{width:22px;height:22px;}
footer .foot-left span{font-weight:700;font-size:15px;color:var(--navy);}
:root[data-theme="dark"] footer .foot-left span{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) footer .foot-left span{color:#F4F6FA;} }
footer .foot-nav{display:flex;gap:28px;}
footer .foot-nav a{font-size:14px;color:var(--ink);}
footer .foot-nav a:hover{color:var(--navy);}
footer .copyright{font-size:13px;color:var(--ink-light);}

/* ---------- Resources / Blog index ---------- */
.resources-head{max-width:640px;padding-top:56px;margin-bottom:56px;}
.resources-head h1{font-size:42px;}
.resources-head .lede{margin-top:16px;font-size:17px;color:var(--ink);}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px;padding-bottom:100px;}
.res-card figure{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;}
.res-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.res-card:hover figure img{transform:scale(1.04);}
.res-card .cat{font-size:12px;font-weight:700;color:var(--red);letter-spacing:0.02em;margin-top:20px;}
.res-card h3{font-size:19px;margin-top:8px;line-height:1.28;}
.res-card .desc{font-size:14.5px;color:var(--ink);margin-top:10px;}
.res-card .read{margin-top:14px;}
.res-card a{display:block;}

/* ---------- Article ---------- */
.article{max-width:760px;margin:0 auto;padding:56px 0 100px;}
.article-back{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:600;font-size:14px;margin-bottom:26px;}
.article .meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-light);margin-bottom:16px;}
.article .meta .cat{color:var(--red);font-weight:700;}
.article h1{font-size:38px;line-height:1.12;}
.article .lead{margin-top:20px;font-size:19px;color:var(--ink);line-height:1.55;}
.article-body{margin-top:32px;font-size:16.5px;color:var(--ink);}
.article-body h2{font-size:24px;margin:36px 0 12px;}
.article-body p{margin:0 0 18px;}
.article-body ul{margin:0 0 18px;padding-left:22px;}
.article-body li{margin-bottom:8px;}
.article-body strong,.article-body b{color:var(--navy);}
:root[data-theme="dark"] .article-body strong,:root[data-theme="dark"] .article-body b{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .article-body strong,:root:not([data-theme="light"]) .article-body b{color:#F4F6FA;} }
.article-body blockquote{margin:24px 0;padding:16px 22px;border-left:3px solid var(--red);background:var(--bg);border-radius:0 10px 10px 0;font-size:18px;color:var(--navy);font-weight:500;}
:root[data-theme="dark"] .article-body blockquote{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .article-body blockquote{color:#F4F6FA;} }
.article-cta{margin-top:48px;padding:32px;border:1px solid var(--border);border-radius:16px;background:var(--bg);text-align:center;}
.article-cta h3{font-size:22px;}
.article-cta p{margin:10px 0 20px;color:var(--ink);}

/* ---------- Contact ---------- */
.contact-wrap{padding-top:56px;padding-bottom:100px;}
.contact-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:56px;align-items:stretch;}
.contact-left h1{font-size:38px;margin-top:14px;}
.contact-left .lede{margin-top:16px;font-size:16.5px;color:var(--ink);max-width:460px;}
.contact-form{margin-top:34px;border:1px solid var(--border);border-radius:16px;padding:32px;background:var(--bg);}
.contact-form h2{font-size:22px;}
.contact-form .helper{font-size:14.5px;color:var(--ink);margin-top:6px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field label{font-size:13.5px;font-weight:600;color:var(--navy);}
:root[data-theme="dark"] .field label{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .field label{color:#F4F6FA;} }
.field .req{color:var(--red);}
.field input, .field textarea{border:1px solid var(--border);border-radius:9px;padding:12px 14px;font-size:14.5px;font-family:inherit;background:var(--white);color:var(--navy);outline:none;transition:border-color .15s ease;}
:root[data-theme="dark"] .field input, :root[data-theme="dark"] .field textarea{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .field input, :root:not([data-theme="light"]) .field textarea{color:#F4F6FA;} }
.field input:focus, .field textarea:focus{border-color:var(--navy);}
.field textarea{resize:vertical;min-height:88px;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.contact-form .btn-primary{width:100%;justify-content:center;margin-top:24px;padding:15px;}
.form-note{font-size:12.5px;color:var(--ink-light);text-align:center;margin-top:12px;}
.form-status{display:block;text-align:center;margin-top:14px;font-size:14px;font-weight:600;min-height:20px;}
.form-status.ok{color:#1D8A4C;}
.form-status.err{color:var(--red);}
.contact-media{border-radius:18px;overflow:hidden;min-height:100%;box-shadow:0 24px 48px -20px rgba(11,31,61,0.22);}
.contact-media img{width:100%;height:100%;object-fit:cover;}

/* ---------- Page head (blog/404) ---------- */
.page-head{padding:64px 0 8px;}

/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .wrap{padding:0 22px;}
  section{padding:64px 0;}
  .hero{display:block;min-height:0;}
  .hero-media{position:relative;left:0;width:100%;height:280px;}
  .hero-media::before{width:100%;height:70px;top:auto;bottom:0;left:0;right:0;background:linear-gradient(to top, var(--white), rgba(255,255,255,0));}
  .hero-copy{max-width:none;padding:28px 0 36px 0;}
  .hero h1{font-size:38px;}
  .benefits .wrap{grid-template-columns:1fr;padding:8px 22px;gap:28px;}
  .benefit-item{padding:22px 0 0 0;border-left:none !important;}
  .benefit-item + .benefit-item{border-top:1px solid var(--border);}
  .split{grid-template-columns:1fr;gap:32px;}
  .split-copy h2{font-size:28px;}
  .workflow-grid{grid-template-columns:1fr;}
  .workflow-head h2{font-size:28px;}
  .status-widget{right:14px;bottom:16px;max-width:210px;padding:12px 14px;}
  .cta-band{padding:90px 0;}
  .cta-band h2{font-size:30px;}
  .nav-right{gap:14px;}
  nav.main-nav{position:fixed;top:76px;left:0;right:0;bottom:0;background:var(--white);flex-direction:column;gap:0;padding:12px 22px;display:none;overflow-y:auto;}
  nav.main-nav.open{display:flex;}
  nav.main-nav a{padding:16px 0;margin:0;border-bottom:1px solid var(--border);width:100%;}
  nav.main-nav a.active{border-bottom:1px solid var(--border);}
  .nav-toggle{display:block;}
  .res-grid{grid-template-columns:1fr;padding-bottom:64px;}
  .resources-head h1{font-size:32px;}
  .article h1{font-size:30px;}
  .contact-grid{grid-template-columns:1fr;}
  .contact-media{min-height:320px;}
  .contact-left h1{font-size:30px;}
  .form-row{grid-template-columns:1fr;}
  footer .wrap{flex-direction:column;align-items:flex-start;}
}

/* ---------- Trust strip ---------- */
.trust{background:var(--navy-deep);}
.trust .wrap{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;align-items:center;padding:16px 32px;}
.trust span{font-size:13.5px;font-weight:500;color:var(--panel-text);}
.trust b{color:#fff;font-weight:700;}
.trust .sep{color:var(--panel-mute);opacity:.7;}

/* ---------- Blog teaser ---------- */
.blog-teaser{background:var(--bg);}
.blog-teaser .teaser-head{max-width:640px;margin-bottom:44px;}
.blog-teaser h2{font-size:34px;}
.blog-teaser .lede{margin-top:14px;font-size:16.5px;color:var(--ink);}
.blog-teaser .teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.blog-teaser .view-all{margin-top:40px;}

/* ================= Savings Estimator ================= */
.estimator .est-head{max-width:680px;margin-bottom:36px;}
.estimator .est-head h2{font-size:34px;}
.estimator .est-head .lede{margin-top:14px;font-size:16.5px;color:var(--ink);}
.estimator .est-board{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--est-shadow);overflow:hidden;}
.estimator .panel{background:linear-gradient(160deg,var(--panel-2),var(--panel));position:relative;padding:26px;color:var(--panel-text);}
.estimator .ptitle{position:absolute;top:22px;left:26px;font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--panel-mute);}
.estimator .playbtn{position:absolute;top:18px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-line);background:rgba(255,255,255,0.06);color:var(--panel-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;}
.estimator .playbtn:hover{background:rgba(255,255,255,0.12);border-color:#3A4E72;}
.estimator .playbtn svg{width:16px;height:16px;}
.estimator .playbtn:focus-visible{outline:2px solid var(--green-bright);outline-offset:2px;}
.estimator .panel-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:20px;align-items:end;margin-top:40px;}
.estimator .bars{display:flex;align-items:stretch;justify-content:center;gap:40px;height:250px;}
.estimator .bar-col{width:100px;display:flex;flex-direction:column;}
.estimator .bar-top{height:20px;font-size:14px;font-weight:800;letter-spacing:-0.01em;color:#fff;text-align:center;}
.estimator .bar-zone{flex:1;position:relative;margin-top:8px;border-bottom:1px solid var(--panel-line);}
.estimator .bar{position:absolute;left:0;right:0;bottom:0;border-radius:8px 8px 0 0;transition:height .4s cubic-bezier(.22,.61,.36,1);}
.estimator .bar.today{background:linear-gradient(180deg,#F0554D,#D42A22);}
.estimator .bar.orbit{background:linear-gradient(180deg,var(--green-bright),var(--green));}
.estimator .saved{position:absolute;left:0;right:0;border-radius:8px 8px 0 0;background:repeating-linear-gradient(45deg,rgba(47,181,106,.26),rgba(47,181,106,.26) 6px,rgba(47,181,106,.11) 6px,rgba(47,181,106,.11) 12px);border:1px dashed rgba(91,230,143,.5);border-bottom:none;transition:bottom .4s cubic-bezier(.22,.61,.36,1),height .4s cubic-bezier(.22,.61,.36,1);}
.estimator .save-pill{position:absolute;left:50%;transform:translate(-50%,50%);background:var(--green);color:#04140B;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.4);z-index:2;transition:bottom .4s cubic-bezier(.22,.61,.36,1);}
.estimator .bar-label{height:20px;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--panel-mute);text-align:center;}
.estimator .flow{position:relative;}
.estimator .flow .fcap{font-size:14px;font-weight:700;color:#fff;margin:0 0 6px;}
.estimator .flow svg{width:100%;height:auto;display:block;}
.estimator .flow .legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;font-size:12px;}
.estimator .flow .legend span{display:inline-flex;align-items:center;gap:7px;color:var(--panel-mute);}
.estimator .flow .legend i{width:16px;height:0;border-top:3px solid;border-radius:3px;display:inline-block;}
.estimator .dash-red{stroke-dasharray:9 8;animation:dashmove 1.1s linear infinite;}
.estimator .dash-flow.paused .dash-red{animation-play-state:paused;}
@keyframes dashmove{to{stroke-dashoffset:-34;}}
.estimator .stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.estimator .stat{padding:22px 24px;text-align:center;border-left:1px solid var(--border);}
.estimator .stat:first-child{border-left:none;}
.estimator .stat .l{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:0.02em;}
.estimator .stat .v{font-size:clamp(26px,4.4vw,34px);font-weight:800;letter-spacing:-0.025em;margin-top:6px;line-height:1;}
.estimator .stat.money .v{color:var(--green);}
.estimator .stat.time .v{color:var(--amber);}
.estimator .controls{padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:22px 34px;}
.estimator .control .top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
.estimator .control label{font-size:14px;font-weight:600;color:var(--navy);}
.estimator .control .val{font-size:14px;font-weight:800;color:#fff;background:var(--control);padding:4px 12px;border-radius:20px;white-space:nowrap;}
.estimator input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:var(--bg-2);outline:none;cursor:pointer;accent-color:var(--control);}
.estimator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--control);border:4px solid var(--white);box-shadow:0 2px 8px rgba(11,31,61,.4);cursor:pointer;}
.estimator input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--control);border:4px solid var(--white);box-shadow:0 2px 8px rgba(11,31,61,.4);cursor:pointer;}
.estimator input[type=range]:focus-visible{box-shadow:0 0 0 4px var(--control-tint);}
.estimator .scale{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:600;color:var(--ink);}
.estimator .est-foot{padding:0 26px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;}
.estimator .est-foot .note{font-size:12.5px;color:var(--ink);}
.estimator .est-foot .note a{color:var(--red);font-weight:600;}
.estimator .est-fine{margin:18px 2px 0;font-size:12px;color:var(--ink-light);line-height:1.6;max-width:80ch;}
.estimator .est-fine b{color:var(--ink);font-weight:600;}
:root[data-theme="dark"] .estimator .control label{color:#F4F6FA;}

/* contact select mirrors input styling */
.field select{border:1px solid var(--border);border-radius:9px;padding:12px 14px;font-size:14.5px;font-family:inherit;background:var(--white);color:var(--navy);outline:none;transition:border-color .15s ease;cursor:pointer;}
.field select:focus{border-color:var(--navy);}
:root[data-theme="dark"] .field select{color:#F4F6FA;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .field select{color:#F4F6FA;} }

@media (max-width: 980px){
  .blog-teaser .teaser-grid{grid-template-columns:1fr;}
  .blog-teaser h2{font-size:28px;}
  .estimator .est-head h2{font-size:28px;}
  .estimator .panel-grid{grid-template-columns:1fr;gap:28px;}
  .estimator .controls{grid-template-columns:1fr;gap:20px;}
}
@media (max-width: 560px){
  .estimator .stats{grid-template-columns:1fr;}
  .estimator .stat{border-left:none;border-top:1px solid var(--border);}
  .estimator .stat:first-child{border-top:none;}
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .estimator .control label{color:#F4F6FA;} }
@media (prefers-reduced-motion: reduce){ .estimator .bar,.estimator .saved,.estimator .save-pill,.estimator .dash-red{transition:none;animation:none;} }