@font-face{
  font-family:"Open Sans";
  src:url("fonts/open-sans-variable.woff2") format("woff2");
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
}

:root{
  --blue:#0051ad;
  --blue-bright:#0866cd;
  --navy:#002e57;
  --navy-deep:#002544;
  --ink:#003c80;
  --green:#3c9f4a;
  --green-dark:#287d38;
  --green-pale:#edf7e9;
  --pale:#f0f6fc;
  --pale-2:#f7faff;
  --line:#dbe5ef;
  --muted:#5c7191;
  --dist:#73859a;
  --dist-pale:#eef2f6;
  --text:#003c80;
  --surface:#ffffff;
  --surface-2:#f0f6fc;
  --aqua:#3c9f4a;
  --aqua-dim:#b9dfb5;
  --ember:#73859a;
  --ember-dim:#cbd5df;
  --good:#278436;
  --radius:7px;
  --font:"Open Sans",Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}

html{scroll-behavior:smooth;scroll-padding-top:112px}
body{
  margin:0;
  padding:0;
  background:#fff;
  color:var(--ink);
  font:400 16px/1.55 var(--font);
  -webkit-font-smoothing:antialiased;
}
body::before{content:none}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{color:inherit}
:focus-visible{outline:3px solid #79b3ff;outline-offset:3px}
img{display:block;max-width:100%;height:auto}

.skip-link{
  position:fixed;top:-100px;left:24px;z-index:1000;
  padding:12px 20px;background:#fff;border:2px solid var(--blue);border-radius:6px;
  color:var(--ink);font-weight:700;text-decoration:none;
}
.skip-link:focus{top:12px}

.wrap{width:calc(100% - 80px);max-width:1240px;margin-inline:auto}

.site-header-mini{
  position:sticky;top:0;z-index:50;height:82px;background:#fff;
  border-bottom:1px solid #e4ecf4;box-shadow:0 5px 20px #003c8012;
}
.mini-header-inner{height:100%;display:flex;align-items:center;gap:28px}
.mini-brand{display:block;width:205px;flex:none}
.mini-brand img{width:100%}
.page-context{border-left:1px solid var(--line);padding-left:28px;color:var(--muted);font-size:.875rem}
.mini-header-link{
  margin-left:auto;display:inline-flex;align-items:center;gap:10px;color:var(--blue);
  font-size:.875rem;font-weight:700;text-decoration:none;
}
.mini-header-link span{font-size:1.15rem;transition:transform .2s var(--ease)}
.mini-header-link:hover span{transform:translateX(4px)}

.page-hero{
  isolation:isolate;position:relative;overflow:hidden;min-height:460px;
  background:var(--blue);color:#fff;
}
.page-hero-photo{position:absolute;inset:0 0 0 auto;width:61%;z-index:-3}
.page-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.page-hero-plane{
  position:absolute;inset:0 auto 0 0;width:61%;z-index:-2;
  background:linear-gradient(112deg,#004994,#0056b2);
  clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
}
.page-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 48%,rgba(0,46,87,.08) 100%);
}
.page-hero-inner{min-height:460px;display:flex;align-items:center;position:relative}
.page-hero-copy{width:57%;padding:34px 0 32px}
.page-hero .eyebrow{
  display:block;color:#9adc76;font-family:var(--font);font-size:.75rem;font-weight:700;
  letter-spacing:1.8px;text-transform:uppercase;margin:0 0 16px;
}
.page-hero .eyebrow::before{content:none}
.page-hero h1{
  color:#fff;font-family:var(--font);font-size:clamp(2.45rem,4.25vw,4.25rem);
  font-weight:650;line-height:1.06;letter-spacing:-2.2px;margin:0 0 20px;max-width:720px;
}
.page-hero h1 span{color:#fff;font-weight:350}
.page-hero h1 em{display:block;color:#91d56a;font-style:normal;font-weight:650}
.page-hero .lead{color:#eef5fc;font-size:1.0625rem;line-height:1.62;max-width:590px;margin:0 0 24px}
.page-hero .hero-points{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 28px}
.page-hero .hero-point{
  color:#f4f8fc;background:transparent;border:0;border-left:1px solid #ffffff70;
  border-radius:0;padding:0 0 0 16px;font-size:.875rem;
}
.page-hero .hero-point:first-child{border-left:0;padding-left:0}
.page-hero .hero-point b{color:#fff;font-weight:750}
.hero-action{
  display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;
  padding:13px 24px;border-radius:6px;background:linear-gradient(110deg,#288137,#2c873e);
  color:#fff;text-decoration:none;font-weight:650;font-size:.9375rem;
  box-shadow:inset 0 1px 0 #ffffff24;transition:background .2s,box-shadow .2s;
}
.hero-action span{font-size:1.25rem;transition:transform .2s var(--ease)}
.hero-action:hover{background:var(--green-dark);box-shadow:0 6px 18px #00254435}
.hero-action:hover span{transform:translateX(4px)}
.page-photo-caption{
  position:absolute;left:61%;top:13%;min-width:250px;padding:0 20px 18px;
  color:var(--ink);font-size:1.05rem;font-weight:600;line-height:1.35;
  border-bottom:2px solid var(--green);border-radius:0 0 0 7px;
  background:linear-gradient(90deg,#ffffffed 0%,#ffffffbd 78%,transparent 100%);
}
.page-photo-caption::before{content:"";position:absolute;left:0;top:35%;bottom:0;border-left:2px solid var(--green)}

.simulator-zone{position:relative;margin:0;padding:56px 0 44px;scroll-margin-top:90px}
.section-kicker{
  color:var(--green);font:700 .75rem/1.5 var(--font);letter-spacing:1.8px;
  text-transform:uppercase;margin:0 0 10px;
}
h2,.simulator-zone h2,.supporting h2{
  color:var(--ink);font-family:var(--font);font-size:clamp(1.75rem,2.7vw,2.45rem);
  font-weight:650;line-height:1.22;letter-spacing:-1px;
}
.section-intro{color:var(--muted);font-size:1rem;max-width:720px;margin:6px 0 24px}

.comparison-layout{
  display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);align-items:start;
  border-top:1px solid var(--line);margin-top:30px;
}
.calculator-column{align-self:stretch;padding:36px 42px 0 0}
.content-column{min-width:0;border-left:1px solid var(--line);padding:36px 0 0 52px}

.sticky-summary{
  position:sticky;top:106px;z-index:20;display:block;
  padding:28px;margin:0;
  max-height:calc(100vh - 112px);overflow-y:auto;
  background:rgba(255,255,255,.97);border:1px solid #cdddec;border-radius:7px;
  box-shadow:0 14px 36px #003c8014;backdrop-filter:blur(14px);
}
.control-label-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-bottom:8px}
.control-label-row label{color:var(--ink);font:700 .8125rem/1.4 var(--font);letter-spacing:0}
.control-label-row span{color:var(--muted);font-size:.75rem}
.control-inputs{display:grid;grid-template-columns:38px minmax(80px,1fr) 38px;gap:9px;align-items:center}
.control-inputs input[type=range]{grid-column:1/-1;grid-row:2;width:100%;accent-color:var(--green);cursor:pointer}
.control-inputs .step-btn:first-of-type{grid-column:1;grid-row:1}
.control-inputs input[type=number]{grid-column:2;grid-row:1}
.control-inputs .step-btn:last-of-type{grid-column:3;grid-row:1}
.control-inputs input[type=range]:focus-visible{outline:3px solid #79b3ff;outline-offset:4px}
.control-inputs input[type=number]{
  width:100%;height:40px;min-width:0;padding:7px 8px;text-align:center;
  color:var(--ink);font-weight:750;font-size:1rem;background:var(--pale-2);
  border:1px solid #c8d9e9;border-radius:6px;
}
.step-btn{
  width:38px;height:38px;border:1px solid #c8d9e9;border-radius:6px;
  background:var(--pale);color:var(--blue);font-size:1.35rem;line-height:1;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
.step-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.range-scale{display:flex;justify-content:space-between;padding-right:0;margin-top:4px;color:var(--muted);font-size:.6875rem}
.input-error{color:#a84c33;font-size:.75rem;min-height:16px;margin-top:3px}
.sticky-saving{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.sticky-saving span,.primary-result span{display:block;color:var(--muted);font-size:.75rem}
.sticky-saving strong{display:block;color:var(--blue);font-size:1.45rem;font-weight:750;line-height:1.2;white-space:nowrap}
.sticky-saving small{color:var(--muted);font-size:.6875rem}
.sticky-summary.negative .sticky-saving strong,.primary-result.negative strong{color:#a55b3d}

.controller-advanced{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}
.controller-advanced>summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;
  color:var(--blue);font-size:.75rem;font-weight:700;cursor:pointer;
}
.controller-advanced>summary::-webkit-details-marker{display:none}
.controller-advanced>summary::after{content:"+";font-size:1.15rem;color:var(--green)}
.controller-advanced[open]>summary::after{content:"−"}
.advanced-panel{display:grid;grid-template-columns:1fr;gap:20px;padding-top:18px}
.controller-advanced:not([open])>.advanced-panel{display:none}
.advanced-group-title{display:block;color:var(--muted);font-size:.75rem;margin-bottom:12px}
.preset-group{margin-top:22px}
.preset-group .preset-row{display:flex;flex-wrap:wrap;gap:9px;margin:0}
.preset-btn{
  border:1px solid #c8d9e9;background:#fff;color:var(--blue);border-radius:999px;
  padding:6px 12px;font-size:.75rem;font-weight:700;cursor:pointer;transition:.2s;
}
.preset-btn:hover,.preset-btn[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.controller-advanced .adv-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.adv-field{display:flex;flex-direction:column;gap:8px}
.adv-field label{color:var(--muted);font-size:.6875rem;font-weight:650}
.adv-field input{
  width:100%;padding:11px;color:var(--ink);font-size:.8125rem;
  background:#fff;border:1px solid #c8d9e9;border-radius:6px;
}
.tariff-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.tariff-reset{
  border:1px solid #89afe0;background:#fff;color:var(--blue);border-radius:6px;
  padding:7px 10px;font-size:.75rem;font-weight:700;cursor:pointer;
}
.tariff-reset:hover{background:var(--pale)}
.tariff-help{color:var(--muted);font-size:.6875rem}

.calc-card{
  background:transparent;border:0;border-radius:0;
  padding:0;margin:0;
}
.calc-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.calc-head h3{color:var(--ink);font-size:1.125rem;font-weight:700;margin:0}
.calc-head p{color:var(--muted);font-size:.875rem;max-width:none;margin:5px 0 0}
.primary-result{
  display:grid;grid-template-columns:auto minmax(240px,1fr);align-items:center;gap:26px;
  background:linear-gradient(90deg,#edf7e9 0,#f8fbf6 72%,#fff 100%);border:0;border-left:4px solid var(--green);
  border-radius:0;padding:22px 24px;margin-bottom:10px;
}
.primary-result strong{display:block;color:var(--green-dark);font-size:2.15rem;font-weight:750;line-height:1.15;white-space:nowrap}
.primary-result p{color:var(--muted);font-size:.875rem;margin:0}
.primary-result p b{color:var(--ink)}
.result-disclaimer{font-size:.75rem!important;margin-top:7px!important}
.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 24px;border-bottom:1px solid var(--line)}
.difference-item{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:18px 20px}
.difference-item:first-child{border-left:0;padding-left:0}
.difference-item strong{display:block;color:var(--blue);font-size:1.25rem;font-weight:750;line-height:1.25}
.difference-item span{color:var(--muted);font-size:.875rem}

.cost-details,.eco-details,.method-details{border-top:1px solid var(--line);padding-top:15px}
.cost-details summary,.eco-details summary,.method-details summary{
  cursor:pointer;color:var(--blue);font-size:.8125rem;font-weight:700;letter-spacing:0;
}
.cost-details[open] summary,.eco-details[open] summary,.method-details[open] summary{margin-bottom:15px}
.results{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:12px}
.result-card{background:transparent;border:0;border-radius:0;padding:4px 24px 6px 0}
.result-card.dist{background:transparent;border:0}
.result-card.osmo{background:transparent;border:0;border-left:1px solid var(--line);padding-left:24px;padding-right:0}
.result-card h3{color:var(--ink);font-size:.9375rem;font-weight:700;margin:0 0 13px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.dot.dist{background:var(--dist)}
.dot.osmo{background:var(--green)}
.metric{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;color:var(--muted);font-size:.875rem}
.metric b{color:var(--ink);font:700 .875rem/1.3 var(--font)}
.metric b.col-dist{color:var(--dist)}
.metric b.col-osmo{color:var(--green-dark)}
.metric.total{border-top:1px dashed #c6d7e7;margin-top:7px;padding-top:13px}
.metric.total b{color:var(--ink);font-size:1.2rem}
.calc-note{color:var(--muted);font-size:.8125rem;margin:4px 0 0}

.eco-card{
  display:block;overflow:hidden;
  background:radial-gradient(circle at 100% 0%,#0b456b 0,transparent 46%),
    linear-gradient(135deg,var(--navy),#002949);
  border:0;border-top:3px solid var(--green);border-radius:0;
  margin:38px 0 0;padding:0;color:#fff;
}
.eco-content{padding:30px 32px 28px}
.eco-card h2{color:#fff;font-size:clamp(1.5rem,2.25vw,2rem);margin:0 0 8px}
.eco-lead{color:#dce8f4;font-size:.9375rem;max-width:70ch;margin:0 0 18px}
.eco-lead b{color:#91d56a;font-weight:750}
.eco-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0 0 22px}
.eco-item{background:transparent;border:0;border-left:1px solid #ffffff30;border-radius:0;padding:10px 14px}
.eco-item:nth-child(odd){border-left:0;padding-left:0}
.eco-item:nth-child(n+3){border-top:1px solid #ffffff30;padding-top:18px}
.eco-item .big{display:block;color:#91d56a;font-size:1.65rem;font-weight:750;line-height:1.2}
.eco-item .what{display:block;color:#fff;font-size:.875rem;margin-top:5px}
.eco-item .base{display:block;color:#b8cadb;font-size:.75rem;margin-top:7px}
.eco-details{border-top-color:#ffffff30}
.eco-details summary{color:#91d56a}
.eco-details p{color:#d5e2ee;font-size:.8125rem;margin:0 0 9px}
.eco-details b{color:#fff}

.supporting{margin:0;padding:54px 0 20px}
.supporting .flows{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:20px 0 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flow-card{background:transparent;border:0;border-radius:0;padding:24px 28px 24px 0}
.flow-card.dist{border:0}
.flow-card.osmo{border:0;border-left:1px solid var(--line);padding-left:28px;padding-right:0}
.flow-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline;color:var(--ink);font-size:1rem;font-weight:700}
.flow-title small{color:var(--muted);font-size:.8125rem;font-weight:500}
.flow-bars{margin:17px 0 11px}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--muted);font-size:.875rem}
.bar-track{flex:1;height:11px;background:var(--pale);border-radius:999px;overflow:hidden}
.bar-fill{height:100%;border-radius:999px}
.dist .bar-fill{background:linear-gradient(90deg,#b5c2cf,var(--dist))}
.osmo .bar-fill{background:linear-gradient(90deg,#a9dba8,var(--green))}
.bar-label{width:108px;flex-shrink:0}
.bar-val{width:94px;text-align:right;flex-shrink:0;color:var(--ink);font-weight:700}
.flow-foot{color:var(--muted);font-size:.875rem;margin-top:8px}
.flow-foot b{color:var(--ink)}

.table-wrap{background:#fff;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;overflow:hidden;margin:18px 0 0}
table{width:100%;border-collapse:collapse;font-size:.9375rem}
thead th{padding:15px 17px;background:var(--pale);border-bottom:1px solid var(--line);color:var(--muted);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left}
thead th:not(:first-child){text-align:right}
tbody td{padding:14px 17px;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
tbody td:first-child{color:var(--muted)}
tbody td:not(:first-child){text-align:right;font-weight:650}
.col-dist{color:var(--dist)}
.col-osmo{color:var(--green-dark)}
tbody tr:nth-child(3) td,tbody tr:nth-child(4) td,tbody tr.highlight td{background:#f3f9f0}
.plain-value{font-weight:700}
.method-details{margin-top:22px}
.method-details p{color:var(--muted);font-size:.8125rem;line-height:1.65}
.method-details b{color:var(--ink)}

/* Keep numerical typography in the same family as the institutional site. */
.flow-title,.flow-title small,.bar-row,.bar-val,.sticky-saving strong,
.primary-result strong,.difference-item strong,.eco-item .big,
.control-inputs input[type=number],.preset-btn,.metric b,thead th,
tbody td:not(:first-child),.sticky-summary label,.sticky-summary summary,
.cost-details summary,.eco-details summary,.method-details summary{
  font-family:var(--font);
  font-variant-numeric:tabular-nums;
}

.site-footer-mini{background:var(--navy-deep);color:#dce8f4;margin-top:0}
.footer-mini-inner{min-height:116px;display:flex;align-items:center;gap:28px;padding-block:24px}
.footer-mini-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.25rem;font-weight:650}
.footer-mini-brand img{width:38px;height:38px}
.footer-mini-inner p{margin-left:auto;max-width:720px;text-align:right;color:#aec1d3;font-size:.75rem}
.footer-mini-inner a{color:#fff;text-decoration:underline;text-underline-offset:3px}

@media(max-width:1180px) and (min-width:701px){
  .results{grid-template-columns:1fr}
  .result-card{padding:4px 0 18px}
  .result-card.osmo{border-left:0;border-top:1px solid var(--line);padding:22px 0 4px}
}

@media(max-width:1050px){
  .comparison-layout{grid-template-columns:minmax(280px,min(38vw,360px)) minmax(0,1fr)}
  .calculator-column{position:sticky;top:96px;z-index:20;width:100%;max-width:none;min-width:0;padding:0;margin-top:30px}
  .sticky-summary{position:static;width:100%;max-width:none;max-height:calc(100vh - 112px);overflow-y:auto;box-sizing:border-box}
  .content-column{border-left:1px solid var(--line);border-top:0;padding:36px 0 0 28px;margin-top:30px}
  .supporting{margin-left:0}
}

@media(max-width:900px){
  .wrap{width:calc(100% - 48px)}
  .page-hero-photo{width:58%}.page-hero-plane{width:65%}
  .page-hero-copy{width:62%}
  .page-photo-caption{display:none}
  .eco-content{padding:28px 26px}
}

@media(min-width:701px) and (max-width:800px){
  .eco-grid{grid-template-columns:1fr;gap:0}
  .eco-item,.eco-item:nth-child(odd){border-left:0;border-top:1px solid #ffffff30;padding:14px 0}
  .eco-item:first-child{border-top:0}
}

@media(max-width:700px){
  html{scroll-padding-top:78px}
  .wrap{width:calc(100% - 30px)}
  .site-header-mini{height:70px}
  .mini-brand{width:158px}.page-context{display:none}
  .mini-header-link{font-size:.75rem}
  .page-hero{min-height:0;padding-bottom:190px}
  .page-hero-inner{min-height:400px;align-items:flex-start}
  .page-hero-copy{width:100%;padding:30px 0 24px}
  .page-hero-photo{inset:auto 0 0;width:100%;height:225px}
  .page-hero-photo img{object-position:70% center}
  .page-hero-plane{width:100%;height:430px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
  .page-hero::after{display:none}
  .page-hero h1{font-size:clamp(2.2rem,11vw,3rem);letter-spacing:-1.4px}
  .page-hero .lead{font-size:.9375rem;max-width:95%}
  .page-hero .hero-points{gap:10px 15px}
  .page-hero .hero-point{font-size:.75rem}
  .page-photo-caption{display:none}

  .simulator-zone{padding:38px 0 32px}
  .section-intro{font-size:.875rem}
  .comparison-layout{grid-template-columns:minmax(0,1fr)}
  .calculator-column{top:78px;width:100%;max-width:none;margin-top:20px}
  .sticky-summary{display:grid;position:static;grid-template-columns:minmax(0,1fr) 118px;gap:8px;padding:10px;max-height:none;overflow:visible}
  .sticky-control{min-width:0}
  .control-label-row{margin-bottom:5px}.control-label-row span{display:none}
  .control-inputs{grid-template-columns:30px minmax(55px,1fr) 30px;gap:6px}
  .control-inputs input[type=range]{grid-column:1/-1;grid-row:2}
  .control-inputs .step-btn:first-of-type{grid-column:1;grid-row:1}
  .control-inputs input[type=number]{grid-column:2;grid-row:1;width:100%;height:34px;font-size:.875rem}
  .control-inputs .step-btn:last-of-type{grid-column:3;grid-row:1}
  .step-btn{width:30px;height:34px}
  .range-scale{display:none}.input-error{min-height:0;font-size:.75rem}
  .sticky-saving{min-width:0;margin:0;border-top:0;border-left:1px solid var(--line);padding:0 0 0 8px}
  .control-label-row label{font-size:.875rem}
  .sticky-saving span{font-size:.75rem;line-height:1.2}
  .sticky-saving strong{font-size:1rem;white-space:normal}.sticky-saving small{display:none}
  .controller-advanced{grid-column:1/-1;margin-top:0;padding-top:6px}
  .content-column{border-left:0;border-top:1px solid var(--line);padding:32px 0 0;margin-top:24px}
  .advanced-panel{grid-template-columns:1fr;gap:13px}
  .controller-advanced .adv-grid{grid-template-columns:1fr 1fr}
  .preset-group .preset-btn{padding:5px 9px}

  .calc-card{padding:0}
  .primary-result{grid-template-columns:1fr;gap:9px;padding:18px}
  .primary-result strong{font-size:1.75rem}
  .difference-grid{grid-template-columns:1fr}
  .difference-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-left:0;border-top:1px solid var(--line);padding:14px 0}
  .difference-item:first-child{border-top:0;padding-left:0}
  .difference-item strong{font-size:1.05rem}.difference-item span{text-align:right}
  .results{grid-template-columns:1fr}
  .result-card{padding:4px 0 18px}
  .result-card.osmo{border-left:0;border-top:1px solid var(--line);padding:20px 0 4px}

  .eco-content{padding:26px 22px 24px}
  .eco-grid{grid-template-columns:1fr 1fr}
  .supporting{padding:38px 0}
  .supporting .flows{grid-template-columns:1fr;margin-bottom:32px}
  .flow-card{padding:22px 0}
  .flow-card.osmo{border-left:0;border-top:1px solid var(--line);padding:22px 0}
  .flow-title{align-items:flex-start}.flow-title small{text-align:right}
  .table-wrap{overflow-x:auto}table{min-width:560px}
  .footer-mini-inner{display:block;text-align:center;padding-block:28px}
  .footer-mini-brand{justify-content:center;margin-bottom:15px}
  .footer-mini-inner p{margin:0 auto;text-align:center}
}

@media(max-width:430px){
  .mini-header-link{font-size:0}.mini-header-link span{font-size:1.3rem}
  .page-hero{padding-bottom:190px}.page-hero-inner{min-height:440px}.page-hero-photo{height:220px}.page-hero-plane{height:460px}
  .page-hero .hero-point{border-left:0;padding-left:0;width:100%}
  .sticky-summary{grid-template-columns:minmax(0,1fr) 108px}
  .controller-advanced .adv-grid{grid-template-columns:1fr}
  .eco-grid{grid-template-columns:1fr}
  .eco-item,.eco-item:nth-child(odd){border-left:0;border-top:1px solid #ffffff30;padding:13px 0}
  .eco-item:first-child{border-top:0}
}