/* Final SMB visual direction: deep teal, warm white, restrained green accents.
   Loaded last so the presentation can be adjusted without changing behavior. */
:root{--ink:#15383f;--muted:#52696e;--cream:#fbfcfa;--pale:#f2f5f4;--line:#d9e2df;--green:#c6e5d1;--teal:#1d6b63}
h1,h2,.workspace-detail h3,.linux-pricing h4{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:-.045em}
h1{font-size:clamp(48px,5.15vw,70px);line-height:1.1}h1 em{font-style:normal;font-weight:600}
h2{line-height:1.17}.section-heading h2,.visual-heading h2{font-size:clamp(33px,3.2vw,43px)}
.workspace-detail h3{font-size:31px;line-height:1.2}.linux-pricing h4{font-size:40px;line-height:1.15}
.price-line>strong,.estimate-line>div:last-child strong,.step-number,.guide-index{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:500;letter-spacing:-.035em}
.principle-strip{background:#f1f5f3}.workspace-section{background:#f2f5f4}.application-section{background:#eef4f3}.visual-guide{background:#f2f5f4}
.architecture-toolbar{background:#f8faf8}.architecture-board{border-color:#d2dfd9}.hero-art img{box-shadow:0 22px 55px -35px #15383f90}
.growth-visual{background:#f1f5f2}.app-choice{background:#fbfcfa}.step-number{color:#607e79}.preview-badge{background:#f5f8f5}
@media(max-width:1100px){.hero h1{font-size:54px}.workspace-detail h3{font-size:29px}}
@media(max-width:850px){.hero h1{font-size:44px}.application-layout h2{font-size:31px}.planner-section h2{font-size:38px}.workspace-detail h3{font-size:27px}.linux-pricing h4{font-size:35px}}
@media(max-width:640px){.hero h1{font-size:45px}.section-heading h2,.visual-heading h2{font-size:32px}.application-layout h2{font-size:32px}.planner-section h2{font-size:37px}.workspace-detail h3{font-size:29px}.linux-pricing h4{font-size:37px}.faq-section h2{font-size:32px}.growth-section h2{font-size:31px}}
@media(max-width:370px){.hero h1{font-size:39px}.section-heading h2,.visual-heading h2{font-size:29px}}

/* Practical SMB use cases and fit guidance. */
.audience-section .section-heading>p{max-width:385px}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.audience-card{border:1px solid var(--line);border-radius:14px;padding:30px;background:#fff;display:flex;flex-direction:column;min-width:0}.audience-card-heading{display:flex;gap:17px;align-items:center;margin-bottom:21px}.audience-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border:1px solid #d5e4db;background:#edf5ef;border-radius:11px}.audience-icon svg{width:28px;height:28px;fill:none;stroke:var(--teal);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.audience-kicker{display:block;font-size:9px;font-weight:600;letter-spacing:1.15px;color:var(--teal);margin-bottom:6px;line-height:1.6}.audience-card h3{font-size:21px;line-height:1.3}.audience-card>p{font-size:14px;line-height:1.8;margin-bottom:23px}.audience-detail{border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.audience-detail strong{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.audience-detail p{font-size:12px;line-height:1.8}.audience-detail .text-link{display:inline-flex;font-size:11px;margin-top:13px;gap:10px}.audience-healthcare{background:#f5f8f5}.audience-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}.audience-principles article{display:flex;align-items:flex-start;gap:12px}.audience-principles article>span{font:500 11px/1.9 monospace;color:var(--teal);flex-shrink:0}.audience-principles h3{font-size:14px;margin-bottom:8px}.audience-principles p{font-size:12px;line-height:1.8}.audience-fit{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:10px;padding:22px 25px;background:#edf3ef;margin-top:29px}.audience-fit p{font-size:12px;line-height:1.8;max-width:740px}.audience-fit strong{display:block;color:var(--ink);font-size:13px;margin-bottom:3px}.audience-fit .text-link{flex-shrink:0;font-size:12px}.audience-section a{scroll-margin-top:100px}
@media(max-width:850px){.audience-section .section-heading>p{max-width:280px}.audience-grid{gap:16px}.audience-card{padding:23px}.audience-card-heading{gap:13px}.audience-card h3{font-size:18px}.audience-kicker{font-size:8px;letter-spacing:.7px}.audience-icon{width:42px;height:42px}.audience-card>p{font-size:13px}.audience-principles{gap:20px}.audience-principles article{gap:9px}.audience-principles h3{font-size:13px}.audience-fit{align-items:flex-start;flex-direction:column;gap:13px}}
@media(max-width:640px){.audience-section .section-heading>p{max-width:none;font-size:14px}.audience-grid{grid-template-columns:1fr;gap:17px}.audience-card{padding:24px 22px}.audience-card h3{font-size:20px}.audience-kicker{font-size:8px}.audience-card>p{font-size:14px}.audience-principles{grid-template-columns:1fr;gap:23px;margin-top:28px;padding-top:25px}.audience-principles article{gap:14px}.audience-principles h3{font-size:15px}.audience-principles p{font-size:13px}.audience-fit{padding:21px;margin-top:26px}}

/* Provider operations explainer. The display is illustrative, with no data feed. */
.ops-section{padding:80px 0;background:#112f38;color:#f4f8ef}.ops-layout{display:grid;grid-template-columns:1fr 1.16fr;gap:70px;align-items:center}.ops-copy .eyebrow{color:#bedfcb}.ops-copy h2{color:#f4f8ef;font-size:43px;line-height:1.17}.ops-copy>p:not(.eyebrow){color:#b9ced0;font-size:14px;margin-top:23px;max-width:440px;line-height:1.85}.ops-benefits{margin-top:30px}.ops-benefits article{display:flex;gap:16px;border-top:1px solid #34525a;padding-top:19px;margin-top:19px}.ops-benefits article>span{font:500 10px/2 monospace;letter-spacing:.5px;color:#a8d3ba}.ops-benefits h3{font-size:15px;color:#f2f7ed;margin-bottom:6px}.ops-benefits p{font-size:12px;color:#b9cdce;line-height:1.75}.ops-preview{margin:0;background:#f9fbf7;border:1px solid #6e8b85;border-radius:14px;overflow:hidden;color:#15383f;box-shadow:0 25px 50px -20px #05141970}.ops-windowbar{display:flex;align-items:center;gap:11px;padding:15px 17px;background:#e6eeE6;border-bottom:1px solid #d2e0d3}.ops-windowbar>span:not(.ops-windowdots){font-size:8px;letter-spacing:.9px;font-weight:600;color:#486754}.ops-windowbar>b{font-size:7px;letter-spacing:.6px;margin-left:auto;border:1px solid #b6cbb7;padding:3px 5px;border-radius:3px;font-weight:500;white-space:nowrap}.ops-windowdots{display:flex;gap:4px}.ops-windowdots i{height:4px;width:4px;background:#8caa91;border-radius:50%}.ops-screen{padding:25px 23px 22px}.ops-screen-heading{display:flex;gap:17px;align-items:center;justify-content:space-between}.ops-label{display:block;font-size:8px;letter-spacing:1.2px;color:#698470;margin-bottom:7px}.ops-screen-heading h3{font-size:17px;line-height:1.45;font-weight:600;letter-spacing:-.4px}.ops-monitor-icon{height:32px;width:32px;fill:none;stroke:#357256;stroke-width:1.5;flex-shrink:0}.ops-signal-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.ops-signal-sources>div{border:1px solid #d4e2d0;border-radius:7px;background:#f1f6ec;text-align:center;padding:15px 8px 12px}.ops-signal-sources svg{display:block;width:34px;height:34px;fill:none;stroke:#548761;stroke-width:1.5;margin:0 auto 10px}.ops-signal-sources strong{display:block;font-size:10px;font-weight:600;line-height:1.5}.ops-signal-sources span{display:block;font-size:8px;color:#6c846c;margin-top:5px;line-height:1.4}.ops-feed-lines{display:grid;grid-template-columns:repeat(3,1fr);height:24px;gap:10px}.ops-feed-lines span{display:block;border-left:1px dashed #88a27e;width:1px;justify-self:center}.ops-diagnostic-bar{display:flex;gap:9px;align-items:center;justify-content:center;background:#193f3f;color:#dbedd5;border-radius:6px;padding:12px 9px;font-size:10px}.ops-diagnostic-bar svg{width:19px;height:19px;stroke:#bfdeb4;fill:none;stroke-width:1.5;flex-shrink:0}.ops-record-list{margin-top:21px}.ops-record-list>div{display:flex;gap:11px;align-items:center;border-top:1px solid #dce5d8;padding:13px 0}.ops-record-list>div:last-child{padding-bottom:0}.ops-record-icon{width:24px;height:27px;color:#507959;font-size:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ops-record-list strong{display:block;font-size:10px;font-weight:600;line-height:1.6}.ops-record-list small{display:block;font-size:8px;color:#6b7f71;margin-top:3px;line-height:1.65}.ops-record-list b{font-size:7px;font-weight:550;color:#608568;background:#edf3e7;border:1px solid #d4e0cf;border-radius:3px;padding:2px 5px;margin-left:auto;white-space:nowrap}.ops-preview figcaption{background:#eef3e9;border-top:1px solid #d8e3d1;font-size:8px;color:#627b65;line-height:1.8;padding:11px 18px}.ops-scope-note{color:#b5cbd0;font-size:10px;line-height:1.8;margin-top:17px}
@media(max-width:1100px){.ops-layout{gap:42px}.ops-copy h2{font-size:37px}.ops-screen{padding:23px 19px}.ops-windowbar{gap:7px;padding:14px}.ops-windowbar>span:not(.ops-windowdots){font-size:7px;letter-spacing:.5px}.ops-windowdots{display:none}.ops-screen-heading h3{font-size:15px}.ops-signal-sources{gap:7px}.ops-signal-sources strong{font-size:9px}.ops-signal-sources span{font-size:7px}.ops-diagnostic-bar{font-size:9px}}
@media(max-width:850px){.ops-section{padding-block:58px}.ops-layout{gap:28px;grid-template-columns:1fr 1.16fr}.ops-copy h2{font-size:31px}.ops-copy>p:not(.eyebrow){font-size:12px}.ops-benefits h3{font-size:13px}.ops-benefits p{font-size:11px}.ops-benefits article{gap:10px}.ops-windowbar>b{font-size:6px;letter-spacing:.2px}.ops-screen{padding:19px 14px}.ops-screen-heading h3{font-size:14px}.ops-monitor-icon{width:27px}.ops-label{font-size:7px}.ops-signal-sources>div{padding:12px 5px}.ops-signal-sources strong{font-size:8px}.ops-signal-sources span{font-size:7px}.ops-record-list{margin-top:17px}.ops-record-list>div{gap:8px}.ops-record-list strong{font-size:9px}.ops-record-list small{font-size:7px}.ops-record-list b{font-size:6px}.ops-diagnostic-bar{font-size:8px}.ops-preview figcaption{font-size:7px}.ops-scope-note{font-size:9px}}
@media(max-width:640px){.ops-section{padding-block:48px}.ops-layout{grid-template-columns:1fr;gap:32px}.ops-copy h2{font-size:35px}.ops-copy>p:not(.eyebrow){font-size:14px}.ops-benefits{margin-top:26px}.ops-benefits h3{font-size:15px}.ops-benefits p{font-size:12px}.ops-benefits article{gap:15px}.ops-screen{padding:23px 17px 21px}.ops-windowbar{padding:14px}.ops-windowbar>span:not(.ops-windowdots){font-size:7px;letter-spacing:.5px}.ops-windowbar>b{font-size:6px}.ops-screen-heading h3{font-size:16px}.ops-label{font-size:8px}.ops-signal-sources{gap:8px}.ops-signal-sources>div{padding:14px 7px}.ops-signal-sources strong{font-size:9px}.ops-signal-sources span{font-size:8px}.ops-diagnostic-bar{font-size:9px}.ops-record-list strong{font-size:10px}.ops-record-list small{font-size:8px}.ops-record-list b{font-size:7px}.ops-preview figcaption{font-size:8px}.ops-scope-note{font-size:10px}}

/* Distributed development teams: full-width scenario panel under the audience cards. */
.dev-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center;margin-top:22px;padding:34px;background:#fff;border:1px solid var(--line);border-radius:14px}
.dev-panel-heading{display:flex;gap:17px;align-items:center;margin-bottom:21px}
.dev-panel-heading h3{font-size:24px;line-height:1.32;letter-spacing:-.2px;margin:0}
.dev-panel-copy>p{font-size:14px;line-height:1.85;margin-bottom:15px;color:var(--muted)}
.dev-panel-points{list-style:none;margin:21px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 26px}
.dev-panel-points li{position:relative;padding-left:19px;font-size:12.5px;line-height:1.75;color:var(--muted)}
.dev-panel-points li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:2px;border-radius:1px;background:var(--teal)}
.dev-panel-note{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
.dev-panel-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.dev-panel-note .text-link{display:inline-flex;font-size:11px;margin-top:13px;gap:10px}
.dev-panel-cta{margin-top:22px;font-size:14px}
.dev-panel-figure{min-width:0}
.dev-panel-figure svg{display:block;width:100%;height:auto;border-radius:16px}
@media(max-width:980px){
.dev-panel{grid-template-columns:1fr;gap:30px;padding:30px}
.dev-panel-figure{order:2}
.dev-panel-heading h3{font-size:22px}
}
@media(max-width:640px){
.dev-panel{padding:24px;border-radius:12px;margin-top:17px;gap:26px}
.dev-panel-heading{gap:13px;margin-bottom:18px}
.dev-panel-heading h3{font-size:20px}
.dev-panel-points{grid-template-columns:1fr;gap:10px}
.dev-panel-points li{font-size:13px}
.dev-panel-copy>p{font-size:14px}
}
