/* =========================================================
   NA BRASA OS — ENTERPRISE DEMO 1.1
   Product-level visual system layered over the base platform.
   ========================================================= */
:root{
  --nb-carbon:#0d100f;
  --nb-graphite:#161a18;
  --nb-graphite-2:#222824;
  --nb-ink:#171a18;
  --nb-muted:#69716c;
  --nb-line:rgba(22,31,26,.12);
  --nb-line-dark:rgba(255,255,255,.12);
  --nb-paper:#f7f6f2;
  --nb-surface:#ffffff;
  --nb-surface-soft:#efeee9;
  --nb-copper:#bb7044;
  --nb-copper-deep:#8f4729;
  --nb-gold:#d4a867;
  --nb-moss:#426757;
  --nb-success:#2d7559;
  --nb-warning:#a66a2b;
  --nb-danger:#9f3b31;
  --nb-shadow-1:0 1px 2px rgba(13,16,15,.04),0 12px 34px rgba(13,16,15,.07);
  --nb-shadow-2:0 24px 80px rgba(13,16,15,.15);
  --nb-radius-xl:28px;
  --nb-radius-lg:20px;
  --nb-radius-md:14px;
  --nb-content:1380px;
}

html{background:var(--nb-paper)}
body{
  color:var(--nb-ink);
  background:
    radial-gradient(circle at 8% 0%,rgba(187,112,68,.07),transparent 35rem),
    radial-gradient(circle at 100% 22%,rgba(66,103,87,.05),transparent 30rem),
    linear-gradient(180deg,#faf9f6 0%,#f1f0eb 100%);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:-.006em;
}

::selection{background:rgba(187,112,68,.22);color:var(--nb-carbon)}
:focus-visible{outline:3px solid rgba(187,112,68,.34)!important;outline-offset:3px}

/* ---------- Monogram ---------- */
.nb-mark{
  position:relative;display:grid;place-items:center;isolation:isolate;
  width:74px;height:74px;border-radius:21px;overflow:hidden;
  background:linear-gradient(145deg,#292f2b,#101311 72%);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 44px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.08);
}
.nb-mark:before{
  content:"";position:absolute;inset:-35% 45% 35% -30%;z-index:-1;
  background:linear-gradient(135deg,rgba(212,168,103,.58),rgba(187,112,68,.04));
  transform:rotate(-18deg);
}
.nb-mark:after{
  content:"";position:absolute;inset:auto 11px 10px 11px;height:1px;
  background:linear-gradient(90deg,transparent,var(--nb-gold),transparent);opacity:.62;
}
.nb-mark span{font-size:23px;font-weight:850;letter-spacing:-.08em;color:#f6f1e9;transform:translateX(-1px)}
.nb-mark i{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--nb-copper);box-shadow:0 0 0 4px rgba(187,112,68,.13)}
.nb-mark-small{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:17px!important;padding:0!important}
.nb-mark-small span{font-size:18px}
.nb-mark-small i{right:8px;top:8px;width:6px;height:6px}

/* ---------- Public access experience ---------- */
.auth-locked{
  display:block!important;min-height:100svh;padding:0!important;
  background:var(--nb-carbon)!important;
}
.demo-login-gate{
  min-height:100svh;padding:clamp(18px,3vw,42px)!important;display:grid!important;place-items:center!important;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),
    radial-gradient(circle at 17% 12%,rgba(187,112,68,.22),transparent 31rem),
    radial-gradient(circle at 83% 88%,rgba(66,103,87,.16),transparent 28rem),
    linear-gradient(145deg,#0c0f0e 0%,#171b19 60%,#0f1210 100%)!important;
  background-size:34px 34px,34px 34px,auto,auto,auto!important;
}
.demo-login-gate:before{display:none!important}
.enterprise-access-shell{
  width:min(100%,1280px);display:grid;grid-template-columns:minmax(0,1.13fr) minmax(420px,.87fr);
  min-height:min(790px,calc(100svh - clamp(36px,6vw,84px)));
  border:1px solid rgba(255,255,255,.10);border-radius:36px;overflow:hidden;
  background:rgba(20,24,22,.74);box-shadow:0 46px 140px rgba(0,0,0,.46);
  backdrop-filter:blur(22px);
}
.enterprise-access-story{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;
  padding:clamp(34px,5vw,74px);color:#f5f2eb;overflow:hidden;
  background:
    radial-gradient(circle at 88% 8%,rgba(212,168,103,.14),transparent 20rem),
    linear-gradient(152deg,rgba(34,40,36,.83),rgba(12,15,14,.93));
}
.enterprise-access-story:before{
  content:"";position:absolute;right:-190px;bottom:-210px;width:540px;height:540px;border-radius:50%;
  border:1px solid rgba(212,168,103,.16);box-shadow:0 0 0 52px rgba(212,168,103,.025),0 0 0 104px rgba(212,168,103,.018);
}
.enterprise-access-story:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;
  background:linear-gradient(110deg,transparent 0 59%,rgba(255,255,255,.035) 59.2% 59.5%,transparent 59.7%);
}
.enterprise-wordmark{display:flex;align-items:center;gap:17px;position:relative;z-index:1}
.enterprise-wordmark strong{display:block;font-size:16px;letter-spacing:.16em;font-weight:760}
.enterprise-wordmark small{display:block;margin-top:5px;font-size:9px;letter-spacing:.24em;color:rgba(245,242,235,.48);font-weight:700}
.enterprise-story-copy{position:relative;z-index:1;max-width:760px;margin:clamp(42px,8vh,96px) 0}
.enterprise-kicker{display:block;margin-bottom:18px;color:var(--nb-gold);font-size:10px;font-weight:800;letter-spacing:.22em}
.enterprise-story-copy h1{
  max-width:760px;margin:0 0 24px!important;color:#fff;font-size:clamp(46px,5.2vw,78px)!important;
  line-height:.96!important;letter-spacing:-.065em!important;font-weight:720!important;
}
.enterprise-story-copy p{max-width:720px;margin:0;color:rgba(245,242,235,.72);font-size:clamp(16px,1.5vw,20px);line-height:1.65;font-weight:450}
.enterprise-value-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}
.enterprise-value-grid article{min-height:150px;padding:20px;border:1px solid rgba(255,255,255,.095);border-radius:18px;background:rgba(255,255,255,.035)}
.enterprise-value-grid article>span{display:block;color:var(--nb-copper);font-size:10px;letter-spacing:.16em;font-weight:850;margin-bottom:28px}
.enterprise-value-grid strong{display:block;color:#fff;font-size:14px;line-height:1.25;margin-bottom:8px}
.enterprise-value-grid p{color:rgba(245,242,235,.53);font-size:11px;line-height:1.5;margin:0}
.enterprise-environment-note{position:relative;z-index:1;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;margin-top:22px;color:rgba(245,242,235,.54);font-size:10px}
.enterprise-environment-note>span{width:7px;height:7px;border-radius:50%;background:#6fb697;box-shadow:0 0 0 5px rgba(111,182,151,.10)}
.enterprise-environment-note strong{color:#dfe8e2;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.enterprise-environment-note p{margin:0}

.enterprise-access-panel.demo-login-card{
  width:auto!important;max-width:none!important;height:100%;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(36px,5vw,68px)!important;border:0!important;border-radius:0!important;
  background:linear-gradient(180deg,#f9f8f4,#efeee8)!important;box-shadow:none!important;backdrop-filter:none!important;text-align:left;
}
.enterprise-panel-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;font-size:9px;letter-spacing:.18em;color:#778079;font-weight:850}
.enterprise-panel-topline b{display:grid;place-items:center;min-width:32px;height:26px;padding:0 8px;border-radius:999px;background:#e4e2da;color:#343a36;letter-spacing:.08em}
.enterprise-access-panel h2{margin:0 0 16px!important;color:var(--nb-carbon)!important;font-size:clamp(34px,3.7vw,52px)!important;line-height:1!important;letter-spacing:-.055em!important;font-weight:720}
.enterprise-access-panel>p{max-width:560px!important;color:#68706b!important;font-size:15px!important;line-height:1.62!important;font-weight:470!important}
.demo-access-steps{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:30px 0 24px!important}
.demo-access-steps .access-step{
  display:grid!important;grid-template-columns:36px 1fr!important;gap:13px!important;min-height:0!important;padding:12px 13px!important;
  border:1px solid rgba(23,26,24,.09)!important;border-radius:13px!important;background:rgba(255,255,255,.45)!important;
}
.demo-access-steps .access-step.active{border-color:rgba(187,112,68,.30)!important;background:rgba(187,112,68,.07)!important}
.demo-access-steps .access-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--nb-carbon)!important;color:#fff!important;font-size:10px;font-weight:800}
.demo-access-steps .access-step strong{display:block;color:#252a27;font-size:12px;font-weight:760;margin-bottom:3px}
.demo-access-steps .access-step small{display:block;color:#7a827d;font-size:10px;line-height:1.4}
.demo-login-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.demo-login-actions button{
  min-height:66px!important;margin:0!important;padding:13px 17px!important;border-radius:14px!important;text-align:left!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
}
.demo-login-actions button span{font-size:13px;font-weight:800}
.demo-login-actions button small{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:.60}
.demo-login-actions .primary-btn{background:linear-gradient(135deg,#1e2420,#0d100f)!important;color:#fff!important;border:1px solid #0d100f!important;box-shadow:0 14px 28px rgba(13,16,15,.16)!important}
.demo-login-actions .primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(13,16,15,.22)!important}
.demo-login-actions .secondary-btn{background:rgba(255,255,255,.62)!important;color:#242925!important;border:1px solid rgba(23,26,24,.12)!important}
.demo-login-actions .secondary-btn:hover{background:#fff!important;border-color:rgba(187,112,68,.38)!important}
.demo-login-proof{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 0}
.demo-login-proof span{padding:8px 10px;border:1px solid rgba(23,26,24,.09);border-radius:999px;background:rgba(255,255,255,.44);color:#646c67;font-size:9px;font-weight:750;letter-spacing:.035em}
.enterprise-access-panel .login-help{margin-top:15px!important;color:#858c87!important;font-size:10px!important;line-height:1.5!important;font-weight:500!important}
.login-waiting{border-color:rgba(187,112,68,.2)!important;background:rgba(187,112,68,.06)!important}
.login-waiting-spinner{border-color:rgba(23,26,24,.14)!important;border-top-color:var(--nb-copper)!important}

/* ---------- Application shell ---------- */
body:not(.auth-locked){padding-top:max(10px,env(safe-area-inset-top));background-color:var(--nb-paper)}
.app-shell{max-width:var(--nb-content)!important;padding-top:0!important}
.content{padding-left:clamp(14px,2.5vw,34px)!important;padding-right:clamp(14px,2.5vw,34px)!important}
.demo-ribbon{
  width:calc(100% - clamp(20px,4vw,48px));max-width:calc(var(--nb-content) - clamp(20px,4vw,48px));
  margin:0 auto!important;padding:8px 13px!important;grid-template-columns:auto auto 1fr auto!important;gap:12px!important;
  border:1px solid rgba(255,255,255,.07);border-radius:0 0 13px 13px!important;
  background:linear-gradient(90deg,#111513,#1f2521)!important;box-shadow:0 8px 24px rgba(13,16,15,.12)!important;
}
.demo-ribbon span{padding:5px 8px!important;background:rgba(212,168,103,.14)!important;color:#e4bd82!important;border:1px solid rgba(212,168,103,.18);font-size:8px!important;letter-spacing:.16em!important}
.demo-ribbon strong{font-size:11px!important;letter-spacing:.025em}
.demo-ribbon small{color:rgba(255,255,255,.45)!important;font-size:9px}
.demo-ribbon button{padding:7px 10px!important;border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;color:rgba(255,255,255,.75)!important;font-size:9px!important}

.hero{
  margin:14px clamp(10px,2vw,24px) 16px!important;padding:clamp(20px,2.8vw,32px)!important;min-height:132px!important;
  border-radius:26px!important;border:1px solid rgba(255,255,255,.08)!important;
  background:
    radial-gradient(circle at 92% 7%,rgba(212,168,103,.17),transparent 19rem),
    linear-gradient(135deg,#151917 0%,#242b27 58%,#121513 100%)!important;
  box-shadow:0 22px 58px rgba(13,16,15,.19)!important;
}
.hero:before{opacity:.42;background-size:32px 32px!important;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)!important}
.hero:after{background:rgba(187,112,68,.07)!important}
.hero .brand-row{padding-right:0!important;gap:17px!important}
.hero .eyebrow{color:#d6ad73!important;font-size:9px!important;letter-spacing:.18em!important}
.hero h1{margin:5px 0 7px!important;color:#fff!important;font-size:clamp(28px,3vw,40px)!important;font-weight:710!important;letter-spacing:-.05em!important}
.hero p{max-width:680px!important;color:rgba(255,255,255,.62)!important;font-size:12px!important;line-height:1.5!important}
.profile-chip,.notify-btn,.access-btn,.install-btn{border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.055)!important;border-radius:12px!important;min-height:44px!important;color:#fff!important;box-shadow:none!important}
.profile-chip:hover,.notify-btn:hover,.access-btn:hover,.install-btn:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(212,168,103,.28)!important}
.profile-avatar,.notify-count{background:rgba(212,168,103,.18)!important;color:#f1c98e!important;border:1px solid rgba(212,168,103,.18)}
.access-btn{color:#ead4b3!important}

/* ---------- Typography and surfaces ---------- */
.section-title h2{color:var(--nb-ink)!important;font-size:clamp(1.8rem,3.2vw,2.7rem)!important;font-weight:700!important;letter-spacing:-.055em!important}
.section-title h3{font-weight:700!important;letter-spacing:-.035em!important}
.eyebrow.yellow{
  padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;
  color:var(--nb-copper-deep)!important;font-size:9px!important;letter-spacing:.17em!important;font-weight:850!important;
}
.muted{color:var(--nb-muted)!important;font-weight:470!important}
.sync-state,.api-badge{border-color:var(--nb-line)!important;background:rgba(255,255,255,.68)!important;color:#68706b!important;box-shadow:none!important}

.status-card,.smart-stat,.metrics-grid article,.executive-card,.form-card,.premium-card,.wide-card,.action-card,.item-card,.list-card{
  border-color:var(--nb-line)!important;background:rgba(255,255,255,.82)!important;box-shadow:var(--nb-shadow-1)!important;
}
.status-card,.smart-stat,.executive-card{border-radius:17px!important}
.form-card,.premium-card,.wide-card{border-radius:var(--nb-radius-lg)!important}
.status-card strong,.smart-stat strong,.executive-card strong{color:var(--nb-ink)!important;font-weight:720!important;letter-spacing:-.04em!important}
.label{color:#7a827d!important;font-size:9px!important;letter-spacing:.14em!important;font-weight:800!important}
.status-card.urgent{background:linear-gradient(145deg,#fff,#fbf2ec)!important;border-color:rgba(187,112,68,.22)!important}
.status-card.urgent strong{color:var(--nb-copper-deep)!important}

.home-cockpit{
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(212,168,103,.15),transparent 18rem),
    linear-gradient(135deg,#161a18,#272e29)!important;
  box-shadow:0 24px 64px rgba(13,16,15,.18)!important;
}
.home-cockpit h3,.home-cockpit-copy h3{color:#fff!important;font-size:clamp(26px,3.5vw,42px)!important;font-weight:690!important;letter-spacing:-.05em!important}
.home-cockpit p{color:rgba(255,255,255,.59)!important;line-height:1.65!important}
.home-cockpit .eyebrow.yellow{color:#ddb57d!important}
.health-ring{border-color:rgba(212,168,103,.38)!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 0 0 8px rgba(255,255,255,.025)!important}
.health-ring strong{color:#fff!important}
.health-ring span{color:rgba(255,255,255,.52)!important}
.home-store-control{border-color:var(--nb-line)!important;background:linear-gradient(135deg,#fff,#f0f3f0)!important;box-shadow:var(--nb-shadow-1)!important}
.home-store-indicator{background:var(--nb-success)!important;box-shadow:0 0 0 7px rgba(45,117,89,.10)!important}
.store-mode-badge{background:rgba(66,103,87,.10)!important;color:#365747!important;border-color:rgba(66,103,87,.16)!important}

.primary-btn{
  border-radius:12px!important;background:linear-gradient(135deg,#242a26,#111412)!important;border-color:#111412!important;color:#fff!important;
  box-shadow:0 10px 22px rgba(13,16,15,.13)!important;font-weight:760!important;
}
.primary-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#303832,#171b19)!important}
.secondary-btn,.mini-btn{
  border-radius:11px!important;border-color:var(--nb-line)!important;background:rgba(255,255,255,.78)!important;color:#303632!important;box-shadow:none!important;font-weight:700!important;
}
.secondary-btn:hover,.mini-btn:hover{border-color:rgba(187,112,68,.34)!important;background:#fff!important;color:var(--nb-copper-deep)!important}
.pill,.badge{border-radius:999px!important}

input,select,textarea,.search-box input{
  border-color:var(--nb-line)!important;border-radius:12px!important;background:#fff!important;color:var(--nb-ink)!important;box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.search-box input:focus{border-color:rgba(187,112,68,.55)!important;box-shadow:0 0 0 4px rgba(187,112,68,.08)!important}

/* ---------- Domain navigation ---------- */
.action-grid.premium-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.action-card{min-height:132px!important;padding:19px!important;border-radius:17px!important;position:relative;overflow:hidden}
.action-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--nb-copper),transparent);opacity:.65}
.action-card span{color:#242925!important;font-size:15px!important;font-weight:760!important;letter-spacing:-.025em}
.action-card small{color:#79817c!important;font-size:10px!important;line-height:1.5!important}
.action-card:hover{transform:translateY(-3px)!important;border-color:rgba(187,112,68,.28)!important;box-shadow:0 18px 40px rgba(13,16,15,.10)!important}

/* ---------- More / platform map ---------- */
.more-hero{
  border-color:rgba(255,255,255,.07)!important;
  background:radial-gradient(circle at 85% 15%,rgba(212,168,103,.15),transparent 18rem),linear-gradient(135deg,#171b19,#29302b)!important;
  box-shadow:0 24px 60px rgba(13,16,15,.17)!important;
}
.more-hero h2,.more-hero h3{color:#fff!important}
.more-hero p{color:rgba(255,255,255,.58)!important}
.more-profile{border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.04)!important}
.more-profile-avatar{background:rgba(212,168,103,.18)!important;color:#e5bf86!important}
.more-search-wrap{border-color:var(--nb-line)!important;background:rgba(255,255,255,.86)!important;box-shadow:var(--nb-shadow-1)!important}
.more-search-wrap svg{color:var(--nb-copper)!important}
.more-result-line{color:#7c847f!important}
.more-group{border-top:1px solid var(--nb-line)!important;padding-top:25px!important}
.more-group header{max-width:760px;margin-bottom:16px}
.more-group-kicker{color:var(--nb-copper-deep)!important;font-size:8px!important;letter-spacing:.18em!important}
.more-group header h3{font-size:clamp(21px,2.8vw,30px)!important;color:#202522!important;font-weight:700!important;letter-spacing:-.045em!important}
.more-group header p{color:#78807b!important;font-size:12px!important;line-height:1.55!important}
.more-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.more-card{
  min-height:116px!important;padding:17px!important;border-radius:16px!important;border-color:var(--nb-line)!important;
  background:rgba(255,255,255,.80)!important;box-shadow:0 1px 2px rgba(13,16,15,.025)!important;
}
.more-card:hover{transform:translateY(-2px)!important;border-color:rgba(187,112,68,.31)!important;background:#fff!important;box-shadow:0 16px 36px rgba(13,16,15,.09)!important}
.more-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:#eef0ec!important;color:#4f5d55!important}
.more-card:hover .more-icon{background:rgba(187,112,68,.11)!important;color:var(--nb-copper-deep)!important}
.more-card-copy strong{color:#242925!important;font-size:13px!important;font-weight:760!important}
.more-card-copy small{color:#7b837e!important;font-size:10px!important;line-height:1.45!important}
.more-arrow{color:#a2a8a4!important}
.more-card-about{background:linear-gradient(145deg,#f7f3ed,#fff)!important}
.more-card-danger{background:rgba(159,59,49,.035)!important}
.more-card-danger .more-icon{background:rgba(159,59,49,.08)!important;color:var(--nb-danger)!important}

/* ---------- About / product architecture ---------- */
.phase12-heading{align-items:flex-end!important}
.phase12-version{background:#1a1f1c!important;color:#e3bd84!important;border:1px solid rgba(212,168,103,.16)!important;letter-spacing:.13em!important;font-size:8px!important}
.phase12-tabs{
  padding:5px!important;border:1px solid var(--nb-line)!important;border-radius:14px!important;background:rgba(255,255,255,.62)!important;box-shadow:none!important;
}
.phase12-tabs button{border-radius:10px!important;color:#737b76!important;font-size:10px!important;font-weight:750!important}
.phase12-tabs button.active{background:#1b201d!important;color:#fff!important;box-shadow:none!important}
.phase12-purpose.enterprise-purpose{
  padding:clamp(28px,4.5vw,54px)!important;border-color:rgba(255,255,255,.07)!important;
  background:radial-gradient(circle at 88% 9%,rgba(212,168,103,.14),transparent 20rem),linear-gradient(135deg,#171b19,#262d28)!important;
}
.enterprise-purpose h3{max-width:800px;color:#fff!important;font-size:clamp(30px,4.5vw,52px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:690!important}
.enterprise-purpose p{max-width:850px;color:rgba(255,255,255,.62)!important;font-size:14px!important;line-height:1.72!important}
.enterprise-purpose .eyebrow.yellow{color:#ddb57d!important}
.phase12-principles span{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important;color:rgba(255,255,255,.78)!important}
.enterprise-platform-stats .status-card strong{font-size:clamp(22px,3vw,34px)!important}
.phase12-flow{border-color:var(--nb-line)!important;background:#fff!important}
.phase12-flowline span{background:#eef0ec!important;color:#334038!important;border-color:rgba(66,103,87,.12)!important}
.phase12-flowline i{color:var(--nb-copper)!important}
.phase12-grid .item-card,.phase12-feature-grid .form-card{border-radius:16px!important;box-shadow:none!important}
.phase12-feature-grid .phase12-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#eef0ec!important;filter:grayscale(1);font-size:19px!important}
.demo-customization-hero{
  padding:clamp(30px,4.5vw,56px)!important;border-color:rgba(255,255,255,.07)!important;
  background:radial-gradient(circle at 82% 12%,rgba(212,168,103,.15),transparent 18rem),linear-gradient(135deg,#181c1a,#29312b)!important;
}
.demo-customization-hero h3{max-width:880px;color:#fff!important;font-size:clamp(31px,4.6vw,54px)!important;line-height:1.02!important;font-weight:690!important}
.demo-customization-hero p{max-width:900px;color:rgba(255,255,255,.61)!important;font-size:15px!important;line-height:1.7!important}
.demo-customization-hero .eyebrow.yellow{color:#ddb57d!important}
.demo-license-card{background:linear-gradient(135deg,#b16a40,#874126)!important;box-shadow:0 24px 60px rgba(95,50,28,.19)!important}
.demo-license-card span{background:rgba(255,255,255,.12)!important;color:#fff1dc!important;border:1px solid rgba(255,255,255,.12)}
.demo-license-card h3{max-width:930px!important;font-weight:690!important}
.demo-license-card p{max-width:900px!important;color:rgba(255,255,255,.70)!important}

/* ---------- Tour ---------- */
.demo-tour-backdrop,.demo-profile-backdrop{background:rgba(7,9,8,.82)!important;backdrop-filter:blur(18px)!important}
.demo-tour{width:min(1080px,100%)!important;grid-template-columns:minmax(340px,.93fr) minmax(0,1.07fr)!important;border-radius:28px!important;background:#f3f2ed!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 52px 160px rgba(0,0,0,.56)!important}
.demo-tour-close{top:16px!important;right:16px!important;width:38px!important;height:38px!important;border-color:rgba(23,26,24,.10)!important;background:rgba(255,255,255,.86)!important;color:#242925!important;font-size:20px!important}
.demo-tour-visual{
  min-height:620px!important;padding:36px!important;border-radius:28px 0 0 28px!important;
  background:radial-gradient(circle at 78% 12%,rgba(212,168,103,.15),transparent 17rem),linear-gradient(145deg,#111412,#252b27)!important;
}
.demo-tour-visual:before,.demo-tour-visual:after{display:none!important}
.demo-tour-grid{position:absolute;inset:0;opacity:.23;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 86%)}
.demo-tour-visual>span{font-size:112px!important;font-weight:640!important;letter-spacing:-.08em!important;color:rgba(255,255,255,.92)!important;text-shadow:none!important}
.demo-tour-brand{font-size:17px!important;letter-spacing:.12em!important;font-weight:760!important}
.demo-tour-brand small{font-size:8px!important;letter-spacing:.22em!important;color:rgba(255,255,255,.42)!important}
.demo-tour-architecture{position:absolute;right:34px;bottom:34px;display:grid;grid-template-columns:repeat(2,48px);gap:8px}
.demo-tour-architecture i{display:block;height:48px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035)}
.demo-tour-architecture i:nth-child(2){background:rgba(187,112,68,.11);border-color:rgba(187,112,68,.18)}
.demo-tour-copy{padding:clamp(38px,5.2vw,70px)!important}
.demo-tour-kicker{color:var(--nb-copper-deep)!important;font-size:9px!important;letter-spacing:.19em!important;font-weight:850!important}
.demo-tour-copy h2{color:#191d1a!important;font-size:clamp(35px,4.3vw,56px)!important;font-weight:690!important;letter-spacing:-.06em!important;line-height:.99!important}
.demo-tour-copy>p{color:#69716c!important;font-size:15px!important;line-height:1.68!important}
.demo-tour-bullets span{padding:8px 10px!important;border:1px solid var(--nb-line)!important;background:rgba(255,255,255,.62)!important;color:#59615c!important;font-size:10px!important;font-weight:700!important}
.demo-tour-dots button{background:#cfcec8!important}.demo-tour-dots button.active{background:var(--nb-copper)!important}
.demo-tour-skip{color:#7d857f!important}
.demo-profile-modal{border-radius:26px!important;background:#f4f3ee!important}
.demo-profile-modal h2{color:#1a1e1b!important;font-weight:690!important}
.demo-profile-grid>button{border-color:var(--nb-line)!important;border-radius:15px!important;background:rgba(255,255,255,.78)!important}
.demo-profile-grid>button:hover{border-color:rgba(187,112,68,.30)!important;box-shadow:0 14px 34px rgba(13,16,15,.09)!important}
.demo-profile-grid>button>span{background:#202622!important;color:#e7bf87!important;border-radius:11px!important}
.demo-profile-grid small{color:var(--nb-copper-deep)!important}
.demo-profile-grid i{color:var(--nb-copper)!important}

/* ---------- Bottom navigation ---------- */
.bottom-nav{
  width:min(calc(100% - 24px),860px)!important;left:50%!important;right:auto!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;padding:7px!important;
  background:rgba(20,24,22,.94)!important;box-shadow:0 18px 54px rgba(13,16,15,.24)!important;backdrop-filter:blur(22px)!important;
}
.bottom-nav a{min-height:57px!important;border-radius:12px!important;color:rgba(255,255,255,.47)!important;font-size:9px!important;font-weight:700!important}
.bottom-nav a svg{width:19px!important;height:19px!important}
.bottom-nav a.active{background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
.bottom-nav a.active svg{color:#d9b47e!important}

/* ---------- Responsive ---------- */
@media(max-width:1080px){
  .enterprise-access-shell{grid-template-columns:1fr;max-width:820px}
  .enterprise-access-story{min-height:auto;padding:36px 40px}
  .enterprise-story-copy{margin:54px 0 44px}
  .enterprise-story-copy h1{font-size:clamp(44px,7vw,68px)!important}
  .enterprise-value-grid{grid-template-columns:repeat(3,1fr)}
  .enterprise-access-panel.demo-login-card{padding:42px!important}
  .action-grid.premium-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .hero{align-items:flex-start!important}
  .hero-actions{flex-basis:auto!important}
  .demo-tour{grid-template-columns:1fr!important;max-height:calc(100svh - 20px)!important}
  .demo-tour-visual{min-height:210px!important;border-radius:26px 26px 0 0!important;padding:27px!important;flex-direction:row!important;align-items:flex-end!important}
  .demo-tour-visual>span{font-size:70px!important}
  .demo-tour-architecture{right:24px;bottom:24px;grid-template-columns:repeat(2,36px)}
  .demo-tour-architecture i{height:36px}
  .demo-tour-copy{padding:32px 27px 28px!important}
}
@media(max-width:680px){
  .demo-login-gate{padding:0!important;place-items:stretch!important}
  .enterprise-access-shell{min-height:100svh;border:0;border-radius:0;display:block;background:var(--nb-carbon)}
  .enterprise-access-story{min-height:auto;padding:28px 22px 34px}
  .enterprise-wordmark .nb-mark{width:58px;height:58px;border-radius:17px}.enterprise-wordmark .nb-mark span{font-size:18px}
  .enterprise-wordmark strong{font-size:13px}.enterprise-wordmark small{font-size:7px}
  .enterprise-story-copy{margin:44px 0 32px}
  .enterprise-story-copy h1{font-size:clamp(39px,12vw,56px)!important;margin-bottom:18px!important}
  .enterprise-story-copy p{font-size:14px;line-height:1.6}
  .enterprise-value-grid{grid-template-columns:1fr;gap:7px}
  .enterprise-value-grid article{min-height:0;padding:15px;display:grid;grid-template-columns:30px 1fr;column-gap:9px}
  .enterprise-value-grid article>span{grid-row:1/3;margin:1px 0 0}.enterprise-value-grid p{margin-top:4px}
  .enterprise-environment-note{grid-template-columns:auto 1fr}.enterprise-environment-note p{grid-column:2}
  .enterprise-access-panel.demo-login-card{padding:35px 21px 42px!important;border-radius:28px 28px 0 0!important}
  .enterprise-access-panel h2{font-size:36px!important}
  .demo-ribbon{width:calc(100% - 16px)!important;grid-template-columns:auto 1fr auto!important;margin:0 8px!important}
  .demo-ribbon small{display:none!important}
  .hero{margin:10px!important;border-radius:22px!important;padding:18px!important;display:grid!important;gap:15px!important}
  .hero-actions{justify-content:flex-start!important;width:100%}
  .hero p{max-width:90%!important}
  .profile-chip{flex:1 1 auto!important}
  .action-grid.premium-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .more-grid{grid-template-columns:1fr!important}
  .phase12-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important}
  .phase12-tabs button{white-space:nowrap!important}
}
@media(max-width:460px){
  .enterprise-access-story{padding:24px 18px 29px}
  .enterprise-story-copy h1{font-size:39px!important}
  .enterprise-access-panel.demo-login-card{padding:31px 17px 38px!important}
  .enterprise-panel-topline{margin-bottom:26px}
  .demo-login-actions button{min-height:62px!important}
  .demo-ribbon{grid-template-columns:auto 1fr!important}
  .demo-ribbon button{grid-column:1/-1!important;width:100%}
  .nb-mark-small{width:48px!important;height:48px!important;flex-basis:48px!important}
  .hero h1{font-size:25px!important}
  .hero-actions{gap:7px!important}.access-btn,.notify-btn{flex:1 1 44%!important}
  .action-grid.premium-actions{grid-template-columns:1fr!important}
  .action-card{min-height:108px!important}
  .bottom-nav{width:calc(100% - 14px)!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;border-radius:16px!important}
  .bottom-nav a{font-size:8px!important;min-height:54px!important}
  .demo-tour-backdrop,.demo-profile-backdrop{padding:7px!important}
  .demo-tour{border-radius:22px!important}
  .demo-tour-visual{border-radius:22px 22px 0 0!important;min-height:170px!important}
  .demo-tour-copy h2{font-size:34px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}
.phase12-feature-grid .phase12-icon{
  font-size:10px!important;font-weight:850!important;letter-spacing:.08em!important;
  color:#415048!important;filter:none!important;
}