:root{
  --pr:#00B8D4;
  --pr-dk:#007C91;
  --pr-lite:#00E5FF;
  --bg:#0A0E14;
  --text:#E8EDF5;
  --text-soft:#8A9BB0;
  --text-dim:#697A91;
  --shadow-soft:0 12px 34px rgba(4, 11, 21, 0.28);
  --radius:22px;
  --maxw:1440px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'DM Sans',sans-serif;
  color-scheme:dark;
  background:
    radial-gradient(circle at top left, rgba(0,184,212,0.10), transparent 32%),
    radial-gradient(circle at 85% 8%, rgba(0,229,255,0.08), transparent 18%),
    linear-gradient(180deg, #0A0E14 0%, #0C1017 32%, #0B1017 100%);
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at center, black 42%, transparent 84%);
  opacity:0.22;
  z-index:-1;
}

a{color:inherit;text-decoration:none;}
button,input,select,textarea{font:inherit;}
button{cursor:pointer;}
img,svg{display:block;max-width:100%;}
.hidden{display:none !important;}
.page-wrap{min-height:100vh;display:flex;flex-direction:column;}
.shell{width:min(var(--maxw), calc(100% - 40px));margin:0 auto;}

.topbar{
  position:sticky;
  top:0;
  z-index:120;
  backdrop-filter:blur(24px);
  background:rgba(10,14,20,0.86);
  border-bottom:1px solid rgba(31,45,61,0.82);
}

.topbar-inner{
  min-height:78px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  width:min(var(--maxw), calc(100% - 40px));
  margin:0 auto;
  padding:14px 0;
}

.brand-link{display:flex;align-items:center;gap:14px;min-width:0;}
.brand-mark{
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(0,184,212,0.24), rgba(0,124,145,0.14));
  border:1px solid rgba(0,229,255,0.18);
  box-shadow:0 14px 28px rgba(0,184,212,0.10);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.brand-copy{min-width:0;display:flex;flex-direction:column;gap:3px;}
.brand-line{
  font-family:'Syne',sans-serif;
  font-size:1.1rem;
  letter-spacing:-0.03em;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.brand-line .accent{color:var(--pr);}
.brand-tag{
  color:var(--text-soft);
  font-size:0.82rem;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.topbar-tools{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:nowrap;
  overflow:auto;
  scrollbar-width:none;
}

.topbar-tools::-webkit-scrollbar{display:none;}

.top-nav-btn,
.toolbar-btn,
.filter-btn,
.sort-btn,
.compare-tab{
  border:none;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  border-radius:999px;
  padding:9px 12px;
  font-size:0.84rem;
  line-height:1;
  transition:0.2s ease;
}

.top-nav-btn.active,
.toolbar-btn.active,
.filter-btn.active,
.sort-btn.active,
.compare-tab.active,
.top-nav-btn:hover{
  color:var(--text);
  background:rgba(0,184,212,0.12);
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.18);
}

.topbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:flex-end;
}

.lang-toggle{
  display:flex;
  padding:4px;
  border-radius:999px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.07);
  gap:4px;
}

.lang-btn{
  border:none;
  background:transparent;
  color:var(--text-soft);
  border-radius:999px;
  padding:10px 14px;
  font-size:0.85rem;
  line-height:1;
}

.lang-btn.active{
  color:#082129;
  background:linear-gradient(135deg, var(--pr-lite), var(--pr));
  box-shadow:0 10px 20px rgba(0,184,212,0.18);
}

.action-btn{
  border:none;
  border-radius:999px;
  padding:11px 16px;
  color:var(--text);
  background:rgba(255,255,255,0.04);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:0.92rem;
  transition:0.2s ease;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.action-btn:hover{transform:translateY(-1px);}
.action-btn.secondary-action{background:rgba(255,255,255,0.045);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);}
.action-btn.wa{background:rgba(37,211,102,0.16);color:#D4FFE4;box-shadow:inset 0 0 0 1px rgba(37,211,102,0.26);}
.action-btn.call{background:rgba(59,130,246,0.14);color:#D7E7FF;box-shadow:inset 0 0 0 1px rgba(59,130,246,0.24);}
.action-btn.quote{background:linear-gradient(135deg, var(--pr), var(--pr-dk));color:#05141A;box-shadow:0 16px 26px rgba(0,184,212,0.16);}

.header-icon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:0;
  gap:0;
  border-radius:50%;
  background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  box-shadow:0 4px 15px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
  border:1px solid rgba(255,255,255,0.12);
  cursor:pointer;
  text-decoration:none;
  flex:0 0 auto;
}

.header-icon-btn:hover{
  transform:translateY(-2px) scale(1.08);
  box-shadow:0 8px 25px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.15);
}

.header-icon-btn svg{
  width:18px;
  height:18px;
  fill:currentColor;
}

.header-icon-btn.call-btn svg,
.header-icon-btn.call-btn i{
  color:#f5c518;
  font-size:18px;
}

.header-icon-btn.whatsapp-btn svg,
.header-icon-btn.whatsapp-btn i{
  color:#25D366;
  font-size:18px;
}

.mobile-toggle{
  display:none;
  border:none;
  background:rgba(255,255,255,0.05);
  color:var(--text);
  border-radius:14px;
  width:46px;
  height:46px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.mobile-drawer{display:none;border-top:1px solid rgba(255,255,255,0.06);background:rgba(10,14,20,0.96);}
.mobile-drawer.open{display:block;}
.mobile-drawer-inner{
  width:min(var(--maxw), calc(100% - 40px));
  margin:0 auto;
  padding:14px 0 18px;
  display:grid;
  gap:10px;
}

.mobile-drawer-inner .top-nav-btn,
.mobile-drawer-inner .action-btn{
  width:100%;
  justify-content:center;
}

.toolbar{
  position:sticky;
  top:78px;
  z-index:110;
  background:rgba(10,14,20,0.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,0.05);
}

.toolbar-inner{
  width:min(var(--maxw), calc(100% - 40px));
  margin:0 auto;
  padding:14px 0;
  display:flex;
  gap:10px;
  overflow:auto;
  scrollbar-width:none;
}

.toolbar-inner::-webkit-scrollbar{display:none;}
main{flex:1;}
.landing{padding:56px 0 72px;}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(320px, 0.95fr) minmax(380px, 1.35fr);
  gap:28px;
  align-items:stretch;
}

.panel,
.sidebar-panel,
.rail-panel,
.step-card,
.dashboard-card,
.tool-card,
.faq-card,
.process-card,
.footer-card,
.admin-card{
  background:linear-gradient(180deg, rgba(22,30,40,0.98), rgba(13,20,29,0.98));
  border:1px solid rgba(255,255,255,0.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
}

.feature-panel{padding:28px;position:relative;overflow:hidden;}
.feature-panel::after{
  content:"";
  position:absolute;
  inset:auto -20% -35% 20%;
  height:220px;
  background:radial-gradient(circle, rgba(0,184,212,0.12), transparent 68%);
  pointer-events:none;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(0,184,212,0.10);
  color:var(--pr-lite);
  font-size:0.82rem;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.16);
  margin-bottom:18px;
}

.panel-title{
  margin:0 0 8px;
  font-family:'Syne',sans-serif;
  font-size:2rem;
  line-height:1.04;
  letter-spacing:-0.04em;
}

.panel-sub{margin:0;color:var(--text-soft);font-size:1rem;line-height:1.7;}
.feature-list{margin-top:24px;display:grid;gap:12px;}
.feature-card{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  border-left:3px solid rgba(0,184,212,0.92);
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
}

.landing-shortcut{
  width:100%;
  border:none;
  text-align:left;
  cursor:pointer;
}

.landing-shortcut:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.16);
}

.feature-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.02) 25%, rgba(255,255,255,0.09) 48%, transparent 72%);
  transform:translateX(-120%);
  animation:shimmer 5s ease-in-out infinite;
}

@keyframes shimmer{
  0%,65%,100%{transform:translateX(-130%);}
  72%{transform:translateX(130%);}
}

.feature-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(0,184,212,0.10);
  color:var(--pr-lite);
  font-size:1.35rem;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.16);
  position:relative;
  z-index:1;
}

.feature-copy{position:relative;z-index:1;}
.feature-title{font-size:0.98rem;margin:0 0 6px;color:var(--text);font-weight:600;}
.feature-desc{margin:0;color:var(--text-soft);font-size:0.88rem;line-height:1.6;}

.hero-panel{padding:34px;min-height:100%;position:relative;overflow:hidden;}
.hero-panel::before,.hero-panel::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(12px);}
.hero-panel::before{
  width:320px;height:320px;background:radial-gradient(circle, rgba(0,184,212,0.14), transparent 60%);top:-120px;right:-90px;
}

.hero-panel::after{
  width:260px;height:260px;background:radial-gradient(circle, rgba(0,229,255,0.08), transparent 65%);bottom:-120px;left:-80px;
}

.hero-panel > *{position:relative;z-index:1;}
.hero-title{
  margin:0 0 14px;
  font-family:'Syne',sans-serif;
  font-size:clamp(2.7rem, 5vw, 4.7rem);
  line-height:0.95;
  letter-spacing:-0.06em;
  max-width:12ch;
}

.hero-title .accent{color:var(--pr-lite);}
.hero-sub{max-width:62ch;margin:0 0 10px;color:var(--text-soft);font-size:1.02rem;line-height:1.75;}
.hero-note{margin:0 0 24px;color:var(--text-dim);font-size:0.92rem;line-height:1.7;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.hero-cta .action-btn{padding:15px 20px;border-radius:18px;font-weight:600;}
.stat-row{margin-top:34px;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;}
.stat-card{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,0.035);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
}

.stat-value{font-family:'Syne',sans-serif;font-size:1.45rem;color:var(--text);letter-spacing:-0.04em;}
.stat-label{margin-top:8px;font-size:0.88rem;color:var(--text-soft);line-height:1.6;}
.trust-row{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;}
.trust-chip{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.035);
  color:var(--text-soft);
  font-size:0.85rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.wizard{padding:34px 0 70px;}
.wizard-layout{display:grid;grid-template-columns:280px minmax(0, 1fr) 320px;gap:22px;align-items:start;}
.sticky{position:sticky;top:118px;}
.sidebar-panel{padding:22px;display:grid;gap:18px;}
.sidebar-title,.card-title{
  margin:0;
  font-family:'Syne',sans-serif;
  font-size:1.2rem;
  line-height:1.08;
  letter-spacing:-0.03em;
}

.sidebar-copy,.card-copy{margin:0;color:var(--text-soft);font-size:0.9rem;line-height:1.75;}
.progress-list{display:grid;gap:10px;}
.progress-item{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:12px;
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,0.025);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
}

.progress-item.active{background:rgba(0,184,212,0.10);box-shadow:inset 0 0 0 1px rgba(0,184,212,0.16);}
.progress-item.done{background:rgba(34,197,94,0.10);box-shadow:inset 0 0 0 1px rgba(34,197,94,0.14);}
.progress-num{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,0.05);color:var(--text-soft);font-weight:700;
}

.progress-item.active .progress-num{background:linear-gradient(135deg, var(--pr-lite), var(--pr));color:#062028;}
.progress-item.done .progress-num{background:rgba(34,197,94,0.18);color:#A9F3C3;}
.progress-label{font-weight:600;font-size:0.92rem;line-height:1.45;}
.progress-desc{margin-top:4px;color:var(--text-dim);font-size:0.8rem;line-height:1.55;}
.summary-grid{display:grid;gap:10px;}
.summary-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
}

.summary-label{color:var(--text-dim);font-size:0.79rem;line-height:1.5;}
.summary-value{color:var(--text);font-size:0.88rem;line-height:1.6;text-align:right;max-width:60%;}
.summary-note{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(0,184,212,0.08);
  color:var(--text-soft);
  font-size:0.85rem;
  line-height:1.7;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.12);
}

.step-card{padding:28px;min-height:640px;display:flex;flex-direction:column;scroll-margin-top:108px;}
.step-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;flex-wrap:wrap;}
.step-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  font-size:0.84rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.step-title{margin:0;font-family:'Syne',sans-serif;font-size:2.1rem;line-height:1.02;letter-spacing:-0.05em;}
.step-urdu{margin:10px 0 0;color:#BCEAF3;font-size:1.35rem;line-height:1.9;}
.step-copy{margin:12px 0 4px;color:var(--text-soft);font-size:0.96rem;line-height:1.75;}
.step-copy.urdu{font-size:1rem;color:#D5EAF2;}
.step-body{margin-top:24px;display:grid;gap:18px;}
.mode-switch{display:flex;gap:12px;flex-wrap:wrap;}
.mode-btn{
  border:none;
  border-radius:18px;
  padding:14px 18px;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  min-width:170px;
  text-align:left;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.mode-btn strong{display:block;color:var(--text);font-size:0.98rem;margin-bottom:4px;}
.mode-btn span{display:block;font-size:0.84rem;line-height:1.6;}
.mode-btn.active{background:rgba(0,184,212,0.12);box-shadow:inset 0 0 0 1px rgba(0,184,212,0.16);}
.field-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;}
.field{display:grid;gap:8px;}
.field.wide{grid-column:1 / -1;}
.field label{color:var(--text-soft);font-size:0.86rem;line-height:1.5;}
.input,.select,.textarea{
  width:100%;
  border:none;
  border-radius:18px;
  background:rgba(255,255,255,0.04);
  color:var(--text);
  padding:16px 18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
  outline:none;
}

.select,
.picker-mini-select,
.status-select{
  appearance:none;
  -webkit-appearance:none;
  color-scheme:dark;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--text-soft) 50%),
    linear-gradient(135deg, var(--text-soft) 50%, transparent 50%);
  background-position:
    calc(100% - 22px) calc(50% - 3px),
    calc(100% - 16px) calc(50% - 3px);
  background-size:6px 6px;
  background-repeat:no-repeat;
  padding-right:46px;
}

select option,
select optgroup{
  background:#111820;
  color:var(--text);
}

.input:focus,.select:focus,.textarea:focus{box-shadow:inset 0 0 0 1px rgba(0,184,212,0.4), 0 0 0 4px rgba(0,184,212,0.08);}
.textarea{min-height:96px;resize:vertical;}
.choice-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;}
.choice-grid.three{grid-template-columns:repeat(3, minmax(0, 1fr));}
.choice-grid.four{grid-template-columns:repeat(4, minmax(0, 1fr));}
.choice-card{
  border:none;
  border-radius:20px;
  padding:18px;
  background:rgba(255,255,255,0.03);
  color:var(--text);
  text-align:left;
  min-height:156px;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  position:relative;
}

.choice-card.selected{
  background:linear-gradient(180deg, rgba(0,184,212,0.12), rgba(0,124,145,0.10));
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.24), 0 18px 30px rgba(0,0,0,0.16);
}

.choice-tag,
.smart-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,184,212,0.10);
  color:#D7FAFF;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);
  font-size:0.76rem;
  line-height:1;
}

.smart-tag-row{display:flex;flex-wrap:wrap;gap:10px;}
.budget-block{display:grid;gap:14px;margin-top:18px;}
.inline-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.inline-head strong{display:block;font-size:0.98rem;}
.inline-head p{margin:6px 0 0;color:var(--text-soft);line-height:1.75;font-size:0.88rem;max-width:62ch;}
.inline-head span{
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,255,255,0.03);
  color:var(--text-dim);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
  font-size:0.78rem;
}

.budget-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}
.budget-card{
  border:none;
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,0.03);
  color:var(--text);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  text-align:left;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.budget-card.selected{
  background:linear-gradient(180deg, rgba(0,184,212,0.12), rgba(0,124,145,0.08));
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.18), 0 16px 26px rgba(0,0,0,0.12);
}

.budget-mark{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(0,184,212,0.08);
  color:var(--pr-lite);
}

.choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.choice-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(0,184,212,0.10);
  font-size:1.25rem;
  color:var(--pr-lite);
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);
}

.choice-body{display:grid;gap:6px;}
.choice-title{margin:0;font-size:1rem;font-weight:600;line-height:1.45;}
.choice-subtitle{margin:0;color:#C5EAF1;font-size:0.92rem;line-height:1.9;}
.choice-text{margin:0;color:var(--text-soft);font-size:0.86rem;line-height:1.65;}
.choice-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,0.05);
  color:var(--text-soft);
  font-size:0.75rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.soft-note,.info-card,.warning-card{padding:16px 18px;border-radius:18px;line-height:1.75;font-size:0.9rem;}
.soft-note{background:rgba(255,255,255,0.03);color:var(--text-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);}
.info-card{background:rgba(0,184,212,0.10);color:#D5F8FF;box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);}
.warning-card{background:rgba(239,68,68,0.10);color:#FFD6D6;box-shadow:inset 0 0 0 1px rgba(239,68,68,0.14);}
.city-info-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;}
.mini-card{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.mini-label{color:var(--text-dim);font-size:0.78rem;line-height:1.5;margin-bottom:6px;}
.mini-value{color:var(--text);font-size:0.98rem;font-weight:600;line-height:1.45;}
.step-actions{margin-top:auto;padding-top:28px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;}
.ghost-btn,.primary-btn{
  border:none;
  border-radius:18px;
  padding:15px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:140px;
  font-weight:600;
}

.ghost-btn{background:rgba(255,255,255,0.05);color:var(--text-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);}
.primary-btn{background:linear-gradient(135deg, var(--pr-lite), var(--pr));color:#072027;box-shadow:0 20px 30px rgba(0,184,212,0.12);}
.primary-btn.wide{flex:1;}
.ur-text{
  font-family:'Noto Nastaliq Urdu',serif;
  direction:rtl;
  text-align:right;
  line-height:2.05;
  letter-spacing:0;
}

.system-more{display:grid;gap:10px;margin-top:4px;}
.system-more-btn{
  border:none;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  padding:10px 12px;
  border-radius:14px;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.system-more-box{
  display:none;
  border-radius:16px;
  background:rgba(255,255,255,0.04);
  padding:14px;
  color:#D6E9EE;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.system-more-box.open{display:block;}
.system-more-box p{margin:0 0 8px;line-height:1.9;}
.system-more-box p:last-child{margin-bottom:0;}
.rail-panel{padding:22px;display:grid;gap:18px;}
.estimate-hero{
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(0,184,212,0.12), rgba(0,124,145,0.10));
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.18);
}

.estimate-label{color:#D7FAFF;font-size:0.82rem;line-height:1.6;}
.estimate-size{margin-top:12px;font-family:'Syne',sans-serif;font-size:3rem;line-height:0.9;letter-spacing:-0.06em;}
.estimate-size span{font-size:1.1rem;color:#D7FAFF;margin-left:4px;}
.estimate-sub{margin-top:10px;color:#D7FAFF;font-size:0.9rem;line-height:1.6;}
.estimate-grid{display:grid;gap:12px;}
.metric-card{
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.metric-label{color:var(--text-dim);font-size:0.78rem;line-height:1.5;margin-bottom:6px;}
.metric-value{color:var(--text);font-size:1rem;font-weight:600;line-height:1.45;}
.cost-range-text{
  font-family:'DM Sans',sans-serif;
  font-size:0.98rem;
  font-weight:700;
  letter-spacing:0;
  line-height:1.6;
}
.hero-metric .cost-range-text{
  font-family:'DM Sans',sans-serif;
  font-size:1rem;
  letter-spacing:0;
}
.estimate-foot{
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,0.03);
  color:var(--text-soft);
  line-height:1.7;
  font-size:0.84rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
}

.estimate-note{margin-top:10px;color:#CFEFF5;font-size:0.85rem;line-height:1.7;}
.estimate-smart-card{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.estimate-smart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.estimate-smart-head strong{font-size:0.94rem;}
.estimate-smart-head span{color:var(--text-dim);font-size:0.8rem;}
.estimate-smart-list{display:grid;gap:12px;margin-top:14px;}
.estimate-smart-list div{display:grid;gap:4px;}
.estimate-smart-list span{color:var(--text-dim);font-size:0.76rem;}
.ai-stack{display:grid;gap:10px;margin-top:16px;}
.ai-stack p{margin:0;}

.dashboard{padding:38px 0 72px;}
.dashboard-grid{display:grid;gap:18px;}
.dashboard-hero{display:grid;grid-template-columns:1.15fr 0.85fr;gap:18px;}
.dashboard-card{padding:24px;}
.ai-engine-card{overflow:hidden;}
.ai-engine-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.ai-engine-badge{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
  font-size:0.82rem;
}

.ai-engine-layout{
  margin-top:22px;
  display:grid;
  grid-template-columns:minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap:18px;
  align-items:start;
}

.ai-engine-layout > *,
.ai-overview-column,
.ai-control-column{min-width:0;}

.ai-overview-column,.ai-control-column{display:grid;gap:16px;}
.ai-overview-hero{
  padding:20px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(0,184,212,0.12), rgba(15,24,34,0.84));
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.18);
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 210px);
  gap:18px;
  align-items:start;
  min-width:0;
}

.ai-overview-main,
.ai-overview-hero > *,
.ai-overview-grid > *,
.ai-context-grid > *,
.ai-selection-grid > *{min-width:0;}

.ai-overview-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#D7FAFF;
  font-size:0.8rem;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:0.06em;
}

.ai-overview-main h3{
  margin:8px 0 10px;
  font-family:'Syne',sans-serif;
  font-size:1.9rem;
  line-height:1.04;
  letter-spacing:-0.04em;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.ai-overview-main p{
  margin:0;
  color:#CFEFF5;
  font-size:0.92rem;
  line-height:1.75;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.ai-overview-spotlight{
  min-width:0;
  width:100%;
  max-width:100%;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(7,20,27,0.42);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07);
  display:grid;
  gap:8px;
}

.ai-overview-spotlight span{color:var(--text-soft);font-size:0.78rem;line-height:1.5;}
.ai-overview-spotlight strong{
  font-family:'Syne',sans-serif;
  font-size:1.35rem;
  line-height:1;
  letter-spacing:-0.03em;
}

.ai-overview-spotlight small{color:#D7FAFF;font-size:0.82rem;line-height:1.65;}
.ai-overview-grid,.ai-context-grid,.ai-note-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.ai-overview-card,
.ai-context-card,
.ai-selection-card{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  min-width:0;
}

.ai-overview-card,
.ai-context-card{display:grid;gap:8px;}
.ai-overview-card strong{font-size:1rem;line-height:1.45;}
.ai-overview-card p,
.ai-context-card p{margin:0;color:var(--text-soft);font-size:0.84rem;line-height:1.68;}
.ai-context-card strong{font-size:0.92rem;line-height:1.45;}

.ai-selection-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.ai-selection-card{display:grid;gap:10px;}
.ai-selection-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.ai-selection-top strong{font-size:0.9rem;line-height:1.45;}
.ai-selection-mode{
  white-space:nowrap;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(0,184,212,0.10);
  color:#D7FAFF;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);
  font-size:0.72rem;
  line-height:1;
}

.ai-selection-name{color:var(--text);font-size:0.96rem;font-weight:600;line-height:1.55;overflow-wrap:anywhere;word-break:break-word;}
.ai-selection-meta,.ai-selection-price{color:var(--text-soft);font-size:0.82rem;line-height:1.6;}
.ai-selection-price{color:#D7FAFF;}

.ai-control-card{
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,0.025);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  display:grid;
  gap:18px;
}

.ai-control-head{display:grid;gap:6px;}
.ai-control-head strong{font-size:1rem;line-height:1.4;}
.ai-control-head span{color:var(--text-soft);font-size:0.86rem;line-height:1.72;}
.ai-control-grid{grid-template-columns:1fr;gap:16px;margin-top:0;}
.ai-note-grid .ai-stack{margin-top:0;}
.production-card{display:grid;gap:18px;}
.production-grid{margin-top:0;grid-template-columns:repeat(4, minmax(0, 1fr));}
.dash-kicker{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px;}
.dash-kicker h2{margin:0;font-family:'Syne',sans-serif;font-size:2rem;line-height:1.02;letter-spacing:-0.04em;}
.dash-kicker p{margin:10px 0 0;color:var(--text-soft);line-height:1.75;font-size:0.95rem;}
.dash-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:10px 14px;
  background:rgba(0,184,212,0.10);
  color:#D6FAFF;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);
  font-size:0.84rem;
}

.hero-metrics{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;margin-top:18px;}
.hero-metric{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.hero-metric .metric-value{font-size:1.3rem;font-family:'Syne',sans-serif;letter-spacing:-0.04em;}
.report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.report-actions .action-btn,.report-actions .ghost-btn{border-radius:16px;padding:14px 16px;}
.two-col{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px;}
.spec-grid{display:grid;gap:12px;margin-top:18px;}
.dashboard-grid > *,
.dashboard-hero > *,
.two-col > *{min-width:0;}
.spec-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
}

.spec-row:last-child{border-bottom:none;padding-bottom:0;}
.spec-key,
.spec-value{min-width:0;}
.spec-key{color:var(--text-soft);font-size:0.88rem;line-height:1.65;}
.spec-value{color:var(--text);font-size:0.9rem;line-height:1.65;text-align:right;max-width:55%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
.spec-value.green{color:#B8F6CE;}
.spec-value.teal{color:#C9F8FF;}
.cashflow-wrap{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:10px;
  align-items:end;
  min-height:260px;
}

.cash-bar{display:flex;flex-direction:column;align-items:center;gap:10px;}
.cash-bar-fill{
  width:100%;
  border-radius:14px 14px 4px 4px;
  background:linear-gradient(180deg, rgba(0,229,255,0.92), rgba(0,124,145,0.82));
  box-shadow:0 14px 28px rgba(0,184,212,0.14);
  min-height:28px;
}

.cash-bar-value{color:var(--text-soft);font-size:0.76rem;text-align:center;line-height:1.5;}
.cash-bar-year{color:var(--text-dim);font-size:0.76rem;}
.equip-table,.cmp-table,.finance-table,.admin-table{width:100%;border-collapse:collapse;}
.equip-table th,.equip-table td,.cmp-table th,.cmp-table td,.finance-table th,.finance-table td,.admin-table th,.admin-table td{
  text-align:left;
  padding:13px 12px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  font-size:0.88rem;
  line-height:1.6;
  vertical-align:top;
}

.equip-table th,.cmp-table th,.finance-table th,.admin-table th{color:var(--text-soft);font-weight:600;}
.equip-table td,.cmp-table td,.finance-table td,.admin-table td{color:var(--text);}
.tools-section{display:grid;gap:18px;}
.tools-header{
  padding:24px;
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(22,30,40,0.96), rgba(12,19,28,0.98));
  border:1px solid rgba(255,255,255,0.06);
  box-shadow:var(--shadow-soft);
}

.tools-header h3{margin:0 0 10px;font-family:'Syne',sans-serif;font-size:1.8rem;letter-spacing:-0.04em;}
.tools-header p{margin:0;color:var(--text-soft);line-height:1.75;}
.tool-panel{display:none;gap:18px;}
.tool-panel.active{display:grid;}
.tool-two{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px;}
.tool-card{padding:22px;}
.tool-card h4{margin:0 0 10px;font-family:'Syne',sans-serif;font-size:1.3rem;letter-spacing:-0.03em;}
.tool-card p{margin:0;color:var(--text-soft);line-height:1.7;font-size:0.92rem;}
.range-row{margin-top:18px;display:grid;gap:8px;}
.range-top{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text-soft);font-size:0.86rem;}
.range-input{width:100%;accent-color:var(--pr);}
.big-number{margin-top:18px;font-family:'Syne',sans-serif;font-size:3rem;line-height:0.9;letter-spacing:-0.05em;}
.big-number span{font-size:1rem;color:var(--text-soft);margin-left:4px;}
.result-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}
.result-item{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.ai-field-grid{margin-top:18px;}
.component-field{align-self:start;}
.component-picker{display:grid;gap:12px;}
.component-picker-trigger{
  width:100%;
  border:none;
  border-radius:20px;
  padding:18px 20px;
  background:linear-gradient(180deg, rgba(255,255,255,0.042), rgba(255,255,255,0.025));
  color:var(--text);
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  text-align:left;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
  transition:0.2s ease;
}

.component-picker-trigger:hover{
  background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08), 0 14px 28px rgba(4,11,21,0.14);
}

.component-picker.open .component-picker-trigger{
  background:linear-gradient(180deg, rgba(0,184,212,0.11), rgba(9,25,33,0.92));
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.18), 0 18px 32px rgba(0,0,0,0.14);
}

.component-picker-copy{
  display:grid;
  gap:6px;
  min-width:0;
}

.component-picker-copy strong{
  font-size:0.98rem;
  line-height:1.45;
}

.component-picker-copy span:last-child{
  color:var(--text-soft);
  font-size:0.82rem;
  line-height:1.65;
}

.component-picker-state{
  color:var(--pr-lite);
  font-size:0.74rem;
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.component-picker-toggle{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,0.05);
  color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  font-size:1.15rem;
}

.component-picker-panel{
  display:none;
  padding:18px;
  border-radius:22px;
  background:rgba(8,15,22,0.74);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05), 0 22px 36px rgba(0,0,0,0.16);
}

.component-picker-panel.open{
  display:grid;
  gap:14px;
}

.picker-search-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:end;
}

.picker-search-input-wrap{display:grid;gap:8px;}
.picker-search-label{color:var(--text-dim);font-size:0.78rem;line-height:1.5;}
.picker-search-input{padding-top:14px;padding-bottom:14px;}
.picker-reset-btn{min-width:138px;padding:14px 16px;}
.picker-chip-row,.picker-tag-row,.accessory-chip-list{display:flex;flex-wrap:wrap;gap:8px;}

.picker-chip,
.picker-tag{
  border:none;
  border-radius:999px;
  padding:9px 12px;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
  font-size:0.77rem;
  line-height:1;
}

.picker-chip.active,
.picker-tag{
  background:rgba(0,184,212,0.10);
  color:#D7FAFF;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);
}

.picker-filter-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.picker-mini-field{display:grid;gap:6px;}
.picker-mini-field span{color:var(--text-dim);font-size:0.78rem;line-height:1.5;}
.picker-mini-select{padding:13px 14px;border-radius:14px;}

.picker-status-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  color:var(--text-dim);
  font-size:0.78rem;
  line-height:1.6;
}

.picker-results{
  display:grid;
  gap:10px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  max-height:430px;
  overflow:auto;
  padding-right:4px;
}

.picker-option{
  border:none;
  width:100%;
  border-radius:18px;
  padding:16px;
  background:linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02));
  color:var(--text);
  text-align:left;
  display:grid;
  gap:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  transition:0.2s ease;
}

.picker-option:hover{
  transform:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.16);
}

.picker-option.selected{
  background:linear-gradient(180deg, rgba(0,184,212,0.12), rgba(0,124,145,0.08));
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.18);
}

.picker-option-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.picker-option-top strong{
  display:block;
  font-size:0.95rem;
  line-height:1.45;
}

.picker-option-top span{
  display:block;
  margin-top:4px;
  color:var(--text-soft);
  font-size:0.82rem;
  line-height:1.6;
}

.picker-option-price{
  white-space:nowrap;
  padding:9px 11px;
  border-radius:999px;
  background:rgba(0,184,212,0.10);
  color:#D7FAFF;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);
  font-size:0.78rem;
}

.picker-option-note{
  margin:0;
  color:var(--text-soft);
  font-size:0.84rem;
  line-height:1.72;
}

.picker-empty{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  color:var(--text-soft);
  line-height:1.8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.component-picker-note{
  margin-top:0;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,0.03);
  color:var(--text-dim);
  font-size:0.82rem;
  line-height:1.7;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.cost-summary-card{
  background:linear-gradient(145deg, #0f2027, #203a43, #2c5364);
  border-radius:16px;
  padding:24px;
  margin-top:24px;
  border:1px solid rgba(255,215,0,0.2);
  box-shadow:0 8px 32px rgba(0,0,0,0.3);
}

.cost-summary-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:700;
  color:#f5c518;
  margin:0 0 20px;
  letter-spacing:0.5px;
}

.cost-breakdown-table{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cost-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:8px 12px;
  border-radius:8px;
  background:rgba(255,255,255,0.05);
}

.cost-row.secondary{
  background:rgba(255,255,255,0.03);
  font-size:13px;
  color:rgba(255,255,255,0.7);
}

.cost-row.subtotal-row{
  background:rgba(255,255,255,0.08);
  font-weight:600;
}

.cost-label{color:#e0e0e0;}
.cost-value{
  color:#ffffff;
  font-weight:600;
  white-space:nowrap;
}

.cost-divider{
  height:1px;
  background:rgba(255,255,255,0.1);
  margin:6px 0;
}

.cost-divider.grand-divider{
  height:2px;
  background:linear-gradient(90deg, transparent, #f5c518, transparent);
}

.cost-row.grand-total-row{
  background:linear-gradient(135deg, rgba(245,197,24,0.15), rgba(245,197,24,0.05));
  border:1px solid rgba(245,197,24,0.3);
  padding:12px 16px;
  border-radius:10px;
}

.grand-total-value{
  font-size:20px !important;
  color:#f5c518 !important;
  font-weight:800 !important;
}

.cost-disclaimer{
  font-size:11px;
  color:rgba(255,255,255,0.4);
  margin:14px 0 0;
  text-align:center;
  font-style:italic;
  line-height:1.7;
}

.accessory-bundle{
  margin-top:18px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  display:grid;
  gap:14px;
}

.accessory-bundle-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.accessory-bundle-head strong{
  display:block;
  font-size:0.98rem;
}

.accessory-bundle-head span{
  display:block;
  margin-top:6px;
  color:var(--text-soft);
  font-size:0.84rem;
  line-height:1.65;
}

.accessory-bundle-cost{
  white-space:nowrap;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(0,184,212,0.10);
  color:#D7FAFF;
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.14);
  font-size:0.82rem;
}

.accessory-bundle-grid{display:grid;gap:12px;}
.accessory-group{display:grid;gap:10px;}
.accessory-group-title{font-size:0.86rem;font-weight:600;color:var(--text);}
.accessory-chip{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  font-size:0.79rem;
  line-height:1.5;
}

.seasonal-strip{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:8px;
  align-items:end;
}

.seasonal-item{display:flex;flex-direction:column;align-items:center;gap:8px;}
.seasonal-item span{color:var(--text-dim);font-size:0.74rem;}
.seasonal-bar{
  width:100%;
  border-radius:12px 12px 4px 4px;
  background:linear-gradient(180deg, rgba(0,229,255,0.78), rgba(0,124,145,0.68));
  box-shadow:0 12px 20px rgba(0,184,212,0.08);
}

.assistant-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.assistant-chip{
  border:none;
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,0.04);
  color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.assistant-ask-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  margin-top:16px;
}

.assistant-answer{
  margin-top:16px;
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  color:var(--text-soft);
  line-height:1.85;
}

.result-item .metric-value{font-size:1rem;}
.appliance-list{display:grid;gap:12px;margin-top:18px;}
.appliance-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
  align-items:center;
}

.appliance-icon{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(0,184,212,0.09);color:var(--pr-lite);
}

.qty-box{display:flex;align-items:center;gap:8px;}
.qty-btn{
  border:none;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(255,255,255,0.05);
  color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

.slider-stack{display:grid;gap:14px;margin-top:18px;}
.slider-card{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.compare-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.process-section,.faq-section{padding-top:6px;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px;}
.section-head.compact{align-items:flex-start;margin-bottom:0;}
.section-head h3{margin:0;font-family:'Syne',sans-serif;font-size:2rem;line-height:1.02;letter-spacing:-0.04em;}
.section-head p{margin:10px 0 0;color:var(--text-soft);line-height:1.75;max-width:64ch;}
.process-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:16px;position:relative;}
.process-card{padding:22px 20px;position:relative;}
.process-card::after{
  content:"";
  position:absolute;
  top:42px;
  right:-14px;
  width:28px;
  height:2px;
  background:linear-gradient(90deg, rgba(0,184,212,0.6), transparent);
}

.process-card:last-child::after{display:none;}
.process-num{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(0,184,212,0.10);
  color:var(--pr-lite);
  box-shadow:inset 0 0 0 1px rgba(0,184,212,0.16);
  font-family:'Syne',sans-serif;
  font-size:1.05rem;
  margin-bottom:18px;
}

.process-icon{font-size:1.2rem;margin-bottom:14px;}
.process-card h4{margin:0 0 8px;font-size:1rem;line-height:1.45;}
.process-card p{margin:0;color:var(--text-soft);line-height:1.75;font-size:0.88rem;}
.faq-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;}
.faq-card{overflow:hidden;}
.faq-btn{
  width:100%;
  border:none;
  background:transparent;
  color:var(--text);
  text-align:left;
  padding:18px 20px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  font-size:0.95rem;
  line-height:1.6;
}

.faq-btn span:last-child{color:var(--pr-lite);flex:0 0 auto;font-size:1rem;padding-top:2px;}
.faq-answer{display:none;padding:0 20px 18px;color:var(--text-soft);line-height:1.8;font-size:0.9rem;}
.faq-card.open .faq-answer{display:block;}
.faq-cta{
  margin-top:18px;
  padding:24px;
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(0,184,212,0.14), rgba(16,23,33,0.98));
  border:1px solid rgba(0,184,212,0.16);
  box-shadow:var(--shadow-soft);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.faq-cta h4{margin:0 0 8px;font-size:1.12rem;}
.faq-cta p{margin:0;color:#D3F6FC;line-height:1.8;}
.faq-cta-actions{display:flex;gap:10px;flex-wrap:wrap;}

footer{
  position:relative;
  margin-top:38px;
  background:#07090D;
  border-top:1px solid rgba(0,229,255,0.18);
  overflow:hidden;
}

footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent 0%, rgba(0,229,255,0.18) 50%, transparent 100%) top / 100% 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 500'%3E%3Cpath d='M206 88l70 34 52 10 43-18 50 13 38-23 70 46 36 59-30 41-54 17-17 55-56 29-69 10-51 42-87-13-72-63-32-54 11-50-25-33 12-62 50-40z' fill='none' stroke='%2300B8D4' stroke-opacity='.12' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E") right 10% center / min(520px, 48vw) auto no-repeat;
  pointer-events:none;
  opacity:0.8;
}

.footer-inner{width:min(var(--maxw), calc(100% - 40px));margin:0 auto;padding:34px 0 20px;position:relative;z-index:1;}
.footer-grid{display:grid;grid-template-columns:1.2fr 0.8fr 0.9fr 0.9fr;gap:22px;}
.footer-card{padding:22px;background:rgba(255,255,255,0.02);}
.footer-card h4{margin:0 0 14px;font-family:'Syne',sans-serif;font-size:1.08rem;letter-spacing:-0.03em;}
.footer-card p,.footer-card li,.footer-card a{color:var(--text-soft);line-height:1.8;font-size:0.9rem;}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:8px;}
.social-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.social-chip,.trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.04);
  color:var(--text-soft);
  font-size:0.82rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.trust-stack{display:flex;gap:10px;flex-wrap:wrap;}
.footer-bottom{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,0.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  color:var(--text-dim);
  font-size:0.84rem;
}

.admin{padding:36px 0 70px;}
.admin-card{padding:24px;}
.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px;}
.admin-head h2{margin:0;font-family:'Syne',sans-serif;font-size:2rem;letter-spacing:-0.04em;}
.admin-stats{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;margin-bottom:18px;}
.admin-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.filter-row,.sort-row{display:flex;gap:10px;flex-wrap:wrap;}
.table-wrap{overflow:auto;border-radius:20px;background:rgba(255,255,255,0.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);}
.admin-table th button{border:none;background:none;color:inherit;padding:0;font-weight:600;cursor:pointer;}
.status-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  font-size:0.78rem;
  background:rgba(255,255,255,0.04);
}

.status-pill.new{color:#D8FBFF;background:rgba(0,184,212,0.12);}
.status-pill.contacted{color:#D7E7FF;background:rgba(59,130,246,0.12);}
.status-pill.quoted{color:#FFE8BE;background:rgba(245,158,11,0.12);}
.status-pill.closed{color:#CFF7DC;background:rgba(34,197,94,0.12);}
.admin-expand{
  border:none;
  border-radius:12px;
  padding:10px 12px;
  background:rgba(255,255,255,0.05);
  color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.admin-detail{display:none;background:rgba(255,255,255,0.03);}
.admin-detail.open{display:table-row;}
.admin-detail-box{padding:18px;display:grid;grid-template-columns:1fr auto;gap:20px;}
.admin-detail-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;}
.detail-card{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,0.03);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);
}

.detail-card strong{display:block;color:var(--text);margin-bottom:6px;font-size:0.84rem;}
.detail-card span{color:var(--text-soft);font-size:0.82rem;line-height:1.6;}
.detail-actions{display:grid;gap:10px;align-content:start;min-width:180px;}
.status-select{
  border:none;
  border-radius:14px;
  padding:12px 14px;
  background:rgba(255,255,255,0.05);
  color:var(--text);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);
}

@media (max-width: 1260px){
  .wizard-layout{grid-template-columns:260px minmax(0, 1fr);}
  .wizard-layout .rail-panel{grid-column:1 / -1;position:static;}
  .sticky{position:static;}
  .dashboard-hero{grid-template-columns:1fr;}
  .hero-metrics{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .process-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
  .footer-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (max-width: 1200px){
  .topbar-inner{grid-template-columns:auto 1fr auto;}
  .topbar-tools{display:none;}
  #new-assess-btn{display:none;}
  .mobile-toggle{display:grid;place-items:center;}
  .hero-grid,.wizard-layout,.two-col,.tool-two,.faq-grid,.dashboard-hero{grid-template-columns:1fr;}
  .wizard-layout > .step-card{order:1;}
  .wizard-layout > .sidebar-panel{order:2;}
  .wizard-layout > .rail-panel{order:3;}
  .ai-engine-layout{grid-template-columns:1fr;}
  .ai-selection-grid,.production-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .city-info-grid,.process-grid,.admin-stats,.admin-detail-grid,.budget-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .choice-grid.four{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .field-grid{grid-template-columns:1fr;}
  .picker-filter-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .picker-results{grid-template-columns:1fr;}
}

@media (max-width: 760px){
  .shell,.topbar-inner,.toolbar-inner,.mobile-drawer-inner,.footer-inner{width:calc(100% - 26px);}
  .topbar-inner{gap:12px;min-height:72px;}
  .brand-tag{display:none;}
  .topbar-actions .lang-toggle{display:none;}
  .action-btn.quote{display:none;}
  .hero-panel,.feature-panel,.step-card,.dashboard-card,.tool-card,.sidebar-panel,.rail-panel,.footer-card,.admin-card{padding:20px;}
  .hero-title{font-size:2.55rem;}
  .panel-title,.section-head h3,.dash-kicker h2{font-size:1.7rem;}
  .step-title{font-size:1.7rem;}
  .hero-metrics,.stat-row,.city-info-grid,.process-grid,.admin-stats,.admin-detail-grid,.budget-grid{grid-template-columns:1fr;}
  .spec-row{flex-direction:column;align-items:stretch;gap:8px;}
  .spec-value{max-width:none;text-align:left;}
  .choice-grid,.choice-grid.three,.choice-grid.four,.result-grid{grid-template-columns:1fr;}
  .ai-overview-hero,
  .ai-overview-grid,
  .ai-context-grid,
  .ai-selection-grid,
  .ai-note-grid,
  .production-grid{grid-template-columns:1fr;}
  .ai-engine-layout,
  .ai-overview-column,
  .ai-control-column,
  .ai-overview-hero,
  .ai-overview-main{min-width:0;}
  .ai-overview-hero{gap:14px;}
  .ai-overview-main h3{font-size:1.65rem;}
  .ai-overview-spotlight{min-width:0;width:100%;max-width:100%;}
  .assistant-ask-row{grid-template-columns:1fr;}
  .picker-search-row,.picker-filter-grid,.component-picker-trigger{grid-template-columns:1fr;}
  .picker-option-top,.accessory-bundle-head{flex-direction:column;}
  .picker-reset-btn{width:100%;}
  .seasonal-strip{gap:6px;}
  .faq-cta{padding:20px;}
  .footer-grid,.admin-detail-box{grid-template-columns:1fr;}
  .process-card::after{
    top:auto;
    right:auto;
    left:26px;
    bottom:-16px;
    width:2px;
    height:20px;
    background:linear-gradient(180deg, rgba(0,184,212,0.6), transparent);
  }
}