/* Restrained shared identity: white canvas, navy structure, blue action, mint accent. */
:root{--ink:#122f42;--navy:#102b3d;--muted:#637583;--paper:#fff;--line:#dfe6eb;--teal:#147fac;--lime:#e1f8f4;--mint:#9cf1e4;--blue:#147fac;--cyan:#53c5e2}
body{color:var(--ink);background:#fff}
.brand{display:inline-flex;align-items:center;text-decoration:none!important;flex-shrink:0}
.dc-logo{display:flex;align-items:center;gap:10px;width:auto;height:48px;letter-spacing:-.6px;line-height:1.04}
.dc-symbol{display:block;width:45px;height:45px;flex-shrink:0;overflow:visible;background:none;image-rendering:auto;filter:drop-shadow(0 2px 3px #062c4426)}
.dc-wordmark{display:flex;flex-direction:column;gap:2px;font-size:20px;color:var(--ink)}.dc-wordmark strong{font-size:23px;font-weight:750}.dc-wordmark>span{font-weight:400}
.nav,body>header{background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:none}.nav{padding-top:18px;padding-bottom:18px}
.sidebar{background:#102b3d;border-right:1px solid #213f51;color:#d7e6ed;box-shadow:none}.sidebar .dc-wordmark{color:#fff}.sidebar .workspace-label,.sidebar .sidebar-bottom,.sidebar .role-menu{color:#9fb9c8}.sidebar nav button{color:#c2d3df;background:transparent;border:0;box-shadow:none;border-radius:8px}.sidebar nav button:hover{background:#ffffff0d;color:#fff}.sidebar nav button.active{background:#214657;color:#fff;box-shadow:inset 3px 0 0 #9cf1e4}.sidebar nav button span{color:#9cf1e4}.sidebar .role-menu select{background:#1a394c;color:#fff;border:1px solid #3a5768}.sidebar-bottom a{color:#a0eee8}.sidebar~main{background:#f4f7f9;min-height:100vh}.sidebar~main>header{background:#fffffff0;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(12px)}
.panel,.metric,.card,.account-card,.preview,.module-stack article,.pricing-grid article,.path-card,.dealer-card,.software,.guide,.review-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #12304404;backdrop-filter:none}
button,.button{border-radius:7px;box-shadow:none;color:var(--ink);border-color:#d5dfe5;background:#fff;transition:background .16s,border-color .16s}button:hover,.button:hover{border-color:#8fa9b9;background:#f4f8fa;box-shadow:none;filter:none}button.primary,.button.dark,.dark{color:#fff;background:#137dab;border:1px solid #137dab;box-shadow:none}button.primary:hover,.button.dark:hover,.dark:hover{background:#10678e;border-color:#10678e}.button.light{background:#a7f0e6;color:#102f40;border:1px solid #a7f0e6}.button.light:hover{background:#caf9f1}.button.outline{background:transparent;border-color:#bccdd7;color:#163d54}
input,select,textarea{background:#fff;color:var(--ink);border-color:#cfdae2;border-radius:6px}input:focus,select:focus,textarea:focus{outline:2px solid #147fac;outline-offset:2px}.eyebrow,.number{color:#147fac}em{color:#147fac}.tag,.pill{background:#e8f3f7;color:#28576e;border-radius:5px}.context-strip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.role-focus{border-top:2px solid #177eaa}.role-recommended{border-color:#8edcdb}.chart-line{stroke:#147fac}.chart-baseline{stroke:#173e54}.bar-fill,.workbook-bars i{background:#238db4}.baseline-tag{background:#edf1f5;color:#435d70}.insight{background:#edf7f3;border:0;border-left:3px solid #88dedb;border-radius:5px}.chart-key{color:var(--muted)}
.hero{grid-template-columns:1.08fr 1fr;gap:64px;padding-top:64px;padding-bottom:70px}.hero h1{font-size:clamp(38px,4.1vw,58px);font-weight:650;letter-spacing:-2.2px;line-height:1.1}.hero h1 em{background:none;color:#147fac}.hero .eyebrow{max-width:440px;line-height:1.7}.hero .intro{font-size:17px;line-height:1.7}.hero-dealership-photo{height:385px;border-radius:12px;box-shadow:none}.hero-visual .preview{background:#fffffff5;border:1px solid #dce5eb;border-radius:10px;box-shadow:0 12px 30px #102b3d0f;backdrop-filter:blur(12px);margin-top:-50px}.preview-head{border-color:var(--line)}.showroom-photo,.workshop-photo{border-radius:12px;box-shadow:none}
.strip{background:#102b3d;border:0;color:#fff}.strip span{color:#bcd1de}.section{padding-top:76px;padding-bottom:76px}h2{font-weight:600}h3{font-weight:600}.segment-section,.pricing-section{background:#f3f6f8;border-color:var(--line)}.three article{border:0;border-top:2px solid #dce7ed;padding:24px 0 0;background:none;box-shadow:none;border-radius:0}.segment-grid{gap:28px}.segment-grid article{border:0;border-left:2px solid #b7d7e5;padding:0 0 0 22px;background:transparent;box-shadow:none;border-radius:0}.segment-grid article>span{color:#147fac}
.new-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:38px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.new-feature-grid article{padding:30px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:white;box-shadow:none}.new-feature-grid p{color:var(--muted);font-size:14px;line-height:1.7}.challenge{max-width:850px}.challenge h2{font-size:clamp(32px,3.5vw,44px)}.challenge>p:last-child{color:var(--muted);max-width:640px}
.role-showcase{margin-top:40px;padding:36px 40px;border-radius:12px;border:1px solid #2b4b5f;background:#102b3d;color:#fff;box-shadow:none}.role-showcase .eyebrow{color:#9cf1e4}.role-showcase label{display:block;font-size:12px;color:#b7ccd9}.role-showcase select{display:block;padding:12px;margin:10px 0 26px;max-width:100%;width:380px;background:#203f52;color:#fff;border:1px solid #537081}.role-showcase h3{font-size:27px;color:#fff}.role-showcase p:not(.eyebrow){color:#cad9e3;max-width:760px}.feature-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.feature-points span{border:1px solid #456778;border-radius:5px;padding:7px 12px;font-size:12px;color:#b0f1eb;background:transparent}
.path-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.path-explainer article{padding:26px;border:1px solid var(--line);border-radius:10px;background:white}.path-explainer p{font-size:14px;color:var(--muted)}.tools-section{background:#fff;border-block:1px solid var(--line)}.logo-window{background:transparent;border:0;border-radius:0}.logo-group li{border:1px solid var(--line);border-radius:8px;background:#f8fafb}.closing,.builder-offer{background:#102b3d;border:0;border-radius:12px;box-shadow:none;color:#fff}.closing .eyebrow,.builder-offer .eyebrow{color:#9cf1e4}.closing h2,.builder-offer h3{color:#fff}.closing p,.builder-offer p,.builder-offer .price,.builder-offer small{color:#d4e2eb}.builder-offer .fine{color:#b9d0da}.pricing-grid article{box-shadow:none}.account-wrap{margin-top:45px}body:has(.account-wrap){background:#f3f6f8}
@media(max-width:1050px){.nav{padding-inline:24px;gap:18px}.nav nav{gap:15px}.hero{gap:32px}.new-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.role-menu{margin:18px 0 0;max-width:360px}.nav{position:relative;flex-wrap:wrap}.nav nav{flex-wrap:wrap}.new-feature-grid,.path-explainer{grid-template-columns:1fr}.role-showcase{padding:26px}.hero h1{letter-spacing:-1.7px}.dc-logo{height:44px}.dc-symbol{width:40px;height:40px}.dc-wordmark{font-size:18px}.dc-wordmark strong{font-size:21px}.section{padding-block:52px}}
@media(max-width:740px){.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:48px}.hero h1{font-size:42px}.hero-dealership-photo{height:300px}.hero-visual .preview{margin-top:-35px}.nav{padding:16px 22px}.nav nav{justify-content:flex-start;gap:14px 22px}.new-feature-grid article{padding:24px}.closing{border-radius:0}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}
@media print{body,.panel,.card{background:white!important;box-shadow:none!important;backdrop-filter:none!important}.dc-symbol{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Glass material: cool translucent surfaces, reflected edges and restrained depth. */
:root{--glass-edge:#ffffffd9;--glass-shadow:0 8px 26px #153d5410;--mint:#9cf1e4;--cyan:#51c5ed}
body{background:linear-gradient(125deg,#fff 35%,#f4faff 72%,#f2fbfa);background-attachment:fixed}
.sidebar~main{background:radial-gradient(ellipse at 95% 0%,#d0ecf66b,transparent 52%),linear-gradient(125deg,#f5f8fb,#edf4f8)}
.sidebar{background:linear-gradient(145deg,#244e65f2 0%,#102e43f5 42%,#16495bf2 100%);border-right:1px solid #a3e9f340;box-shadow:inset -1px 0 0 #ffffff0a,6px 0 24px #123e5110;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.sidebar nav button.active{background:linear-gradient(110deg,#7adbe025,#73bded12);border:1px solid #b0e9f329;box-shadow:inset 3px 0 0 var(--mint),inset 0 1px 0 #ffffff12}.sidebar .role-menu select{background:#ffffff0b;border-color:#94cbd342;box-shadow:inset 0 1px 0 #ffffff12}.sidebar .role-menu option{background:#16394c;color:white}
.nav,body>header,.sidebar~main>header{background:linear-gradient(120deg,#fffffff0,#ffffffca);border-bottom:1px solid #d4e4ed;box-shadow:inset 0 -1px 0 #fff,0 4px 18px #153e5307;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
.panel,.metric,.card,.account-card,.module-stack article,.pricing-grid article,.path-card,.dealer-card,.software,.guide,.review-card,.path-explainer article{background:linear-gradient(135deg,#fffffff2 0%,#ffffffb5 58%,#e8f6fac2 100%);border:1px solid #cbdde7;border-radius:13px;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffa6,var(--glass-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.context-strip{background:#ffffffad;border-color:#d4e3eb;box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
button,.button{background:linear-gradient(180deg,#fff,#f2f7fa);border-color:#c8d9e3;box-shadow:inset 0 1px 0 #fff,0 2px 4px #17384f07}.sidebar nav button{box-shadow:none}.button.outline{background:#ffffff75}
button.primary,.button.dark,.dark{background:linear-gradient(165deg,#238fbd,#1179a8 70%);border-color:#268caf;box-shadow:inset 0 1px 0 #a9e9ff70,0 3px 8px #1179a81c}.button.light{background:linear-gradient(150deg,#c9fff2,#9aeee5);border-color:#aceee5;box-shadow:inset 0 1px 0 #fff9,0 3px 10px #061d3220}
input,select,textarea{background:#ffffffd9;box-shadow:inset 0 1px 2px #123a4d06}.sidebar input,.sidebar select{box-shadow:none}
.hero-visual .preview{background:linear-gradient(125deg,#fffffff2,#ffffffce);border:1px solid #d5e5ed;box-shadow:inset 0 1px 0 white,0 14px 35px #10374d19;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.segment-section,.pricing-section{background:linear-gradient(120deg,#edf5f9e6,#f1f9f9cc);border-color:#d7e5ec}.tools-section{background:#ffffffad}.logo-group li{background:linear-gradient(140deg,#ffffffed,#edf6fabf);box-shadow:inset 0 1px 0 white;border-color:#d2e2ec}
.role-showcase,.closing,.builder-offer{background:linear-gradient(130deg,#234c62 0%,#102e43 55%,#17465a 100%);border:1px solid #76b9cc55;box-shadow:inset 0 1px 0 #c7f6ff45,inset 1px 0 0 #b7f1f21a,0 12px 32px #123a5114}.role-showcase select{background:#ffffff0e;box-shadow:inset 0 1px 0 #ffffff16}.role-showcase select option{background:#173e53;color:#fff}
.new-feature-grid{background:linear-gradient(125deg,#ffffffdf,#eff8fbbb);border-radius:12px;overflow:hidden;box-shadow:inset 0 1px 0 white,0 7px 24px #153d5409}.new-feature-grid article{background:#ffffff70}
.insight{background:#e6f8f5}.bar-fill,.workbook-bars i{background:linear-gradient(90deg,#147eb1,#48b8d5)}
@media(prefers-reduced-transparency:reduce){.panel,.metric,.card,.account-card,.preview,.nav,.sidebar~main>header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar{background:#102b3d}}
@media print{body,.sidebar~main,.panel,.card{background:white!important;box-shadow:none!important;backdrop-filter:none!important}}

/* Match aqua accents on legacy navigation and non-error notices. */
.online-dot{background:#9cf1e4}.callout:not(.warning){background:linear-gradient(120deg,#edf9f7d9,#f4fbfdd9);border-left-color:#67bebd}.role-focus{border-top-color:#5fc7d3}.role-recommended{border-color:#91d8db}.path-real{border-left-color:#218f9c}

/* Workspace hierarchy and guided setup. */
.sidebar~main>header{position:relative;top:auto;padding:18px 20px;margin:0 -1px 14px;border:1px solid #d4e6ef;border-top:0;border-radius:0 0 16px 16px;min-height:0}
.header-actions{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:22px;padding:0;width:100%}.dealer-context{min-width:0;max-width:580px}.dealer-switch-label{display:block;font-size:10px;letter-spacing:1px;font-weight:700}.dealer-switch-label select{display:block;width:100%;max-width:none;padding:10px 12px;font-size:15px;margin:6px 0}.workspace-actions{display:flex;align-items:flex-end;flex-direction:column;gap:9px}.workspace-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.workspace-buttons button{padding:10px 13px}.header-actions #save-status{display:block;max-width:none;font-size:11px;text-align:right;order:initial;flex-basis:auto;color:#516b7c}#dealer-context-detail{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#577182}.context-kind{font-size:9px;letter-spacing:.6px;color:#147ca5;font-weight:700}.path-banner{margin:0 0 20px;padding:12px 16px;gap:12px;background:linear-gradient(110deg,#e5f5fbe0,#f9ffffcc);border:1px solid #bddce9;border-radius:10px;box-shadow:inset 0 1px 0 #fff}.path-banner>div{flex:1;min-width:0}.path-banner strong{font-size:10px;letter-spacing:.7px}.path-banner span{font-size:12px;margin:3px 0 0}.path-banner .mode-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#30a5d0;box-shadow:0 0 0 5px #30a5d016}.path-real .mode-dot{background:#168992}.path-hybrid .mode-dot{background:#5474b6}.path-banner button{font-size:11px;padding:8px 12px}.path-banner.path-hybrid{background:linear-gradient(110deg,#eef1ff,#f5fbff)}
.page-heading{margin:26px 0 24px;gap:20px}.page-heading h1{font-size:clamp(27px,2.5vw,38px);line-height:1.15;margin-bottom:12px}.page-heading .eyebrow{margin-bottom:10px}.page-heading>.tag{align-self:flex-start}.page-heading .subtext{max-width:790px;line-height:1.6}.screen-direction{display:flex;gap:15px;align-items:center;padding:16px 20px;margin:0 0 24px;border-radius:12px;background:linear-gradient(120deg,#d8f3fa,#ecfbf8);border:1px solid #b8e2eb;box-shadow:inset 0 1px 0 white}.screen-direction>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#1484b3;color:#fff;font-size:23px;flex-shrink:0;box-shadow:inset 0 1px 0 #ffffff66}.screen-direction p{margin:4px 0 0;color:#436477;font-size:12px;line-height:1.5}.screen-direction strong{font-size:14px}
.setup-launch{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 36px;border-radius:18px;background:linear-gradient(115deg,#12394f,#1c6580);color:#fff;box-shadow:inset 0 1px 0 #bcefff77,0 12px 35px #10446216;margin-bottom:22px;border:1px solid #72bbd14d}.setup-launch .eyebrow{color:#a3f1e6;margin-bottom:10px}.setup-launch h2{color:white;font-size:27px;margin:0 0 10px}.setup-launch p:not(.eyebrow){color:#daeff6;font-size:14px;max-width:590px}.setup-launch button.primary{background:linear-gradient(150deg,#cafcf0,#9de8e6);color:#10384c;border-color:#bbf4ed;margin-top:8px}.setup-dial{display:grid;place-items:center;width:124px;height:124px;flex:0 0 124px;border-radius:50%;background:conic-gradient(#9ff2e5 var(--progress),#ffffff24 0);padding:7px}.setup-dial>div{border-radius:50%;background:#19485f;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.setup-dial strong{font-size:36px;color:white}.setup-dial small{font-size:16px;color:#bfdfeb}.setup-dial span{font-size:10px;color:#d1eaf2}.setup-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.setup-tile{padding:22px;border:1px solid #d0e2ec;border-radius:14px;background:linear-gradient(140deg,#fff,#eff8fbbf);box-shadow:inset 0 1px 0 white,0 8px 24px #123c5008;display:flex;flex-direction:column}.setup-tile.is-next{border-color:#59b3d3;background:linear-gradient(135deg,#e5f6ff,#effdfa)}.setup-tile.is-done{border-color:#a8ded8}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tile-top small{font-size:9px;letter-spacing:1px;font-weight:700;color:#237795}.setup-tile .step-number{background:linear-gradient(150deg,#d6f2fb,#c2e7f3);color:#13678b;border:1px solid #b1dce9;border-radius:12px}.setup-tile.is-done .step-number{background:#d2f5eb;color:#11695f}.setup-tile h2{font-size:18px;margin-bottom:10px}.setup-tile p{font-size:12px;line-height:1.65;flex:1;color:#516e80}.setup-tile button{align-self:flex-start;margin-top:14px}.setup-footnote{font-size:11px;color:#617b8a;margin:20px 0;max-width:800px}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mode-card-top>span:last-child{font-size:9px;letter-spacing:1px;font-weight:700;color:#247c9b}.mode-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#168bbc,#55c6df);color:white;font-size:26px;box-shadow:inset 0 1px 0 #ffffff8a,0 5px 12px #1d8ab41a}.path-real .mode-icon{background:linear-gradient(135deg,#168d9d,#7fded8)}.path-hybrid .mode-icon{background:linear-gradient(135deg,#416eab,#75bfdf)}.mode-choice .path-card{border-left-width:1px;box-shadow:inset 0 1px 0 #fff,0 6px 24px #1a50620a;padding:24px}.mode-choice .path-card.selected-path{border:2px solid #55b5d3;background:linear-gradient(150deg,#e7f7ff,#eafbf6)}.mode-requirement{font-size:12px;color:#246c89;margin-top:12px}.mode-steps{font-size:11px;line-height:1.7;color:#57798a;margin:12px 0 22px}.mode-choice h3{font-size:19px;line-height:1.3}.mode-choice>p{margin-bottom:24px}.context-strip{padding:12px 16px}.context-strip [data-setup-reviewed]{background:linear-gradient(150deg,#248fba,#147ca6);color:white;border-color:#2996b9}
@media(max-width:1200px){.header-actions{grid-template-columns:1fr}.dealer-context{max-width:none}.workspace-actions{align-items:flex-start}.workspace-buttons{justify-content:flex-start}.header-actions #save-status{text-align:left}.setup-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.setup-launch{padding:24px;gap:15px}.setup-dial{width:86px;height:86px;flex-basis:86px}.setup-dial strong{font-size:26px}.setup-dial span{font-size:8px}.setup-launch h2{font-size:22px}.setup-tiles{grid-template-columns:1fr}.path-banner{flex-direction:row;align-items:center;flex-wrap:wrap}.path-banner button{margin-left:22px}.workspace-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.workspace-actions{width:100%}.workspace-buttons button{font-size:11px;padding:10px}.sidebar~main>header{padding:14px}.header-actions{gap:12px}.screen-direction{padding:14px}}

.context-option{flex-basis:100%;font-size:11px;color:#285e76}.setup-tiles .step-number{flex-basis:42px}.mode-choice .path-card p{line-height:1.6}

/* Responsive surfaces: keep controls usable and contain dense reporting data. */
.mobile-menu{display:none}
/* Match the marketing header to the 1280px body container and its gutters. */
.nav{padding-inline:max(48px,calc((100% - 1280px)/2 + 48px))}
@media(max-width:1100px){.nav{padding-inline:28px}}
@media screen and (max-width:800px){
  input:not([type=checkbox]):not([type=radio]),select,textarea,.dealer-switch-label select,.sidebar .role-menu select{font-size:16px;min-height:44px;max-width:100%}
  button,.button,summary{min-height:44px;white-space:normal}
  button,.button{touch-action:manipulation}
  main,.panel,.card,.metric,.grid-two>*,.form-grid>*,.dealer-context,.workspace-actions{min-width:0}
  .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  pre{max-width:100%;overflow-x:auto}code,a{overflow-wrap:anywhere}
  .workbook-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
  .workbook-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
  .role-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
  .panel-heading,.goal-bar-label,.setup-nudge{flex-wrap:wrap;gap:12px}
  .sidebar nav{gap:4px}.sidebar nav button{padding:10px 12px;font-size:12px;flex:0 0 auto;min-width:0}.sidebar nav{overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
  .sidebar .role-menu{max-width:none;margin:14px 0 10px}.sidebar .role-menu select{margin-top:5px}
  .sidebar~main{padding-bottom:env(safe-area-inset-bottom,16px)}
  .workspace-buttons button,.path-banner button{font-size:12px;min-height:44px}
  .path-banner{flex-direction:row;flex-wrap:wrap;align-items:center}.path-banner>div{flex-basis:calc(100% - 35px)}.path-banner button{margin-left:22px}
  .export-actions{flex-wrap:wrap;gap:8px}.export-actions>*{max-width:100%}
  body>header:not(.nav){flex-wrap:wrap;gap:16px}
}
@media screen and (max-width:740px){
  .nav{justify-content:space-between;gap:16px}.mobile-menu:not([hidden]){display:block}
  .nav #site-navigation{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px}
  .nav #site-navigation.collapsible:not(.is-open){display:none}
  .nav #site-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px}
  .nav #site-navigation .button{justify-content:center;margin-top:4px}
  .segment-grid{grid-template-columns:1fr}.role-showcase{padding:24px 20px}
  .hero h1{font-size:clamp(34px,10vw,42px)}.hero .actions{gap:16px}
  .preview-head{flex-wrap:wrap}.preview-head .pill{margin-left:0}
  .account-wrap{margin:24px auto;padding-inline:16px}.account-card{padding:24px 20px}
}
@media screen and (max-width:480px){
  .sidebar{padding:16px}.sidebar~main{padding-inline:12px}
  .panel,.earnings-hero{padding:16px}.panel .panel{padding:14px}
  .cards,.expense-row{grid-template-columns:minmax(0,1fr)}
  .setup-launch{flex-wrap:wrap;padding:22px}.setup-dial{order:-1;width:72px;height:72px;flex-basis:72px}
  .setup-launch>div:not(.setup-dial){flex:1 1 190px}
  .page-heading{gap:12px}.page-heading .tag{font-size:10px}
  .context-strip [data-setup-reviewed]{width:100%}
  .mode-choice .path-card{padding:18px}
  .screen-direction{align-items:flex-start;gap:10px}
  .metric strong,.owner-identity .metric strong{overflow-wrap:anywhere}
  .bar-row{flex-wrap:wrap}.bar-label{max-width:100%}
  .earnings-hero h2,.owner-identity h2{font-size:26px}
}