/* SEISO V3 — clean navigation, natural photography, clear product information. */
:root {
  --navy:#06193a; --deep:#081b31; --blue:#176391; --sky:#75b9de;
  --cyan:#81cced; --ink:#162e43; --muted:#5d6d78; --pale:#f3f6f8;
  --line:#e1e7eb; --radius:10px; --shadow:0 8px 25px #08243b08;
}
body {font-size:16px;line-height:1.7}
.container {width:min(1248px,calc(100% - 80px))}
h1,h2,h3 {letter-spacing:-.035em;font-weight:650}
h2 {font-size:clamp(30px,3vw,40px)}
small,.note {font-size:14px}
.eyebrow {font-size:13px;letter-spacing:.025em;text-transform:none;font-weight:650;margin-bottom:16px}
.section {padding-block:76px}
.section.pale {background:#f5f7f8}
.section-heading {margin-bottom:30px}
.section-heading p {font-size:17px;line-height:1.75}
.text-link {font-size:15px;font-weight:650;border-color:#a3bbc9}
.button {font-size:15px;min-height:48px;padding:12px 19px;border-radius:7px;font-weight:650;box-shadow:none;transform:none}
.button:hover {transform:none}
.button.sky {background:var(--cyan);color:#06193a}
.button.sky:hover {background:#a4ddf4}
.button.small {font-size:14px;min-height:44px}
.button.ghost {background:transparent;border-color:#ffffff6b;color:#fff}
.button.ghost:hover {background:#ffffff12}
.button.outline {border-color:#abc1cf}
.actions {gap:12px}
.topbar {display:none}

/* One compact header. Hero photography starts behind the glass. */
.header {
  position:relative;background:#fff;color:var(--ink);border:0;
  border-bottom:1px solid var(--line);box-shadow:none;z-index:20;
}
.header-inner {min-height:86px;gap:32px;padding-block:8px}
.has-hero .header {
  position:absolute;top:0;left:0;width:100%;transform:none;border-radius:0;
  background:rgba(5,22,42,.42);color:#fff;border-bottom:1px solid #ffffff24;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.has-hero .header-inner {width:min(1248px,calc(100% - 80px));min-height:86px}
.inner-page .header {background:rgba(255,255,255,.96)}
.nav {gap:30px}
.nav>a {position:relative;font-size:14px;font-weight:600;color:#233d51;padding:10px 0}
.nav>a:after {content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s}
.nav>a:hover,.nav>a.active {color:#176391}
.nav>a:hover:after,.nav>a.active:after {transform:scaleX(1)}
.has-hero .nav>a {color:#f5f8fa}
.has-hero .nav>a:hover,.has-hero .nav>a.active {color:#a9d9f2}
.nav .button {margin-left:8px;min-height:43px;font-size:14px;padding:10px 17px;gap:14px;flex-direction:row-reverse;color:#06193a}
.inner-page .nav .button {background:#06193a;color:#fff}
.inner-page .nav .button:hover {background:#123657}
.nav-arrow {font-size:19px;line-height:1}
.brand {display:block;position:relative;width:154px;height:70px;overflow:visible;flex-shrink:0}
.brand img {position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none}
.brand-dark {display:none}
.inner-page .header .brand-light {display:none}
.inner-page .header .brand-dark {display:block}
.logo-sparkles {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.spark {fill:#ecf8ff;opacity:0;transform-box:fill-box;transform-origin:center;animation:star-twinkle 12s ease-in-out infinite;filter:drop-shadow(0 0 3px #b4e6ff)}
.spark-two {animation-delay:1.1s}
.spark-three {animation-delay:1.9s}
.inner-page .header .spark {fill:#98d6f5}
@keyframes star-twinkle {
  0%,65% {opacity:0;transform:rotate(-45deg) scale(.45)}
  69% {opacity:.95;transform:rotate(0deg) scale(.95)}
  73% {opacity:1;transform:rotate(85deg) scale(1.08)}
  79%,100% {opacity:0;transform:rotate(160deg) scale(.4)}
}
.menu-toggle {color:var(--ink);border:1px solid #dbe4e9;border-radius:6px;min-height:44px;padding:9px 12px;gap:12px;align-items:center;font-size:14px}
.has-hero .menu-toggle {color:#fff;border-color:#ffffff66;background:#ffffff05}
.menu-lines {width:18px;height:14px;position:relative;display:block}
.menu-lines:before,.menu-lines:after {content:'';height:1px;width:18px;position:absolute;left:0;background:currentColor;transition:transform .2s,top .2s}
.menu-lines:before {top:3px}
.menu-lines:after {top:10px}
.menu-toggle[aria-expanded=true] .menu-lines:before {top:7px;transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-lines:after {top:7px;transform:rotate(-45deg)}

/* Natural color is kept in the photograph; the left shade serves legibility. */
.hero,.hero.segment,.hero-carousel {display:block;min-height:700px;max-height:none;background:var(--deep);isolation:isolate}
.hero-picture {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2;order:initial}
.hero:after,.hero-slide:after {
  content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#081b31f2 0%,#081b31dd 24%,#081b319e 43%,#081b3126 66%,#081b3100 83%),linear-gradient(0deg,#081b316b,transparent 45%);
}
.hero-content,.hero.segment .hero-content {
  min-height:700px;max-width:510px;padding-block:154px 70px;
  display:flex;flex-direction:column;justify-content:center;
}
.hero-title,.hero h1,.hero h2,.hero.segment h1 {font-size:clamp(40px,3.45vw,52px);line-height:1.17;font-weight:650;letter-spacing:-.04em;margin-bottom:24px;max-width:540px}
.hero-title span,.hero h1 span {color:#acd9ef}
.hero .eyebrow {font-size:13px;color:#d0e6f0;letter-spacing:.025em;line-height:1.6}
.hero p,.hero.segment p {font-size:17px;line-height:1.8;max-width:465px;color:#ebf0f4;margin:0}
.hero .actions {margin-top:28px;flex-direction:row;align-items:stretch}
.hero .actions .button {font-size:15px;padding-inline:16px}
.hero-note {font-size:13px;margin-top:27px;gap:20px;color:#d8e5ee}
.hero-note span:last-child {display:flex}
.hero-note .icon {width:16px;color:#a3cce3}
.hero-slide {position:relative;isolation:isolate;min-height:742px}
.hero-carousel,.hero-carousel .hero-content {min-height:742px}
.hero-carousel .hero-content {padding-block:148px 136px}
.hero-carousel:after {display:none}
.hero-controls {position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px}
.hero-tabs {display:grid;grid-template-columns:repeat(4,1fr);gap:25px;flex:1}
.hero-tabs button {position:relative;display:flex;align-items:center;gap:13px;min-height:48px;padding:11px 0 13px;background:none;border:0;color:#c4d1da;font-size:15px;font-weight:600;text-align:left}
.slide-number {font-size:12px;color:#acc4d5;font-weight:500}
.slide-line {position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff36}
.hero-tabs button[aria-selected=true] {color:#fff}
.hero-tabs button[aria-selected=true] .slide-line {height:2px;background:#9ed9f4}
.hero-tabs button[aria-selected=true] .slide-number {color:#a7dcf5}
.hero-pause {width:44px;height:44px;flex-shrink:0;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:#fff;font-size:17px}
.hero-pause:hover {background:#ffffff15}

/* Quieter secondary pages and content rhythm. */
.page-intro {padding-block:52px 40px;background:#fff;border-bottom:1px solid var(--line)}
.page-intro .eyebrow {color:var(--muted);margin-bottom:12px}
.page-intro h1 {font-size:clamp(34px,3.1vw,46px);font-weight:650;max-width:900px;margin-bottom:17px}
.page-intro p {font-size:17px;max-width:700px;line-height:1.8}
.page-intro+.section {padding-top:36px}
.breadcrumbs {font-size:13px;color:#637f90;padding-block:23px}
.proofbar {background:#fff}
.proofbar .container {padding-block:28px;gap:30px}
.proof-item strong {font-size:15px;font-weight:650}
.proof-item span {font-size:13px}
.proof-item>.icon {width:25px;height:25px;color:#437c9b}
.segment-explorer-layout {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.explorer-feature {display:block;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}
.explorer-feature img {width:100%;height:290px;object-fit:cover;object-position:78% 35%}
.explorer-feature>div {padding:27px 28px}
.explorer-feature h3 {font-size:27px;line-height:1.3;margin-bottom:16px}
.explorer-feature .card-label {color:var(--blue);font-size:15px;font-weight:650}
.segment-link-list {display:grid;grid-template-columns:1fr 1fr;gap:0 27px}
.segment-link-list a {display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:17px 0;font-size:15px;font-weight:600}
.segment-link-list a span {color:#557d96;font-size:19px}
.segment-link-list a:hover {color:var(--blue)}
.segment-jump {display:flex;flex-wrap:wrap;gap:8px 25px;padding-top:28px}
.segment-jump a {border-bottom:1px solid #abc1cf;padding:8px 0;font-size:14px;font-weight:600}
.segment-group {padding-block:46px 12px}
.segment-group-title {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px;gap:15px}
.segment-group-title h2 {font-size:31px;margin:0}
.segment-group-title>span {font-size:13px;color:var(--muted)}
.editorial-card.segment-card {min-height:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;isolation:auto;transition:border-color .2s}
.editorial-card:after {display:none}
.editorial-card:hover {border-color:#a7bcc9;box-shadow:none;transform:none}
.segment-photo {height:216px;overflow:hidden;background:#f1f4f6}
.editorial-card .segment-photo img {position:static;inset:auto;width:100%;height:100%;object-fit:cover;object-position:78% 30%;z-index:auto;transform:none}
.editorial-card:hover .segment-photo img {transform:none}
.editorial-card .card-text {padding:23px;min-height:0;max-width:100%;display:block}
.editorial-card .eyebrow {font-size:12px;color:#5f7e92;margin-bottom:10px}
.editorial-card h3 {font-size:25px;margin-bottom:10px}
.editorial-card p {font-size:15px;line-height:1.7;color:var(--muted);min-height:51px}
.editorial-card .card-label {display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:14px;color:var(--blue);font-weight:650}
.product-card {border-color:#dfe6eb;border-radius:9px;box-shadow:none}
.product-visual {height:274px;padding:30px;background:#f7f8fa;border-bottom:1px solid #edf1f3}
.product-visual img {width:auto;height:auto;max-width:85%;max-height:225px;object-fit:contain;mix-blend-mode:normal;filter:none;transform:scale(var(--photo-scale,1))}
.product-visual .tag {border:0;background:#e7eff5;color:#214761;top:16px;left:16px;padding:5px 9px;border-radius:4px;font-size:11px;letter-spacing:0;font-weight:650}
.product-card[data-product=max-grill] .product-visual {padding-top:44px;padding-bottom:25px}
.product-info {padding:25px}
.product-info .category {font-size:13px;margin-bottom:8px}
.product-info h3 {font-size:23px;line-height:1.3;font-weight:650;margin-bottom:11px}
.product-benefit {font-size:15px;line-height:1.7;min-height:51px;-webkit-line-clamp:2;margin-bottom:22px}
.price {font-size:29px;font-weight:750}
.price-row small {font-size:13px;line-height:1.5}
.price-format {max-width:44%;font-size:13px;line-height:1.5;text-align:right;color:var(--muted)}
.price-format span {display:block;font-weight:650}
.price-format small {display:block;font-size:12px;margin-top:5px}
.yield-box {background:#eef4f8;border:1px solid #e0eaf0;border-radius:6px;padding:14px;gap:11px}
.yield-box strong {color:#195d86;font-size:22px;font-weight:650}
.yield-box span {font-size:12px;line-height:1.5;color:#536c7f}
.yield-context {font-size:12px;line-height:1.6;padding-top:9px;color:#536878}
.unit-line {font-size:13px}
.card-actions .button {font-size:14px}
.add-button {width:44px;border-radius:6px}
.catalog-label {background:none;gap:12px;color:#6d8ba0}
.catalog-label strong {font-size:21px;line-height:1.3;max-width:220px;color:#355870}
.catalog-label span {font-size:13px;text-transform:none;letter-spacing:0}
.catalog-label .icon {width:39px;height:39px}
.detail-visual {min-height:500px;padding:48px;position:sticky;top:25px;background:#f7f8fa;border-radius:9px;overflow:hidden}
.detail-visual img {height:auto;width:auto;max-width:100%;max-height:394px;mix-blend-mode:normal;filter:none;transform:scale(var(--photo-scale,1))}
.product-detail h1 {font-size:40px;font-weight:650}
.product-detail .description {font-size:16px;line-height:1.8}
.product-detail .type {font-size:13px;font-weight:600}
.purchase-box {border-radius:8px}
.detail-price {font-weight:750}
.detail-metrics {border-radius:6px;background:#eef4f8}
.detail-metrics strong {font-weight:650;font-size:26px;color:#195d86}
.detail-metrics span,.application-context {font-size:13px}
.product-description {padding:28px;border:1px solid var(--line);border-radius:8px;background:#f7f9fa;margin-block:0 36px}
.product-description h2 {font-size:27px}
.product-description p {font-size:16px;color:var(--muted);line-height:1.8;max-width:1000px;margin-bottom:0}
.big-product {background:#f4f7f9;min-height:475px;border-radius:10px;border-color:var(--line)}
.big-product img {max-height:355px;mix-blend-mode:normal;filter:none}
.big-product .product-stamp {font-size:12px;font-weight:650;text-transform:none;letter-spacing:.025em}
.big-stat strong {font-weight:650}
.big-stat span {font-size:13px}
.category-card,.step {border-radius:8px;padding:26px}
.category-card h3,.step h3 {font-weight:650}
.category-card p,.step p {font-size:15px}
.needs .step {border-top:1px solid var(--line)}
.step-num {color:#718a9d;font-size:13px;font-weight:500}
.sample-panel {border-radius:10px;padding:45px;gap:40px;background:#0a2340}
.sample-panel:after {display:none}
.sample-panel h2 {font-weight:650;font-size:36px}
.sample-panel p {font-size:16px;color:#d4e1ec}
.sample-panel p:last-child {margin-bottom:0}
.sample-actions p {font-size:13px}
.local-block h2 {max-width:490px}
.city-list span {font-size:13px;border-radius:4px}
.faq-list details p {font-size:15px}
summary {font-weight:650}
.footer {background:#081c32}
.footer .brand {margin-left:0;background:none;border-radius:0;margin-bottom:24px}
.footer h3 {font-size:15px;font-weight:650}
.footer a:not(.brand),.footer p {font-size:14px}
.footer-bottom {font-size:12px}
.quote-float {font-size:13px;border-radius:8px;min-height:46px;padding:10px 14px;box-shadow:0 4px 15px #071d3212;bottom:18px;right:18px}
.quote-count {background:#95d2f0}
.quote-dialog {border-radius:10px}
.quote-dialog p {font-size:15px}
.field label {font-size:13px;font-weight:650}
.field input,.field select,.field textarea {font-size:16px;border-radius:6px;border-color:#cbd8e1}
.filter-result {font-size:14px}
.calculator {background:#f5f8fa;border-color:var(--line);border-radius:9px}
.calc-outputs>div {border-radius:6px}
.calc-outputs span {font-size:13px}
.calc-outputs strong {font-weight:650}
.price-table {font-size:15px}
.contact-card {border-radius:8px}
.remove-item {font-size:13px}
@media(min-width:1700px) {
  .hero,.hero.segment,.hero-content,.hero.segment .hero-content {min-height:740px}
  .hero-carousel,.hero-slide,.hero-carousel .hero-content {min-height:780px}
}
@media(max-width:1150px) {
  .container,.has-hero .header-inner {width:calc(100% - 56px)}
  .header-inner {gap:22px}
  .nav {gap:21px}
  .nav>a {font-size:14px}
  .nav .button {margin-left:0}
  .hero-content,.hero.segment .hero-content {max-width:48%}
  .hero-title,.hero h1,.hero h2,.hero.segment h1 {font-size:44px}
  .hero p,.hero.segment p {font-size:16px}
  .hero .actions {flex-direction:column;align-items:flex-start}
  .hero-note {gap:12px}
  .hero-note span:last-child {display:none}
  .product-info {padding:22px}
  .product-info h3 {font-size:22px}
  .product-visual {height:250px}
  .product-visual img {max-height:205px}
  .segment-explorer-layout {gap:30px}
  .segment-link-list {gap:0 18px}
  .hero-tabs {gap:18px}
}
@media(max-width:900px) {
  .brand {width:144px;height:65px}
  .header-inner,.has-hero .header-inner {min-height:79px;padding-block:7px}
  .menu-toggle {display:inline-flex}
  .nav,.has-hero .nav {
    position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;
    align-items:stretch;gap:0;padding:18px 28px 25px;background:#fff;color:var(--ink);
    border-radius:0;border:0;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #05182d0d;
  }
  .nav.open {display:flex}
  .nav>a,.has-hero .nav>a {color:var(--ink);font-size:16px;padding:12px 0}
  .nav>a:after {display:none}
  .nav>a:hover,.nav>a.active,.has-hero .nav>a:hover,.has-hero .nav>a.active {color:var(--blue)}
  .nav .button {margin:14px 0 0;min-height:46px;justify-content:space-between}
  .has-hero .nav .button {background:var(--navy);color:#fff}
  .hero-title,.hero h1,.hero h2,.hero.segment h1 {font-size:39px}
  .hero,.hero.segment,.hero-content,.hero.segment .hero-content {min-height:696px}
  .hero-carousel,.hero-slide,.hero-carousel .hero-content {min-height:754px}
  .hero-content,.hero.segment .hero-content {padding-top:145px;padding-bottom:70px}
  .hero-carousel .hero-content {padding-bottom:145px}
  .hero-carousel,.hero-slide,.hero-carousel .hero-content {min-height:860px}
  .hero .actions .button {font-size:14px}
  .hero-tabs button {font-size:14px;gap:9px}
  .hero-controls {gap:20px}
  .slide-number {display:none}
  .proofbar .container {gap:22px}
  .proof-item strong {font-size:14px}
  .proof-item span {font-size:12px}
  .section {padding-block:58px}
  .grid.three {grid-template-columns:repeat(2,minmax(0,1fr))}
  .segment-explorer-layout {grid-template-columns:1fr}
  .explorer-feature {display:grid;grid-template-columns:1fr 1fr}
  .explorer-feature img {height:100%;min-height:280px}
  .explorer-feature>div {align-self:center}
  .segment-link-list {grid-template-columns:repeat(3,minmax(0,1fr))}
  .sample-panel {padding:34px;gap:28px}
  .sample-panel h2 {font-size:31px}
  .detail-visual {min-height:400px;padding:34px}
  .detail-visual img {max-height:330px}
  .product-detail h1 {font-size:34px}
  .footer-grid {gap:32px}
}
@media(max-width:600px) {
  .container,.has-hero .header-inner {width:calc(100% - 36px)}
  .brand {width:137px;height:62px}
  .header-inner,.has-hero .header-inner {min-height:72px;padding-block:5px;gap:18px}
  .has-hero .header {background:#081b315e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .menu-toggle {padding:9px 11px;font-size:13px}
  .nav,.has-hero .nav {padding:16px 18px 24px}
  .hero,.hero.segment,.hero-carousel,.hero-slide {display:block;min-height:0;max-height:none}
  .hero-picture {position:absolute;inset:0;width:100%;height:620px;object-fit:cover;object-position:75% top;z-index:-2;order:initial}
  .hero:after,.hero-slide:after {display:block;background:linear-gradient(180deg,#081b311c 0%,#081b3100 19%,#081b31bf 34%,#081b31 47%);inset:0}
  .hero-carousel:after {display:none}
  .hero .container {order:initial}
  .hero-content,.hero.segment .hero-content {
    max-width:100%;min-height:0;padding-block:328px 42px;justify-content:flex-start;
  }
  .hero-title,.hero h1,.hero h2,.hero.segment h1 {font-size:34px;line-height:1.2;letter-spacing:-.035em;max-width:100%;margin-bottom:20px}
  .hero .eyebrow {font-size:12px;line-height:1.7;letter-spacing:.02em;margin-bottom:15px}
  .hero p,.hero.segment p {font-size:16px;line-height:1.75;max-width:100%}
  .hero .actions {display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}
  .hero .actions .button {min-height:48px;flex:none;padding:12px 14px;font-size:15px}
  .hero-note {font-size:12px;margin-top:23px;gap:12px}
  .hero-note span:last-child {display:none}
  .hero-carousel .hero-content {padding-block:328px 132px;min-height:890px}
  .hero-slide {min-height:890px}
  .hero-controls {bottom:20px;gap:17px}
  .hero-tabs {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
  .hero-tabs button {font-size:13px;padding:8px 0;min-height:42px}
  .hero-pause {width:42px;height:42px}
  .proofbar .container {grid-template-columns:1fr;padding-block:26px;gap:20px}
  .proof-item strong {font-size:15px}
  .proof-item span {font-size:13px}
  .proof-item>.icon {width:26px;height:26px}
  .section {padding-block:46px}
  .section-heading {display:block;margin-bottom:27px}
  .section-heading p {font-size:16px}
  .section-heading .text-link {display:inline-block;margin-top:20px}
  .grid.three,.grid.two,.grid.four {grid-template-columns:1fr;gap:22px}
  .segment-explorer-layout {gap:24px}
  .explorer-feature {display:block}
  .explorer-feature img {height:244px;min-height:0;object-position:77% 30%}
  .explorer-feature>div {padding:24px}
  .segment-link-list {grid-template-columns:1fr 1fr;gap:0 22px}
  .segment-link-list a {padding:15px 0;font-size:14px;line-height:1.6}
  .segment-jump {gap:10px 20px;padding-top:23px}
  .segment-jump a {font-size:13px}
  .segment-group {padding-block:35px 8px}
  .segment-group-title h2 {font-size:27px}
  .segment-photo {height:232px}
  .editorial-card .card-text {padding:23px}
  .editorial-card h3 {font-size:26px}
  .editorial-card p {min-height:0;font-size:15px}
  .product-visual {height:268px;padding:27px}
  .product-visual img {max-height:224px;max-width:88%}
  .product-info {padding:23px}
  .product-info h3 {font-size:24px}
  .product-info .category {font-size:13px}
  .product-benefit {font-size:16px;min-height:0}
  .price {font-size:30px}
  .price-row small {font-size:13px}
  .yield-box {padding:15px;gap:13px}
  .yield-box strong {font-size:23px}
  .yield-box span,.yield-context {font-size:12px}
  .card-actions .button {font-size:15px}
  .big-product {min-height:366px;padding:40px}
  .big-product img {max-height:290px;max-width:85%}
  .big-product .product-stamp {font-size:12px;left:24px;top:23px}
  .big-stat strong {font-size:31px}
  .big-stat span {font-size:13px}
  .sample-panel {padding:28px 23px;gap:24px;border-radius:8px}
  .sample-panel h2 {font-size:30px}
  .sample-panel p {font-size:16px}
  .sample-actions p {font-size:13px}
  .category-card p,.step p {font-size:16px}
  .page-intro {padding-block:34px 30px}
  .page-intro h1 {font-size:33px}
  .page-intro p {font-size:16px}
  .breadcrumbs {font-size:12px;padding-block:21px}
  .detail-visual {position:relative;top:0;min-height:280px;padding:30px}
  .detail-visual img {max-height:226px}
  .product-detail {gap:24px}
  .product-detail .description {font-size:16px}
  .product-detail h1 {font-size:33px;margin-bottom:16px}
  .purchase-box {padding:22px;margin-top:20px}
  .purchase-box .actions {flex-direction:column}
  .detail-metrics strong {font-size:25px}
  .detail-metrics span,.application-context {font-size:13px}
  .product-description {padding:23px}
  .product-description p {font-size:16px}
  .price-table th,.price-table td {font-size:14px}
  .footer-grid {grid-template-columns:1fr;gap:28px}
  .footer-grid>div {grid-column:auto!important}
  .footer a:not(.brand) {font-size:15px;margin-bottom:12px}
  .footer p {font-size:15px;max-width:100%}
  .footer h3 {font-size:16px;margin-bottom:15px}
  .footer-bottom {font-size:12px;padding-bottom:90px}
  .footer-bottom a {font-size:12px!important}
  .quote-float {font-size:13px;right:12px;bottom:12px;min-height:47px}
  .quote-dialog {padding:25px 22px}
  .quote-dialog p {font-size:15px}
  .dialog-head h2 {font-size:27px}
  .calc-outputs span {font-size:13px}
}
@media(max-width:370px) {
  .container,.has-hero .header-inner {width:calc(100% - 32px)}
  .hero-title,.hero h1,.hero h2,.hero.segment h1 {font-size:32px}
  .hero-slide,.hero-carousel .hero-content {min-height:920px}
  .segment-link-list a {font-size:13px}
  .yield-box strong {font-size:22px}
}
@media(prefers-reduced-motion:reduce) {
  .spark {animation:none;opacity:0}
  *,*:before,*:after {transition:none!important;scroll-behavior:auto!important}
}