/* Shells: the public/client face and the CiC console. */
/* ── Public face ── */
.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--overlay-glass);backdrop-filter:var(--blur-glass);border-bottom:var(--divider)}
.site-header .bar{display:flex;align-items:center;gap:var(--space-16);min-height:var(--site-header-h)}
.brand{display:inline-flex;align-items:center;gap:var(--space-12);text-decoration:none;color:var(--text-heading);font:var(--type-h4)}
.brand img{height:32px;width:auto;display:block}
.brand .sub{font:var(--type-caption);color:var(--text-muted);display:block}
.site-nav{display:flex;gap:var(--space-4);margin-left:auto;align-items:center}
.site-nav a,.site-nav button.link{display:inline-flex;align-items:center;min-height:var(--tap-target-min);padding:0 var(--space-12);border-radius:var(--radius-control);color:var(--text-body);text-decoration:none;font:var(--type-label)}
.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--surface-hover);color:var(--text-heading)}
.site-nav .btn{margin-left:var(--space-8)}
.nav-toggle{display:none}
@media (max-width:820px){
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;padding:var(--space-12) var(--space-20) var(--space-20);background:var(--surface-card);border-bottom:var(--divider);box-shadow:var(--shadow-lg)}
  .site-nav.open{display:flex}
  .site-nav .btn{margin:var(--space-8) 0 0}
  .nav-toggle{display:inline-flex;margin-left:auto}
}
.hero{position:relative;color:var(--df-white);background:var(--teal-900) url('/assets/stock-1.webp') center/cover no-repeat;min-height:min(78vh,720px);display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,31,33,.62) 0%,rgba(18,31,33,.82) 100%)}
.hero .container{position:relative;padding-top:var(--space-64);padding-bottom:var(--space-64)}
.hero h1{color:var(--df-white);font:var(--weight-bold) clamp(3rem,6vw,4.75rem)/var(--leading-tight) var(--font-core);letter-spacing:var(--tracking-tightest);max-width:18ch}
.hero .lede{max-width:var(--measure-narrow);font:var(--type-body-lg);color:var(--teal-100);margin-top:var(--space-20)}
.hero .eyebrow{color:var(--glow-300)}
.hero .cta{display:flex;gap:var(--space-12);flex-wrap:wrap;margin-top:var(--space-32)}
.hero .btn-primary{background:var(--glow-400);border-color:var(--glow-400);color:var(--teal-900)}
.hero .btn-primary:hover{background:var(--glow-300);border-color:var(--glow-300);color:var(--teal-900)}
.hero .btn-outline{background:transparent;border-color:var(--teal-200);color:var(--df-white)}
.hero .btn-outline:hover{background:rgba(255,255,255,.12);color:var(--df-white)}
.hero .stats{display:flex;gap:var(--space-32);flex-wrap:wrap;margin-top:var(--space-48);color:var(--teal-100)}
.hero .stats strong{display:block;font:var(--weight-bold) var(--text-3xl)/1 var(--font-core);color:var(--df-white);font-variant-numeric:var(--numeric-tabular)}
.section{padding:var(--section-y-compact) 0}
.section-alt{background:var(--surface-page-alt)}
.section-head{max-width:var(--measure-prose);margin-bottom:var(--space-32)}
.section-head h2{margin-top:var(--space-8)}
.section-head p{margin-top:var(--space-12);color:var(--text-muted)}
.feature{display:flex;flex-direction:column;gap:var(--space-12)}
.feature .icon-lg{color:var(--teal-600)}
[data-theme="dark"] .feature .icon-lg{color:var(--glow-300)}
.price-card{display:flex;flex-direction:column;gap:var(--space-12);height:100%}
.price-card .top{display:flex;justify-content:space-between;gap:var(--space-12);align-items:flex-start}
.price-card .price{font:var(--weight-bold) var(--text-2xl)/1 var(--font-core);color:var(--text-heading);white-space:nowrap;font-variant-numeric:var(--numeric-tabular)}
.price-card p{color:var(--text-muted);font:var(--type-body-sm);flex:1}
.site-footer{background:var(--surface-inverse);color:var(--text-on-inverse-muted);padding:var(--space-48) 0 var(--space-32);margin-top:auto}
.site-footer h4{color:var(--text-on-inverse);margin-bottom:var(--space-12)}
.site-footer a{color:var(--teal-100)}
.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-32)}
.site-footer .legal{margin-top:var(--space-32);padding-top:var(--space-20);border-top:1px solid var(--border-inverse);font:var(--type-caption);display:flex;gap:var(--space-16);flex-wrap:wrap;justify-content:space-between;color:var(--teal-200)}
.status-strip{display:flex;gap:var(--space-8);flex-wrap:wrap}
.status-strip .chip{background:var(--teal-800);border-color:var(--teal-700);color:var(--teal-100)}
.status-strip .chip.on{color:var(--glow-300);border-color:var(--glow-800)}
body.face{display:flex;flex-direction:column;min-height:100vh}
main.page{padding:var(--space-32) 0 var(--space-64)}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap;margin-bottom:var(--space-24)}
.page-title p{color:var(--text-muted);margin-top:var(--space-6)}
.preview-banner{background:var(--warning-bg);color:var(--warning-fg);border-bottom:1px solid var(--warning-border);font:var(--type-body-sm)}
.preview-banner .container{display:flex;gap:var(--space-12);align-items:center;min-height:40px;flex-wrap:wrap}
.signin{max-width:440px;margin:var(--space-48) auto}

/* ── Console ── */
body.console{display:grid;grid-template-columns:var(--app-sidebar-w) 1fr;grid-template-rows:var(--app-topbar-h) 1fr;min-height:100vh;background:var(--surface-page-alt)}
.sidebar{grid-row:1 / span 2;background:var(--surface-inverse);color:var(--text-on-inverse);display:flex;flex-direction:column;padding:var(--space-16) var(--space-12);gap:var(--space-16);position:sticky;top:0;height:100vh;overflow:auto}
.sidebar .brand{color:var(--text-on-inverse);padding:var(--space-4) var(--space-8)}
.sidebar .brand .sub{color:var(--teal-200)}
.sidebar .brand img{background:var(--df-white);border-radius:var(--radius-xs);padding:2px}
.sidebar .group{font:var(--type-eyebrow);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--teal-300);padding:var(--space-12) var(--space-12) var(--space-4)}
.sidebar nav a{display:flex;align-items:center;gap:var(--space-12);min-height:var(--tap-target-min);padding:0 var(--space-12);border-radius:var(--radius-control);color:var(--teal-100);text-decoration:none;font:var(--type-label)}
.sidebar nav a:hover{background:var(--surface-inverse-hover);color:var(--df-white)}
.sidebar nav a[aria-current="page"]{background:var(--teal-700);color:var(--df-white);box-shadow:inset 3px 0 0 var(--glow-400)}
.sidebar .foot{margin-top:auto;font:var(--type-caption);color:var(--teal-200);padding:0 var(--space-12)}
.topbar{grid-column:2;display:flex;align-items:center;gap:var(--space-12);padding:0 var(--space-24);background:var(--surface-card);border-bottom:var(--divider);position:sticky;top:0;z-index:var(--z-sticky)}
.topbar h1{font:var(--type-h3)}
.topbar .who{margin-left:auto;display:flex;align-items:center;gap:var(--space-8);font:var(--type-body-sm);color:var(--text-muted)}
.console main{grid-column:2;padding:var(--space-24);min-width:0}
.console-title{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap;margin-bottom:var(--space-20)}
.console-title p{color:var(--text-muted);margin-top:var(--space-4)}
.scrim{display:none}
@media (max-width:920px){
  body.console{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(84vw,var(--app-sidebar-w));transform:translateX(-100%);transition:transform var(--duration-panel) var(--ease-standard);z-index:var(--z-dialog)}
  .sidebar.open{transform:none}
  .scrim.open{display:block;position:fixed;inset:0;background:var(--overlay-scrim);z-index:var(--z-scrim)}
  .topbar,.console main{grid-column:1}
  .topbar{padding:0 var(--space-12)}
  .console main{padding:var(--space-16)}
  .topbar h1{font:var(--type-h4)}
}
.menu-toggle{display:none}
@media (max-width:920px){.menu-toggle{display:inline-flex}}