/* Stellar Atlas foundation overlay for the existing v0.14.0 frontend.
   Load after original styles.css and design-system/tokens.css.
   This preserves existing DOM structure; it is not the complete layout redesign. */
:root{--bg:var(--atlas-space);--paper:var(--atlas-surface);--ink:var(--atlas-text);--muted:var(--atlas-muted);--border:var(--atlas-border);--lime:#00A6EE;--purple:#71D4FF;--violet-light:#153D55;--green:#76E8BC;--green-bg:#083E35;--amber:#FFD279;--amber-bg:#443616;--red:#FFABAF;--red-bg:#4A242E;--radius:12px;font-family:var(--atlas-font);color-scheme:dark}
body{background:var(--atlas-space);color:var(--atlas-text)}
.sidebar,.topbar{background:#061B2A;border-color:var(--atlas-border)}
.atlas-product-logo{width:190px;height:62px;object-fit:contain}.brand{padding:0}
.workspace-select,.card,.stat,.panel,.modal,.modal-header,.modal-footer{background:#0B2333;border-color:#284657;color:#F5FAFE}
.workspace-select{background:#123044}.workspace-avatar{background:#0D4C70;color:#D4F1FF}
.nav-link{color:#B4CDDC}.nav-link:hover{background:#12364D}.nav-link.active{background:#075B90;color:#fff}.nav-group,.sidebar-bottom,.sidebar-bottom small{color:#A9BFCD}
.button{border-radius:7px;min-height:44px;background:#153347;border-color:#567F99;color:#F5FAFE}.button.primary{background:#0070C9;border-color:#0070C9;color:white}.button.primary:hover{background:#005BA6}.button.text-button{color:#77D8FF;background:transparent}
.input,select,textarea{background:#061B2B;border-color:#52738A;color:#F5FAFE}.input::placeholder{color:#A9BFCD}.table-wrap{border-color:#284657}th{background:#102A3D;color:#B8D4E4}td{border-color:#284657}tr:hover{background:#123045}
.badge.green{background:#083E35;color:#76E8BC}.badge.amber{background:#443616;color:#FFD279}.badge.red{background:#4A242E;color:#FFABAF}.badge.neutral{background:#233B4B;color:#E0EAF0}
.notice,.environment-banner,.environment-banner.neutral{background:#0B2B40;border-color:#356481;color:#C6E4F5}
.subline,.field small,.stat small,.table-empty,.stat-top,.app-footer,.crumb-parent{color:#A9BFCD}
.hero,.product-hero,.collector-hero,.login-story{background:linear-gradient(90deg,#031423EB,#03142355),url('/assets/imagery/atlas-earth-hero.png') center/cover;color:#F5FAFE;border-color:#306489}
.hero h2,.product-hero h2,.collector-hero h2,.login-story h2{color:#F5FAFE}
.hero p,.product-hero p,.collector-hero p,.login-description,.login-help{color:#C4DCE9}.login-panel{background:#041523}.login-story h2,.login-story p{color:#F5FAFE}.login-art{display:none}
.hero-caption{color:#A9BFCD}.visual-core{background:#0B79B2;color:#DDF6FF}.orbit-ring{border-color:#4F7F9633}.visual-tag{background:#123044E8;border-color:#31546A;color:#DCEEF7}
.boundary-strip,.product-seal,.gate-card,.pipeline-steps>div,.review-counts>div,.collector-route>div{background:#123044;color:#E9F6FF;border-color:#31546A}
.boundary-strip p,.boundary-strip strong{color:#E9F6FF}
.product-seal strong,.gate-card strong,.endpoint-label,.eyebrow{color:#77D8FF}.product-note,.launch-list,.gate-card small{color:#B9D1DF}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #77D8FF;outline-offset:3px}
@media(max-width:760px){.atlas-product-logo{width:174px}.input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Account avatar must read as a profile photo, not as a generic square icon button. */
.topbar-right .profile-avatar.button{
  position:relative;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
  padding:3px!important;border-radius:999px!important;border:1px solid #7FE2FF!important;
  background:
    conic-gradient(from 210deg,#7FE2FF,#B9A5EE,#74E7BE,#7FE2FF)!important;
  box-shadow:0 0 0 3px #061B2A,0 14px 30px #0008,0 0 24px #35C7FF33!important;
}
.topbar-right .profile-avatar.button .profile-photo{
  position:relative!important;width:100%!important;height:100%!important;border-radius:999px!important;
  display:block!important;
  background:
    radial-gradient(circle at 32% 24%,#FFFFFFAA 0 8%,transparent 9%),
    linear-gradient(160deg,#176F9A,#082B42 58%,#061A2A)!important;
  overflow:hidden!important;color:transparent!important;
}
.topbar-right .profile-avatar.button .profile-photo::before{
  content:'';position:absolute;left:50%;top:8px;width:13px;height:13px;
  transform:translateX(-50%);border-radius:50%;
  background:linear-gradient(180deg,#FFFFFF,#DDF6FF);
  box-shadow:0 0 0 2px #AEE9FF55,0 4px 10px #0018;
}
.topbar-right .profile-avatar.button .profile-photo::after{
  content:'';position:absolute;left:50%;bottom:5px;width:27px;height:17px;
  transform:translateX(-50%);border-radius:18px 18px 8px 8px;
  background:linear-gradient(180deg,#FFFFFF,#C7EDFF);
  box-shadow:inset 0 -4px 0 #A8E3FF,0 -1px 8px #FFFFFF2B;
}
.topbar-right .profile-avatar.button::after{
  content:'';position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;
  background:#74E7BE;border:2px solid #061B2A;box-shadow:0 0 10px #74E7BEAA;
}

/* IntellaSwitch integration dashboard. */
.integration-hub{background:linear-gradient(135deg,#0B2333,#0A1B29)!important;border-color:#31546A!important}
.integration-hub .integration-node.highlight{
  background:linear-gradient(135deg,#123A52,#0B2B40)!important;border:1px solid #3C6B84;color:#F5FAFE;
}
.integration-hub .integration-node.highlight strong{color:#F5FAFE}
.integration-hub .integration-node.highlight small{color:#C4DCE9}
.integration-hub .integration-node.highlight svg{color:#77D8FF}
.integration-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.integration-app-card{
  display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;
  padding:16px;border:1px solid #31546A;border-radius:10px;background:#0C293B;color:#F5FAFE;
}
.integration-app-icon{
  width:42px;height:42px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(135deg,#0A74AA,#12384F);color:#DDF6FF;
}
.integration-app-card h3{font-size:14px;margin:0 0 5px;color:#F5FAFE}
.integration-app-card p{font-size:11px;color:#C4DCE9;line-height:1.55;margin:0 0 8px}
.integration-app-card small{display:block;font-size:10px;color:#A9BFCD;line-height:1.55}
.integration-app-card .endpoint-label{grid-column:1/-1;margin-top:4px}
@media(max-width:1200px){.integration-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.integration-app-grid{grid-template-columns:1fr}.integration-hub{flex-direction:column}.integration-hub>svg{transform:rotate(90deg)}}

/* Production DOM mapped to the offline prototype visual system. */
body{font-size:14px;line-height:1.55}
h1{font-size:34px;line-height:1.18;letter-spacing:-1.2px;font-weight:600}
h2{font-size:20px;line-height:1.35;letter-spacing:-.5px;font-weight:600}
h3{font-size:15px;font-weight:600}
.app-shell{grid-template-columns:var(--atlas-sidebar) minmax(0,1fr);background:var(--atlas-space)}
.sidebar{
  height:100vh;position:sticky;top:0;display:flex;flex-direction:column;
  background:
    radial-gradient(circle at 14% 4%,#123A52 0,#061C2B 34%,transparent 35%),
    linear-gradient(180deg,#041725,#061C2B);
  border-right:1px solid var(--atlas-border);
  padding:24px 16px 14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#426A82 #061B2A;
}
.brand{padding:0 4px}.atlas-product-logo{width:191px;height:62px;object-fit:contain;filter:drop-shadow(0 10px 18px #0005)}
.workspace-select{
  display:flex;gap:11px;align-items:center;margin:26px 0 18px;
  background:linear-gradient(135deg,#12384F,#0C2638);padding:12px;border:1px solid #315A72;border-radius:9px;
  box-shadow:inset 0 1px 0 #FFFFFF0E,0 12px 28px #0003;
}
.workspace-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#187DB1,#0D4C70);color:#D4F1FF;font-size:11px;box-shadow:inset 0 1px 0 #FFFFFF22}
.workspace-select strong{font-size:12px}.workspace-select small{color:#A9BFCD;font-size:10px}
.nav-group{
  font-size:9px;letter-spacing:.15em;color:#86A5B8;margin:20px 12px 7px;
  display:flex;align-items:center;gap:8px;
}
.nav-group::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#365B70,transparent)}
.nav-link{
  position:relative;display:flex;gap:11px;align-items:center;font-size:12px;color:#AAC3D3;
  padding:10px 12px 10px 13px;min-height:42px;border-radius:8px;border:1px solid transparent;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}
.nav-link svg{width:17px;height:17px;color:#88C8E6}
.nav-link:hover{background:#10314A;color:#fff;border-color:#254B62;transform:translateX(1px)}
.nav-link.active{background:linear-gradient(90deg,#0870AE,#10324B);color:white;border-color:#2A94C3;box-shadow:0 10px 24px #0004}
.nav-link.active::before{
  content:'';position:absolute;left:-6px;top:9px;bottom:9px;width:3px;border-radius:999px;
  background:#76E8BC;box-shadow:0 0 14px #76E8BC99;
}
.nav-link.active svg{color:#DDF6FF}
.sidebar-bottom{margin-top:auto;padding:22px 10px 0;font-size:10px;color:#8CACBE}
.sidebar-bottom img{width:155px;display:block;margin-bottom:12px;opacity:.95}
.sidebar-bottom>div{color:#D5E7F2;font-weight:700;margin-bottom:4px}
.sidebar-bottom .sidebar-signout{
    width:100%;margin-top:14px;justify-content:flex-start;background:#102F43;
    border-color:#31546A;color:#F5FAFE;min-height:42px;padding:10px 12px;border-radius:8px;
}
.sidebar-bottom .sidebar-signout:hover{background:#17445F}
.topbar{
  height:var(--atlas-header);background:#061B2AEF;border-bottom:1px solid var(--atlas-border);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 32px;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);
}
.breadcrumbs{gap:12px}.crumb-parent{color:#A9BFCD}.crumb-current{color:#fff;font-weight:700}
.topbar-right{gap:14px}
.account-menu-wrap{position:relative;display:grid;place-items:center}
.profile-avatar{
  width:44px;height:44px;min-width:44px;border-radius:999px;border:1px solid #77D8FF;padding:2px;
  background:linear-gradient(135deg,#DDF6FF,#75D8FF 48%,#B9A5EE);
  box-shadow:0 0 0 3px #061B2A,0 12px 28px #0007;display:grid;place-items:center;
}
.profile-avatar span,.profile-photo{
  position:relative;width:100%;height:100%;border-radius:999px;display:block;
  background:linear-gradient(160deg,#134B6A,#061F30 72%);
  overflow:hidden;color:transparent;
}
.profile-photo::before{
  content:'';position:absolute;left:50%;top:8px;width:12px;height:12px;
  transform:translateX(-50%);border-radius:50%;background:#F8FCFF;
  box-shadow:0 0 0 2px #AEE9FF33;
}
.profile-photo::after{
  content:'';position:absolute;left:50%;bottom:6px;width:25px;height:15px;
  transform:translateX(-50%);border-radius:16px 16px 7px 7px;background:#F8FCFF;
  box-shadow:inset 0 -4px 0 #D9F3FF;
}
.profile-avatar:hover{filter:brightness(1.08);transform:translateY(-1px)}
.account-menu{
  position:absolute;right:0;top:50px;width:250px;z-index:60;padding:8px;
  border:1px solid #31546A;border-radius:10px;background:#0B2333;color:#F5FAFE;
  box-shadow:0 22px 70px #0008;
}
.account-menu[hidden]{display:none}
.account-menu-head{padding:10px 11px 12px;border-bottom:1px solid #294657;margin-bottom:6px}
.account-menu-head strong{display:block;font-size:13px;color:#F5FAFE}
.account-menu-head small{display:block;margin-top:3px;font-size:10px;color:#A9BFCD;text-transform:capitalize}
.account-menu button{
  width:100%;min-height:42px;padding:10px 11px;border:0;border-radius:7px;background:transparent;
  color:#DCEEF7;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;text-align:left;
}
.account-menu button:hover,.account-menu button:focus-visible{background:#12364D;color:#FFFFFF}
.environment-banner,.environment-banner.neutral{
  background:#0B2B40;border-color:#356481;color:#C6E4F5;
  font-size:11px;text-transform:none;letter-spacing:0;font-weight:600;padding:9px 32px;
}
.page{padding:30px 32px 40px;max-width:none;margin:0;gap:24px}
.page-heading{
  display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:2px;
  flex-wrap:wrap;min-width:0;
}
.page-heading>*{min-width:0}
.page-heading h1{margin:8px 0 10px;color:#F5FAFE}
.page-heading p{font-size:13px;max-width:630px;color:var(--atlas-muted)}
.heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.heading-actions .button{flex-shrink:1;white-space:normal}
.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;color:#7CDBF5;font-weight:600}
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;
  padding:11px 17px;border:1px solid #567F99;border-radius:7px;background:#153347;
  color:var(--atlas-text);font-size:13px;font-weight:600;transition:background var(--atlas-transition);
  box-shadow:none;
}
.button:hover:not(:disabled){background:#20455B}.button.primary{background:var(--atlas-cta);border-color:var(--atlas-cta);color:white}
.button.primary:hover:not(:disabled){background:var(--atlas-cta-hover)}
.button.dark{background:#153347;border-color:#567F99;color:#F5FAFE}
.button.danger{background:#702C36;border-color:#BB6672}
.button.text-button,.button.text-danger,.button.icon-button,.menu-toggle,.mobile-nav-close{background:transparent;border-color:transparent;color:#70D1FA;min-height:44px}
.button.text-button,.button.text-danger{min-width:44px}
.button.chip-button,.button.small-primary{min-height:40px}
.button.icon-button,.menu-toggle,.mobile-nav-close{padding:10px;width:44px;min-width:44px}
.card{
  border:1px solid var(--atlas-border);border-radius:var(--atlas-radius);
  background:var(--atlas-surface);padding:24px;min-width:0;box-shadow:none;color:#F5FAFE;
}
.card a[href^="http"]{
  display:inline-flex;align-items:center;min-height:44px;margin-top:12px;
  color:#77D8FF;font-weight:700;text-decoration:none;
}
.card a[href^="http"]:hover{text-decoration:underline}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-heading h2{font-size:17px;color:#F5FAFE}.section-heading p{font-size:12px;margin-top:5px;color:var(--atlas-muted)}
.stat-grid,.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stat{
  padding:20px;border:1px solid var(--atlas-border);background:linear-gradient(130deg,#123449,#0A2232);
  border-radius:10px;color:#F5FAFE;box-shadow:none;
}
.stat-top{justify-content:space-between;color:#ACC8D9;font-size:12px}.stat-top svg{color:#67D7FA}
.stat-value{display:block;font-size:34px;line-height:1.2;letter-spacing:-1px;margin-top:15px;font-weight:600;color:#F5FAFE;font-variant-numeric:tabular-nums}
.stat small{display:block;margin-top:8px;font-size:10px;color:#A9BFCD}
.hero{position:relative;min-height:214px;padding:28px 30px;border-radius:12px;border:1px solid #306489;background:linear-gradient(90deg,#031423FA 15%,#03142360),url('/assets/imagery/atlas-earth-hero.png') center 55%/cover;overflow:hidden;display:flex;align-items:center}
.hero h2{font-size:29px;margin:9px 0 12px;max-width:480px;color:#F5FAFE}
.hero p{max-width:470px;font-size:12px;color:#C6DCE8}
.hero .button{margin-top:20px}.hero-visual{min-width:300px;width:330px}
.visual-core{background:#076EA3;color:#DDF6FF;border-radius:18px}.orbit-ring{border-color:#4F7F9633}.visual-tag{background:#123044E8;border-color:#31546A;color:#DCEEF7}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-column.wide-left{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:0}
.pipeline-step{padding:14px 16px;background:#0C293B;border:1px solid #294A5D;border-radius:8px;color:#A8BFCD;border-right:1px solid #294A5D}
.pipeline-step>svg{color:#67D7FA}.pipeline-step strong{font-size:29px;color:#F5FAFE}.pipeline-step h3{color:#DDECF5}
.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--atlas-border);border-radius:8px}
table{font-size:12px;color:#E7F3FC}
th{background:#102A3D;color:#ACC8D9;text-transform:uppercase;font-size:10px;letter-spacing:.06em;font-weight:600;padding:13px 15px;white-space:nowrap;border-bottom:0}
td{padding:15px;border-top:1px solid #254151;border-bottom:0;color:#D7E8F1}
tbody tr:hover{background:#123045}
td strong{font-weight:500;color:#F5FAFE}td small,.subline{display:block;color:var(--atlas-muted);font-size:10px;margin-top:4px}
.badge{border:1px solid #4E6678;background:#233B4B;color:#E0EAF0;white-space:nowrap;padding:4px 9px;font-size:11px;border-radius:5px;font-weight:600}
.badge.green{background:#083E35;border-color:#2B7969;color:var(--atlas-success)}
.badge.amber{background:#443616;border-color:#8C713E;color:var(--atlas-warning)}
.badge.red{background:#4A242E;border-color:#98515D;color:var(--atlas-error)}
.badge.purple{background:#32294B;border-color:#79689F;color:var(--atlas-violet)}
.notice{display:flex;align-items:flex-start;gap:12px;border:1px solid #356481;border-radius:8px;background:#0B2B40;padding:15px 18px;color:#C6E4F5;font-size:12px}
.notice.warning{border-color:#857041;background:#312D1F;color:#FBE0A8}
.empty{padding:50px 20px;text-align:center;display:grid;justify-items:center;gap:14px}
.empty h3{font-size:19px;color:#F5FAFE}.empty p{max-width:430px;color:var(--atlas-muted)}
.empty-icon{display:grid;place-items:center;width:60px;height:60px;background:#17394F;border:1px solid #3B637B;border-radius:50%;color:#77D8FF}
.input,select,textarea{width:100%;min-height:44px;padding:11px 13px;border:1px solid #52738A;border-radius:6px;background:#061B2B;color:var(--atlas-text);min-width:0}
.field label{display:grid;gap:7px;font-size:12px;color:#D5E3EC}.field small{color:var(--atlas-muted)}
.details dt{color:#B8D4E4}
.details dd{color:#E7F3FC}
.disclosure,.disclosure summary,.check-label small,.field small{color:#C4DCE9}
.check-label strong{color:#F5FAFE}
.field-error{color:#FFD279!important;font-weight:700}
.input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#FFD279;box-shadow:0 0 0 3px #FFD27922}
.form-feedback:empty{display:none}
.form-feedback{margin:12px 0 4px}
.optimizer-results,.form-feedback{scroll-margin-top:calc(var(--atlas-header) + 18px)}
.check-label{
  min-height:44px;align-items:flex-start;padding:6px 0;color:#DCEEF7;
}
.check-label input{margin-top:3px;accent-color:#00A6EE}
.boundary-strip{border:1px solid var(--atlas-border);border-radius:var(--atlas-radius);background:#123044;padding:24px;color:#E9F6FF}
.boundary-strip p,.boundary-strip strong{color:#E9F6FF}
.modal{background:#0B2333;border:1px solid #416880;border-radius:16px;box-shadow:0 40px 120px #000A}
.modal-header,.modal-footer{background:#0B2333;border-color:#294657}
.mobile-brand,.mobile-bottom,.mobile-nav-close,.menu-toggle{display:none!important}
.page-stack{padding:30px 32px 40px;display:grid;gap:24px}
.page-stack>.page-heading{margin-bottom:0}
.rotation-month{grid-template-columns:minmax(0,1fr)}
.rotation-month .field{margin-bottom:0}
.collector-hero{min-width:0}
.collector-route{min-width:0}
.collector-route>div{min-width:0}
.collector-route strong{overflow-wrap:anywhere}
.metric-grid .metric{min-height:120px}
.metric>span{display:block;color:#ACC8D9;font-size:12px;margin-bottom:12px}
.metric>strong{display:block;font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:600;color:#F5FAFE}
.app-footer{padding:20px 32px;border-top:1px solid var(--atlas-border);display:flex;justify-content:space-between;color:#93ADBC;font-size:10px;gap:15px}
@media(min-width:1700px){.page{max-width:1580px;margin:auto}}
@media(max-width:1200px){:root{--atlas-sidebar:220px}.sidebar{padding:20px 12px}.atlas-product-logo{width:174px}.nav-link{font-size:11px}.stat-grid,.stats-grid{gap:12px}.stat{padding:16px}.stat-value{font-size:29px}.two-column.wide-left{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){:root{--atlas-sidebar:210px}.two-column,.two-column.wide-left{grid-template-columns:1fr}.stat-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 22px}.page{padding:25px 22px}.page-heading h1{font-size:30px}.pipeline{grid-template-columns:repeat(2,1fr)}.collector-hero{grid-template-columns:1fr}.heading-actions{justify-content:flex-start}}
@media(max-width:760px){
  .app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;z-index:40;visibility:hidden;transform:translateX(-100%);transition:transform .18s ease}
  .nav-open .sidebar{visibility:visible;transform:translateX(0);box-shadow:0 0 0 100vmax #0009}.mobile-nav-close{display:flex;align-self:flex-end;margin-bottom:12px}
  .menu-toggle{display:inline-flex!important}.mobile-nav-close{display:flex!important}.topbar{height:64px;padding:0 16px;gap:10px}.topbar-right>.badge{display:none}
  .profile-avatar{width:38px;height:38px}
  .account-menu{position:fixed;right:12px;top:58px;width:min(270px,calc(100vw - 24px))}
  .mobile-brand{display:block!important;width:150px;height:44px;object-fit:contain}.crumb-parent,.breadcrumbs>svg,.crumb-current{display:none}
  .environment-banner,.environment-banner.neutral{font-size:10px;line-height:1.35;padding:8px 16px;text-align:center}
  .page,.page-stack{padding:24px 16px 95px}.page-heading{gap:16px;margin-bottom:23px;display:flex;flex-wrap:wrap}.page-heading h1{font-size:29px;letter-spacing:-.8px}.page-heading p{font-size:12px}
  .card{padding:18px}.stat{padding:15px}.stat-value{font-size:29px;margin-top:10px}.hero{padding:23px;min-height:260px;background-position:62% center}.hero h2{font-size:27px;max-width:300px}.hero p{max-width:260px}
  .hero-visual{display:none}.pipeline{grid-template-columns:repeat(2,1fr)}.input,select,textarea{font-size:16px}.table-wrap{scrollbar-width:thin}table{min-width:660px}
  .mobile-bottom{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#09283CEF;border-top:1px solid #426078;backdrop-filter:blur(16px);z-index:20;justify-content:space-around}
  .mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px;min-width:50px;min-height:52px;color:#9FBDD0}
  .mobile-bottom a.active{color:#70D8FF}.app-footer{padding:20px 16px 90px;flex-direction:column}
}