@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--ink:#163d36;--body:#445d56;--paper:#f8faf8;--mint:#c6f3df;--line:#d5dfd9;--forest:#173f39;--font:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--display);font-weight:500}h1,h2{letter-spacing:-.06em;line-height:1.09}em{font-style:normal;color:#46816a}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #258361;outline-offset:5px}section[id]{scroll-margin-top:2rem}[hidden]{display:none!important}.skip-link{position:fixed;top:-6rem;left:1rem;z-index:10;padding:.7rem 1rem;background:var(--ink);color:white}.skip-link:focus{top:1rem}.section-shell{width:min(1280px,calc(100% - 6rem));margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.8125rem;line-height:1.5;font-weight:650}.site-header{width:min(1440px,calc(100% - 6rem));margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--display);font-weight:650;font-size:1.25rem;letter-spacing:-.045em;white-space:nowrap}.brand-mark{background:var(--ink);color:var(--mint);width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.7rem;font-size:1.45rem;line-height:1;letter-spacing:-.13em;padding-right:.18rem}.site-header nav{display:flex;gap:2rem;font-size:.875rem}.site-header nav a{padding:.6rem 0}.site-header nav a:hover,.text-link:hover{color:#247955}.header-link{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--ink);padding:.5rem 0}.header-link span{font-size:1.1rem}.hero{display:grid;grid-template-columns:45% 55%;max-width:1600px;margin:0 auto;min-height:660px}.hero-copy{padding:6.5rem 3rem 5rem max(3rem,calc((100vw - 1280px)/2));align-self:center}.hero-copy .eyebrow{margin-bottom:1.8rem}.hero h1{font-size:clamp(3rem,4.6vw,5.5rem);margin-bottom:1.6rem}.hero-copy>p{color:var(--body);max-width:26rem;font-size:1.0625rem;line-height:1.8;margin-bottom:2.1rem}.button{display:inline-flex;gap:2.5rem;justify-content:space-between;align-items:center;min-height:3.5rem;padding:.8rem 1.4rem;border-radius:.25rem;font-size:.9375rem;font-weight:550;transition:background .18s,transform .18s}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#27594d;transform:translateY(-2px)}.button span{font-size:1.25rem}.concept-note{display:flex;align-items:center;gap:.6rem;margin-top:1.3rem;font-size:.8125rem;color:var(--body)}.small-line{width:1rem;height:1px;background:#759486}.hero-visual{position:relative;overflow:hidden;min-width:0;min-height:620px;background:#e8e8de}.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:left center}.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:2.7rem 1.7rem 1.3rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;color:#fff;font-size:.8125rem;text-shadow:0 1px 5px #14271f;background:linear-gradient(transparent,rgba(18,36,29,.55))}.introduction{padding-block:7rem 6.5rem}.intro-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:5rem;margin-top:1.4rem;align-items:start}h2{font-size:clamp(2.4rem,3.8vw,3.75rem)}.intro-layout>p{color:var(--body);font-size:1.125rem;max-width:33rem;line-height:1.8}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4.5rem}.benefits article{padding:0 2.2rem;border-left:1px solid var(--line)}.benefits article:first-child{padding-left:0;border-left:0}.benefits article:last-child{padding-right:0}.feature-symbol{display:inline-block;font-family:var(--display);font-size:.875rem;color:#57806f;margin-bottom:1.5rem}.benefits h3{font-size:1.3125rem;letter-spacing:-.025em;margin-bottom:.65rem}.benefits p{color:var(--body);max-width:22rem;font-size:1rem}.system-section{background:#eaf1ec;padding-block:6.5rem}.section-heading{display:flex;justify-content:space-between;gap:4rem;align-items:end}.section-heading h2{margin-top:1.3rem}.section-heading>p{max-width:22rem;color:var(--body);margin-bottom:.35rem}.system-layout{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;margin-top:3.5rem;align-items:start}.system-diagram{background:var(--forest);color:#e4f6e9;border-radius:.6rem;padding:1.5rem 1.25rem 1.75rem;position:sticky;top:2rem}.diagram-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.13em;padding-left:.5rem}.system-diagram svg{display:block;width:100%;height:auto;overflow:visible}.system-diagram svg rect{fill:#244f45;stroke:#54786a;stroke-width:1}.connection{fill:none;stroke:#b8e6d7;stroke-width:1.7}.water-connection{fill:none;stroke:#b8e6d7;stroke-width:1.5;stroke-dasharray:5 4}.system-diagram text{fill:#e4f6e9;font-family:var(--font)}.diagram-title{font-size:20px;font-weight:500}.diagram-number{font-size:13px;fill:#b8e6d7!important}.diagram-body{font-size:15px;fill:#c1dacd!important}.diagram-caption{font-size:13px;fill:#c1dacd!important}.diagram-footnote{color:#c1dacd;font-size:.8125rem;border-top:1px solid #52756a;margin:.8rem .5rem 0;padding-top:1rem;line-height:1.6}.system-details article{padding:1.55rem 0 1.9rem;border-bottom:1px solid #cad8cf}.system-details article:first-child{padding-top:.2rem}.system-details article:last-child{border-bottom:0;padding-bottom:0}.part-number{font-size:.8125rem;text-transform:uppercase;letter-spacing:.11em;color:#547668;font-weight:600;margin-bottom:.65rem}.system-details h3{font-size:1.7rem;letter-spacing:-.04em;margin-bottom:.65rem}.system-details p{color:var(--body);line-height:1.8}.detail-tag{display:block;font-size:.8125rem;margin-top:1rem;color:#386451}.cleaning-section{padding-block:7.5rem;display:grid;grid-template-columns:1fr 1fr;gap:6.5rem;align-items:center}.cleaning-copy h2{margin:1.35rem 0 1.5rem}.cleaning-copy>p:not(.eyebrow){color:var(--body);margin-bottom:1.2rem}.cleaning-copy .body-small{font-size:.9375rem}.text-link{display:inline-flex;align-items:center;gap:1.5rem;font-size:.9375rem;font-weight:550;border-bottom:1px solid #8ba797;padding:.45rem 0;margin-top:.65rem}.routine-card{padding:2.3rem;background:#eff3ee;border:1px solid #dce5dd;border-radius:.5rem}.routine-top{display:flex;gap:1rem;flex-wrap:wrap;align-items:start;justify-content:space-between;padding-bottom:2rem;border-bottom:1px solid #cbdace}.sample-label{font-size:.75rem;color:#526d5c}.routine-list{padding:0;margin:0;list-style:none}.routine-list li{display:grid;grid-template-columns:5.75rem 1fr;gap:1rem;padding-top:2rem}.routine-time{font-size:.8125rem;color:#516b5b;padding-top:.15rem}.routine-list h3{font-size:1.0625rem;font-weight:600;margin-bottom:.3rem;letter-spacing:-.02em}.routine-list p{font-size:.9375rem;color:var(--body);line-height:1.7}.app-section{background:#dcebe1;padding-block:6rem}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.app-copy h2{margin:1.4rem 0 1.6rem}.app-copy>p:not(.eyebrow){color:var(--body);max-width:29rem}.app-tabs{margin-top:2.5rem}.app-tabs button{width:100%;text-align:left;border:0;border-top:1px solid #b9d0c0;background:transparent;color:#4c6c5e;padding:1.35rem .65rem;display:grid;grid-template-columns:2.2rem 1fr 1.2rem;gap:.5rem;align-items:center;cursor:pointer;transition:background .18s}.app-tabs button[aria-selected="true"]{background:#f4faf5;color:var(--ink);border-top-color:transparent;border-radius:.25rem}.app-tabs button:hover{background:#eaf4ec}.tab-index{font-size:.8125rem;align-self:start;margin-top:.15rem}.app-tabs strong{display:block;font-size:1.0625rem;font-weight:550;line-height:1.4}.app-tabs small{display:block;font-size:.875rem;font-weight:400;margin-top:.3rem;color:#536f61;line-height:1.5}.tab-arrow{opacity:0}.app-tabs button[aria-selected="true"] .tab-arrow{opacity:1}.app-copy>.app-disclaimer{font-size:.8125rem;margin-top:1.8rem;line-height:1.7}.app-stage{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.phone{width:min(100%,23.125rem);background:#f6f8f4;border:8px solid #233e32;border-radius:2.7rem;box-shadow:0 25px 50px -30px #214738;overflow:hidden}.phone-status{display:flex;justify-content:space-between;align-items:center;position:relative;padding:.65rem 1.25rem .7rem;font-size:.75rem;font-weight:600;min-height:2.6rem}.phone-island{background:#233e32;position:absolute;left:50%;top:.25rem;transform:translateX(-50%);width:5.2rem;height:1.15rem;border-radius:0 0 .9rem .9rem}.app-panel{padding:.9rem 1.2rem .7rem;min-height:570px}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:1.5rem}.screen-eyebrow{font-size:.75rem;color:#5c7466}.screen-heading h3{font-size:1.3rem;line-height:1.4;letter-spacing:-.04em;margin-top:.25rem}.avatar{background:#dcebdc;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;font-size:.8125rem}.water-card{background:#ddeadf;border-radius:.65rem;padding:1.1rem}.screen-label{font-size:.75rem;color:#49634f;line-height:1.5;display:block}.water-total{font-family:var(--display);font-size:3rem;line-height:1.4;letter-spacing:-.05em;margin-top:.25rem}.water-total>span{font-family:var(--font);font-size:1rem;letter-spacing:0}.water-subrow{display:flex;justify-content:space-between;font-size:.75rem;color:#49634f;margin-top:.1rem}.bar-chart{display:flex;gap:.65rem;height:95px;align-items:end;margin-top:1rem;padding-bottom:1.1rem;position:relative}.bar-chart>span{flex:1;position:relative;height:var(--bar);background:#afcdb6;border-radius:.18rem .18rem 0 0;color:transparent;font-size:.75rem}.bar-chart>span::after{content:attr(data-day);color:#49634f;position:absolute;bottom:-1.35rem;left:0;right:0;text-align:center}.bar-chart>span:nth-child(1)::after{content:'M'}.bar-chart>span:nth-child(2)::after{content:'T'}.bar-chart>span:nth-child(3)::after{content:'W'}.bar-chart>span:nth-child(4)::after{content:'T'}.bar-chart>span:nth-child(5)::after{content:'F'}.bar-chart>span:nth-child(6)::after{content:'S'}.bar-chart>span:nth-child(7)::after{content:'S'}.bar-chart>.today{background:#3e7157}.screen-note{font-size:.75rem;color:#607463;line-height:1.6;display:block}.app-panel>.screen-note{margin:.75rem .1rem}.screen-card{padding:.95rem 1rem;background:white;border:1px solid #e2e8df;border-radius:.6rem;margin-top:.75rem}.screen-card-title{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:550}.screen-card p{font-size:.8125rem;margin-top:.25rem}.screen-card .screen-note{margin-top:.2rem}.refill-card{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.refill-ring{border:4px solid #b6d2b9;border-top-color:#386f50;border-right-color:#386f50;border-radius:50%;width:3.3rem;height:3.3rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.refill-ring>span{font-size:.75rem}.phone-footer{display:flex;gap:1rem;justify-content:space-around;border-top:1px solid #dfe6dc;padding:.85rem 1rem 1.2rem;font-size:.75rem;color:#5a7161}.preview-caption{font-size:.8125rem;color:#546f60;text-align:center;margin-top:1.5rem}.schedule-card{background:#ddeadf;border-radius:.65rem;padding:1.1rem;margin-bottom:1rem}.schedule-card p{font-size:1.25rem;margin:.7rem 0;line-height:1.4}.schedule-card strong{font-family:var(--display);font-size:2.3rem;font-weight:500;letter-spacing:-.04em}.schedule-card>span:last-child{font-size:.75rem;color:#4b6652}.settings-row{display:flex;gap:.5rem;justify-content:space-between;align-items:center;padding:1rem .15rem;border-bottom:1px solid #dfe7dc}.settings-row strong{font-size:.875rem;font-weight:550;display:block}.settings-row div>span{font-size:.75rem;color:#617360;display:block;margin-top:.15rem}.setting-value{color:#2f6246;background:#deecdf;border-radius:1rem;padding:.15rem .65rem;font-size:.75rem}.setting-value.muted{color:#52684f;background:#e8ece5}.activity-summary{display:grid;grid-template-columns:1fr 1fr;background:#ddeadf;border-radius:.65rem;padding:1.1rem;margin-bottom:1.3rem}.activity-summary strong{display:block;font-family:var(--display);font-size:2.5rem;font-weight:500;letter-spacing:-.04em;margin-top:.25rem}.activity-summary small{font-size:.875rem;letter-spacing:0}.visit-row{display:grid;grid-template-columns:4.2rem 1fr auto;gap:.4rem;font-size:.75rem;align-items:center;border-bottom:1px solid #dfe7dc;padding:.8rem 0}.visit-row strong{font-weight:500}.visit-row>span{color:#5b725f}.review-card{background:#e8eee1;border:1px solid #dbe4d1;border-radius:.6rem;padding:1rem;margin-top:1.3rem}.review-card h4{font-size:1rem;font-weight:600;margin:.35rem 0}.review-card p{font-size:.8125rem;color:#566d55;line-height:1.6}.review-label{font-size:.75rem;color:#38583e;display:block;margin-top:.7rem}.privacy-section{padding-block:7.5rem;display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;border-bottom:1px solid var(--line)}.privacy-section h2{margin-top:1.4rem}.privacy-copy>p:first-child{font-family:var(--display);font-size:1.4rem;letter-spacing:-.035em;line-height:1.5;margin-bottom:1.25rem}.privacy-copy>p:nth-child(2){color:var(--body);line-height:1.8}.faq-section{padding-block:6.5rem 7rem;display:grid;grid-template-columns:1fr 1.65fr;gap:5rem}.faq-heading h2{margin-top:1.4rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;gap:1.5rem;justify-content:space-between;padding:1.4rem 0;font-size:1.0625rem;font-weight:500;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-weight:400;font-size:1.25rem;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{padding:0 2rem 1.5rem 0;color:var(--body);font-size:1rem;line-height:1.8}.closing-section{background:var(--forest);color:#f2f8ed;text-align:center;padding:5rem 0 4.5rem}.closing-section .eyebrow{color:#bfdbca}.closing-section h2{font-size:clamp(2.7rem,5vw,5rem);margin:1.7rem 0 2rem}.closing-section em{color:#bce7cf}.button-light{background:var(--mint);color:var(--ink)}.button-light:hover{background:white;transform:translateY(-2px)}.closing-note{font-size:.8125rem;color:#bed4c7;margin-top:1.5rem}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:130px;padding-block:2rem}.site-footer>p,.site-footer>span{color:var(--body);font-size:.8125rem}
@media(min-width:1600px){.hero-copy{padding-left:8rem}.hero h1{font-size:4.8rem}}
@media(max-width:1100px){.section-shell,.site-header{width:calc(100% - 4rem)}.hero-copy{padding:4rem 2rem}.hero{min-height:570px;grid-template-columns:46% 54%}.hero-visual{min-height:570px}.hero h1{font-size:3.25rem}.intro-layout,.system-layout,.app-layout,.privacy-section,.faq-section{gap:3rem}.cleaning-section{gap:3rem}.routine-card{padding:1.6rem}.routine-list li{grid-template-columns:1fr;gap:.4rem}.benefits article{padding-inline:1.5rem}.system-details h3{font-size:1.5rem}.app-panel{padding-inline:1rem}}
@media(max-width:800px){html{scroll-padding-top:2rem}.site-header{min-height:85px}.site-header nav{gap:1.1rem}.header-link{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:3.5rem 2rem 3rem;max-width:650px}.hero h1{font-size:clamp(3rem,8vw,4.5rem)}.hero-copy>p{max-width:30rem}.hero-visual{min-height:0;aspect-ratio:3/2}.hero-visual>img{object-fit:cover;object-position:center}.introduction{padding-block:4.5rem}.intro-layout{gap:2rem;grid-template-columns:1fr;margin-top:1.4rem}.intro-layout>p{max-width:100%}.benefits{margin-top:3rem;gap:1.5rem}.benefits article{padding:0;border-left:0}.benefits h3{font-size:1.125rem}.benefits p{font-size:.9375rem}.system-section{padding-block:4.5rem}.section-heading{display:block}.section-heading>p{max-width:33rem;margin-top:1.5rem}.system-layout{grid-template-columns:1fr 1.1fr;gap:2rem;align-items:start}.system-diagram{padding:1.25rem .65rem 1.5rem}.system-details h3{font-size:1.3rem}.system-details p{font-size:.9375rem}.diagram-title{font-size:23px}.diagram-body{font-size:17px}.diagram-caption{display:none}.diagram-label{font-size:.75rem}.cleaning-section{padding-block:4.5rem;gap:2.5rem}.routine-card{padding:1.3rem}.app-section{padding-block:4rem}.app-layout{gap:2rem}.app-copy h2{font-size:2.6rem}.app-tabs button{grid-template-columns:1.2rem 1fr 1rem;gap:.5rem;padding:1.1rem .5rem}.app-tabs strong{font-size:1rem}.app-tabs small{font-size:.8125rem}.phone{border-width:6px}.app-panel{padding-inline:.8rem}.app-stage{min-width:0}.screen-heading h3{font-size:1.2rem}.screen-heading{gap:.25rem}.screen-note{font-size:.75rem}.privacy-section{padding-block:4.5rem;grid-template-columns:1fr;gap:2rem}.privacy-copy{max-width:40rem}.faq-section{padding-block:4.5rem;gap:2.5rem;grid-template-columns:1fr 1.65fr}.site-footer{flex-wrap:wrap;gap:1rem}.site-footer>p{flex:1;text-align:right}.site-footer>span{width:100%;text-align:center}}
@media(max-width:620px){.section-shell,.site-header{width:calc(100% - 2.5rem)}.site-header{min-height:78px;gap:1rem}.wordmark{font-size:1.0625rem;gap:.5rem}.brand-mark{width:2rem;height:2rem;font-size:1.3rem}.site-header nav{gap:1rem;font-size:.875rem}.site-header nav a:nth-child(3){display:none}.hero-copy{padding:2.6rem 1.25rem 2.8rem}.hero-copy .eyebrow{font-size:.75rem;margin-bottom:1.3rem}.hero h1{font-size:clamp(2.7rem,10.5vw,4rem)}.hero-copy>p{font-size:1rem;margin-bottom:1.6rem}.hero-visual{aspect-ratio:3/2}.hero-visual figcaption{padding:2rem 1.25rem .9rem;font-size:.75rem}.hero-visual figcaption>span:first-child{display:none}.hero-visual figcaption{justify-content:flex-end}.introduction{padding-block:3.5rem}.eyebrow{font-size:.75rem}h2{font-size:2.6rem}.intro-layout>p{font-size:1rem}.benefits{grid-template-columns:1fr;gap:0;margin-top:2.5rem}.benefits article{display:grid;grid-template-columns:2.5rem 1fr;padding:1.5rem 0;border-top:1px solid var(--line);column-gap:.75rem}.benefits article:first-child{border-top:1px solid var(--line)}.feature-symbol{grid-row:1/3;margin:0;padding-top:.15rem}.benefits h3{font-size:1.2rem}.benefits p{max-width:100%;font-size:1rem}.system-section{padding-block:3.5rem}.system-layout{grid-template-columns:1fr;gap:2.5rem;margin-top:2rem}.system-diagram{position:static;padding:1.4rem 1rem}.system-diagram svg{max-height:420px}.diagram-title{font-size:20px}.diagram-body{font-size:15px}.diagram-caption{display:block}.system-details h3{font-size:1.65rem}.system-details p{font-size:1rem}.system-details article{padding:1.7rem 0}.cleaning-section{grid-template-columns:1fr;padding-block:3.5rem;gap:2rem}.routine-card{padding:1.5rem}.routine-list li{grid-template-columns:5.2rem 1fr;gap:1rem}.app-section{padding-block:3.5rem}.app-layout{grid-template-columns:1fr;gap:2.5rem}.app-copy>p:not(.eyebrow){max-width:100%}.app-tabs{margin-top:2rem}.app-tabs button{grid-template-columns:2rem 1fr 1rem;padding:1.2rem .8rem}.app-tabs strong{font-size:1.0625rem}.app-tabs small{font-size:.875rem}.phone{max-width:22.1875rem;border-width:7px}.app-panel{padding:1rem 1.1rem .7rem}.screen-heading h3{font-size:1.3rem}.privacy-section{padding-block:3.5rem}.privacy-copy>p:first-child{font-size:1.3rem}.faq-section{padding-block:3.5rem;grid-template-columns:1fr;gap:2rem}.faq-heading h2 br{display:none}.faq-list summary{font-size:1rem}.faq-list details p{padding-right:.5rem}.closing-section{padding-block:3.5rem}.closing-section h2{font-size:2.8rem}.site-footer{padding-block:2rem;flex-direction:column;gap:1.3rem}.site-footer>p{text-align:center}.site-footer>span{font-size:.75rem}.concept-note{font-size:.75rem}}
@media(max-width:360px){.site-header nav{gap:.65rem;font-size:.8125rem}.wordmark{font-size:.9375rem}.section-shell,.site-header{width:calc(100% - 2rem)}.hero-copy{padding-inline:1rem}.hero h1{font-size:2.65rem}h2,.app-copy h2{font-size:2.3rem}.routine-list li{grid-template-columns:1fr;gap:.4rem}.app-panel{padding-inline:.8rem}.visit-row{grid-template-columns:4.1rem 1fr;gap:.2rem}.visit-row>span:last-child{grid-column:2}.activity-summary{gap:.5rem;padding:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(min-width:621px) and (max-width:800px){.system-layout{grid-template-columns:1fr}.system-diagram{position:static;width:min(100%,32rem);margin-inline:auto}.diagram-title{font-size:20px}.diagram-body{font-size:15px}.diagram-caption{display:block}}
@media(max-width:620px){.system-diagram svg .diagram-body,.system-diagram svg .diagram-caption{display:none}.system-diagram svg .diagram-title{font-size:25px}.system-diagram svg .diagram-number{font-size:22px}}