@font-face {
  font-family: "Open Sans";
  src: url("../../assets/open-sans-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../../assets/open-sans-semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

:root{--navy:#0e2c3c;--ink:#173344;--muted:#61727c;--line:#dce6e5;--paper:#f8f9f6;--teal:#007b78;--mint:#dbf4ec;--orange:#ff854f;--lime:#d7f071;--shadow:0 18px 50px rgba(14,44,60,.09)}

*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Open Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fd995e;outline-offset:3px}
.container{max-width:1220px;width:calc(100% - 52px);margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:850}
.eyebrow .dot{height:8px;width:8px;background:var(--orange);border-radius:50%}
.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}
.pill-dark{background:#173749;color:#caefdf}
.pill-warm{background:#fff0e4;color:#ab4b21}
.section{padding:100px 0}
.section-heading{max-width:755px;margin-bottom:36px}
.section-heading h2{font-size:clamp(34px,4.4vw,62px);line-height:1.09;letter-spacing:-.052em;margin:14px 0 17px;font-weight:840}
.section-heading p{font-size:17px;max-width:710px;color:var(--muted);margin:0}
.btn{border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:850;min-height:49px;padding:12px 21px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:#162c36;box-shadow:0 10px 25px rgba(255,133,79,.22)}
.btn-primary:hover{background:#ff9c6f}
.btn-dark{background:var(--navy);color:white}
.btn-dark:hover{background:#19465a}
.btn-outline{border-color:#c5d7d6;background:transparent;color:var(--ink)}
.btn-outline:hover{background:#eaf3f0}
.btn-white{background:white;color:var(--navy)}
.arrow{font-size:18px;line-height:1}
.nav{position:sticky;top:0;z-index:30;background:rgba(248,249,246,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(194,211,207,.72)}
.nav-main{height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:760;color:#455e67}
.nav-links a:hover{color:var(--teal)}
.nav-cta{min-height:42px;font-size:12px}
.menu-button{display:none;border:1px solid var(--line);background:white;border-radius:12px;padding:8px 12px;color:var(--ink);font-weight:800}

.hero{padding:80px 0 78px;background:radial-gradient(circle at 80% 15%,#dceef0 0%,transparent 38%),radial-gradient(circle at 13% 83%,#fff1df 0%,transparent 32%)}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:58px}
.hero h1{font-size:clamp(48px,5.6vw,85px);letter-spacing:-.072em;line-height:1.035;margin:21px 0 25px;font-weight:890}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-copy>p{font-size:18px;line-height:1.68;max-width:550px;color:#506671;margin-bottom:27px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-media{position:relative;min-width:0}
.hero-art{border-radius:34px;object-fit:cover;aspect-ratio:1/1;width:100%;height:auto;box-shadow:0 28px 75px rgba(15,48,67,.18)}
.float-tag{position:absolute;left:-26px;bottom:35px;background:white;box-shadow:var(--shadow);border-radius:17px;padding:14px 19px;font-size:13px;font-weight:800;display:flex;align-items:center;gap:9px}
.float-tag .round{width:31px;height:31px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-size:18px}
.small-top-tag{position:absolute;right:-16px;top:28px;border-radius:14px;background:var(--navy);padding:10px 15px;color:#d9f6e3;font-size:12px;font-weight:750}

.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature{background:white;border:1px solid #e4e9e6;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}
.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bfdcd7}
.feature-media{aspect-ratio:1.28/1;overflow:hidden;background:#e3eff1}
.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.feature:hover img{transform:scale(1.045)}
.feature-body{padding:24px 24px 25px;display:flex;flex:1;flex-direction:column}
.feature-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.feature h3{font-size:23px;line-height:1.17;letter-spacing:-.035em;margin:16px 0 10px}
.feature p{font-size:14px;color:#61727a;margin:0 0 23px;line-height:1.65}
.text-link{margin-top:auto;align-self:flex-start;border:0;background:none;color:var(--teal);font-size:13px;font-weight:860;padding:0}
.text-link:hover{text-decoration:underline}

.lab{background:#e8f0ed}
.lab-layout{display:grid;grid-template-columns:320px 1fr;gap:23px}
.lab-tabs{display:flex;flex-direction:column;gap:9px}
.lab-tab{display:flex;align-items:center;gap:12px;border:1px solid #d3e1dc;background:rgba(255,255,255,.76);border-radius:15px;padding:15px 16px;text-align:left;font-weight:800;color:#546c72;transition:background .2s}
.lab-tab .num{width:30px;height:30px;border-radius:10px;background:#ecf2f0;display:grid;place-items:center;flex:none;font-size:12px}
.lab-tab[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
.lab-tab[aria-pressed=true] .num{background:#2c5864;color:var(--lime)}
.lab-stage{border-radius:26px;background:white;border:1px solid #d9e7e3;box-shadow:var(--shadow);padding:28px;min-height:490px}
.stage-header{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #e8efec}
.stage-header h3{font-size:25px;letter-spacing:-.04em;line-height:1.2;margin:4px 0 5px}
.stage-header p{font-size:13px;margin:0;color:var(--muted)}
.stage-body{padding-top:20px}
.demo-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.demo-art{width:100%;height:auto;object-fit:cover;aspect-ratio:1/1;border-radius:17px}
.mini-card{border:1px solid #dce8e5;background:#fcfefc;padding:17px;border-radius:15px;margin-bottom:12px}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}
.field label{font-size:12px;font-weight:800;color:#50676f}
.field input,.field select{padding:11px 12px;border:1px solid #d4e0dc;border-radius:10px;min-width:0;background:white;color:var(--ink);width:100%;font-size:13px}
.mini-button{background:var(--navy);color:white;border:0;padding:11px 15px;border-radius:10px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:7px;max-width:100%}
.mini-button:hover{background:#1f4d5c}
.feedback{font-size:13px;margin:12px 0 0;color:#236659;background:#e7f6ef;padding:11px 13px;border-radius:11px}
.feedback:empty{margin:0;padding:0}
.callout{font-size:12px;color:var(--muted);line-height:1.5;margin-top:12px}
.demo-check{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7efeb;padding:9px 0;font-size:13px}
.demo-check:last-child{border:0}
.demo-check input{accent-color:var(--teal);width:17px;height:17px}
.chat{background:#f3f7f6;border-radius:16px;padding:14px;min-height:150px;max-height:270px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.bubble{flex:none;max-width:94%;border-radius:14px 14px 14px 4px;background:white;padding:10px 12px;font-size:13px;line-height:1.55;box-shadow:0 2px 8px #1029380b}
.bubble.customer{align-self:flex-end;background:#daeee8;border-radius:14px 14px 4px 14px}
.quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.quick-actions button{padding:8px 11px;border:1px solid #c8dcd5;border-radius:999px;background:white;color:#17685e;font-weight:750;font-size:11px}
.quick-actions button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}
.fleet-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}
.fleet-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;border:1px solid #dfebe7;border-radius:12px;padding:11px;background:white;font-size:12px;font-weight:760}
.fleet-state{font-size:10px;padding:4px 7px;border-radius:99px;background:#e1f4e7;color:#176b3f}
.fleet-state.uso{background:#fff0e4;color:#98582b}
.fleet-state.taller{background:#e8edff;color:#4d67a4}
.insurance-list{padding:0;list-style:none;margin:0}
.insurance-list li{display:flex;gap:10px;margin:0 0 11px;font-size:13px}
.insurance-list li:before{content:'✓';background:#e0f5e9;color:#117052;border-radius:7px;height:22px;min-width:22px;text-align:center;font-weight:900}
.points{font-size:43px;font-weight:900;letter-spacing:-.06em;line-height:1}
.visit-stars{color:#9d5605;font-size:24px;letter-spacing:.12em;line-height:1.2}

.steps-section{background:var(--navy);color:white}
.steps-section .section-heading p{color:#b9ced3}
.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.step-card{border:1px solid #38606a;border-radius:23px;padding:23px;background:#173b4b}
.step-num{font-size:13px;color:#b6e3d7;font-weight:850;letter-spacing:.09em}
.step-card h3{font-size:20px;margin:22px 0 8px;letter-spacing:-.03em}
.step-card p{font-size:13px;color:#b8cdd0;line-height:1.68;margin:0}

.packages{background:#fcfbf8}
.packages-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;align-items:start}
.builder{background:white;border:1px solid #e4ebe8;border-radius:26px;padding:27px;box-shadow:0 9px 36px #1029380b}
.builder h3{font-size:22px;margin:0 0 5px;letter-spacing:-.03em}
.builder .helper{font-size:13px;color:var(--muted);margin:0 0 16px}
.builder-label{margin:23px 0 12px;font-size:14px;font-weight:880}
.base-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.base-option{cursor:pointer;display:flex;flex-direction:column;border:1px solid #dbe6e3;border-radius:14px;padding:14px 12px;min-height:124px;gap:8px;background:#fff;transition:border-color .2s,background .2s}
.base-option:has(input:checked){border:2px solid var(--teal);background:#f0f9f5;padding:13px 11px}
.base-option input{accent-color:var(--teal)}
.base-option strong{font-size:12px;line-height:1.25}
.base-option small{font-size:11px;color:var(--muted)}
.base-option .price{font-size:15px;letter-spacing:-.04em;font-weight:900;margin-top:auto}
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.module-option{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e1eae7;border-radius:13px;background:#fff;cursor:pointer}
.module-option:has(input:checked){border-color:#58aea5;background:#f1faf6}
.module-option input{accent-color:var(--teal);margin-top:4px}
.module-option strong{display:block;font-size:12px;line-height:1.25}
.module-option small{font-size:11px;line-height:1.4;color:#6b7e81;display:block;margin-top:4px}
.builder-note{font-size:12px;color:#7a7467;border-radius:12px;background:#fff7e9;padding:12px 14px;margin-top:15px;line-height:1.55}
.summary{background:var(--navy);color:white;border-radius:26px;padding:28px;position:sticky;top:105px;box-shadow:0 18px 50px rgba(11,37,51,.19)}
.summary h3{font-size:24px;margin:10px 0 7px;letter-spacing:-.04em}
.summary>p{color:#b5cbd0;font-size:13px;margin:0 0 25px}
.summary-price{font-size:40px;font-weight:890;letter-spacing:-.06em;margin:3px 0 0;line-height:1.15}
.summary-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#afd2cb}
.summary-divider{border:0;border-top:1px solid #40606c;margin:23px 0}
.summary-row{display:flex;justify-content:space-between;gap:9px;align-items:start;font-size:13px;padding:7px 0;color:#dae7e6}
.summary-row strong{color:white;text-align:right}
.summary-modules{font-size:13px;line-height:1.7;color:#dcebe7;margin-top:9px;min-height:38px}
.summary-actions{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.summary-actions .btn{width:100%;white-space:normal;text-align:center}
.summary-foot{font-size:11px;line-height:1.65;color:#bad0d2;margin-top:18px}
.summary-foot p{margin:5px 0 0}

.wear-section {
  background: radial-gradient(ellipse at 85% 10%, #1b5260 0, transparent 44%), var(--navy);
  color: #fff;
}
.wear-intro {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(26px, 5vw, 64px);
}
.wear-intro .section-heading { margin: 0; }
.wear-intro .eyebrow { color: #a9ded1; }
.wear-intro h2 { max-width: 10ch; }
.wear-intro .section-heading p { color: #c2d9dc; }
.wear-art {
  width: 100%;
  height: auto;
  border: 1px solid #47717a;
  border-radius: 26px;
}
.wear-board { margin-top: 32px; }
.wear-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  flex-wrap: wrap;
  padding: 15px;
  border: 1px solid #47717a;
  border-radius: 20px;
  background: #173b4b;
}
.wear-totals {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin: 0;
  padding-inline: 6px;
}
.wear-totals dt { color: #bed8dc; font-size: .75rem; }
.wear-totals dd {
  margin: 1px 0 0;
  font-size: clamp(1.2rem, 2.5vw, 1.55rem);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.wear-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.wear-reset { color: #fff; background: transparent; border-color: #6c929a; }
.wear-reset:hover { background: #235263; }
.wear-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.wear-card {
  --tone: #176141;
  --bar: #258b59;
  --surface: #f1faf4;
  --edge: #b5d9c3;
  --tint: #def1e5;
  min-width: 0;
  padding: clamp(14px, 1.8vw, 22px);
  border: 1px solid var(--edge);
  border-radius: 18px;
  background: var(--surface);
  color: var(--ink);
  transition: background-color .28s, border-color .28s;
}
.wear-card[data-state="watch"] {
  --tone: #874805;
  --bar: #b76b11;
  --surface: #fff6e7;
  --edge: #ebc991;
  --tint: #f8e8ca;
}
.wear-card[data-state="urgent"] {
  --tone: #9a3235;
  --bar: #c04343;
  --surface: #fff0ef;
  --edge: #e7b3ae;
  --tint: #f7d9d6;
}
.wear-card-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.wear-icon {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border: 1px solid var(--edge);
  border-radius: 11px;
  background: #fff;
  color: var(--tone);
}
.wear-status {
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--tint);
  color: var(--tone);
  font-size: .72rem;
  font-weight: 800;
}
.wear-card h3 { margin: 11px 0 0; font-size: clamp(.95rem, 1.65vw, 1.2rem); line-height: 1.2; }
.wear-metric { min-height: 2.7em; margin: 5px 0 9px; color: var(--muted); font-size: .75rem; }
.wear-meter { height: 10px; overflow: hidden; border-radius: 999px; background: var(--tint); }
.wear-fill {
  display: block;
  width: var(--remaining);
  height: 100%;
  border-radius: inherit;
  background: var(--bar);
  transition: width .35s ease, background-color .28s;
}
.wear-detail { margin-top: 8px; }
.wear-percent {
  display: block;
  color: var(--tone);
  font-size: clamp(1.45rem, 2.7vw, 2rem);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.wear-explanation { color: var(--muted); font-size: .73rem; }
.wear-note { max-width: 76ch; margin: 16px 0 0; color: #c2d9dc; font-size: .8rem; }
.wear-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

@media (max-width: 1000px) {
  .wear-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  .wear-intro { grid-template-columns: minmax(0, 1fr); }
  .wear-intro h2 { max-width: 15ch; }
}
@media (max-width: 600px) {
  .wear-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wear-card:last-child { grid-column: 1 / -1; }
  .wear-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .wear-actions .btn { min-width: 0; padding-inline: 10px; }
  .wear-reset { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
  .wear-grid { grid-template-columns: minmax(0, 1fr); }
  .wear-metric { min-height: 0; }
}

.final-cta{padding:75px 0;background:#dff2e9}
.final-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:28px}
.final-grid h2{font-size:clamp(30px,4vw,53px);line-height:1.1;letter-spacing:-.055em;max-width:740px;margin:12px 0}
.final-grid p{font-size:14px;color:#55736f;max-width:750px}
.contact-form{width:100%;max-width:460px;justify-self:end;padding:clamp(18px,3vw,28px);border:1px solid #c5d7d6;border-radius:24px;background:#fff}
.contact-form .field input{font-size:1rem}
.contact-consent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:13px;cursor:pointer}
.contact-consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--teal)}
.contact-form p{font-size:12px;margin:12px 0 16px}
.contact-form .btn{width:100%}
.moto-faq{background:#f8f9f6}
.moto-faq .container{max-width:900px}
.moto-faq details{padding:16px 18px;border:1px solid #dbe6e2;border-radius:14px;background:#fff}
.moto-faq details + details{margin-top:10px}
.moto-faq summary{cursor:pointer;font-weight:700}
.moto-faq summary:focus-visible{outline:3px solid #fd995e;outline-offset:3px}
.moto-faq p{margin:12px 0 0;color:var(--muted)}
.moto-faq a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.footer{background:#0b2330;color:#b8ced4;padding:32px 0}
.footer .footer-line{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.footer p{font-size:12px;margin:0;color:#afc9ca}

@media(max-width:1050px){
.hero-grid{gap:32px}
.hero h1{font-size:clamp(47px,6vw,69px)}
.lab-layout{grid-template-columns:250px 1fr}
}

@media(max-width:780px){
.container{width:calc(100% - 34px)}
.nav-main{height:71px}
.menu-button{display:block}
.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#f8f9f6;border-bottom:1px solid #d6e4df;padding:18px;flex-direction:column;align-items:stretch;gap:18px}
.nav-links.is-open{display:flex;max-height:calc(100dvh - 71px);overflow:auto}
.nav-cta{display:none}
.hero{padding:49px 0}
.hero-grid{grid-template-columns:1fr;gap:35px}
.hero h1{font-size:clamp(49px,10vw,76px)}
.hero-media{max-width:570px}
.float-tag{left:8px;bottom:15px}
.small-top-tag{right:7px;top:12px}
.section{padding:69px 0}
.features-grid{grid-template-columns:repeat(2,1fr)}
.lab-layout{grid-template-columns:minmax(0,1fr)}
.lab-tabs{flex-direction:row;flex-wrap:wrap}
.lab-tab{white-space:nowrap}
.lab-stage{min-height:0}
.steps-row{grid-template-columns:repeat(2,1fr)}
.packages-wrap{grid-template-columns:1fr}
.summary{position:static}
.final-grid{grid-template-columns:minmax(0,1fr)}
.contact-form{justify-self:start}
}

@media(max-width:550px){
.hero h1{font-size:clamp(2.25rem,9vw,3rem)}
.hero-copy>p{font-size:16px}
.section-heading h2{font-size:37px}
.features-grid{grid-template-columns:1fr}
.feature-media{aspect-ratio:1.5}
.demo-two{grid-template-columns:1fr}
.demo-art{max-height:290px;aspect-ratio:1.45}
.lab-stage{padding:18px}
.steps-row{grid-template-columns:1fr}
.base-grid{grid-template-columns:1fr}
.base-option{min-height:0}
.module-grid{grid-template-columns:1fr}
.hero-actions{flex-direction:column;align-items:stretch}
.btn{width:100%;white-space:normal;text-align:center}
.footer-line{align-items:flex-start}
.float-tag{font-size:11px;padding:9px}
.summary-price{font-size:34px}
}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}

[hidden] { display: none !important; }
.jocaagura-bar { background: #0a0a0a; color: #fff; }
.jocaagura-bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; }
.jocaagura-bar img { width: 104px; height: 50px; object-fit: contain; }
.jocaagura-bar a:last-child { font-size: .85rem; font-weight: 600; }
.jocaagura-bar a:hover, .footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.nav-title { font-size: .95rem; font-weight: 800; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 40; padding: 10px 16px; background: #fff; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.footer nav { display: flex; gap: 16px; flex-wrap: wrap; }
.footer a { color: #fff; }
.lab-tabs { align-self: start; }
.lab-tab .num { font-variant-numeric: tabular-nums; }
.stage-body progress { display: block; width: 100%; margin: 12px 0; accent-color: var(--teal); }

@media (max-width: 780px) {
  .nav:not(.has-menu) .nav-main { height: auto; min-height: 71px; flex-wrap: wrap; padding-block: 12px; gap: 12px; }
  .nav:not(.has-menu) .nav-links { display: flex; position: static; flex-direction: row; flex-wrap: wrap; background: none; border: 0; padding: 0; gap: 12px; }
}