/* UniStorm 3.5 — typography & full demo mode */
:root{
  --font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --font-display:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-family:var(--font-body);font-size:16px;line-height:1.62;font-weight:400;font-synthesis:none}
h1,h2,h3,h4,.brand,.core-title,.metric strong,.product-card h3,.case-card h3,.service-card h3,.commercial-page h1,.service-hub-hero h1{font-family:var(--font-display)}
button,input,textarea,select{font-family:var(--font-ui)}
/* Never make navigation and supporting copy microscopic */
.desktop-nav a,.nav-link{font-size:14px;font-weight:600;letter-spacing:-.01em}
.btn,.btn-sm{font-size:14px;min-height:42px;padding-inline:16px}
.brand{font-size:19px}.brand em{font-size:11px}
.eyebrow,.section-kicker{font-size:12px;line-height:1.35;letter-spacing:.14em}
.hero-lead,.page-lead,.commercial-hero-copy>p,.service-hub-hero>p{font-size:16px;line-height:1.72}
.hero-tags span,.tag-row span,.lab-tags span,.pill{font-size:12px;padding:8px 11px}
.metric span,.product-card p,.case-card p,.service-card p,.site-card p,.lab-copy p,.footer p,.footer a,.back-link{font-size:14px;line-height:1.65}
.core-top,.core-grid small,.floating-chip,.core-feed,.product-meta,.case-meta,.site-meta{font-size:12px}
.core-grid b{font-size:14px}
.breadcrumbs{font-size:13px}
.footer-links b{font-size:13px}.footer-links a{font-size:14px}
/* Commercial layer */
.console-label,.commercial-console-grid b,.console-status,.trust-row,.deliverable-card span,.portfolio-filter,.hub-icon,.service-card-link,.build-pipeline b{font-size:12px}
.commercial-console-grid span,.process-card p,.commercial-proof-card p,.faq-item p,.service-hub-card p,.portfolio-copy p,.tech-choice-grid span{font-size:14px;line-height:1.65}
.faq-item summary{font-size:16px}.service-hub-card>b{font-size:13px}.portfolio-image span{font-size:12px}.build-pipeline span{font-size:12px}
/* Wider canvas for product demos */
section.shell.demo-stage{width:min(1500px,calc(100% - 32px));max-width:none;padding-top:22px}
.demo-hero{padding-bottom:34px}
.demo-hero h1{max-width:1080px}
.demo-modebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(9,18,30,.78);font-size:13px;color:#9fb2c4}
.demo-modebar strong{color:#f6fbff;font-size:13px}.demo-modebar i{width:8px;height:8px;border-radius:50%;background:#61e89a;box-shadow:0 0 14px rgba(97,232,154,.55)}
.demo-modebar .demo-spacer{margin-left:auto}.demo-reset{border:1px solid var(--line2);background:rgba(255,255,255,.03);color:#eaf4fb;border-radius:9px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer}.demo-reset:hover{border-color:rgba(89,231,255,.4)}
.demo-toast{position:fixed;right:22px;bottom:22px;z-index:10000;max-width:420px;padding:13px 16px;border-radius:12px;background:#101c29;color:#f4f9ff;border:1px solid rgba(89,231,255,.3);box-shadow:0 20px 60px rgba(0,0,0,.4);font-size:14px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.demo-toast.show{opacity:1;transform:none}
.demo-view[hidden]{display:none!important}
.demo-empty{padding:28px;border:1px dashed var(--line2);border-radius:14px;text-align:center;color:#92a5b7;font-size:14px}
/* Booking demo typography */
.na-demo{width:min(760px,100%)}
.na-demo header b{font-size:20px}.na-demo nav button{font:700 13px var(--font-ui);min-height:38px}.na-status{font-size:13px;padding:10px 12px}.na-zones b{font-size:14px}.na-zones span{font-size:12px}.na-host{padding:12px}.na-host span b{font-size:13px}.na-host span small,.na-host em{font-size:12px}.na-book-card>small,.na-book-card label{font-size:13px}.na-live-state,.na-price,.na-success{font-size:13px}.na-book-card input,.na-book-card select{font-size:14px;min-height:44px}.na-submit{font-size:14px;min-height:46px}.na-wallet,.na-bookings{display:grid;gap:10px;margin-top:12px}.na-wallet-card,.na-booking-row{border:1px solid #2b3d62;border-radius:13px;background:#151f36;padding:14px}.na-wallet-card strong{display:block;font:800 28px var(--font-display);margin:7px 0}.na-wallet-card span,.na-booking-row small{font-size:13px;color:#9aadd2}.na-balance-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.na-balance-actions button,.na-booking-row button{border:1px solid #36507f;background:#1e3157;color:#fff;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:700}.na-booking-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.na-booking-row b{display:block;font-size:14px}.na-booking-row span{font-size:13px;color:#8fa3cb}
/* CRM demo: readable and scrollable, never squeezed */
.pd-demo{font-size:14px}.pd-top{min-height:68px;height:auto;padding-block:8px}.pd-top small{font-size:12px}.pd-top nav button,.pd-add{font:800 12px var(--font-display);min-height:40px}.pd-title p{font-size:14px}.pd-title input{font-size:14px;min-height:42px}.pd-work{grid-template-columns:minmax(720px,1fr) minmax(400px,470px)}.pd-col h3,.pd-deal b{font-size:13px}.pd-deal span{font-size:16px}.pd-deal small,.pd-stage-pills span,.pd-econ small,.pd-drawer label{font-size:12px}.pd-econ b{font-size:18px}.pd-drawer input,.pd-drawer select{font-size:14px;min-height:42px}.pd-save{font-size:14px;min-height:44px}.pd-demo-view{padding:0 28px 28px}.pd-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pd-summary-grid>div,.pd-list-card{background:#fff;border:1px solid #ddd4c7;border-radius:14px;padding:16px}.pd-summary-grid small{display:block;font-size:12px;color:#8a8074}.pd-summary-grid strong{display:block;font:800 25px var(--font-display);margin-top:6px}.pd-list-card{margin-top:12px}.pd-list-card h3{font-size:17px;margin:0 0 10px}.pd-table-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px;padding:10px 0;border-top:1px solid #eee7dd;font-size:13px;align-items:center}.pd-table-row button{border:1px solid #d9d0c4;border-radius:8px;background:#fff;padding:7px 10px;font-weight:700}
/* Owner mini app */
.owner-phone{width:min(650px,100%)}.owner-head small,.owner-head span,.owner-install small,.owner-tabs button,.owner-filters input,.owner-filters select,.owner-shift small,.owner-shift p,.owner-shift>span{font-size:12px}.owner-head h2{font-size:24px}.owner-install b,.owner-shift b{font-size:14px}.owner-tabs button{min-height:46px}.owner-filters input,.owner-filters select,.owner-filters button{min-height:42px}.owner-action{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.owner-action button{border:1px solid #4b52a1;background:#282662;color:#fff;border-radius:9px;padding:9px 11px;font-size:13px;font-weight:700}
/* Live Studio */
.ls-demo{font-size:13px}.ls-demo>header{min-height:66px;height:auto;padding-block:8px}.ls-demo>header strong{font-size:18px}.ls-demo>header small,.ls-transport button,.ls-transport span,.ls-body>aside:first-child button,.ls-title span,.ls-padgrid small,.ls-inspector>small,.ls-inspector label,.ls-fx span,.ls-demo>footer{font-size:12px}.ls-transport button,.ls-transport span{min-height:38px}.ls-body{grid-template-columns:190px minmax(620px,1fr) 320px}.ls-title h2{font-size:27px}.ls-padgrid b{font-size:16px}.ls-padgrid button{height:122px}.ls-inspector h3{font-size:20px}.demo-step-grid button,.demo-piano span{font-size:12px}.ls-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ls-toolbar button,.ls-toolbar input{min-height:38px;border:1px solid #1d515b;border-radius:8px;background:#071b20;color:#dfffff;padding:0 11px;font-size:12px}.ls-seq-status{font-size:13px;color:#65dcdc;margin-top:10px}
/* Smart Market Hunter */
.smh-demo{grid-template-columns:250px 1fr}.smh-brand span{font-size:13px}.smh-brand small,.smh-demo>aside em,.smh-demo>aside button,.smh-demo header small,.smh-demo header p,.smh-warning,.smh-kpis small,.smh-kpis span,.smh-research>small,.smh-research>p,.smh-modules p,.smh-modules b{font-size:12px}.smh-demo>aside button{min-height:42px}.smh-demo header h2{font-size:24px}.smh-demo header h2 span{font-size:12px}.smh-kpis b{font-size:17px}.smh-research>h2{font-size:27px}.smh-modules h3{font-size:16px}.smh-log{margin-top:10px;border:1px solid #26354b;border-radius:12px;background:#050c16;padding:12px;font:12px/1.65 ui-monospace,Consolas,monospace;color:#87a4c6;max-height:190px;overflow:auto}.smh-log b{color:#58e898}.smh-actionbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.smh-actionbar button{border:1px solid #3a6eac;border-radius:8px;background:#17385d;color:white;padding:9px 12px;font-size:13px;font-weight:800}
/* Security demo */
.sec-demo header span,.sec-tabs button,.sec-kpis span,.sec-object b,.sec-object small,.sec-object em,.sec-status,.sec-grid dl div{font-size:12px}.sec-tabs button{min-height:40px}.sec-object b{font-size:14px}.sec-grid aside h2{font-size:25px}.sec-grid input,.sec-grid select{font-size:14px;min-height:42px}.sec-grid aside>button{font-size:13px;min-height:43px}.sec-list-pane{display:grid;gap:7px}.sec-form{display:grid;gap:10px}.sec-form label{display:grid;gap:5px;font-size:12px;color:#9ba8b8}.sec-form input,.sec-form select,.sec-form textarea{border:1px solid #343d49;background:#0c1118;color:white;border-radius:8px;padding:10px;font-size:14px}.sec-form button{border:0;border-radius:9px;background:#2569eb;color:white;padding:11px;font-weight:800}
/* Vacancy */
.vac-demo>header{font-size:13px}.vac-hero p{font-size:14px}.vac-toggle{font-size:14px}.vac-card p{font-size:13px}.vac-chips span{font-size:12px}.vac-apply{font-size:13px;min-height:40px}.vac-apply-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.vac-apply-form input{border:1px solid #aebbc4;border-radius:7px;padding:10px;font-size:14px}.vac-apply-form button{grid-column:1/-1;border:0;background:#e32734;color:white;border-radius:7px;padding:11px;font-weight:800}
/* Admin demo & document generator */
.admin-demo-ui>aside button,.demo-kpis span,.fake-lead{font-size:13px}.admin-demo-ui>aside button{min-height:42px}.demo-kpis strong{font-size:30px}.admin-demo-main h3{font-size:17px}.demo-admin-screen{display:grid;gap:12px}.admin-demo-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.admin-demo-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px;padding:12px;border-top:1px solid var(--line);font-size:13px;align-items:center}.admin-demo-row:first-child{border-top:0}.admin-demo-row button{border:1px solid var(--line2);background:#0c1a27;color:#fff;border-radius:8px;padding:7px 10px}.docs-form label{font-size:13px}.docs-form input,.docs-form select{font-size:14px;min-height:44px}.doc-sheet{font-size:14px}.doc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.doc-actions button{min-height:40px;border:1px solid var(--line2);background:#0b1724;color:#fff;border-radius:9px;padding:0 12px;font-size:13px;font-weight:700}
@media(max-width:1100px){
  .pd-work{grid-template-columns:1fr}.pd-drawer{max-height:none}.ls-body{grid-template-columns:165px 1fr}.ls-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #153b43}.smh-demo{grid-template-columns:200px 1fr}.sec-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  body{font-size:15px}.shell{width:min(100% - 28px,1200px)}.desktop-nav{display:none}.btn-sm{font-size:13px}.nav-actions>.nav-link{display:none}
  .hero-lead,.page-lead,.commercial-hero-copy>p,.service-hub-hero>p{font-size:15px}.section-kicker,.eyebrow{font-size:11px}.hero-tags span,.tag-row span,.pill{font-size:12px}
  section.shell.demo-stage{width:calc(100% - 16px)}.demo-modebar{font-size:12px}.demo-modebar .demo-spacer{display:none}
  .na-zones{grid-template-columns:1fr 1fr}.na-hosts{grid-template-columns:1fr}.na-booking-row{align-items:flex-start;flex-direction:column}
  .pd-title{align-items:flex-start;gap:12px;flex-direction:column}.pd-title input{width:100%}.pd-work{padding:0 12px 14px}.pd-kanban{grid-template-columns:repeat(5,230px)}.pd-summary-grid{grid-template-columns:1fr 1fr}.pd-demo-view{padding:0 12px 16px}.pd-table-row{grid-template-columns:1fr 1fr}.pd-top{align-items:flex-start;flex-wrap:wrap}.pd-top nav{order:3;width:100%}
  .owner-tabs{grid-template-columns:repeat(2,1fr)}.owner-filters{grid-template-columns:1fr 1fr}.owner-filters button{grid-column:1/-1}
  .ls-demo>header{align-items:flex-start;gap:8px;flex-direction:column}.ls-transport{overflow:auto;width:100%;padding-bottom:3px}.ls-body{grid-template-columns:1fr}.ls-body>aside:first-child{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #153b43}.ls-body>aside:first-child button{width:auto;white-space:nowrap}.ls-inspector{grid-column:auto}.ls-padgrid{grid-template-columns:repeat(2,1fr)}.ls-demo>footer{flex-wrap:wrap;gap:10px}
  .smh-demo{grid-template-columns:1fr}.smh-demo>aside{display:flex;gap:5px;overflow:auto;border-right:0;border-bottom:1px solid #243247}.smh-brand,.smh-demo>aside em{display:none}.smh-demo>aside button{white-space:nowrap;width:auto}.smh-demo header{align-items:flex-start;flex-direction:column;gap:10px}.smh-kpis,.smh-modules{grid-template-columns:1fr 1fr}
  .sec-kpis{grid-template-columns:1fr 1fr}.sec-search{grid-template-columns:1fr}.sec-tabs{overflow:auto}.sec-tabs button{white-space:nowrap}
  .vac-hero{grid-template-columns:1fr;padding:35px 25px}.vac-avatar{display:none}.vac-hero h2{font-size:34px}.vac-apply-form{grid-template-columns:1fr}.vac-apply-form button{grid-column:auto}
  .admin-demo-ui>aside{grid-template-columns:repeat(2,1fr)}.demo-kpis,.demo-admin-grid{grid-template-columns:1fr 1fr}.admin-demo-row{grid-template-columns:1fr 1fr}
}
/* Legacy v3 readability overrides */
.media-live,.solution-meta,.store-top,.case-screen>span,.console-head span,.demo-toolbar button,.phone-bar{font-size:12px}
.case-gallery-copy p,.solution-v3 p,.store-card p,.live-site-card>div,.lab-console pre,.demo-result,.crm-top span,.deal strong,.deal span,.mini-feed p,.docs-form label,.auth-card label,.editor label,.doc-sheet p,.doc-sheet th,.doc-sheet td{font-size:14px}
.store-card li,.demo-disabled,.deal small,.mini-actions span{font-size:13px}
.demo-toolbar button{min-height:38px}.lab-console pre{line-height:1.75}.live-site-card>div{align-items:center}.case-gallery-copy p,.solution-v3 p,.store-card p{line-height:1.7}
.admin-body{font-size:15px}.admin-body small{font-size:12px}.admin-body label,.admin-body input,.admin-body select,.admin-body textarea,.admin-body button{font-size:13px}
@media(max-width:760px){.case-gallery-copy p,.solution-v3 p,.store-card p,.live-site-card>div{font-size:14px}.lab-console pre{font-size:13px}}