:root {
  --bg: #020711;
  --bg-2: #06162b;
  --panel: rgba(6, 20, 40, 0.78);
  --panel-strong: rgba(7, 28, 56, 0.94);
  --text: #f4fbff;
  --muted: #a9bed0;
  --soft: #dff5ff;
  --cyan: #00d5ff;
  --cyan-2: #79eeff;
  --blue: #0759ce;
  --deep-blue: #052d7a;
  --line: rgba(133, 219, 255, 0.22);
  --line-strong: rgba(133, 219, 255, 0.38);
  --shadow: 0 28px 90px rgba(0, 102, 255, 0.28);
  --radius: 28px;
  --max: 1200px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 8%, rgba(0, 213, 255, 0.18), transparent 30%),
    radial-gradient(circle at 84% 0%, rgba(7, 89, 206, 0.24), transparent 34%),
    linear-gradient(180deg, #020711 0%, #061a34 46%, #020711 100%);
  min-height: 100vh;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
p { color: var(--muted); line-height: 1.78; }
img { max-width: 100%; display: block; }
ul { color: #d8efff; line-height: 1.9; }
.scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background: linear-gradient(90deg, var(--cyan), #ffffff, var(--blue)); z-index: 100; box-shadow: 0 0 24px rgba(0,213,255,.65); }
.page-noise { position: fixed; inset: 0; pointer-events: none; z-index: -2; opacity: .20; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.page-glow { position: fixed; width: 36rem; height: 36rem; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: -3; opacity: .45; }
.page-glow-one { background: rgba(0, 213, 255, .18); top: -12rem; left: -10rem; }
.page-glow-two { background: rgba(6, 74, 179, .25); bottom: -14rem; right: -12rem; }
.site-header { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px clamp(18px, 4vw, 52px); background: rgba(2, 8, 18, .78); backdrop-filter: blur(24px); border-bottom: 1px solid var(--line); }
.brand img { width: min(285px, 48vw); height: auto; filter: drop-shadow(0 12px 24px rgba(0, 147, 255, .18)); }
.site-nav { display: flex; align-items: center; gap: 8px; }
.site-nav a { color: #dcefff; font-size: 14px; font-weight: 800; padding: 11px 14px; border-radius: 999px; opacity: .86; transition: .2s ease; }
.site-nav a:hover, .site-nav a.active { opacity: 1; color: #fff; background: rgba(0, 213, 255, .10); }
.site-nav .nav-cta { background: linear-gradient(135deg, var(--cyan), var(--blue)); color: #fff; box-shadow: 0 14px 38px rgba(0, 161, 255, .25); opacity: 1; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.04); }
.menu-toggle span { display: block; width: 19px; height: 2px; background: #fff; margin: 4px auto; border-radius: 9px; }
.section-pad { max-width: var(--max); margin: 0 auto; padding: clamp(72px, 9vw, 128px) clamp(18px, 4vw, 28px); }
.section-slim { max-width: var(--max); margin: 0 auto; padding: 0 clamp(18px, 4vw, 28px) clamp(46px, 6vw, 80px); }
.compact { padding-top: 48px; }
.hero { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 44px; min-height: calc(100vh - 82px); }
.eyebrow { margin: 0 0 16px; color: var(--cyan); text-transform: uppercase; letter-spacing: .18em; font-size: 12px; font-weight: 950; }
h1, h2, h3 { margin: 0; letter-spacing: -.045em; line-height: 1.03; }
h1 { font-size: clamp(42px, 6vw, 80px); max-width: 930px; }
h2 { font-size: clamp(32px, 4vw, 56px); }
h3 { font-size: 23px; letter-spacing: -.025em; }
.hero-copy { font-size: clamp(17px, 2vw, 20px); max-width: 760px; margin: 24px 0 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.center-actions { justify-content: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 999px; font-weight: 950; border: 1px solid transparent; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn.primary { background: linear-gradient(135deg, var(--cyan), var(--blue)); box-shadow: 0 18px 48px rgba(0, 157, 255, .32); color: #fff; }
.btn.ghost { border-color: var(--line); background: rgba(255,255,255,.04); color: #dff5ff; }
.text-link { display: inline-flex; margin-top: 20px; color: var(--cyan); font-weight: 950; }
.text-link:after { content: ' ->'; margin-left: 8px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.hero-proof span, .footer-badges span { padding: 10px 13px; border-radius: 999px; background: rgba(255,255,255,.045); border: 1px solid var(--line); color: #cdeafe; font-size: 13px; font-weight: 850; }
.hero-visual { position: relative; min-height: 560px; display: grid; place-items: center; perspective: 1000px; }
.logo-orbit { width: min(590px, 100%); min-height: 430px; display: grid; place-items: center; border-radius: 44px; position: relative; overflow: hidden; background: linear-gradient(145deg, rgba(10, 42, 82, .82), rgba(1, 10, 24, .76)); border: 1px solid rgba(105, 211, 255, .25); box-shadow: var(--shadow); }
.logo-orbit:before { content: ''; position: absolute; inset: -40%; background: conic-gradient(from 180deg, transparent, rgba(0, 213, 255, .24), transparent 34%, rgba(7, 89, 206, .26), transparent 64%); animation: spin 13s linear infinite; }
.logo-orbit:after { content: ''; position: absolute; inset: 18px; border-radius: 32px; border: 1px solid rgba(133, 219, 255, .15); background: radial-gradient(circle at 50% 40%, rgba(0,213,255,.16), transparent 42%); }
.logo-orbit img { position: relative; z-index: 2; width: 92%; filter: drop-shadow(0 34px 38px rgba(0,0,0,.40)); }
.orbit-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(121, 238, 255, .22); z-index: 1; }
.ring-one { width: 82%; height: 52%; transform: rotate(-13deg); animation: pulseRing 4s ease-in-out infinite; }
.ring-two { width: 68%; height: 72%; transform: rotate(34deg); animation: pulseRing 5s ease-in-out infinite reverse; }
.command-card { position: absolute; z-index: 3; padding: 16px 18px; min-width: 150px; border-radius: 22px; border: 1px solid var(--line); background: rgba(2, 10, 23, .82); backdrop-filter: blur(18px); box-shadow: 0 18px 52px rgba(0,0,0,.25); }
.command-card strong { color: var(--cyan); font-size: 24px; margin-right: 8px; }
.command-card span { color: #e7f8ff; font-weight: 900; }
.command-top { left: 0; top: 12%; }
.command-right { right: 0; top: 45%; }
.command-bottom { left: 10%; bottom: 9%; }
.metrics-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.metrics-row article { padding: 24px; border-radius: 24px; background: rgba(255,255,255,.045); border: 1px solid var(--line); box-shadow: 0 18px 54px rgba(0,0,0,.14); }
.metrics-row strong { display: block; color: #fff; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.05em; }
.metrics-row span { color: var(--muted); font-weight: 850; }
.section-title { text-align: center; max-width: 820px; margin: 0 auto 42px; }
.service-grid, .pricing-grid, .solution-grid, .values-grid, .industry-grid, .assurance-grid, .blueprint-grid, .matrix-grid { display: grid; gap: 18px; }
.premium-grid { grid-template-columns: repeat(3, 1fr); }
.service-card, .price-card, .solution-card, .value-card, .statement-card, .detail-card, .timeline-item, .quote-form, .stack-board, .industry-card, .assurance-card, .blueprint-card, .process-note, .quality-matrix, .dark-panel, .contact-panel { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 26px; box-shadow: 0 18px 54px rgba(0,0,0,.18); }
.service-card, .solution-card, .industry-card, .assurance-card, .blueprint-card, .value-card { position: relative; overflow: hidden; }
.service-card:before, .solution-card:before, .industry-card:before, .assurance-card:before, .blueprint-card:before { content: ''; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(0,213,255,.10), transparent 48%); opacity: .0; transition: .25s ease; }
.service-card:hover:before, .solution-card:hover:before, .industry-card:hover:before, .assurance-card:hover:before, .blueprint-card:hover:before { opacity: 1; }
.service-card { min-height: 260px; }
.card-icon, .detail-card span, .timeline-item span, .assurance-card span { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: rgba(0, 213, 255, .12); border: 1px solid var(--line); color: var(--cyan); font-weight: 950; margin-bottom: 22px; }
.service-card h3 { margin-bottom: 12px; }
.stack-showcase, .split-section { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 30px; }
.stack-board { display: grid; gap: 14px; }
.stack-line { display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: center; padding: 18px; border-radius: 20px; background: rgba(255,255,255,.035); border: 1px solid rgba(122, 209, 255, .14); }
.stack-line span { grid-row: span 2; width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; color: var(--cyan); background: rgba(0,213,255,.10); border: 1px solid var(--line); font-weight: 950; }
.stack-line strong { color: #fff; }
.stack-line em { color: var(--muted); font-style: normal; font-size: 14px; }
.industry-grid { grid-template-columns: repeat(4, 1fr); }
.industry-card { min-height: 210px; }
.dark-band { max-width: none; padding-left: clamp(18px, 4vw, 48px); padding-right: clamp(18px, 4vw, 48px); background: linear-gradient(135deg, rgba(2,8,18,.1), rgba(0, 213, 255, .08), rgba(7, 89, 206, .09)); border-block: 1px solid var(--line); }
.dark-band > * { max-width: var(--max); margin-left: auto; margin-right: auto; }
.pricing-grid { grid-template-columns: repeat(3, 1fr); }
.price-card { position: relative; overflow: hidden; }
.price-card small { color: var(--cyan); text-transform: uppercase; letter-spacing: .14em; font-weight: 950; }
.price-card.featured { background: linear-gradient(160deg, rgba(0, 213, 255, .18), rgba(7, 89, 206, .18), rgba(8, 25, 49, .88)); transform: translateY(-10px); border-color: var(--line-strong); }
.price-card .price { color: #fff; font-size: 30px; font-weight: 950; margin: 18px 0 8px; letter-spacing: -.04em; }
.price-card a { display: inline-flex; margin-top: 14px; color: var(--cyan); font-weight: 950; }
.assurance-grid { grid-template-columns: repeat(3, 1fr); }
.assurance-card span { margin-bottom: 18px; }
.cta-section { text-align: center; max-width: 920px; }
.cta-section .btn { margin-top: 24px; }
.page-hero { text-align: left; max-width: 980px; }
.page-hero.center { text-align: center; }
.page-hero p:not(.eyebrow) { font-size: 20px; max-width: 840px; }
.service-detail-list { display: grid; gap: 18px; }
.detail-card { display: grid; grid-template-columns: .45fr 1fr; gap: 30px; align-items: start; }
.detail-card h2 { font-size: clamp(26px, 3vw, 40px); }
.detail-card ul { margin: 16px 0 0; padding-left: 18px; }
.dark-panel { text-align: center; max-width: 980px; }
.dark-panel .btn { margin-top: 22px; }
.solution-grid { grid-template-columns: repeat(3, 1fr); }
.solution-card ul { margin: 18px 0 0; padding-left: 18px; color: #d9efff; line-height: 1.9; }
.system-blueprint { padding-top: 20px; }
.blueprint-grid { grid-template-columns: repeat(4, 1fr); }
.blueprint-card span { display: inline-flex; color: var(--cyan); text-transform: uppercase; font-weight: 950; letter-spacing: .14em; font-size: 12px; }
.timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.timeline-item { min-height: 245px; }
.process-note { text-align: center; max-width: 980px; }
.values-grid { grid-template-columns: repeat(3, 1fr); }
.statement-card { background: linear-gradient(145deg, rgba(0, 213, 255, .12), rgba(7, 89, 206, .10)); }
.quality-matrix { text-align: center; }
.matrix-grid { grid-template-columns: repeat(3, 1fr); margin-top: 24px; }
.matrix-grid span { padding: 18px; border-radius: 18px; border: 1px solid var(--line); color: #e8f7ff; font-weight: 900; background: rgba(255,255,255,.04); }
.contact-layout { display: grid; grid-template-columns: .8fr 1fr; gap: 36px; align-items: start; }
.contact-copy { position: sticky; top: 120px; }
.contact-methods { display: grid; gap: 12px; margin-top: 26px; }
.contact-methods a { padding: 16px 18px; border: 1px solid var(--line); background: rgba(255,255,255,.04); border-radius: 18px; color: #e8f7ff; font-weight: 850; }
.contact-panel { margin-top: 18px; display: grid; gap: 8px; }
.contact-panel strong { color: #fff; }
.contact-panel span { color: var(--muted); line-height: 1.7; }
.quote-form { display: grid; gap: 16px; }
.quote-form label { display: grid; gap: 8px; color: #e8f7ff; font-weight: 850; }
.quote-form input, .quote-form select, .quote-form textarea { width: 100%; border: 1px solid rgba(122, 209, 255, .24); background: rgba(1, 7, 16, .72); color: #fff; border-radius: 16px; padding: 15px 16px; font: inherit; outline: none; }
.quote-form input:focus, .quote-form select:focus, .quote-form textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(0,213,255,.10); }
.hidden-field { position: absolute !important; left: -9999px !important; opacity: 0 !important; }
.legal-page { max-width: 900px; }
.site-footer { border-top: 1px solid var(--line); background: rgba(2, 8, 18, .72); padding: 52px clamp(18px, 4vw, 52px) 26px; }
.footer-grid { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1.45fr repeat(3, 1fr); gap: 30px; }
.footer-logo { width: 260px; margin-bottom: 16px; }
.footer-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.footer-badges span { font-size: 12px; padding: 8px 10px; }
.site-footer h4 { margin: 0 0 14px; }
.site-footer a { display: block; color: var(--muted); margin: 10px 0; }
.site-footer a:hover { color: #fff; }
.footer-bottom { max-width: var(--max); margin: 32px auto 0; padding-top: 18px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 13px; }
.floating-quote { position: fixed; right: 22px; bottom: 22px; z-index: 40; padding: 14px 18px; border-radius: 999px; background: linear-gradient(135deg, var(--cyan), var(--blue)); color: #fff; font-weight: 950; box-shadow: 0 18px 38px rgba(0, 157, 255, .34); }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.delay-one { transition-delay: .12s; }
.form-error { color: #ffb4b4; }
.admin-body { background: #020711; }
.admin-login { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.admin-login form { width: min(460px, 100%); }
.admin-login img { width: 270px; margin: 0 auto 12px; }
.admin-dashboard { max-width: 1380px; margin: 0 auto; padding: 38px 18px; }
.admin-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.admin-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.admin-stats { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)); gap: 14px; margin-bottom: 20px; }
.admin-stats div { padding: 22px; border-radius: 20px; background: var(--panel); border: 1px solid var(--line); }
.admin-stats strong { display: block; font-size: 34px; }
.admin-stats span { color: var(--muted); font-weight: 850; }
.lead-table-wrap { overflow: auto; border-radius: 22px; border: 1px solid var(--line); }
.lead-table { width: 100%; border-collapse: collapse; min-width: 1120px; background: rgba(5, 17, 35, .9); }
.lead-table th, .lead-table td { padding: 16px; border-bottom: 1px solid rgba(122, 209, 255, .12); text-align: left; vertical-align: top; }
.lead-table th { color: var(--cyan); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.lead-table td { color: #dff4ff; }
.lead-id { color: var(--muted); font-size: 12px; }
.status-pill { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: rgba(0,213,255,.11); color: #dff8ff; border: 1px solid var(--line); font-weight: 850; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulseRing { 0%, 100% { opacity: .35; transform: rotate(-13deg) scale(.98); } 50% { opacity: .8; transform: rotate(-13deg) scale(1.04); } }
@media (max-width: 1080px) {
  .premium-grid, .timeline, .solution-grid { grid-template-columns: repeat(2, 1fr); }
  .industry-grid, .blueprint-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 980px) {
  .menu-toggle { display: block; }
  .site-nav { position: fixed; top: 77px; left: 14px; right: 14px; display: none; flex-direction: column; align-items: stretch; padding: 14px; border: 1px solid var(--line); border-radius: 22px; background: rgba(2, 8, 18, .97); box-shadow: 0 24px 70px rgba(0,0,0,.34); }
  .site-nav.open { display: flex; }
  .site-nav a { text-align: center; }
  .hero, .stack-showcase, .split-section, .contact-layout, .detail-card { grid-template-columns: 1fr; }
  .hero { min-height: auto; }
  .hero-visual { min-height: 420px; }
  .pricing-grid, .values-grid, .footer-grid, .assurance-grid, .matrix-grid { grid-template-columns: 1fr 1fr; }
  .contact-copy { position: static; }
  .price-card.featured { transform: none; }
  .admin-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .site-header { padding: 12px 14px; }
  .brand img { width: 225px; }
  .section-pad { padding: 64px 16px; }
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  .premium-grid, .pricing-grid, .solution-grid, .timeline, .values-grid, .footer-grid, .assurance-grid, .matrix-grid, .industry-grid, .blueprint-grid, .admin-stats, .metrics-row { grid-template-columns: 1fr; }
  .hero-visual { display: block; min-height: auto; }
  .logo-orbit { min-height: 300px; border-radius: 28px; }
  .command-card { position: relative; inset: auto; margin-top: 12px; width: 100%; }
  .footer-bottom { flex-direction: column; }
  .floating-quote { left: 16px; right: 16px; text-align: center; justify-content: center; display: flex; }
  .admin-top { align-items: flex-start; flex-direction: column; }
  .admin-actions { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}


/* WebCore v3 - corporate backend workflow polish */
.corporate-control-band { position: relative; overflow: hidden; }
.control-grid { max-width: var(--max); margin: 26px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.control-card { padding: 24px; border-radius: 24px; background: linear-gradient(145deg, rgba(0, 213, 255, .10), rgba(255,255,255,.035)); border: 1px solid var(--line); box-shadow: var(--shadow); }
.control-card strong { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 16px; background: rgba(0,213,255,.12); color: var(--cyan); margin-bottom: 14px; }
.control-card h3 { margin: 0 0 10px; }
.admin-filter { display: grid; grid-template-columns: 1fr 190px 180px auto auto; gap: 10px; margin: 0 0 20px; align-items: center; }
.admin-filter input, .admin-filter select, .mini-update select { border: 1px solid rgba(122, 209, 255, .24); background: rgba(1, 7, 16, .72); color: #fff; border-radius: 14px; padding: 12px 13px; font: inherit; outline: none; }
.admin-split { display: grid; grid-template-columns: 1fr 310px; gap: 18px; align-items: start; }
.activity-panel, .admin-card { border: 1px solid var(--line); background: rgba(5, 17, 35, .88); border-radius: 22px; padding: 22px; box-shadow: var(--shadow); }
.activity-panel h3, .admin-card h2 { margin-top: 0; }
.activity-item { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid rgba(122, 209, 255, .12); }
.activity-item:last-child { border-bottom: 0; }
.activity-item strong { color: var(--cyan); font-size: 12px; }
.activity-item span { color: #e8f7ff; line-height: 1.45; }
.activity-item em { color: var(--muted); font-style: normal; font-size: 12px; }
.mini-update { display: grid; grid-template-columns: 1fr; gap: 8px; min-width: 160px; }
.btn.small { padding: 9px 11px; font-size: 12px; min-height: auto; }
.btn.danger { background: rgba(255, 74, 74, .12); color: #ffd0d0; border: 1px solid rgba(255, 100, 100, .32); }
.admin-actions.left { justify-content: flex-start; }
.status-pill.status-new { background: rgba(0,213,255,.12); }
.status-pill.status-contacted { background: rgba(84,153,255,.14); }
.status-pill.status-discovery { background: rgba(156,103,255,.14); }
.status-pill.status-quote-sent { background: rgba(255,200,87,.15); color: #fff3c4; }
.status-pill.status-follow-up { background: rgba(255,126,70,.15); color: #ffd8c6; }
.status-pill.status-won { background: rgba(78,255,161,.14); color: #c9ffe3; }
.status-pill.status-lost, .status-pill.status-archived { background: rgba(180,190,210,.10); color: #dce8f7; }
.lead-detail-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 18px; align-items: start; }
.lead-profile { position: sticky; top: 20px; }
.lead-meta { display: grid; grid-template-columns: 130px 1fr; gap: 10px 14px; margin-top: 18px; }
.lead-meta dt { color: var(--muted); font-weight: 900; }
.lead-meta dd { margin: 0; color: #fff; }
.message-box { white-space: normal; line-height: 1.8; color: #e8f7ff; }
.board-wrap { display: grid; grid-template-columns: repeat(4, minmax(260px, 1fr)); gap: 16px; align-items: start; overflow-x: auto; padding-bottom: 16px; }
.board-column { min-height: 300px; border: 1px solid var(--line); border-radius: 24px; padding: 16px; background: rgba(5, 17, 35, .78); }
.board-column h2 { font-size: 18px; display: flex; justify-content: space-between; align-items: center; }
.board-column h2 span { color: var(--cyan); font-size: 14px; }
.board-card { border: 1px solid rgba(122, 209, 255, .17); border-radius: 18px; padding: 15px; margin: 12px 0; background: rgba(255,255,255,.04); }
.board-card h3 { margin: 10px 0 4px; font-size: 17px; }
.board-card p, .board-card small, .empty-column { color: var(--muted); line-height: 1.5; }
.board-card small { display: block; margin-bottom: 12px; }
.settings-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.settings-grid .span-two { grid-column: 1 / -1; }
.check-row { display: flex !important; grid-template-columns: auto 1fr !important; flex-direction: row; align-items: center; gap: 10px !important; padding: 14px 16px; border: 1px solid rgba(122, 209, 255, .17); border-radius: 16px; background: rgba(255,255,255,.035); }
.check-row input { width: auto !important; }
.notice-ok { margin-bottom: 18px; padding: 14px 16px; border-radius: 16px; background: rgba(78,255,161,.12); border: 1px solid rgba(78,255,161,.28); color: #c9ffe3; font-weight: 900; }
@media (max-width: 1200px) { .admin-split { grid-template-columns: 1fr; } .board-wrap { grid-template-columns: repeat(3, minmax(260px, 1fr)); } }
@media (max-width: 980px) { .control-grid, .lead-detail-grid, .settings-grid { grid-template-columns: 1fr; } .lead-profile { position: static; } .admin-filter { grid-template-columns: 1fr 1fr; } .board-wrap { grid-template-columns: repeat(2, minmax(250px, 1fr)); } }
@media (max-width: 620px) { .admin-filter { grid-template-columns: 1fr; } .board-wrap { grid-template-columns: 1fr; } .lead-meta { grid-template-columns: 1fr; } }


/* WebCore v5 - final launch polish, checks and corporate handover */
.executive-strip { max-width: var(--max); margin: -28px auto 26px; padding: 0 clamp(18px, 4vw, 28px); display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.executive-strip span { position: relative; overflow: hidden; padding: 11px 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.045); color: #e9f8ff; font-weight: 950; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.executive-strip span:before { content: ''; position: absolute; inset: 0; transform: translateX(-120%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent); animation: sheen 5.8s ease-in-out infinite; }
.case-preview-grid, .case-study-grid, .deliverable-grid, .analytics-admin-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.case-card, .deliverable-card, .case-study-large, .results-matrix { position: relative; overflow: hidden; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; box-shadow: 0 20px 65px rgba(0,0,0,.20); }
.case-card:before, .deliverable-card:before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at var(--mx, 50%) var(--my, 0%), rgba(0,213,255,.20), transparent 36%); opacity: .0; transition: .22s ease; pointer-events: none; }
.case-card:hover:before, .deliverable-card:hover:before { opacity: 1; }
.case-card small { color: var(--cyan); text-transform: uppercase; letter-spacing: .15em; font-weight: 950; }
.case-card h3, .deliverable-card h3 { margin: 12px 0; }
.case-card span { display: inline-flex; margin-top: 12px; color: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 8px 11px; background: rgba(255,255,255,.045); font-weight: 900; font-size: 12px; }
.case-preview-section .center-actions { margin-top: 28px; }
.analytics-band { display: grid; grid-template-columns: 1fr .86fr; gap: 26px; align-items: center; }
.analytics-copy { background: linear-gradient(145deg, rgba(0,213,255,.11), rgba(7,89,206,.09)); border: 1px solid var(--line); border-radius: var(--radius); padding: 32px; box-shadow: var(--shadow); }
.analytics-orbit { min-height: 310px; border-radius: var(--radius); border: 1px solid var(--line); background: radial-gradient(circle at 50% 50%, rgba(0,213,255,.16), transparent 34%), rgba(6,20,40,.70); position: relative; overflow: hidden; box-shadow: 0 20px 70px rgba(0,0,0,.22); }
.analytics-orbit:before { content: ''; position: absolute; width: 68%; height: 68%; left: 16%; top: 16%; border-radius: 50%; border: 1px dashed rgba(121,238,255,.34); animation: spin 18s linear infinite; }
.analytics-orbit span { position: absolute; padding: 9px 12px; border-radius: 999px; border: 1px solid var(--line); background: rgba(2,10,24,.82); color: #e7f8ff; font-weight: 950; font-size: 13px; box-shadow: 0 12px 28px rgba(0,0,0,.22); }
.analytics-orbit span:nth-child(1) { left: 13%; top: 18%; }
.analytics-orbit span:nth-child(2) { right: 13%; top: 22%; }
.analytics-orbit span:nth-child(3) { left: 25%; bottom: 18%; }
.analytics-orbit span:nth-child(4) { right: 18%; bottom: 22%; }
.analytics-orbit span:nth-child(5) { left: 50%; top: 50%; transform: translate(-50%, -50%); background: linear-gradient(135deg, var(--cyan), var(--blue)); color: #fff; }
.case-study-large { display: grid; grid-template-columns: 1fr .55fr; gap: 28px; align-items: center; margin-bottom: 18px; background: linear-gradient(145deg, rgba(0,213,255,.13), rgba(7,89,206,.11), rgba(6,20,40,.86)); }
.case-study-large aside { border-left: 1px solid var(--line); padding-left: 24px; }
.case-study-large aside strong { color: var(--cyan); text-transform: uppercase; letter-spacing: .14em; }
.case-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.case-tags span { padding: 8px 11px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.045); color: #e9f8ff; font-weight: 850; font-size: 12px; }
.deliverable-card strong { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 16px; background: rgba(0,213,255,.12); border: 1px solid var(--line); color: var(--cyan); margin-bottom: 16px; }
.analytics-admin-grid { grid-template-columns: 1fr 1fr; }
.analytics-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 13px 0; border-bottom: 1px solid rgba(122, 209, 255, .12); }
.analytics-row:last-child { border-bottom: 0; }
.analytics-row span { color: #dff5ff; overflow-wrap: anywhere; }
.analytics-row strong { color: var(--cyan); font-size: 20px; }
.analytics-table { min-width: 920px; }
@keyframes sheen { 0%, 65% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
@media (max-width: 1080px) { .case-preview-grid, .case-study-grid, .deliverable-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 980px) { .analytics-band, .case-study-large { grid-template-columns: 1fr; } .case-study-large aside { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; padding-top: 20px; } .analytics-admin-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .case-preview-grid, .case-study-grid, .deliverable-grid { grid-template-columns: 1fr; } .executive-strip { justify-content: flex-start; } .analytics-orbit { min-height: 260px; } }

/* WebCore v5 final launch readiness polish */
.launch-stats div { position: relative; overflow: hidden; }
.launch-summary { margin-bottom: 18px; background: linear-gradient(145deg, rgba(0,213,255,.12), rgba(7,89,206,.10), rgba(6,20,40,.88)); }
.check-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; }
.check-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; padding: 22px; background: rgba(255,255,255,.045); box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.check-card:before { content: ''; position: absolute; inset: auto -20% -65% -20%; height: 140px; background: radial-gradient(circle, rgba(0,213,255,.22), transparent 60%); pointer-events: none; }
.check-card span { display: inline-flex; border-radius: 999px; padding: 7px 10px; font-size: 11px; font-weight: 950; text-transform: uppercase; letter-spacing: .12em; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: #e9fbff; }
.check-card h3 { margin: 14px 0 8px; }
.check-card p { margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.check-ok span { color: #bfffee; border-color: rgba(97,255,199,.35); background: rgba(97,255,199,.08); }
.check-warn span { color: #fff0bd; border-color: rgba(255,210,91,.38); background: rgba(255,210,91,.10); }
.check-danger span { color: #ffd2d2; border-color: rgba(255,96,96,.42); background: rgba(255,96,96,.11); }
.launch-steps { margin-top: 18px; }
.launch-steps ol { margin: 12px 0 0; padding-left: 22px; color: var(--muted); }
.launch-steps li { margin: 9px 0; }
.analytics-actions { margin: 0 0 18px; }
@media (max-width: 1080px) { .check-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .check-grid { grid-template-columns: 1fr; } .admin-actions.analytics-actions { align-items: stretch; } }