/* Digibing 4.1 — calm professional product layer
   Neutral surfaces, restrained brand color, readable Persian typography,
   app-like mobile navigation and secure modal billing flow. */
:root{
  --font-sans:"Estedad","Vazirmatn",Tahoma,Arial,sans-serif;
  --font-body:"Vazirmatn","Estedad",Tahoma,Arial,sans-serif;
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#eef3f8;
  --text:#10213b;
  --text-2:#334764;
  --muted:#65758c;
  --muted-2:#8c9aaf;
  --line:#dfe7f1;
  --line-strong:#c9d5e4;
  --primary:#0d5fc7;
  --primary-2:#084a9e;
  --primary-soft:#eaf3ff;
  --accent:#0d9a78;
  --accent-soft:#e8f8f2;
  --success:#08775c;
  --success-soft:#e8f8f2;
  --warning:#a66107;
  --warning-soft:#fff5df;
  --danger:#bd3151;
  --danger-soft:#fff0f3;
  --info:#0d5fc7;
  --info-soft:#eaf3ff;
  --shadow-xs:0 1px 2px rgba(19,45,79,.035);
  --shadow-sm:0 7px 22px rgba(19,45,79,.055);
  --shadow-md:0 18px 48px rgba(19,45,79,.09);
  --shadow-lg:0 30px 80px rgba(19,45,79,.16);
  --radius-sm:10px;
  --radius:14px;
  --radius-lg:18px;
  --radius-xl:24px;
  --sidebar:280px;
  --topbar:72px;
}
html[data-theme="dark"]{
  --bg:#0d1520;
  --surface:#121d2a;
  --surface-2:#172433;
  --surface-3:#1c2b3d;
  --text:#f2f6fb;
  --text-2:#cbd6e5;
  --muted:#94a4b9;
  --muted-2:#708299;
  --line:#25364a;
  --line-strong:#354b63;
  --primary:#67a9ff;
  --primary-2:#8ec0ff;
  --primary-soft:#172f4f;
  --accent:#49cba7;
  --accent-soft:#14382f;
  --success:#49cba7;
  --success-soft:#14382f;
  --warning-soft:#3a2d16;
  --danger-soft:#3d1d29;
  --info-soft:#172f4f;
}
html,body{font-family:var(--font-body);background:var(--bg)}
body{font-feature-settings:"ss01","ss02";letter-spacing:-.005em}
h1,h2,h3,h4,h5,h6,.button,.nav-item,.brand-copy,.page-kicker,.card-kicker,.badge,.topbar,.price-card{font-family:var(--font-sans)}
h1,h2,h3,h4{letter-spacing:-.035em}
::selection{background:rgba(13,95,199,.18);color:var(--text)}

/* Calm sidebar: white workspace rail, blue only for intent and selection. */
.sidebar{
  background:#fbfcfe;
  color:var(--text);
  border-left:1px solid var(--line);
  padding:15px 13px 13px;
  box-shadow:-8px 0 30px rgba(19,45,79,.025);
}
html[data-theme="dark"] .sidebar{background:#101a27;border-color:#223246}
.signal-rail{display:none!important}
.sidebar-head{padding:1px 4px 13px;min-height:59px}
.brand{color:var(--text);padding:3px 4px;gap:10px}
.brand-mark,.digibing-mark{
  width:40px;height:40px;border-radius:13px;
  background:#0f2e55;
  box-shadow:0 8px 20px rgba(14,43,80,.16),inset 0 0 0 1px rgba(255,255,255,.1);
}
.digibing-mark i{border-color:#43d3aa;border-left-color:transparent}
.brand-copy strong{font-size:15px;color:var(--text);font-weight:850}
.brand-copy small{font-size:10.5px;color:var(--muted);margin-top:2px}
.sidebar .icon-btn{background:var(--surface);border-color:var(--line);color:var(--muted);box-shadow:var(--shadow-xs)}
.sidebar .icon-btn:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--primary)}
.sidebar-context{
  grid-template-columns:34px minmax(0,1fr) 23px;
  margin:0 1px 13px;padding:9px 10px;
  background:var(--surface);border:1px solid var(--line);
  box-shadow:var(--shadow-xs);border-radius:13px;
}
.workspace-orb{background:var(--primary-soft);color:var(--primary);border:1px solid rgba(13,95,199,.12)}
.sidebar-context span{color:var(--muted-2)}
.sidebar-context strong{color:var(--text);font-size:11.5px}
.verified-pro{color:var(--primary)}
.nav{gap:12px;padding:0 1px 11px;scrollbar-color:#cad5e2 transparent}
.nav-group{gap:3px}
.nav-section{font-size:10px;color:var(--muted-2);padding:7px 10px 4px;font-weight:750}
.nav-item{
  min-height:43px;padding:7px 8px;border-radius:11px;
  color:#52657e;font-size:12.5px;font-weight:600;gap:9px;
  overflow:visible;
}
.nav-item svg{
  width:31px;height:31px;padding:7px;border-radius:9px;
  color:#70829a;background:#f0f4f8;border:1px solid #e7edf4;
  transition:all var(--transition);
}
html[data-theme="dark"] .nav-item svg{background:#182638;border-color:#22354a}
.nav-item:hover{background:#f2f6fa;color:var(--text)}
.nav-item:hover svg{color:var(--primary);background:#fff;border-color:#d7e4f3}
.nav-item.active{
  color:#0b4eaa;background:#eaf3ff;box-shadow:none;font-weight:750;
}
.nav-item.active:before{content:"";position:absolute;right:-3px;top:10px;bottom:10px;width:3px;border-radius:99px;background:var(--accent)}
.nav-item.active svg{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 5px 13px rgba(13,95,199,.18)}
.nav-item kbd{background:#fff;border-color:var(--line);color:var(--muted-2)}
.nav-badge{background:var(--accent-soft);color:var(--accent);border-color:rgba(13,154,120,.14);font-size:8.5px}
.nav-badge.green{background:var(--accent-soft);color:var(--accent)}
.ai-nav:after{display:none}
.sidebar-footer{border-top:1px solid var(--line);padding:12px 2px 0;gap:9px}
.plan-card{background:#f1f6fc;border:1px solid #dce7f3;color:var(--text);box-shadow:none}
.plan-card:hover{background:#eaf3ff;border-color:#c9ddf5}
.plan-card small{color:var(--muted)}.plan-card strong{color:var(--text)}
.plan-ring{background:var(--surface)}.plan-ring:before{border-color:var(--accent) transparent transparent var(--accent)}
.plan-arrow{color:var(--primary)}
.user-chip{background:transparent;border:0}
.user-copy strong{color:var(--text);font-size:11.5px}.user-copy small{color:var(--muted);font-size:9.5px}
.avatar{background:#eaf3ff;color:var(--primary);border:1px solid #d9e8f8}
body.sidebar-collapsed .nav-item.active{box-shadow:none}
body.sidebar-collapsed .nav-item.active:before{right:1px}
body.sidebar-collapsed .nav-item svg{width:36px;height:36px;padding:8px}

/* Product chrome */
.topbar{
  background:rgba(255,255,255,.92);border-bottom:1px solid rgba(213,224,237,.9);
  backdrop-filter:blur(18px) saturate(130%);padding:0 26px;
}
html[data-theme="dark"] .topbar{background:rgba(18,29,42,.92)}
.workspace-title strong{font-size:13.5px}.eyebrow{font-size:9.5px;color:var(--muted-2)}
.search-trigger{background:#f7f9fc;border-color:var(--line);min-width:260px;height:40px}
.search-trigger:hover{background:#fff;border-color:#cbd8e7}
.content{padding:27px 28px 78px;max-width:1560px}
.mobile-top-brand{display:none;color:var(--text);align-items:center;gap:8px}
.mobile-top-brand .brand-mark{width:36px;height:36px;border-radius:11px}
.mobile-top-brand>span:last-child strong,.mobile-top-brand>span:last-child small{display:block}
.mobile-top-brand strong{font:800 13px var(--font-sans)}.mobile-top-brand small{font-size:9px;color:var(--muted);margin-top:1px}

/* Readability and real card hierarchy */
.section-heading{margin-bottom:22px;align-items:center}
.section-heading h1{font-size:27px;line-height:1.45;margin:4px 0 5px;font-weight:850}
.section-heading p{font-size:13px;max-width:720px;color:var(--muted);line-height:1.9}
.page-kicker,.card-kicker{font-size:10.5px;font-weight:800;color:var(--primary)}
.card,.stat-card{
  border:1px solid var(--line);background:var(--surface);
  box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);
}
.card{padding:20px}
.card:hover{border-color:#ccd9e8;box-shadow:0 10px 28px rgba(19,45,79,.065)}
.card-header{margin-bottom:18px}.card-header h2{font-size:16px}.card-header h3{font-size:14px}.card-header p{font-size:12px;color:var(--muted)}
.stat-card{padding:17px 16px;min-height:112px;position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;background:#edf2f7}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(19,45,79,.08)}
.stat-card small{font-size:10.5px;color:var(--muted)}
.stat-card strong{font-size:27px;color:var(--text);line-height:1.2}
.stat-trend{font-size:10px;color:var(--muted-2)}
.stat-icon{border-radius:12px;border:1px solid transparent}.stat-icon.blue,.stat-icon.navy{background:var(--primary-soft);color:var(--primary);border-color:rgba(13,95,199,.08)}.stat-icon.green{background:var(--accent-soft);color:var(--accent);border-color:rgba(13,154,120,.08)}.stat-icon.cyan{background:#eaf8fb;color:#1181a0;border-color:#d9f0f5}
.stat-arrow{color:#a2afc0}

/* Dashboard: remove noisy gradients, keep a restrained command-center feel. */
.dashboard-hero{
  background:var(--surface)!important;border:1px solid var(--line)!important;
  box-shadow:var(--shadow-sm)!important;border-radius:22px!important;
  color:var(--text)!important;padding:24px 25px!important;
  position:relative;overflow:hidden;
}
.dashboard-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}
.dashboard-hero h1{font-size:27px!important;color:var(--text)!important}.dashboard-hero p{color:var(--muted)!important;font-size:13px!important}
.dashboard-hero .page-kicker{color:var(--primary)!important}
.hero-signal-card{background:#f7f9fc!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--text)!important;border-radius:16px!important}
html[data-theme="dark"] .hero-signal-card{background:var(--surface-2)!important}
.signal-copy small,.signal-copy span{color:var(--muted)!important}.signal-copy strong{color:var(--text)!important}
.signal-gauge{background:conic-gradient(var(--accent) calc(var(--score)*1%),#dfe8f1 0)!important}.signal-gauge:after{background:var(--surface)!important}.signal-gauge span{color:var(--text)!important}
.operations-card{box-shadow:var(--shadow-sm)}
.modern-post-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.post-row{border-bottom:1px solid var(--line);padding:14px 12px}.post-row:last-child{border-bottom:0}.post-row:hover{background:#f8fafc}.post-type-icon{background:#eef4fb;color:var(--primary);border:1px solid #e0eaf5}
.quick-start,.plan-mini-card,.health-card{box-shadow:var(--shadow-xs)}
.health-card .live-badge{background:var(--accent-soft);color:var(--accent);border-color:rgba(13,154,120,.13)}

/* Inputs: clear labels, comfortable text, no tiny copy. */
label{color:var(--text-2)}
.form-stack label,.payment-fields-panel label{font-size:12px;font-weight:700}
input,select,textarea{
  background:var(--surface);color:var(--text);border-color:var(--line-strong)!important;
  border-radius:11px!important;min-height:46px;font-size:13px!important;
}
input::placeholder,textarea::placeholder{color:#a0adbd}
input:hover,select:hover,textarea:hover{border-color:#b7c8db!important}
input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px rgba(13,95,199,.09)!important}
.button{border-radius:11px;font-weight:750;letter-spacing:-.015em}
.button.primary{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 7px 17px rgba(13,95,199,.18)!important}
.button.primary:hover{background:var(--primary-2)!important;box-shadow:0 10px 23px rgba(13,95,199,.23)!important}
.button.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text-2)}
.button.secondary:hover{border-color:#aebfd3;background:#f8fafc;color:var(--text)}

/* Billing page */
.billing-heading{margin-bottom:20px}
.refined-current-plan{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:#102f56!important;color:#fff!important;border:0!important;
  border-radius:20px!important;padding:20px 22px!important;box-shadow:0 16px 36px rgba(14,43,80,.16)!important;
}
.current-plan-main{display:flex;align-items:center;gap:15px}.current-plan-main small{color:#a9bed7}.current-plan-main h2{display:flex;align-items:center;gap:6px;font-size:20px;margin:3px 0;color:#fff}.current-plan-main h2 svg{width:18px;color:#66ddb8}.current-plan-main p{margin:0;color:#b9cce0;font-size:11.5px}
.plan-orbit{width:46px;height:46px;border-radius:15px;background:#fff;position:relative;box-shadow:none}.plan-orbit:before{content:"";position:absolute;inset:12px;border:2px solid var(--primary);border-radius:50%}.plan-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:9px;right:8px}
.plan-usage-strip{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:7px}.plan-usage-strip>div{padding:10px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px}.plan-usage-strip span,.plan-usage-strip strong{display:block}.plan-usage-strip span{font-size:9px;color:#a9bed7}.plan-usage-strip strong{font:800 15px var(--font-sans);margin-top:2px;color:#fff}
.billing-plans-section{margin-top:27px}.billing-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.billing-section-title h2{font-size:19px;margin:4px 0}.billing-section-title p{font-size:11.5px;color:var(--muted);max-width:450px;margin:0}
.refined-pricing{gap:14px}
.refined-price-card{
  border:1px solid var(--line)!important;border-radius:18px!important;padding:19px!important;
  background:var(--surface)!important;box-shadow:var(--shadow-xs)!important;transform:none!important;
  min-height:430px;display:flex;flex-direction:column;
}
.refined-price-card:hover{border-color:#bdcede!important;box-shadow:var(--shadow-sm)!important;transform:translateY(-2px)!important}
.refined-price-card.featured{border:2px solid var(--primary)!important;box-shadow:0 14px 34px rgba(13,95,199,.1)!important}
.refined-price-card.current{background:#fbfcfe!important}
.price-card-top{display:flex;align-items:center;justify-content:space-between;min-height:42px}.plan-symbol{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f0f4f8;color:#61738b;border:1px solid #e4ebf3}.plan-symbol svg{width:19px}.plan-symbol.pro{background:var(--primary-soft);color:var(--primary);border-color:#d6e7fb}.plan-symbol.business{background:var(--accent-soft);color:var(--accent);border-color:#d5f0e7}
.refined-price-card .popular,.current-label{position:static!important;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.refined-price-card .popular{background:var(--primary);color:#fff}.current-label{background:#eef2f6;color:var(--muted)}
.price-copy>span{display:block;margin-top:15px;color:var(--text);font-size:14px;font-weight:800}.price-copy h3{margin:8px 0 7px;display:flex;align-items:baseline;gap:7px}.price-copy h3 b{font-size:25px;color:var(--text)}.price-copy h3 small{font-size:9px;color:var(--muted);font-weight:500}.price-copy p{font-size:11.5px;color:var(--muted);line-height:1.8;min-height:42px}.plan-divider{height:1px;background:var(--line);margin:15px 0}
.feature-checks{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.feature-checks li{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-2)}.feature-checks svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--accent-soft);color:var(--accent);stroke-width:2.5}
.billing-lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;margin-top:17px}.payment-history-card,.billing-assurance-card{min-height:100%}
.refined-history{display:flex;flex-direction:column;gap:7px}.refined-history article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;background:#f8fafc;border:1px solid var(--line);border-radius:12px}.history-plan-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef3f8;color:var(--muted)}.history-plan-icon.pro{background:var(--primary-soft);color:var(--primary)}.history-plan-icon.business{background:var(--accent-soft);color:var(--accent)}.history-main>div{display:flex;align-items:center;gap:8px}.history-main strong{font-size:11.5px}.history-main span,.history-main small{font-size:9.5px;color:var(--muted)}.history-main code{color:var(--text-2);font-size:9px}.receipt-mini-link{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--primary)}
.billing-assurance-card{display:flex;flex-direction:column;align-items:flex-start}.assurance-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}.assurance-icon svg{width:23px}.billing-assurance-card h2{font-size:17px;margin:5px 0}.billing-assurance-card p{font-size:11.5px;color:var(--muted);line-height:1.9}.assurance-points{display:flex;flex-direction:column;gap:9px;margin:15px 0 18px}.assurance-points span{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--text-2)}.assurance-points i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.billing-assurance-card .support-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-top:auto}.billing-assurance-card .button{font-size:10px;padding-inline:8px}

/* Payment modal */
.payment-dialog{
  width:min(1080px,calc(100vw - 34px));max-height:min(850px,calc(100dvh - 34px));
  border:0;padding:0;border-radius:24px;background:var(--surface);color:var(--text);
  box-shadow:0 40px 120px rgba(8,24,45,.3);overflow:hidden;
}
.payment-dialog::backdrop{background:rgba(6,18,34,.62);backdrop-filter:blur(8px)}
.payment-modal-form{display:flex;flex-direction:column;max-height:inherit}
.payment-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 23px 17px;border-bottom:1px solid var(--line)}
.payment-modal-header h2{font-size:21px;margin:4px 0}.payment-modal-header h2 b{color:var(--primary)}.payment-modal-header p{font-size:11px;color:var(--muted);margin:0}.modal-eyebrow{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--accent);font-weight:800}.modal-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.modal-close{flex:0 0 auto}
.payment-modal-body{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:0;overflow:auto}
.payment-summary-panel{background:#f5f8fc;border-left:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:14px}
html[data-theme="dark"] .payment-summary-panel{background:#101a27}
.selected-plan-ticket{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.selected-plan-ticket>span,.selected-plan-ticket>strong,.selected-plan-ticket>b,.selected-plan-ticket>small{display:block}.selected-plan-ticket>span{font-size:9px;color:var(--muted)}.selected-plan-ticket>strong{font:850 16px var(--font-sans);margin:3px 0}.selected-plan-ticket>b{font:800 19px var(--font-sans);color:var(--primary)}.selected-plan-ticket>b span{display:inline}.selected-plan-ticket>small{font-size:9px;color:var(--muted);margin-top:4px}
.refined-bank-card{background:#102f56!important;color:#fff!important;border:0!important;border-radius:16px!important;padding:16px!important;box-shadow:0 14px 30px rgba(14,43,80,.16)!important;position:relative;overflow:hidden}.refined-bank-card:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-36px;bottom:-65px}.bank-card-head{display:flex;align-items:center;justify-content:space-between}.bank-card-head>span:first-child{font-size:9px;color:#b6cbe1}.secure-dot{font-size:8px!important;color:#6ee0b9!important;display:flex!important;align-items:center;gap:5px}.secure-dot i{width:6px;height:6px;border-radius:50%;background:#47d2a5}.refined-bank-card>strong{font-size:18px!important;letter-spacing:1.8px;margin:14px 0 4px!important;color:#fff!important}.refined-bank-card>small{font-size:9px!important;color:#b6cbe1!important}.refined-bank-card .copy-card{position:relative;margin-top:13px;width:100%;height:36px;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;gap:6px;font-size:9.5px;cursor:pointer}.refined-bank-card .copy-card:hover{background:rgba(255,255,255,.16)}
.payment-steps{list-style:none;padding:0;margin:3px 0 0;display:flex;flex-direction:column;gap:0}.payment-steps li{display:grid;grid-template-columns:29px 1fr;gap:9px;position:relative;padding-bottom:15px}.payment-steps li:not(:last-child):after{content:"";position:absolute;right:14px;top:29px;bottom:1px;width:1px;background:var(--line)}.payment-steps li>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e8edf3;color:var(--muted);font:800 10px var(--font-sans);z-index:1}.payment-steps li.active>span{background:var(--primary);color:#fff}.payment-steps li.done>span{background:var(--accent-soft);color:var(--accent)}.payment-steps strong,.payment-steps small{display:block}.payment-steps strong{font-size:10.5px;margin-top:1px}.payment-steps small{font-size:8.5px;color:var(--muted);margin-top:2px}
.payment-fields-panel{padding:21px 23px;min-width:0}.payment-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-fields-panel label{display:flex;flex-direction:column;gap:6px}.payment-fields-panel label>span{font-size:11px;color:var(--text-2)}.payment-fields-panel label>small{font-size:8.5px;color:var(--muted);font-weight:400;line-height:1.65}.secondary-fields{margin-top:14px}.secondary-fields textarea{min-height:84px;resize:vertical}
.receipt-uploader{position:relative;margin-top:15px;border:1.5px dashed #b9c9dc;border-radius:15px;background:#f8fafc;min-height:132px;transition:all var(--transition);overflow:hidden}.receipt-uploader:hover,.receipt-uploader.dragging{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 4px rgba(13,95,199,.06)}.receipt-uploader input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.receipt-empty{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:19px}.receipt-empty[hidden],.receipt-preview[hidden]{display:none!important}.upload-orb{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--primary);box-shadow:var(--shadow-xs)}.receipt-empty strong{display:block;font-size:12px}.receipt-empty p{font-size:9.5px;color:var(--muted);margin:3px 0 0}.receipt-empty .button{pointer-events:none}
.receipt-preview{display:grid;grid-template-columns:88px minmax(0,1fr) 32px;align-items:center;gap:12px;padding:11px;position:relative;z-index:3;background:var(--surface)}.receipt-preview img{width:88px;height:86px;object-fit:cover;border-radius:11px;border:1px solid var(--line)}.receipt-preview strong,.receipt-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-preview strong{font-size:11.5px}.receipt-preview small{font-size:9px;color:var(--accent);margin-top:4px}.receipt-preview button{border:0;background:transparent;color:var(--danger);font-size:9px;padding:6px 0;cursor:pointer}.receipt-ready{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.receipt-ready svg{width:16px}
.payment-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface)}.payment-modal-footer>div{display:flex;align-items:center;gap:8px}.payment-modal-footer>div:first-child{color:var(--muted);font-size:9.5px}.payment-modal-footer>div:first-child svg{color:var(--accent)}

/* Admin receipt review */
.admin-receipt-preview{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px;padding:8px;border:1px solid var(--line);background:#f8fafc;border-radius:12px;color:var(--text)}.admin-receipt-preview img{grid-row:1/3;width:78px;height:66px;border-radius:9px;object-fit:cover;border:1px solid var(--line)}.admin-receipt-preview span{display:flex;align-items:center;gap:5px;font:750 10.5px var(--font-sans);color:var(--primary)}.admin-receipt-preview small{font-size:8.5px;color:var(--muted)}.receipt-missing{display:flex;align-items:center;gap:7px;margin-top:11px;padding:9px 10px;border-radius:10px;background:#f8fafc;color:var(--muted);font-size:9.5px}.receipt-missing svg{width:16px}

/* Bottom navigation and mobile action sheet */
.mobile-bottom-nav,.mobile-more-sheet{display:none}
.mobile-bottom-nav button{font:inherit;border:0;background:transparent}
.mobile-more-sheet{color:var(--text)}

/* Landing/auth refinement: less synthetic gradients, stronger trust. */
.landing-body{font-family:var(--font-body);background:#fff;color:var(--text)}
.landing-header{background:rgba(255,255,255,.94);border-color:var(--line);backdrop-filter:blur(18px)}
.hero-section{background:#f6f9fd!important}
.hero-section:before{opacity:.3}
.hero-copy h1{font-family:var(--font-sans);letter-spacing:-.05em}
.hero-copy h1 em{color:var(--primary)}
.browser-frame{border-color:#cbd9e8;box-shadow:0 28px 70px rgba(19,45,79,.13)}
.feature-card,.workflow-card,.role-card,.price-card{border-color:var(--line);box-shadow:var(--shadow-xs)}
.feature-card:hover,.workflow-card:hover,.role-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.final-cta{background:#102f56!important}
.digibing-auth .auth-panel{background:#fff}.digibing-auth .auth-visual{background:#102f56!important}

@media(max-width:1180px){
  .billing-lower-grid{grid-template-columns:1fr}
  .refined-current-plan{align-items:flex-start}
}

@media(max-width:980px){
  :root{--topbar:64px}
  .sidebar,body.sidebar-collapsed .sidebar{width:min(320px,88vw)!important;border-left:1px solid var(--line);box-shadow:-20px 0 55px rgba(8,24,45,.18)}
  .topbar{padding:0 12px;height:var(--topbar)}
  .mobile-top-brand{display:flex}.workspace-title{display:none!important}
  .topbar-actions .search-trigger,.topbar-actions .tour-trigger,.topbar-actions .top-create{display:none}
  .content{padding:16px 13px calc(112px + env(safe-area-inset-bottom));max-width:100%}
  .mobile-bottom-nav{
    display:grid;position:fixed;z-index:70;
    left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));
    height:72px;padding:6px 8px;grid-template-columns:repeat(5,1fr);align-items:end;
    background:rgba(255,255,255,.96);backdrop-filter:blur(20px) saturate(145%);
    border:1px solid rgba(207,219,233,.95);border-radius:22px;
    box-shadow:0 16px 46px rgba(14,43,80,.18);
  }
  html[data-theme="dark"] .mobile-bottom-nav{background:rgba(18,29,42,.96);border-color:#2a3c51}
  .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;color:#7b8ba0;font-size:9px;padding:0;cursor:pointer}
  .mobile-bottom-nav a>svg,.mobile-bottom-nav button>svg{width:20px;height:20px}
  .mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--primary);font-weight:750}
  .mobile-bottom-nav .mobile-create{position:relative;color:var(--primary);overflow:visible}
  .mobile-create>span{position:absolute;bottom:20px;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--primary);color:#fff;box-shadow:0 11px 24px rgba(13,95,199,.28);border:4px solid var(--surface)}
  .mobile-create>span svg{width:22px!important}.mobile-create>small{position:absolute;bottom:1px;font-size:8px;color:var(--primary);white-space:nowrap;font-weight:800}
  .mobile-more-sheet{
    display:block;position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:88dvh;
    margin:0;border:0;border-radius:28px 28px 0 0;padding:10px 15px calc(18px + env(safe-area-inset-bottom));
    background:var(--surface);box-shadow:0 -25px 70px rgba(8,24,45,.22);overflow:auto;
  }
  .mobile-more-sheet:not([open]){display:none}
  .mobile-more-sheet::backdrop{background:rgba(6,18,34,.52);backdrop-filter:blur(5px)}
  .mobile-sheet-handle{width:42px;height:4px;border-radius:99px;background:#d3dce7;margin:0 auto 12px}
  .mobile-more-sheet header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 1px 12px}.mobile-more-sheet header span{font-size:9px;color:var(--muted)}.mobile-more-sheet header h2{font-size:17px;margin:2px 0}
  .mobile-sheet-profile{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:10px;align-items:center;padding:12px 0}.mobile-sheet-profile .avatar{width:42px;height:42px}.mobile-sheet-profile strong,.mobile-sheet-profile small{display:block}.mobile-sheet-profile strong{font-size:12px}.mobile-sheet-profile small{font-size:9px;color:var(--muted);margin-top:2px}.mobile-sheet-profile>a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}
  .mobile-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-action-grid>a{min-width:0;padding:11px 5px 9px;border-radius:14px;background:#f7f9fc;border:1px solid var(--line);color:var(--text);text-align:center}.mobile-action-grid>a>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;margin:0 auto 7px;background:#fff;border:1px solid var(--line);color:var(--primary)}.mobile-action-grid svg{width:18px}.mobile-action-grid strong,.mobile-action-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-action-grid strong{font-size:9.5px}.mobile-action-grid small{font-size:7.5px;color:var(--muted);margin-top:2px}.mobile-sheet-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
  .payment-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:22px}
  .payment-modal-body{grid-template-columns:1fr}.payment-summary-panel{border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:start}.payment-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.payment-steps li{grid-template-columns:26px 1fr;padding:0}.payment-steps li:not(:last-child):after{display:none}.payment-steps li>span{width:26px;height:26px}.payment-modal-footer>div:first-child{display:none}
  .refined-current-plan{display:block}.plan-usage-strip{margin-top:15px}
}

@media(max-width:700px){
  .section-heading{align-items:flex-start;margin-bottom:16px}.section-heading h1{font-size:22px;line-height:1.55}.section-heading p{font-size:11.5px;line-height:1.85}
  .card{padding:15px;border-radius:17px}.stats-grid{gap:9px}.stat-card{padding:14px;min-height:98px;border-radius:16px}.stat-card strong{font-size:22px}.stat-icon{width:39px;height:39px}
  .dashboard-hero{padding:19px!important;border-radius:18px!important}.dashboard-hero h1{font-size:21px!important}.dashboard-hero p{font-size:11.5px!important}.hero-quick-actions{gap:7px}.hero-quick-actions .button{font-size:11px;padding-inline:11px}
  .billing-heading .section-actions{width:auto}.plan-status-badge{font-size:9.5px}
  .refined-current-plan{padding:17px!important;border-radius:18px!important}.current-plan-main h2{font-size:18px}.plan-usage-strip{grid-template-columns:repeat(3,1fr)}.plan-usage-strip>div{padding:9px 7px}.plan-usage-strip span{font-size:7.5px}.plan-usage-strip strong{font-size:12px}
  .billing-section-title{display:block}.billing-section-title p{margin-top:4px}.refined-price-card{min-height:0!important;padding:17px!important}.feature-checks{margin-bottom:15px}
  .refined-history article{grid-template-columns:36px minmax(0,1fr) auto}.refined-history article>.badge{grid-column:2/4;justify-self:start}.receipt-mini-link{grid-row:1}
  .billing-assurance-card .support-actions{grid-template-columns:1fr}
  .payment-dialog{width:100%;height:calc(100dvh - env(safe-area-inset-top));max-height:none;margin:auto 0 0;border-radius:25px 25px 0 0}
  .payment-modal-header{padding:17px 16px 13px}.payment-modal-header h2{font-size:18px}.payment-modal-header p{font-size:9.5px}
  .payment-modal-body{display:block;overflow:auto}.payment-summary-panel{padding:14px;grid-template-columns:1fr}.selected-plan-ticket{display:grid;grid-template-columns:1fr auto;align-items:center}.selected-plan-ticket>span,.selected-plan-ticket>small{grid-column:1}.selected-plan-ticket>strong{grid-column:1}.selected-plan-ticket>b{grid-column:2;grid-row:1/4;font-size:16px}.refined-bank-card{padding:14px!important}.payment-steps{display:none}
  .payment-fields-panel{padding:15px}.payment-field-grid{grid-template-columns:1fr}.secondary-fields{margin-top:11px}.receipt-empty{grid-template-columns:43px 1fr;padding:15px}.receipt-empty>.button{display:none}.upload-orb{width:43px;height:43px}.receipt-empty p{font-size:8.5px}.receipt-preview{grid-template-columns:70px minmax(0,1fr) 30px}.receipt-preview img{width:70px;height:68px}
  .payment-modal-footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom));position:sticky;bottom:0}.payment-modal-footer>div:last-child{display:grid;grid-template-columns:auto 1fr;width:100%;gap:7px}.payment-modal-footer .button{font-size:10.5px;padding-inline:10px}
  .mobile-action-grid{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:430px){
  .topbar-actions .theme-moon,.topbar-actions .theme-sun{display:none}.topbar-actions [data-theme-toggle]{display:none}
  .mobile-action-grid{grid-template-columns:repeat(3,1fr)}
  .mobile-sheet-footer{grid-template-columns:1fr}
  .plan-usage-strip{grid-template-columns:1fr 1fr}.plan-usage-strip>div:last-child{grid-column:1/-1}
  .refined-history article{grid-template-columns:34px minmax(0,1fr)}.receipt-mini-link{grid-column:1}.refined-history article>.badge{grid-column:2}
}

@media(display-mode:standalone) and (max-width:980px){
  .topbar{padding-top:env(safe-area-inset-top);height:calc(var(--topbar) + env(safe-area-inset-top))}
  .sidebar{padding-top:calc(15px + env(safe-area-inset-top))}
}

@media(prefers-reduced-motion:no-preference){
  .payment-dialog[open],.mobile-more-sheet[open]{animation:digibing-dialog-in .22s cubic-bezier(.2,.8,.2,1)}
  @keyframes digibing-dialog-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
}

/* 4.1 visual polish — neutral sidebar, flat actions and stronger legibility. */
body{line-height:1.7;overscroll-behavior-y:none}
.button.primary{
  background:var(--primary)!important;
  border-color:var(--primary)!important;
  box-shadow:0 7px 17px rgba(13,95,199,.16)!important;
}
.button.primary:hover{background:var(--primary-2)!important;box-shadow:0 10px 22px rgba(13,95,199,.21)!important}
.topbar:after{display:none!important}

.digibing-sidebar{
  background:#fbfcfe!important;
  border-left:1px solid var(--line)!important;
  box-shadow:-7px 0 28px rgba(19,45,79,.035)!important;
  color:var(--text)!important;
}
.digibing-sidebar:before{display:none!important}
.digibing-sidebar .brand-copy strong{color:var(--text)!important}
.digibing-sidebar .brand-copy small{color:var(--muted)!important}
.digibing-sidebar .sidebar-context{
  background:#fff!important;border:1px solid var(--line)!important;
  box-shadow:0 3px 12px rgba(19,45,79,.035)!important;
}
.digibing-sidebar .workspace-orb{
  background:#edf5ff!important;color:var(--primary)!important;
  border:1px solid #dceafb!important;
}
.digibing-sidebar .sidebar-context span{color:var(--muted-2)!important}
.digibing-sidebar .sidebar-context strong{color:var(--text)!important}
.digibing-sidebar .verified-pro{color:var(--primary)!important}
.digibing-sidebar .nav{gap:11px!important}
.digibing-sidebar .nav-section{
  color:#7a899d!important;font-size:10px!important;font-weight:760!important;
  padding:7px 10px 4px!important;
}
.digibing-sidebar .nav-item{
  min-height:43px!important;color:#4b6079!important;font-size:12.5px!important;
  font-weight:630!important;border:1px solid transparent!important;
  border-radius:11px!important;transform:none!important;
}
.digibing-sidebar .nav-item svg{
  width:31px!important;height:31px!important;padding:7px!important;
  color:#687c95!important;background:#f0f4f8!important;
  border:1px solid #e4ebf3!important;border-radius:9px!important;
}
.digibing-sidebar .nav-item:hover{
  background:#f4f7fa!important;border-color:#edf1f5!important;
  color:#172b45!important;transform:none!important;
}
.digibing-sidebar .nav-item:hover svg{
  color:var(--primary)!important;background:#fff!important;border-color:#d9e4f0!important;
}
.digibing-sidebar .nav-item.active{
  background:#edf5ff!important;color:#113f78!important;
  border-color:#d9e9fb!important;
  box-shadow:inset -3px 0 var(--accent)!important;
  font-weight:790!important;
}
.digibing-sidebar .nav-item.active:before{display:none!important}
.digibing-sidebar .nav-item.active svg{
  color:var(--primary)!important;background:#fff!important;
  border-color:#cfe1f6!important;box-shadow:0 4px 10px rgba(13,95,199,.08)!important;
}
.digibing-sidebar .nav-create{
  background:#f0faf7!important;border-color:#dff3ec!important;color:#176a58!important;
}
.digibing-sidebar .nav-create svg{color:var(--accent)!important;background:#fff!important;border-color:#d8eee8!important}
.digibing-sidebar .nav-badge{
  background:#e9f7f2!important;color:#087a5d!important;border-color:#d7eee6!important;
}
.digibing-sidebar .admin-nav{border:1px dashed #eadfca!important;color:#665942!important}
.digibing-sidebar .admin-nav svg{color:#9a6d28!important;background:#fbf7ee!important;border-color:#eee3cf!important}
.digibing-sidebar .sidebar-footer{border-top:1px solid var(--line)!important}
.digibing-sidebar .plan-card{
  background:#f5f8fb!important;border:1px solid var(--line)!important;color:var(--text)!important;
  box-shadow:none!important;
}
.digibing-sidebar .plan-card:hover{background:#eef5fb!important;border-color:#d5e2ef!important;transform:none!important}
.digibing-sidebar .plan-card small{color:var(--muted)!important}
.digibing-sidebar .plan-card strong{color:var(--text)!important}
.digibing-sidebar .plan-ring{background:#fff!important;border-color:#dce6f0!important}
.digibing-sidebar .plan-arrow{color:var(--primary)!important}

/* Make dashboard surfaces feel like an operational product rather than generated decoration. */
.card,.stat-card,.dashboard-hero,.hero-signal-card,.operations-card{
  background-image:none!important;
}
.card,.stat-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.stat-card:after{height:2px;background:#e8eef5}
.stat-card:nth-child(3n+1):after{background:#dceafb}
.stat-card:nth-child(3n+2):after{background:#d9f1e9}
.stat-card:nth-child(3n+3):after{background:#e8eef5}

@media(max-width:980px){
  body{background:#f3f6fa}
  .topbar{
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 1px 0 rgba(207,218,231,.9)!important;
  }
  .mobile-top-brand .brand-mark{box-shadow:0 5px 13px rgba(14,43,80,.13)!important}
  .content{padding-top:14px!important}
  .mobile-bottom-nav{
    background:rgba(255,255,255,.97)!important;
    border-color:#dce5ef!important;
    box-shadow:0 13px 34px rgba(19,45,79,.14)!important;
  }
  .mobile-bottom-nav a.active:before,.mobile-bottom-nav button.active:before{
    content:"";width:18px;height:3px;border-radius:99px;background:var(--accent);
    position:absolute;top:1px;
  }
  .mobile-bottom-nav a,.mobile-bottom-nav button{position:relative}
  .mobile-create>span{
    background:#0e5fc5!important;border-radius:18px!important;
    box-shadow:0 9px 22px rgba(13,95,199,.24)!important;
  }
  .mobile-more-sheet{border:1px solid rgba(220,229,239,.8);border-bottom:0}
}

@media(max-width:700px){
  .content{padding-inline:11px!important}
  .dashboard-hero{padding:17px!important;box-shadow:0 5px 18px rgba(19,45,79,.05)!important}
  .dashboard-hero:before{width:4px}
  .hero-quick-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero-quick-actions .button{width:100%;justify-content:center}
  .card,.stat-card{box-shadow:0 4px 16px rgba(19,45,79,.045)!important}
  .section-heading h1{font-size:21px!important}
}

/* Billing card must stay a stacked card; legacy .bank-card used a horizontal flex row. */
.refined-bank-card{display:block!important}
.refined-bank-card>strong{display:block!important;direction:ltr;text-align:center;white-space:nowrap}
.refined-bank-card>small{display:block!important;text-align:right}

@media(max-width:700px){
  .payment-dialog{
    width:100vw!important;max-width:100vw!important;
    inset:auto 0 0 0!important;margin:0!important;
    border-radius:25px 25px 0 0!important;
  }
  .refined-bank-card>strong{font-size:16px!important;letter-spacing:1.35px!important;margin:13px 0 5px!important}
  .refined-bank-card .copy-card{display:flex!important;width:100%!important;margin-top:12px!important}
}

/* Accessibility and interaction hardening. */
.visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.skip-link{
  position:fixed;z-index:2000;top:10px;right:12px;transform:translateY(-160%);
  padding:10px 14px;border-radius:10px;background:var(--text);color:var(--surface);
  font-weight:800;box-shadow:var(--shadow-md);transition:transform .16s ease;
}
.skip-link:focus{transform:translateY(0)}
.main-focus-target{display:block;position:relative;scroll-margin-top:calc(var(--topbar) + 12px)}
.main-focus-target:focus{outline:none}
.segmented input:focus-visible+span,.check-card:has(input:focus-visible),.toggle:has(input:focus-visible){
  outline:3px solid color-mix(in srgb,var(--primary) 28%,transparent);outline-offset:2px;
}
.floating-toast{max-width:min(440px,calc(100vw - 24px));line-height:1.8;text-align:right}

@media(pointer:coarse){
  .icon-btn,.icon-button,.alert>button,.composer-toolbar button,.receipt-preview button,
  .mobile-sheet-profile>a,.button.small{min-width:44px!important;min-height:44px!important}
  .segmented span{min-height:44px}.check-card{min-height:52px}
}

@media(max-width:700px){
  input,select,textarea{font-size:16px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .card.reveal,.stat-card.reveal{opacity:1!important;transform:none!important}
}

/* Keep the final 4.1 polish token-driven in dark mode as well. */
html[data-theme=dark] .digibing-sidebar{
  background:#101a27!important;border-color:var(--line)!important;color:var(--text)!important;
  box-shadow:-7px 0 28px rgba(0,0,0,.2)!important;
}
html[data-theme=dark] .digibing-sidebar .sidebar-context,
html[data-theme=dark] .digibing-sidebar .plan-card{
  background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;
}
html[data-theme=dark] .digibing-sidebar .workspace-orb{
  background:var(--primary-soft)!important;color:var(--primary)!important;border-color:var(--line-strong)!important;
}
html[data-theme=dark] .digibing-sidebar .nav-section{color:var(--muted)!important}
html[data-theme=dark] .digibing-sidebar .nav-item{color:var(--text-2)!important}
html[data-theme=dark] .digibing-sidebar .nav-item svg{
  color:var(--muted)!important;background:var(--surface-2)!important;border-color:var(--line)!important;
}
html[data-theme=dark] .digibing-sidebar .nav-item:hover{
  background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important;
}
html[data-theme=dark] .digibing-sidebar .nav-item:hover svg,
html[data-theme=dark] .digibing-sidebar .nav-item.active svg{
  color:var(--primary)!important;background:var(--surface)!important;border-color:var(--line-strong)!important;
}
html[data-theme=dark] .digibing-sidebar .nav-item.active{
  background:var(--primary-soft)!important;color:var(--text)!important;border-color:var(--line-strong)!important;
}
html[data-theme=dark] .digibing-sidebar .nav-create{
  background:var(--accent-soft)!important;border-color:#245044!important;color:var(--accent)!important;
}
html[data-theme=dark] .digibing-sidebar .nav-badge{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:#245044!important}
html[data-theme=dark] .digibing-sidebar .plan-ring{background:var(--surface-2)!important;border-color:var(--line-strong)!important}
html[data-theme=dark] .post-row:hover,
html[data-theme=dark] .button.secondary:hover,
html[data-theme=dark] .refined-history article,
html[data-theme=dark] .admin-receipt-preview,
html[data-theme=dark] .receipt-missing{background:var(--surface-2)!important}

@media(max-width:980px){
  html[data-theme=dark] body{background:var(--bg)}
  html[data-theme=dark] .topbar{background:rgba(18,29,42,.97)!important;box-shadow:0 1px 0 var(--line)!important}
  html[data-theme=dark] .mobile-bottom-nav{background:rgba(18,29,42,.97)!important;border-color:var(--line)!important}
  html[data-theme=dark] .mobile-action-grid>a{background:var(--surface-2);border-color:var(--line);color:var(--text)}
  html[data-theme=dark] .mobile-action-grid>a>span{background:var(--surface);border-color:var(--line-strong)}
}
/* Accessible analytics bars: the value stays readable without relying on color. */
.bar-chart .bar-track {
  overflow: visible;
}

.bar-chart .bar-value {
  display: block;
  position: relative;
}

.bar-chart .bar-value b {
  position: absolute;
  inset-inline: 0;
  bottom: calc(100% + 0.3rem);
  color: var(--text-secondary);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}
.landing-menu svg{width:22px;height:22px}
.hero-trust b,.float-card>b{display:inline-grid;place-items:center}
.hero-trust b svg,.float-card>b svg{width:14px;height:14px}
.mini-spark svg,.feature-icon svg,.transform-stack svg{width:1.15em;height:1.15em}
.auth-features span{display:inline-flex;align-items:center;gap:4px}
.auth-features svg{width:12px;height:12px;color:#57d8b3}
.console-row em{display:grid;place-items:center}
.console-row em svg{width:16px;height:16px}
.auth-security span{display:inline-grid;place-items:center;vertical-align:middle}
.auth-security span svg{width:14px;height:14px}

/* Digibing 4.2 — premium soft-depth landing and resilient authentication.
   Neumorphism is limited to key surfaces so contrast and hierarchy stay clear. */
:root{
  --neo-canvas:#eef3f9;
  --neo-surface:#f7faff;
  --neo-highlight:rgba(255,255,255,.96);
  --neo-shadow:rgba(31,68,112,.14);
  --neo-raised:-12px -12px 30px var(--neo-highlight),14px 17px 38px var(--neo-shadow);
  --neo-soft:-7px -7px 18px rgba(255,255,255,.92),8px 10px 22px rgba(31,68,112,.11);
  --neo-inset:inset 3px 3px 8px rgba(41,72,108,.1),inset -3px -3px 8px rgba(255,255,255,.95);
}

/* Landing hero */
.landing-body{
  background:#fff;
  color:#10213b;
}
.landing-header{
  background:rgba(248,251,255,.9);
  box-shadow:0 10px 34px rgba(30,64,105,.045);
}
.landing-header .button.primary{
  box-shadow:0 8px 20px rgba(13,95,199,.2),inset 0 1px rgba(255,255,255,.24)!important;
}
.hero-section{
  padding:clamp(58px,7vw,96px) 0 clamp(72px,8vw,112px)!important;
  background:
    radial-gradient(circle at 14% 22%,rgba(67,211,170,.11),transparent 29%),
    radial-gradient(circle at 84% 8%,rgba(73,154,255,.13),transparent 32%),
    #f4f8fc!important;
}
.hero-section:before{
  width:520px;height:520px;left:-210px;top:-180px;
  background:radial-gradient(circle,rgba(13,95,199,.13),transparent 67%);
}
.hero-mesh{
  opacity:.62;
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
.hero-grid{
  grid-template-columns:minmax(400px,.84fr) minmax(540px,1.16fr);
  gap:clamp(34px,5vw,72px);
}
.hero-copy{position:relative;z-index:3}
.hero-pill{
  min-height:34px;padding:7px 13px;
  color:#08684f;background:rgba(236,250,246,.82);
  border-color:#c7e9de;
  box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 16px rgba(27,100,81,.06);
}
.hero-copy h1{
  max-width:680px;
  font-size:clamp(42px,4.3vw,64px);
  line-height:1.28;
  margin:22px 0 16px;
  color:#10213b;
}
.hero-copy h1 em{
  color:var(--primary);
  background:none;
  -webkit-text-fill-color:currentColor;
}
.hero-copy>p{
  max-width:610px;
  color:#526782;
  font-size:16px;
  line-height:2;
}
.hero-actions{margin-top:28px;gap:12px}
.hero-actions .button{min-height:52px;padding-inline:20px;border-radius:14px}
.hero-actions .button.primary{
  box-shadow:0 13px 28px rgba(13,95,199,.23),inset 0 1px rgba(255,255,255,.25)!important;
}
.hero-actions .landing-secondary{
  background:#f3f7fb;
  border-color:#d6e1ec;
  box-shadow:var(--neo-soft);
}
.hero-actions .landing-secondary:active{box-shadow:var(--neo-inset);transform:none}
.hero-trust{margin-top:25px;gap:16px}
.hero-trust span{display:inline-flex;align-items:center;gap:5px;color:#556a85;font-size:12px}
.hero-product{
  min-height:560px;
  isolation:isolate;
  justify-content:center;
}
.product-glow{
  inset:8%;
  background:radial-gradient(circle,rgba(84,164,255,.24),rgba(67,211,170,.08) 43%,transparent 70%);
  filter:blur(45px);
  opacity:.85;
}
.hero-illustration{
  position:relative;
  z-index:1;
  width:100%;
  margin:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:34px;
  background:var(--neo-canvas);
  box-shadow:var(--neo-raised);
  transform:perspective(1200px) rotateY(2deg) rotateX(1deg);
  transition:transform .28s ease,box-shadow .28s ease;
}
.hero-illustration:hover{
  transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-3px);
  box-shadow:-14px -14px 34px #fff,19px 24px 52px rgba(31,68,112,.17);
}
.hero-illustration img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  border-radius:23px;
  background:#edf4fa;
}
.hero-illustration figcaption{
  position:absolute;
  right:30px;
  bottom:28px;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:calc(100% - 60px);
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:15px;
  background:rgba(249,252,255,.88);
  color:#19324f;
  box-shadow:0 14px 34px rgba(31,68,112,.15);
  backdrop-filter:blur(16px);
}
.hero-illustration figcaption>span{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  color:var(--primary);background:#e8f2ff;
  box-shadow:inset 1px 1px 2px rgba(255,255,255,.8);
}
.hero-illustration figcaption svg{width:18px;height:18px}
.hero-illustration figcaption small,.hero-illustration figcaption strong{display:block}
.hero-illustration figcaption small{margin:0;color:#687b92;font-size:10px}
.hero-illustration figcaption strong{margin-top:2px;font-size:12px}
.float-card{
  z-index:2;
  padding:12px 14px;
  border-color:rgba(255,255,255,.92);
  border-radius:16px;
  background:rgba(247,250,255,.91);
  box-shadow:-5px -5px 14px rgba(255,255,255,.86),9px 12px 28px rgba(31,68,112,.16);
}
.float-one{right:-18px;bottom:34px}
.float-two{left:-22px;top:42px}
.proof-strip{
  background:#f7faff;
  border-color:#dfe8f1;
  box-shadow:inset 0 1px rgba(255,255,255,.9);
}
.problem-section,.roles-section,.faq-section{background:#f3f7fb}
.feature-section{background:var(--neo-canvas)}
.feature-card,.role-card,.price-card,.before-after article{
  border-color:rgba(255,255,255,.92);
  border-radius:24px;
}
.feature-card{
  background:#f1f6fb;
  box-shadow:var(--neo-soft);
}
.feature-card:hover{
  border-color:#fff;
  box-shadow:-9px -9px 23px #fff,12px 15px 31px rgba(31,68,112,.14);
  transform:translateY(-3px);
}
.feature-large{background:#edf5ff}
.feature-icon{
  border:1px solid rgba(255,255,255,.8);
  box-shadow:-4px -4px 10px #fff,5px 6px 13px rgba(31,68,112,.11);
}
.compose-ui,.forward-demo>div{
  border-color:#d8e3ee;
  box-shadow:var(--neo-soft);
}
.role-card,.price-card{box-shadow:0 12px 34px rgba(31,68,112,.07)}
.price-card.featured{
  border-color:var(--primary);
  box-shadow:0 22px 56px rgba(13,95,199,.16);
}
.faq-list details{
  border:1px solid #dce6f0;
  border-radius:16px;
  margin-bottom:10px;
  padding:15px 18px;
  background:#f8fbff;
  box-shadow:0 7px 20px rgba(31,68,112,.045);
}
.faq-list summary{min-height:30px;display:flex;align-items:center}
.final-cta{
  position:relative;
  overflow:hidden;
  background:#102f56!important;
}
.final-cta:after{
  content:"";
  position:absolute;
  width:420px;height:420px;
  left:-130px;top:-210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(67,211,170,.26),transparent 66%);
}
.final-cta .landing-container{position:relative;z-index:1}

/* Authentication: the page itself scrolls; tall forms never get vertically clipped. */
.auth-body{
  min-height:100dvh;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:auto;
  background:var(--neo-canvas);
}
.digibing-auth .auth-layout{
  min-height:100dvh;
  grid-template-columns:minmax(0,1.22fr) minmax(480px,.78fr);
  align-items:start;
}
.digibing-auth .auth-visual{
  position:sticky;
  top:0;
  height:100dvh;
  min-height:640px;
  padding:clamp(28px,3.2vw,50px);
  overflow:hidden;
  background:#0b274c!important;
}
.digibing-auth .auth-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 60% 45%,rgba(41,124,222,.22),transparent 40%);
  pointer-events:none;
}
.auth-grid{
  opacity:.48;
  background-size:52px 52px;
  mask-image:linear-gradient(#000,transparent 88%);
}
.auth-showcase{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(390px,1.28fr);
  align-items:center;
  gap:clamp(24px,3vw,52px);
  flex:1;
  min-height:0;
  margin-block:clamp(24px,5vh,60px);
}
.digibing-auth .auth-copy{
  margin:0;
  max-width:500px;
}
.digibing-auth .auth-copy h1{
  font-size:clamp(34px,3.2vw,50px);
  line-height:1.38;
  margin:18px 0 12px;
}
.digibing-auth .auth-copy>p{
  max-width:490px;
  color:#bed0e7;
  font-size:14px;
  line-height:2;
}
.digibing-auth .pill{
  min-height:32px;
  color:#d9e7f7;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.14);
}
.auth-flow{flex-wrap:wrap;row-gap:8px;margin-top:20px}
.auth-flow span{color:#c3d4e9}
.auth-features{margin-top:17px}
.auth-features span{
  min-height:30px;
  padding:6px 9px;
  color:#c8d7ea;
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.12);
}
.auth-illustration{
  position:relative;
  margin:0;
  padding:11px;
  border:1px solid rgba(149,190,239,.18);
  border-radius:29px;
  background:rgba(255,255,255,.055);
  box-shadow:0 26px 70px rgba(0,8,25,.34),inset 0 1px rgba(255,255,255,.09);
}
.auth-illustration img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
  border-radius:20px;
  background:#071a3d;
}
.auth-illustration figcaption{
  position:absolute;
  inset:auto 24px 22px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(5,24,55,.76);
  color:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
}
.auth-illustration figcaption>span{
  width:37px;height:37px;border-radius:11px;
  display:grid;place-items:center;
  color:#66e0bc;background:rgba(67,211,170,.12);
}
.auth-illustration figcaption svg{width:18px;height:18px}
.auth-illustration figcaption strong,.auth-illustration figcaption small{display:block}
.auth-illustration figcaption strong{font-size:11px}
.auth-illustration figcaption small{margin-top:2px;color:#a9bfd9;font-size:9px}
.digibing-auth .auth-panel{
  min-height:100dvh;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:max(24px,env(safe-area-inset-top)) clamp(24px,3vw,52px) max(24px,env(safe-area-inset-bottom));
  background:var(--neo-canvas);
  overflow:visible;
}
.digibing-auth .auth-card{
  width:min(530px,100%);
  margin-block:auto;
  padding:clamp(25px,3vw,38px);
  border:1px solid rgba(255,255,255,.94);
  border-radius:28px;
  background:var(--neo-surface);
  box-shadow:var(--neo-raised);
}
.auth-heading{margin-bottom:24px}
.auth-heading .eyebrow{
  display:inline-flex;
  width:max-content;
  margin-bottom:7px;
  padding:5px 9px;
  border:1px solid #d7e5f5;
  border-radius:999px;
  color:var(--primary);
  background:#eaf3ff;
}
.auth-heading h2{
  color:#122946;
  font-size:27px!important;
  line-height:1.45;
}
.auth-heading p{max-width:450px;color:#63768e;font-size:13px!important}
.auth-form{gap:16px}
.auth-form label{gap:7px}
.auth-form label>span{color:#2f4662;font-size:12px;font-weight:800}
.auth-form input,.auth-form select{
  min-height:50px;
  border:1px solid #d5e0eb!important;
  border-radius:13px!important;
  background:#f2f6fa;
  box-shadow:var(--neo-inset);
}
.auth-form input:hover,.auth-form select:hover{border-color:#b4c8dc!important}
.auth-form input:focus,.auth-form select:focus{
  border-color:var(--primary)!important;
  background:#fff;
  box-shadow:0 0 0 4px rgba(13,95,199,.11),inset 0 1px 3px rgba(31,68,112,.04)!important;
}
.auth-form-note{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:-3px;
  color:#61758d;
  font-size:11px;
}
.auth-form-note svg{width:16px;height:16px;color:var(--accent)}
.auth-submit{
  min-height:52px!important;
  border-radius:14px!important;
  box-shadow:0 14px 28px rgba(13,95,199,.22),inset 0 1px rgba(255,255,255,.24)!important;
}
.auth-submit:active{box-shadow:inset 0 3px 8px rgba(3,43,94,.24)!important}
.auth-link{font-size:11px;margin-top:17px}
.auth-link a{font-weight:800}
.auth-security{
  margin-top:23px;
  padding-top:18px;
  color:#73869b;
  font-size:10px;
}
.registration-form{gap:13px}
.register-progress>span{height:5px;background:#dfe8f1;box-shadow:inset 1px 1px 3px rgba(31,68,112,.08)}
.register-progress>span.active{background:var(--primary);box-shadow:0 3px 8px rgba(13,95,199,.18)}
.register-progress>span.done{background:#52c8a5}
.register-progress small{color:#687b91;font-size:9px}
.platform-picker{gap:9px}
.platform-picker legend{color:#2f4662;font-size:11px;margin-bottom:9px}
.platform-choice{
  min-height:68px;
  border-color:#d8e2ec;
  border-radius:14px;
  background:#f3f7fb;
  box-shadow:-3px -3px 8px #fff,4px 5px 11px rgba(31,68,112,.08);
}
.platform-picker input:focus-visible+.platform-choice{
  outline:3px solid rgba(13,95,199,.2);
  outline-offset:2px;
}
.platform-picker input:checked+.platform-choice{
  border-color:#82b4eb;
  background:#eaf3ff;
  box-shadow:var(--neo-inset);
}
.platform-choice em{font-size:10px}
.form-consent{color:#718399;font-size:10px;line-height:1.8}

@media(max-width:1280px){
  .hero-grid{grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);gap:32px}
  .auth-showcase{grid-template-columns:1fr;gap:18px}
  .auth-illustration{max-width:620px}
  .digibing-auth .auth-copy h1{font-size:36px}
  .auth-flow,.auth-features{display:none}
}
@media(max-width:1180px){
  .digibing-auth .auth-layout{display:block}
  .digibing-auth .auth-visual{display:none}
  .digibing-auth .auth-panel{width:100%;min-height:100dvh}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{text-align:center}
  .hero-copy h1,.hero-copy>p{margin-inline:auto}
  .hero-product{width:min(820px,100%);min-height:0;margin:24px auto 0}
  .hero-illustration{transform:none}
  .hero-illustration:hover{transform:translateY(-2px)}
}
@media(max-width:700px){
  .hero-section{padding:48px 0 68px!important}
  .hero-copy h1{font-size:clamp(34px,10vw,43px);margin-top:18px}
  .hero-copy>p{font-size:14px;line-height:1.95}
  .hero-actions .button{width:100%}
  .hero-product{margin-top:30px}
  .hero-illustration{padding:8px;border-radius:23px;box-shadow:-7px -7px 18px #fff,9px 12px 27px rgba(31,68,112,.14)}
  .hero-illustration img{border-radius:16px}
  .hero-illustration figcaption{right:18px;bottom:17px;max-width:calc(100% - 36px);padding:8px 10px}
  .hero-illustration figcaption>span{width:31px;height:31px}
  .hero-illustration figcaption small{font-size:8px}
  .hero-illustration figcaption strong{font-size:10px}
  .feature-card{border-radius:20px}
  .digibing-auth .auth-panel{padding:18px 14px 24px}
  .digibing-auth .auth-card{padding:26px 22px;border-radius:24px}
}
@media(max-width:560px){
  .digibing-auth .auth-card{
    margin-block:0;
    padding:18px 4px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .auth-mobile-brand{margin-bottom:24px}
  .auth-heading h2{font-size:24px!important}
  .registration-form .form-row{grid-template-columns:1fr!important}
  .platform-picker{grid-template-columns:1fr 1fr}
  .auth-form input,.auth-form select{font-size:16px!important}
}
@media(max-width:390px){
  .hero-trust{display:grid;justify-items:start;text-align:right}
  .hero-illustration figcaption{position:static;margin-top:8px;background:#f7faff}
  .platform-choice{min-height:64px}
}
@media(min-width:1181px) and (max-height:760px){
  .digibing-auth .auth-visual{padding-block:24px}
  .auth-showcase{margin-block:18px}
  .digibing-auth .auth-copy h1{font-size:34px;margin-block:12px 8px}
  .digibing-auth .auth-copy>p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero-illustration,.hero-illustration:hover{transform:none!important}
  .float-card{animation:none!important}
}

/* 4.2.1 viewport corrections after short-height and scaled-desktop QA. */
html.auth-root,html.landing-root{
  height:auto!important;
  min-height:100%;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
html.auth-root body,html.landing-root body{
  height:auto!important;
  min-height:100dvh;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  overscroll-behavior-y:auto!important;
}
.landing-root main,.auth-root .auth-layout{height:auto!important;overflow:visible!important}
.landing-root .hero-copy h1{
  font-size:clamp(50px,5.1vw,72px);
  line-height:1.24;
}
.landing-root .hero-copy>p{
  font-size:18px;
  line-height:2;
}
.digibing-auth .auth-layout{height:auto!important;min-height:100dvh}
.digibing-auth .auth-panel{
  height:auto!important;
  min-height:100dvh;
  padding-top:clamp(28px,5vh,58px);
}
.digibing-auth .auth-card{
  margin-block:0!important;
  padding:30px 32px;
}
.auth-heading{margin-bottom:18px}
.auth-form{gap:12px}
.registration-form{gap:9px}
.registration-form .register-progress{margin-top:1px}
.auth-form input,.auth-form select{min-height:47px}
.auth-security{margin-top:18px;padding-top:15px}

@media(min-width:1181px) and (max-width:1380px){
  .auth-showcase{
    display:block;
    margin-block:28px;
  }
  .digibing-auth .auth-copy{
    position:relative;
    z-index:3;
    max-width:94%;
  }
  .digibing-auth .auth-copy h1{max-width:600px}
  .auth-illustration{
    position:absolute;
    z-index:2;
    left:-2%;
    bottom:-8px;
    width:min(58%,540px);
  }
  .auth-flow{max-width:94%}
  .auth-features{max-width:70%}
}
@media(min-width:1181px) and (max-width:1380px) and (max-height:760px){
  .digibing-auth .auth-visual{min-height:100dvh}
  .auth-showcase{margin-block:14px}
  .auth-flow,.auth-features{display:none}
  .auth-illustration{
    width:min(49%,430px);
    left:0;
    bottom:0;
  }
}
@media(max-width:1180px){
  .auth-mobile-brand{display:flex;align-items:center;gap:9px}
  .digibing-auth .auth-panel{padding-top:28px}
}
@media(max-width:700px){
  .landing-root .hero-copy h1{font-size:clamp(38px,11vw,48px)}
  .landing-root .hero-copy>p{font-size:15px}
  .digibing-auth .auth-card{padding:22px 18px}
}
@media(max-width:560px){
  .digibing-auth .auth-panel{padding-top:18px}
  .digibing-auth .auth-card{padding:12px 4px}
  .auth-heading{margin-bottom:15px}
  .registration-form{gap:10px}
}

/* Digibing 4.3 — unified brand, clearer landing decisions and robust app chrome. */

/* Brand mark: a minimal two-colour D monogram, shared by landing, auth and app. */
.brand-mark,.digibing-mark{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#0a2f5a!important;
  border:0;
  box-shadow:0 7px 18px rgba(8,42,88,.18)!important;
}
.brand-mark:before,.digibing-mark:before{
  display:none;
}
.brand-mark>b,.digibing-mark>b{
  position:relative;
  display:block;
  width:19px;
  height:24px;
  border:4px solid #fff;
  border-radius:2px 12px 12px 2px;
  color:transparent;
  font-size:0;
  line-height:0;
}
.brand-mark>b:after,.digibing-mark>b:after{
  display:none;
}
.brand-mark>i,.digibing-mark>i{
  position:absolute;
  right:7px;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-3.5px;
  border:0!important;
  background:#56ddb8;
  border-radius:50%;
  transform:none;
}
.landing-brand .brand-mark{width:44px;height:44px;border-radius:14px}
.landing-brand .brand-mark>b{width:20px;height:25px}

/* Bring the value proposition closer to the navigation. */
.landing-root .hero-section{padding-top:34px!important}
.landing-root .hero-grid{align-items:center}
.landing-root .hero-copy h1{margin-top:17px}
.landing-root .proof-strip{position:relative;z-index:2}

/* Problem → solution story */
.problem-section{overflow:hidden}
.focus-story{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);
  gap:20px;
  align-items:center;
}
.story-card{
  min-height:410px;
  padding:29px;
  border:1px solid #dce5ef;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 50px rgba(24,59,99,.08);
}
.story-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:17px;
}
.story-kicker{
  display:inline-flex;
  min-height:29px;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  color:#7a4a51;
  background:#fff1f3;
  border:1px solid #f2d9de;
  font-size:11px;
  font-weight:800;
}
.story-head>b{color:#78889c;font-size:11px}
.story-card h3{
  max-width:500px;
  margin:0 0 22px;
  color:#142c49;
  font-size:22px;
  line-height:1.65;
}
.pain-stack{display:flex;flex-direction:column;gap:9px}
.pain-stack>div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  border:1px solid #e4eaf1;
  border-radius:15px;
  background:#fafbfd;
}
.story-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:13px;
  color:#b45362;background:#fff0f3;
}
.story-icon svg{width:19px;height:19px}
.pain-stack p,.pain-stack strong,.pain-stack small{display:block;margin:0}
.pain-stack strong{color:#273e59;font-size:13px}
.pain-stack small{margin-top:2px;color:#718197;font-size:11px;line-height:1.7}
.pain-stack>div>b{
  padding:5px 8px;
  border-radius:8px;
  color:#9c5965;
  background:#fff0f3;
  font-size:10px;
}
.focus-bridge{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#647b96;
  text-align:center;
}
.focus-bridge>span{
  width:58px;height:58px;
  display:grid;place-items:center;
  border-radius:19px;
  color:#fff;
  background:var(--primary);
  box-shadow:0 13px 28px rgba(13,95,199,.23);
}
.focus-bridge svg{width:24px;height:24px}
.focus-bridge strong{color:#23415f;font-size:12px}
.focus-bridge small{font-size:10px}
.focus-story-card{
  color:#fff;
  border-color:#153e6c;
  background:linear-gradient(145deg,#0a2446,#103f72);
  box-shadow:0 22px 58px rgba(5,31,64,.18);
}
.focus-story-card .story-kicker{color:#63dfbd;background:rgba(67,211,170,.12);border-color:rgba(99,223,189,.2)}
.focus-story-card .story-head>b{color:#9eb7d3}
.focus-story-card h3{color:#fff}
.focus-command{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:17px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:rgba(255,255,255,.055);
}
.focus-node{
  min-width:67px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  color:#c8d9eb;
}
.focus-node svg{
  width:40px;height:40px;
  padding:10px;
  border-radius:13px;
  color:#8bbcf2;
  background:rgba(82,158,239,.13);
  border:1px solid rgba(121,181,245,.15);
}
.focus-node.active svg{color:#5ee0bc;background:rgba(67,211,170,.13);border-color:rgba(94,224,188,.2)}
.focus-node small{font-size:10px}
.focus-command>i{height:2px;background:repeating-linear-gradient(90deg,#4c82bb 0 7px,transparent 7px 13px)}
.focus-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}
.focus-outcomes span{padding:10px;border-radius:13px;background:rgba(255,255,255,.055)}
.focus-outcomes b,.focus-outcomes small{display:block}
.focus-outcomes b{color:#5ee0bc;font-size:12px}
.focus-outcomes small{margin-top:2px;color:#acc0d6;font-size:9.5px;line-height:1.6}

/* Feature cards: compact publishing, readable forwarding. */
.feature-bento{align-items:stretch}
.feature-card{
  min-height:0;
  border-color:#dce5ef;
  background:#fff;
  box-shadow:0 12px 36px rgba(24,59,99,.065);
}
.feature-card:hover{border-color:#c8d8e8;box-shadow:0 18px 44px rgba(24,59,99,.1)}
.multichannel-card{
  min-height:245px;
  grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);
  align-items:center;
  padding:23px 24px;
  background:linear-gradient(145deg,#f5f9ff,#edf5ff);
}
.feature-copy>small{margin-top:11px}
.feature-copy h3{margin-bottom:6px}
.feature-copy p{margin-block:0;line-height:1.85}
.feature-points,.forward-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.feature-points span,.forward-controls span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:30px;
  padding:5px 9px;
  border-radius:9px;
  color:#3e5875;
  background:rgba(255,255,255,.72);
  border:1px solid #d9e5f1;
  font-size:10.5px;
  font-weight:700;
}
.feature-points svg,.forward-controls svg{width:14px;height:14px;color:var(--accent)}
.multichannel-card .feature-ui{
  align-self:center;
  margin:0;
  padding:14px;
  transform:none;
  border-radius:17px;
  box-shadow:0 14px 35px rgba(24,59,99,.1);
}
.compose-ui header{align-items:center;justify-content:space-between}
.compose-ui header span{color:#324b68;font-size:10.5px;font-weight:800}
.compose-ui header b{padding:4px 7px;border-radius:7px;color:var(--primary);background:var(--primary-soft);font-size:9px}
.multichannel-card .compose-text{
  height:54px;
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:11px 0;
  padding:11px;
  background:#f5f8fc;
}
.compose-text>i{display:block;height:6px;border-radius:99px;background:#d8e3ef}
.compose-text>i:nth-child(2){width:84%}.compose-text>i:nth-child(3){width:58%}
.compose-channels span{font-size:9px;padding:5px 8px}
.compose-channels span.active{color:#08775c;background:#e8f8f2;border:1px solid #ccecdf}
.compose-ui button{min-height:35px;margin-top:9px;font-size:10px}
.forward-feature{
  grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);
  min-height:270px;
  padding:27px;
  color:#fff;
  border-color:#153e6c;
  background:linear-gradient(145deg,#0b274d,#103e6d);
}
.forward-feature .feature-icon{box-shadow:none}
.forward-feature small{color:#64dfbd}
.forward-feature h3{color:#fff;font-size:22px}
.forward-feature p{max-width:600px;color:#c0d2e5!important;font-size:13.5px;line-height:2}
.forward-controls span{color:#d7e6f5;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}
.forward-demo{
  display:grid;
  grid-template-columns:1fr 44px 1fr;
  gap:10px;
  padding:13px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(2,18,40,.3);
}
.forward-demo>div{
  min-height:125px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:15px;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  box-shadow:none;
}
.forward-demo>div.ready{background:#f6fbff;border-color:#cfe2f2}
.forward-demo>div>span{color:#8fb8e5;font-size:10px}
.forward-demo>div.ready>span{color:#08775c}
.forward-demo strong{margin-top:8px;color:#fff;font-size:13px}
.forward-demo .ready strong{color:#183653}
.forward-demo p{margin:5px 0 0!important;color:#aac0d7!important;font-size:11px!important;line-height:1.7}
.forward-demo .ready p{color:#647a91!important}
.forward-demo>b{width:40px;height:40px;display:grid;place-items:center;align-self:center;border-radius:13px;color:#5ee0bc;background:rgba(67,211,170,.12)}
.forward-demo>b svg{width:19px;height:19px}

/* Roles and pricing: larger text and decision-friendly hierarchy. */
.roles-table{gap:15px}
.role-card{
  min-height:370px;
  display:flex;
  flex-direction:column;
  padding:23px;
  border-color:#dce5ef;
  border-radius:22px;
  box-shadow:0 12px 34px rgba(24,59,99,.065);
}
.role-card.owner{
  color:#fff;
  border-color:#174a80;
  background:linear-gradient(145deg,#0d315c,#124f87);
}
.role-card-head{display:flex;align-items:center;gap:12px}
.role-icon{
  width:46px;height:46px;
  display:grid;place-items:center;
  flex:0 0 auto;
  border:1px solid #d8e5f2;
  border-radius:14px;
  color:var(--primary);
  background:#edf5ff;
}
.role-icon svg{width:21px;height:21px}
.role-card-head>div>span,.role-card-head>div>strong{display:block}
.role-card-head>div>span{color:var(--primary);font-size:11px;font-weight:800}
.role-card-head>div>strong{margin-top:3px;font-size:15px}
.role-card>p{min-height:58px;margin:16px 0 10px;color:#5c7188;font-size:12.5px;line-height:1.9}
.role-card ul{padding-block:14px;border-block:1px solid #e7edf3;gap:10px;flex:1}
.role-card li{color:#425a73;font-size:12px}
.role-card li:before{margin-left:8px}
.role-scope{
  display:inline-flex;
  width:max-content;
  margin-top:14px;
  padding:5px 9px;
  border-radius:8px;
  color:#5e7289;
  background:#f1f5f9;
  font-size:10px!important;
  font-weight:800;
}
.role-card.owner .role-icon{color:#64dfbd;background:rgba(67,211,170,.1);border-color:rgba(100,223,189,.18)}
.role-card.owner .role-card-head span{color:#64dfbd}
.role-card.owner .role-card-head strong{color:#fff}
.role-card.owner>p,.role-card.owner li{color:#c0d2e5}
.role-card.owner ul{border-color:rgba(255,255,255,.12)}
.role-card.owner .role-scope{color:#61dfbb;background:rgba(67,211,170,.1)}
.pricing-preview{background:#f6f9fc}
.pricing-grid{gap:18px;align-items:stretch}
.pricing-preview .price-card{
  min-height:475px;
  display:flex;
  flex-direction:column;
  padding:25px;
  border:1px solid #dce5ef;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 40px rgba(24,59,99,.075);
  transform:none;
}
.pricing-preview .price-card.featured{
  border:2px solid var(--primary);
  background:linear-gradient(180deg,#f5f9ff,#fff 38%);
  box-shadow:0 22px 52px rgba(13,95,199,.14);
  transform:translateY(-7px);
}
.price-card-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:9px}
.plan-mark{
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid #dbe6f1;
  border-radius:14px;
  color:#5f738a;background:#f1f5f9;
}
.plan-mark svg{width:20px;height:20px}
.plan-pro .plan-mark{color:var(--primary);background:var(--primary-soft)}
.plan-business .plan-mark{color:var(--accent);background:var(--accent-soft)}
.price-card-head>small{color:#78899c;font-size:10px}
.pricing-preview .price-card .popular{position:static;padding:6px 10px;font-size:10px}
.plan-name{display:block;margin-top:16px;color:var(--primary);font-size:13px;font-weight:850}
.pricing-preview .price-card h3{display:flex;align-items:baseline;gap:6px;margin:9px 0}
.pricing-preview .price-card h3 b{color:#162e4b;font-size:28px}
.pricing-preview .price-card h3 small{color:#6e8095;font-size:10px}
.pricing-preview .price-card>p{min-height:54px;color:#5e7289;font-size:12px;line-height:1.9}
.pricing-preview .price-card ul{flex:1;margin-block:13px;padding-block:16px;gap:11px}
.pricing-preview .price-card li{color:#405872;font-size:12px}
.pricing-preview .price-card .button{min-height:46px}
.price-assurance{margin-top:10px;color:#7b8b9f!important;text-align:center;font-size:9.5px!important}

/* Footer with a clear support destination. */
.landing-footer{padding:62px 0 18px;background:#071d39}
.footer-main{display:grid;grid-template-columns:1.55fr .7fr .78fr 1.08fr;gap:46px;align-items:start}
.footer-brand-column{max-width:390px}
.footer-brand-column p{margin:18px 0;color:#a6bbd2;font-size:12.5px;line-height:2}
.landing-footer .landing-brand{color:#fff}
.landing-footer .landing-brand strong{color:#fff}
.footer-status{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:13px;
  background:rgba(255,255,255,.045);
}
.footer-status>i{width:9px;height:9px;border-radius:50%;background:#43d3aa;box-shadow:0 0 0 5px rgba(67,211,170,.1)}
.footer-status span,.footer-status strong,.footer-status small{display:block}
.footer-status strong{color:#d9e8f6;font-size:10.5px}
.footer-status small{margin-top:2px;color:#7995b3;font-size:9px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links>strong{margin-bottom:5px;color:#fff;font-size:13px}
.footer-links a{width:max-content;color:#9bb1c9;font-size:11.5px;transition:color .18s ease,transform .18s ease}
.footer-links a:hover{color:#67dfbf;transform:translateX(-2px)}
.footer-support-card{
  padding:21px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:20px;
  background:rgba(255,255,255,.055);
}
.footer-support-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#64dfbd;background:rgba(67,211,170,.11)}
.footer-support-icon svg{width:20px;height:20px}
.footer-support-card>small,.footer-support-card>strong{display:block}
.footer-support-card>small{margin-top:13px;color:#65dfbe;font-size:10px}
.footer-support-card>strong{margin-top:4px;color:#fff;font-size:13px;line-height:1.8}
.footer-support-card>div{display:grid;grid-template-columns:1fr;gap:7px;margin-top:15px}
.footer-support-card a{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#d7e5f3;background:rgba(255,255,255,.05);font-size:10.5px}
.footer-support-card a:hover{border-color:rgba(100,223,189,.28);color:#64dfbd}
.footer-bottom{font-size:10px;color:#7894b1}
.footer-bottom span{display:flex;align-items:center;gap:6px;font-size:10px}
.footer-bottom svg{width:15px;height:15px;color:#64dfbd}

/* Registration stays anchored; form controls return to a flat professional style. */
.digibing-auth .auth-layout{background:#0b274c}
.digibing-auth .auth-visual{align-self:start}
.digibing-auth .auth-showcase{overflow:visible}
.digibing-auth .auth-panel{background:#f6f8fb}
.digibing-auth .auth-card{
  border:1px solid #dfe6ee;
  background:#fff;
  box-shadow:0 12px 38px rgba(24,59,99,.08);
}
.auth-form input,.auth-form select{
  min-height:47px;
  border:1px solid #cfd9e4!important;
  border-radius:11px!important;
  background:#fff;
  box-shadow:none!important;
}
.auth-form input:hover,.auth-form select:hover{border-color:#adc0d4!important}
.auth-form input:focus,.auth-form select:focus{
  border-color:var(--primary)!important;
  background:#fff;
  box-shadow:0 0 0 4px rgba(13,95,199,.1)!important;
}
.platform-choice{
  border:1px solid #d7e0e9;
  background:#fff;
  box-shadow:none;
}
.platform-picker input:checked+.platform-choice{background:#edf5ff;box-shadow:0 0 0 3px rgba(13,95,199,.07)}
@media(min-width:1181px){
  .auth-root .auth-layout{background:linear-gradient(to left,#0b274c 0 calc(100% - 560px),#f6f8fb calc(100% - 560px))}
  .auth-root .auth-visual{position:sticky;top:0;height:100dvh}
}

/* App scrolling and neutral scrollbars. */
html.app-root{
  height:auto!important;
  min-height:100%;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-color:#9bb1c8 #eef3f8;
  scrollbar-width:thin;
}
body.app-body{
  height:auto!important;
  min-height:100dvh;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  overscroll-behavior-y:auto;
}
.app-root .app-shell,.app-root .main{
  height:auto!important;
  min-height:100dvh;
  overflow:visible;
}
.app-root .content{overflow:visible}
*{scrollbar-color:#9bb1c8 #eef3f8;scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#eef3f8;border-radius:999px}
*::-webkit-scrollbar-thumb{background:#a4b8cc;border:2px solid #eef3f8;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#829bb4}
html[data-theme=dark] *{scrollbar-color:#536b84 #162332}
html[data-theme=dark] *::-webkit-scrollbar-track{background:#162332}
html[data-theme=dark] *::-webkit-scrollbar-thumb{background:#536b84;border-color:#162332}

/* Workspace identity and consistent navigation icons. */
.digibing-sidebar .sidebar-context{
  grid-template-columns:42px minmax(0,1fr) 24px;
  min-height:70px;
  padding:10px;
  border-radius:15px!important;
  background:linear-gradient(145deg,#f8fbff,#fff)!important;
}
.workspace-orb{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:13px;
  font-size:15px;
  font-weight:900;
}
.workspace-context-copy{min-width:0}
.workspace-context-copy span,.workspace-context-copy strong,.workspace-context-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-context-copy span{font-size:9.5px!important}
.workspace-context-copy strong{margin-top:1px;font-size:12.5px!important}
.workspace-context-copy small{margin-top:2px;color:var(--muted);font-size:9px}
.topbar-page{display:flex;align-items:center;gap:10px;min-width:210px}
.topbar-page-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  flex:0 0 auto;
  border:1px solid #d8e5f2;
  border-radius:12px;
  color:var(--primary);
  background:#edf5ff;
}
.topbar-page-icon svg{width:19px;height:19px;padding:0!important;stroke-width:1.9}
.topbar-page-copy,.topbar-page-copy>strong,.topbar-page-copy>small{display:block}
.topbar-page-copy strong{color:var(--text);font-size:12.5px;line-height:1.5}
.topbar-page-copy small{margin-top:1px;color:var(--muted);font-size:9px;line-height:1.5}
html[data-theme="dark"] .topbar-page-icon{border-color:var(--line);background:var(--primary-soft)}
.nav-item svg{
  width:36px!important;
  height:36px!important;
  padding:8px!important;
  border-radius:10px!important;
  stroke-width:1.9;
}
.nav-item.active svg{stroke-width:2.1}
.mobile-action-grid svg,.mobile-bottom-nav svg,.topbar svg{stroke-width:1.9}

/* Search palette: comfortable input, readable results, correct stacking. */
.search-trigger{min-width:330px;height:44px;padding-inline:13px;border-radius:13px}
.command-palette{
  width:min(760px,calc(100vw - 28px));
  max-height:min(720px,calc(100dvh - 32px));
  border:1px solid #cedae7;
  border-radius:22px;
  background:var(--surface);
  box-shadow:0 32px 90px rgba(8,32,63,.25);
}
.command-palette::backdrop{background:rgba(5,20,42,.58);backdrop-filter:blur(7px)}
.command-head{
  height:auto;
  min-height:76px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 42px;
  gap:9px;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
}
.command-search-icon{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:13px;
  color:var(--primary);
  background:var(--primary-soft);
}
.command-search-icon svg{width:20px;height:20px}
.command-head input{
  width:100%;
  min-height:48px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  color:var(--text);
  background:transparent!important;
  box-shadow:none!important;
  font-size:16px!important;
}
.command-close{
  width:42px;height:42px;
  display:grid;place-items:center;
  align-self:center;
  border:1px solid var(--line);
  border-radius:12px;
  color:var(--muted);
  background:var(--surface-2);
  cursor:pointer;
}
.command-close:hover{color:var(--text);border-color:var(--line-strong)}
.command-close svg{width:18px;height:18px}
.command-results{max-height:min(510px,calc(100dvh - 170px));padding:10px;overflow:auto}
.command-item{
  min-height:54px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:13px;
  font-size:13px;
}
.command-item svg,.command-plus{width:38px;height:38px;padding:9px;border-radius:11px}
.command-item.active,.command-item:hover{border-color:#d8e7f7;background:var(--primary-soft)}
.command-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.command-empty strong{color:var(--text);font-size:14px}
.command-empty span{max-width:390px;color:var(--muted);font-size:11.5px;line-height:1.8;text-align:center}
.command-footer{min-height:44px;align-items:center;padding:8px 15px;font-size:10px}
.command-footer kbd{padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text-2)}

/* Tour: independent spotlight and collision-aware card positioning. */
.tour-layer{position:fixed;inset:0;z-index:2500;overflow:hidden}
.tour-layer[hidden]{display:none}
.tour-shade{display:none}
.tour-spotlight{
  position:fixed;
  z-index:1;
  border:2px solid #68aef8;
  border-radius:16px;
  background:transparent;
  box-shadow:0 0 0 9999px rgba(4,18,39,.64),0 0 0 6px rgba(104,174,248,.2);
  pointer-events:none;
  transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease;
}
.tour-card{
  position:fixed;
  z-index:2;
  width:min(420px,calc(100vw - 24px));
  padding:21px;
  border:1px solid #d7e2ed;
  border-radius:21px;
  background:#fff;
  box-shadow:0 28px 80px rgba(3,20,43,.3);
  transform:none;
  transition:top .22s ease,left .22s ease;
  max-height:calc(100dvh - 24px);
  overflow:auto;
}
.tour-card:before{display:none}
.tour-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tour-card-head>div>span{display:block;color:var(--primary);font-size:10px;font-weight:800}
.tour-count{margin-top:2px;color:#7b8da2;font-size:10px}
.tour-close{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid #dce5ee;
  border-radius:11px;
  color:#64768c;
  background:#f7f9fc;
  cursor:pointer;
}
.tour-close svg{width:17px;height:17px}
.tour-progress{height:5px;margin:14px 0 16px;border-radius:999px;background:#e7eef6;overflow:hidden}
.tour-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .22s ease}
.tour-card h2{margin:0 0 7px;color:#152d49;font-size:19px;line-height:1.55}
.tour-card p{min-height:50px;margin:0;color:#60738a;font-size:12.5px;line-height:1.9}
.tour-details{display:grid;gap:8px;margin:13px 0 15px;padding:13px 14px;list-style:none;border:1px solid #e2eaf3;border-radius:14px;background:#f7faff}
.tour-details li{position:relative;padding-right:17px;color:#3f566f;font-size:11.5px;line-height:1.75}
.tour-details li:before{content:"";position:absolute;right:0;top:.7em;width:7px;height:7px;border-radius:50%;background:#56cfae;box-shadow:0 0 0 3px rgba(86,207,174,.13)}
.tour-action{min-height:45px;justify-content:center}
.tour-actions{margin-top:18px;gap:10px}
.tour-actions>div{gap:7px}
.tour-actions .button{min-height:42px}
.tour-highlight{
  position:relative;
  z-index:auto!important;
  outline:0!important;
  box-shadow:none!important;
}

@media(max-width:1180px){
  .focus-story{grid-template-columns:1fr 82px 1fr;gap:13px}
  .story-card{min-height:440px;padding:23px}
  .roles-table{grid-template-columns:1fr 1fr}
  .role-card{min-height:345px}
  .footer-main{grid-template-columns:1.3fr .75fr .85fr;gap:32px}
  .footer-support-card{grid-column:1/-1;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:12px}
  .footer-support-card>small,.footer-support-card>strong{margin:0}
  .footer-support-card>div{grid-template-columns:1fr 1fr;margin:0}
}
@media(max-width:980px){
  .topbar-page{display:none}
  .topbar-actions .search-trigger{
    display:inline-grid!important;
    width:44px;
    min-width:44px;
    height:44px;
    place-items:center;
    padding:0;
  }
  .topbar-actions .search-trigger span,.topbar-actions .search-trigger kbd{display:none}
  .topbar-actions .search-trigger svg{margin:0}
  .focus-story{grid-template-columns:1fr}
  .focus-bridge{flex-direction:row;margin-block:-2px}
  .focus-bridge>span{width:48px;height:48px;border-radius:15px;transform:rotate(-90deg)}
  .story-card{min-height:0}
  .multichannel-card,.forward-feature{grid-template-columns:1fr}
  .multichannel-card{min-height:0}
  .forward-demo{margin-top:5px}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-brand-column{grid-column:1/-1}
  .footer-support-card{display:block;grid-column:1/-1}
  .footer-support-card>div{grid-template-columns:1fr 1fr;margin-top:15px}
}
@media(max-width:700px){
  .landing-root .hero-section{padding-top:24px!important}
  .story-card{padding:20px;border-radius:22px}
  .story-card h3{font-size:19px}
  .pain-stack>div{grid-template-columns:39px minmax(0,1fr)}
  .pain-stack>div>b{grid-column:2;justify-self:start}
  .focus-command{padding:12px;gap:6px}
  .focus-node{min-width:55px}
  .focus-node svg{width:35px;height:35px;padding:8px}
  .focus-outcomes{grid-template-columns:1fr}
  .multichannel-card,.forward-feature{padding:20px}
  .forward-demo{grid-template-columns:1fr}
  .forward-demo>b{transform:rotate(-90deg);justify-self:center}
  .roles-table{grid-template-columns:1fr}
  .role-card{min-height:0}
  .pricing-preview .price-card{min-height:0}
  .pricing-preview .price-card.featured{transform:none}
  .footer-main{grid-template-columns:1fr}
  .footer-brand-column,.footer-support-card{grid-column:auto}
  .footer-bottom{gap:14px;align-items:flex-start;flex-direction:column}
  .footer-support-card>div{grid-template-columns:1fr}
  .command-palette{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
  .command-head{grid-template-columns:40px minmax(0,1fr) 40px;min-height:68px;padding:9px}
  .command-search-icon,.command-close{width:40px;height:40px}
  .command-head input{font-size:16px!important}
  .command-footer span:nth-child(2){display:none}
  .tour-card-mobile{border-radius:20px;padding:18px}
  .tour-card-mobile p{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .tour-spotlight,.tour-card,.tour-progress span{transition:none!important}
}