:root{
  --bg:#040816;
  --bg2:#071225;
  --panel:rgba(8,18,39,.68);
  --panel-strong:rgba(10,22,48,.92);
  --line:rgba(86,170,255,.26);

  --text:#ecf5ff;
  --muted:#a7bdd9;
  --blue:#39a0ff;
  --blue2:#67d1ff;
  --blue3:#91e2ff;

  --glow:0 0 0 1px rgba(78,170,255,.20), 0 0 50px rgba(57,160,255,.12), 0 18px 60px rgba(0,0,0,.34);
  --glow-strong:0 0 0 1px rgba(97,188,255,.28), 0 0 70px rgba(57,160,255,.18), 0 24px 70px rgba(0,0,0,.42);

  --radius:24px;
  --max:1440px;
  --heading-section:clamp(24px, 2.4vw, 32px);
  --heading-card:20px;
  --heading-card-tight:18px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 10%, rgba(36,100,255,.25), transparent 30%),
    radial-gradient(circle at 85% 12%, rgba(42,216,255,.16), transparent 24%),
    radial-gradient(circle at 50% 40%, rgba(20,67,150,.18), transparent 34%),
    linear-gradient(180deg, #030611 0%, #050b17 28%, #071120 60%, #040816 100%);
  min-height:100vh;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(88,158,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88,158,255,.06) 1px, transparent 1px);
  background-size:120px 120px;
  mask-image:radial-gradient(circle at center, black 48%, transparent 100%);
  opacity:.24;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.70) 0 1px, transparent 2px),
    radial-gradient(circle at 77% 21%, rgba(255,255,255,.55) 0 1px, transparent 2px),
    radial-gradient(circle at 61% 73%, rgba(255,255,255,.60) 0 1px, transparent 2px),
    radial-gradient(circle at 31% 80%, rgba(255,255,255,.45) 0 1px, transparent 2px);
  background-size:280px 280px, 360px 360px, 320px 320px, 420px 420px;
  opacity:.35;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

.container{
  width:min(var(--max), calc(100% - 40px));
  margin:0 auto;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(16px);
  background:linear-gradient(180deg, rgba(4,8,22,.86), rgba(4,8,22,.60));
  border-bottom:1px solid rgba(122,178,255,.12);
}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:14px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.brand-mark{
  width:42px;
  height:42px;
  border-radius:14px;
  background:radial-gradient(circle at 30% 30%, rgba(103,209,255,.4), rgba(19,63,173,.45) 55%, rgba(5,10,20,.8));
  border:1px solid rgba(130,197,255,.22);
  box-shadow:var(--glow);
  display:grid;
  place-items:center;
  overflow:hidden;
  flex:0 0 auto;
}

.brand-mark img{
  width:110%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(103,209,255,.35));
}

.brand-copy strong{
  display:block;
  letter-spacing:.18em;
  font-size:13px;
  text-transform:uppercase;
}

.brand-copy span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:3px;
}

.nav-cluster{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  flex:1 1 auto;
  min-width:0;
}

.menu{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.menu-primary{
  padding:6px;
  border-radius:999px;
  border:1px solid rgba(122,178,255,.14);
  background:rgba(8,18,39,.55);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}

.menu-link{
  position:relative;
  padding:10px 14px;
  border-radius:999px;
  color:#d5e3f6;
  border:1px solid transparent;
  transition:.22s ease;
  font-size:14px;
  white-space:nowrap;
}

.menu a{
  padding:10px 14px;
  border-radius:999px;
  color:#cddcf1;
  border:1px solid transparent;
  transition:.22s ease;
  font-size:14px;
}

.menu-link:hover,
.menu a:hover{
  color:#fff;
  border-color:rgba(100,183,255,.28);
  background:rgba(17,34,71,.55);
  box-shadow:0 0 0 1px rgba(100,183,255,.10), 0 0 20px rgba(57,160,255,.12);
}

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

.nav-meta-link{
  color:#97abc6;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:10px 12px;
  border-radius:999px;
  transition:.22s ease;
}

.nav-meta-link:hover{
  color:#ffffff;
  background:rgba(255,255,255,.04);
}

.nav-user-chip{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(122,178,255,.14);
  background:rgba(11,22,45,.6);
  color:#dbe9fb;
  font-size:13px;
  line-height:1;
}

.nav-button{
  min-height:42px;
}

.nav-logout-form{
  margin:0;
}

.site-header-compact{
  background:
    linear-gradient(180deg, rgba(3,8,21,.94), rgba(3,8,21,.76)),
    radial-gradient(circle at top left, rgba(38,93,196,.14), transparent 40%);
  border-bottom:1px solid rgba(122,178,255,.12);
}

.nav-compact-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 0;
}

.nav-compact-shell-home{
  padding:14px 0 16px;
}

.nav-compact-brand{
  flex:0 1 auto;
  min-width:0;
}

.nav-compact-cluster{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex:1 1 auto;
  min-width:0;
}

.site-nav{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.site-nav-link,
.site-nav-summary{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  color:#d7e4f6;
  font-size:13px;
  border:1px solid transparent;
  background:transparent;
  transition:.2s ease;
}

.site-nav-link:hover,
.site-nav-link.is-current,
.site-nav-summary:hover,
.site-nav-disclosure[open] .site-nav-summary{
  color:#fff;
  border-color:rgba(122,178,255,.16);
  background:rgba(14,28,58,.38);
}

.site-nav-disclosure{
  position:relative;
}

.site-nav-disclosure summary{
  list-style:none;
  cursor:pointer;
}

.site-nav-disclosure summary::-webkit-details-marker{
  display:none;
}

.site-nav-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:190px;
  display:grid;
  gap:4px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(122,178,255,.14);
  background:linear-gradient(180deg, rgba(8,18,39,.96), rgba(6,14,30,.98));
  box-shadow:0 14px 30px rgba(0,0,0,.20);
  z-index:40;
}

@media (max-width: 1180px){
  .cti-topic-hero,
  .cti-topic-card-grid,
  .cti-topic-split{
    grid-template-columns:1fr;
  }

  .cti-newsdesk-hero,
  .cti-newsdesk-lead,
  .cti-newsdesk-lead-story{
    grid-template-columns:1fr;
  }

  .cti-newsdesk-hero-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .cti-ransom-card-grid,
  .cti-ransom-stat-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .cti-topic-matrix-row,
  .cti-topic-cta-panel{
    flex-direction:column;
    align-items:flex-start;
  }

  .cti-topic-cta-panel .cti-panel-cta{
    width:100%;
    justify-content:center;
  }

  .cti-newsdesk-hero-metrics{
    grid-template-columns:1fr;
  }

  .cti-newsdesk-lead-media{
    min-height:260px;
  }

  .cti-ransom-card-grid,
  .cti-ransom-stat-grid{
    grid-template-columns:1fr;
  }
}

.site-nav-dropdown-link{
  display:flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border-radius:12px;
  color:#d9e7fb;
  font-size:13px;
}

.site-nav-dropdown-link:hover{
  background:rgba(17,34,71,.48);
  color:#fff;
}

.site-nav-account{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
}

.site-login-button{
  min-height:36px;
  padding:0 14px;
  font-size:13px;
  box-shadow:none;
}

.site-user-menu{
  position:relative;
}

.site-user-menu summary{
  list-style:none;
}

.site-user-menu summary::-webkit-details-marker{
  display:none;
}

.site-user-trigger,
.site-user-static{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:4px 10px 4px 4px;
  border-radius:999px;
  border:1px solid rgba(122,178,255,.16);
  background:rgba(10,21,46,.52);
  cursor:pointer;
  color:inherit;
  text-decoration:none;
}

.site-user-trigger:hover,
.site-user-static:hover,
.site-user-menu[open] .site-user-trigger{
  background:rgba(14,28,58,.68);
  border-color:rgba(122,178,255,.24);
}

.site-avatar{
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(62,157,255,.96), rgba(29,84,223,.92));
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  flex:0 0 auto;
}

.site-avatar-wrap{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.site-avatar-badge{
  position:absolute;
  top:-5px;
  right:-7px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, #8ce6a4, #2f9f66);
  color:#041423;
  font-size:10px;
  font-weight:800;
  line-height:1;
  box-shadow:0 0 0 2px rgba(7,14,28,.9);
}

.site-user-copy{
  display:grid;
  gap:1px;
  text-align:left;
}

.site-user-copy strong{
  font-size:12px;
  line-height:1.15;
  font-weight:700;
  color:#eef5ff;
}

.site-user-copy small{
  color:#9eb2cf;
  font-size:11px;
  line-height:1.2;
}

.site-user-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:190px;
  display:grid;
  gap:4px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(122,178,255,.14);
  background:linear-gradient(180deg, rgba(8,18,39,.96), rgba(6,14,30,.98));
  box-shadow:0 14px 30px rgba(0,0,0,.20);
  z-index:40;
}

.site-user-dropdown-group{
  display:grid;
  gap:3px;
  padding-top:6px;
  margin-top:4px;
  border-top:1px solid rgba(122,178,255,.10);
}

.site-user-dropdown-group:first-of-type{
  border-top:0;
  margin-top:0;
  padding-top:0;
}

.site-user-dropdown-label{
  padding:0 12px 4px;
  color:#86a0c5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.site-user-dropdown-link,
.site-user-logout{
  display:flex;
  align-items:center;
  width:100%;
  min-height:36px;
  padding:0 12px;
  border-radius:12px;
  color:#d9e7fb;
  font-size:13px;
  background:transparent;
  border:0;
  text-align:left;
  cursor:pointer;
}

.site-user-dropdown-link:hover,
.site-user-logout:hover{
  background:rgba(17,34,71,.48);
  color:#fff;
}

.site-user-logout-form{
  margin:0;
}

.module-subnav-shell,
.academy-subnav-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 0 12px;
}

.module-subnav-brand,
.academy-subnav-brand{
  color:#9db1cf;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.module-subnav,
.academy-subnav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.module-subnav-link,
.academy-subnav-link{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  color:#d7e4f6;
  font-size:12px;
  border:1px solid transparent;
  transition:.2s ease;
}

.module-subnav-link:hover,
.module-subnav-link.is-current,
.academy-subnav-link:hover,
.academy-subnav-link.is-current{
  color:#fff;
  border-color:rgba(122,178,255,.16);
  background:rgba(14,28,58,.38);
}

.site-header-pro{
  background:
    linear-gradient(180deg, rgba(3,8,21,.94), rgba(3,8,21,.74)),
    radial-gradient(circle at top left, rgba(38,93,196,.16), transparent 42%);
  border-bottom:1px solid rgba(122,178,255,.14);
}

.nav-shell{
  display:grid;
  gap:16px;
  padding:16px 0 18px;
}

.nav-topline,
.nav-main-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand-pro{
  align-items:flex-start;
}

.brand-pro .brand-copy strong{
  font-size:14px;
}

.brand-pro .brand-copy span{
  max-width:34ch;
  font-size:12px;
  line-height:1.5;
}

.nav-meta-rail{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
}

.nav-trust-chip{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(122,178,255,.16);
  background:rgba(10,21,46,.56);
  color:#d7e5fb;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.nav-legal-links{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.nav-legal-link{
  color:#9ab0cf;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:10px 12px;
  border-radius:999px;
  transition:.22s ease;
}

.nav-legal-link:hover,
.nav-legal-link.is-current{
  color:#fff;
  background:rgba(255,255,255,.05);
}

.menu-modules{
  display:grid;
  grid-template-columns:repeat(7, minmax(92px, 1fr));
  gap:10px;
  flex:1 1 auto;
}

.module-link{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-height:64px;
  padding:13px 14px 12px;
  border-radius:18px;
  border:1px solid rgba(122,178,255,.14);
  background:linear-gradient(180deg, rgba(10,22,48,.58), rgba(8,18,39,.78));
  transition:.22s ease;
}

.module-link span{
  color:#eef5ff;
  font-size:14px;
  font-weight:600;
  line-height:1.15;
}

.module-link small{
  color:#8ea4c4;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.module-link:hover,
.module-link.is-current{
  transform:translateY(-1px);
  border-color:rgba(114,186,255,.28);
  background:linear-gradient(180deg, rgba(14,29,64,.84), rgba(10,22,47,.96));
  box-shadow:0 18px 34px rgba(0,0,0,.18);
}

.nav-actions-pro{
  flex:0 0 auto;
  gap:12px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 18px;
  border-radius:14px;
  border:1px solid rgba(123,185,255,.18);
  background:rgba(16,30,62,.56);
  color:#eaf3ff;
  box-shadow:var(--glow);
  transition:.22s ease;
  font-weight:600;
}

.btn:hover{
  transform:translateY(-1px);
  border-color:rgba(123,185,255,.34);
}

.btn.primary{
  background:linear-gradient(180deg, rgba(48,132,255,.95), rgba(23,87,233,.88));
  border-color:rgba(126,186,255,.34);
}

.btn.ghost{
  background:rgba(255,255,255,.04);
}

.btn.danger{
  background:linear-gradient(180deg, rgba(198,54,86,.96), rgba(131,22,47,.92));
  border-color:rgba(255,152,176,.34);
}

.checkbox-field{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#dce7f6;
  line-height:1.7;
}

.checkbox-field input{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:#3f97ff;
}

.checkbox-field span{
  color:#d5e2f4;
}

.hero{
  padding:56px 0 40px;
}

.hero .container{
  position:relative;
  width:min(1440px, calc(100% - 40px));
}

.hero-heading{
  max-width:100%;
  margin:0 0 34px;
  text-align:left;
  width:100%;
}

.hero-tagline{
  margin:0;
  color:#7ed8ff;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  font-weight:700;
}

.eyebrow,
.section-kicker,
.hero-slide-eyebrow{
  color:#7ed8ff;
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:12px;
  font-weight:800;
}

.hero-heading h1{
  margin:12px 0 0;
  font-size:clamp(24px, 3.2vw, 42px);
  line-height:1.02;
  letter-spacing:-0.04em;
  max-width:100% !important;
  width:100%;
  display:block;
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  background:linear-gradient(180deg, #ffffff, #d9e8ff 72%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-wrap:auto;
}

.hero-content{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(520px, .8fr);
  gap:20px;
  align-items:start;
}

.hero-copy{
  max-width:none;
}

.hero-copy-pill{
  padding:22px 24px;
  border-radius:22px;
  border:1px solid rgba(113,184,255,.18);
  background:linear-gradient(180deg, rgba(10,22,49,.84), rgba(5,13,30,.9));
  box-shadow:0 12px 36px rgba(0,0,0,.24);
}

.hero-copy p{
  color:#dce8f8;
  font-size:16px;
  line-height:1.74;
  margin:0 0 18px;
}

.hero-note{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:20px;
  color:#c5d7ee;
  font-size:13px;
}

.hero-note span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--blue2), var(--blue));
  box-shadow:0 0 12px rgba(103,209,255,.6);
}

.hero-card{
  border-radius:32px;
  background:linear-gradient(180deg, rgba(8,18,39,.88), rgba(5,10,24,.94));
  border:1px solid rgba(122,178,255,.18);
  box-shadow:var(--glow-strong);
  overflow:hidden;
}

.hero-slider{
  position:relative;
}

.hero-slider-track{
  position:relative;
}

.hero-slide{
  display:none;
  flex-direction:column;
}

.hero-slide.is-active{
  display:flex;
  animation:fadeSlide .45s ease;
}

@keyframes fadeSlide{
  from{
    opacity:.3;
    transform:translateY(6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.hero-slide-media{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,246,255,.93));
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.hero-slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hero-slide-body{
  padding:24px 22px 20px;
  background:
    radial-gradient(circle at 85% 30%, rgba(103,209,255,.08), transparent 22%),
    linear-gradient(180deg, rgba(3,10,24,.92), rgba(2,7,18,.96));
}

.hero-slide-body h2{
  margin:10px 0 10px;
  font-size:var(--heading-section);
  line-height:1.12;
  letter-spacing:-.03em;
}

.hero-slide-body p{
  margin:0;
  color:#d6e5f7;
  line-height:1.7;
  font-size:17px;
}

.hero-slide-bottom{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:22px;
}

.hero-slide-count{
  color:#adc3df;
  font-size:13px;
}

.hero-slide-link{
  color:#ffffff;
  font-weight:700;
}

.hero-slider-controls{
  position:absolute;
  right:20px;
  bottom:18px;
  z-index:5;
}

.hero-slider-dots{
  display:flex;
  align-items:center;
  gap:8px;
}

.hero-dot{
  width:11px;
  height:11px;
  border-radius:999px;
  border:0;
  background:rgba(151,188,231,.32);
  cursor:pointer;
  transition:.2s ease;
  padding:0;
}

.hero-dot.is-active{
  width:24px;
  background:linear-gradient(90deg, #66cfff, #4c90ff);
}

.hero-dot:hover{
  background:rgba(151,188,231,.7);
}

.section{
  padding:40px 0 36px;
}

.section-soft{
  background:linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,.03));
  border-top:1px solid rgba(113,184,255,.08);
  border-bottom:1px solid rgba(113,184,255,.08);
}

.section-head{
  max-width:830px;
  margin:0 0 24px;
}

.section h2{
  margin:10px 0 12px;
  font-size:var(--heading-section);
  line-height:1.12;
  letter-spacing:-.03em;
}

.section-lead{
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.74;
  font-size:16px;
}

.platform-intro{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:32px;
  align-items:start;
  margin-bottom:40px;
}

.platform-text{
  min-width:0;
  display:grid;
  gap:18px;
}

.platform-story-card{
  border-radius:24px;
  border:1px solid rgba(113,184,255,.16);
  background:linear-gradient(180deg, rgba(10,22,49,.84), rgba(5,13,30,.9));
  box-shadow:0 12px 36px rgba(0,0,0,.24);
  padding:24px 26px;
}

.platform-story-card h3{
  margin:0 0 12px;
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.025em;
}

.platform-story-card p{
  margin:0 0 16px;
  color:#dce8f8;
  line-height:1.74;
  font-size:16px;
}

.platform-story-card p:last-child{
  margin-bottom:0;
}

.platform-visual{
  position:relative;
  align-self:start;
}

.platform-visual img{
  width:100%;
  height:auto;
  border-radius:24px;
  border:1px solid rgba(113,184,255,.18);
  box-shadow:var(--glow-strong);
  display:block;
}

.cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.cards-3x2{
  grid-template-columns:repeat(3, 1fr);
}

.cards-4{
  grid-template-columns:repeat(4, 1fr);
}

.card{
  position:relative;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,23,47,.72), rgba(6,14,30,.84));
  border:1px solid rgba(113,184,255,.16);
  box-shadow:var(--glow);
  padding:22px;
  overflow:hidden;
}

.card::before{
  content:"";
  position:absolute;
  inset:auto -30% 60% auto;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(103,209,255,.13), transparent 60%);
  pointer-events:none;
}

.card h3{
  margin:12px 0 10px;
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.025em;
}

.card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.card-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  color:#fff;
  font-weight:700;
}

.chip{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(76,151,255,.10);
  border:1px solid rgba(121,188,255,.18);
  color:#dbefff;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
}

.service-accordion{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.service-item{
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,23,47,.72), rgba(6,14,30,.84));
  border:1px solid rgba(113,184,255,.16);
  box-shadow:var(--glow);
  overflow:hidden;
}

.service-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px;
  background:transparent;
  border:0;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.service-toggle-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.service-toggle-title{
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}

.service-toggle-intro{
  color:var(--muted);
  font-size:15px;
  line-height:1.6;
}

.service-toggle-icon{
  flex:0 0 auto;
  font-size:28px;
  line-height:1;
  color:#dbefff;
}

.service-panel{
  padding:0 24px 24px;
  border-top:1px solid rgba(113,184,255,.10);
}

.question-accordion{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:18px;
}

.question-item{
  border-radius:18px;
  background:rgba(7,16,35,.55);
  border:1px solid rgba(113,184,255,.10);
  overflow:hidden;
}

.question-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 18px;
  background:transparent;
  border:0;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  font-size:16px;
  font-weight:600;
}

.question-toggle-icon{
  flex:0 0 auto;
  font-size:24px;
  line-height:1;
  color:#dbefff;
}

.question-panel{
  padding:0 18px 18px;
}

.question-panel p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  font-size:15px;
}

.routes-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.route-card{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,23,47,.72), rgba(6,14,30,.84));
  border:1px solid rgba(113,184,255,.16);
  box-shadow:var(--glow);
}

.route-card h3{
  margin:0 0 10px;
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.025em;
}

.route-card p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}

.cta{
  padding:58px 0 84px;
}

.cta-panel{
  position:relative;
  border-radius:32px;
  padding:34px;
  background:
    radial-gradient(circle at 10% 25%, rgba(80,156,255,.14), transparent 30%),
    radial-gradient(circle at 85% 70%, rgba(103,209,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(10,20,45,.88), rgba(6,14,30,.94));
  border:1px solid rgba(113,184,255,.18);
  box-shadow:var(--glow);
  overflow:hidden;
}

.cta-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:center;
}

.cta h2{
  margin:8px 0 12px;
}

.cta p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  max-width:65ch;
}

.cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.site-footer{
  padding:0 0 34px;
}

.footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:14px;
  border-top:1px solid rgba(113,184,255,.10);
  padding-top:22px;
}

.footer-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.footer-links a:hover{
  color:#fff;
}

.site-footer-pro{
  padding:26px 0 22px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(7,11,20,.68);
  backdrop-filter:blur(8px);
}

.footer-shell{
  display:grid;
  gap:18px;
}

.footer-grid-pro{
  display:grid;
  grid-template-columns:1.1fr 1.1fr .9fr 1.1fr 1.2fr;
  gap:28px;
  align-items:start;
}

.footer-column{
  display:grid;
  gap:9px;
  padding:0;
  border-radius:0;
  border:0;
  background:transparent;
}

.footer-column h2{
  margin:0 0 8px;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#9db3cf;
}

.footer-column a{
  color:#d0deef;
  line-height:1.55;
  font-size:14px;
}

.footer-column a:hover{
  color:#fff;
}

.footer-bottomline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--muted);
  font-size:13px;
}

.footer-bottomline p{
  margin:0;
}

.footer-bottom-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.footer-bottom-links a{
  color:var(--muted);
}

.footer-bottom-links a:hover{
  color:#fff;
}

.legal-page .page{
  padding:42px 0 82px;
}

.legal-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .7fr);
  gap:24px;
  align-items:stretch;
  margin-bottom:26px;
}

.legal-hero-copy,
.legal-aside-card,
.legal-card,
.legal-summary-card{
  border:1px solid rgba(122,178,255,.18);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(8,18,39,.84), rgba(7,15,34,.94));
  box-shadow:var(--glow);
}

.legal-hero-copy{
  padding:30px 32px;
}

.legal-hero-copy h1{
  margin:10px 0 16px;
  font-size:clamp(24px, 2.8vw, 36px);
  line-height:1.1;
  letter-spacing:-.04em;
  max-width:16ch;
}

.legal-lead{
  max-width:72ch;
  color:var(--muted);
  font-size:16px;
  line-height:1.74;
}

.legal-aside{
  display:grid;
}

.legal-aside-card{
  padding:28px;
  align-self:stretch;
}

.legal-aside-card h2{
  margin:14px 0 12px;
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.03em;
}

.legal-aside-card p{
  color:var(--muted);
  line-height:1.75;
}

.legal-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(260px, .52fr);
  gap:22px;
  align-items:start;
}

.legal-content,
.legal-sidebar{
  display:grid;
  gap:18px;
}

.legal-card{
  padding:26px 28px;
}

.legal-card h2,
.legal-summary-card h2{
  margin:0 0 12px;
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.02em;
}

.legal-card p,
.legal-card li,
.legal-summary-card p,
.legal-summary-card li{
  color:#d8e6fa;
  line-height:1.82;
}

.legal-card p + p{
  margin-top:12px;
}

.legal-summary-card{
  display:grid;
  gap:12px;
  padding:24px 24px 22px;
}

.legal-summary-card ul{
  display:grid;
  gap:10px;
  margin:0;
  padding-left:18px;
}

.legal-summary-card a{
  color:#dbeaff;
}

.legal-summary-card a:hover{
  color:#fff;
}

.admin-shell{
  display:grid;
  grid-template-columns:minmax(216px, 240px) minmax(0, 1fr);
  gap:16px;
  align-items:start;
}

.admin-page .container{
  width:min(99vw, 1920px);
}

.admin-page .page{
  padding:18px 0 56px;
}

.admin-sidebar{
  position:sticky;
  top:84px;
}

.admin-sidebar-panel{
  display:grid;
  gap:14px;
  padding:16px 14px;
  border:1px solid rgba(86,138,220,.24);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(11,24,49,.98), rgba(8,18,37,.98)),
    radial-gradient(circle at top left, rgba(0,120,212,.10), transparent 34%);
  box-shadow:0 0 0 1px rgba(31,85,168,.18), 0 12px 32px rgba(2,8,22,.28);
}

.admin-sidebar-brand{
  display:grid;
  gap:8px;
}

.admin-sidebar-brand h2{
  margin:0;
  font-size:clamp(16px, 1.35vw, 20px);
  line-height:1.15;
  letter-spacing:-.04em;
}

.admin-sidebar-brand p{
  margin:0;
  color:#93a8c6;
  font-size:12px;
  line-height:1.7;
}

.admin-sidebar-user{
  display:grid;
  gap:4px;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(97,149,228,.18);
  background:rgba(255,255,255,.03);
}

.admin-sidebar-user-label{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8ea6c6;
}

.admin-sidebar-user strong{
  font-size:12px;
  line-height:1.4;
}

.admin-sidebar-user small{
  color:#96acc9;
  font-size:11px;
  word-break:break-word;
}

.admin-content{
  min-width:0;
  display:grid;
  gap:10px;
}

.admin-topbar{
  display:grid;
  gap:6px;
  padding:10px 14px;
  border:1px solid rgba(86,138,220,.18);
  border-radius:14px;
  background:
    linear-gradient(135deg, rgba(8,22,46,.96), rgba(8,18,37,.96)),
    radial-gradient(circle at right top, rgba(0,120,212,.12), transparent 32%);
  box-shadow:0 0 0 1px rgba(31,85,168,.08), 0 4px 14px rgba(2,8,22,.12);
}

.admin-title-block h1{
  margin:0 0 4px;
  font-size:clamp(16px, 1.3vw, 22px);
  line-height:1.2;
  letter-spacing:-.04em;
}

.admin-title-block p{
  margin:0;
  max-width:90ch;
  color:#9db2d0;
  font-size:12px;
  line-height:1.45;
}

.admin-tabs{
  display:grid;
  gap:6px;
}

.admin-tab-group{
  display:grid;
  gap:6px;
}

.admin-tab{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:40px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid rgba(90,142,221,.16);
  background:rgba(10,23,48,.34);
  color:#cad8ee;
  transition:.2s ease;
}

.admin-tab.is-current,
.admin-tab:hover{
  color:#fff;
  border-color:rgba(86,163,255,.42);
  background:linear-gradient(135deg, rgba(18,73,148,.62), rgba(11,29,61,.92));
  box-shadow:0 0 0 1px rgba(64,135,230,.16);
}

.admin-tab span{
  font-size:13px;
  font-weight:600;
}

.admin-submenu{
  display:grid;
  gap:4px;
  margin:-2px 0 2px;
  padding:2px 0 2px 12px;
  border-left:1px solid rgba(84,136,216,.18);
}

.admin-submenu-link{
  display:flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:8px;
  color:#9eb5d4;
  font-size:12px;
  line-height:1.3;
}

.admin-submenu-link:hover{
  color:#fff;
  background:rgba(14,28,58,.34);
}

.admin-sidebar-links{
  display:grid;
  gap:4px;
  padding-top:4px;
  border-top:1px solid rgba(122,178,255,.12);
}

.admin-sidebar-links a{
  display:flex;
  align-items:center;
  min-height:30px;
  padding:0 4px;
  color:#9eb5d4;
  font-size:12px;
}

.admin-sidebar-links button{
  display:flex;
  align-items:center;
  min-height:30px;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#9eb5d4;
  font-size:12px;
  cursor:pointer;
}

.admin-sidebar-links a:hover{
  color:#fff;
}

.admin-sidebar-links button:hover{
  color:#fff;
}

.workspace-sidebar-button{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px;
  padding:0 14px !important;
  border:1px solid rgba(88,158,255,.26) !important;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(15,35,70,.92), rgba(9,24,48,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  color:#dcecff !important;
  font-size:12px !important;
  font-weight:700;
  letter-spacing:.03em;
  text-align:center;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.workspace-sidebar-button:hover{
  color:#fff !important;
  border-color:rgba(96,174,255,.48) !important;
  background:linear-gradient(180deg, rgba(20,55,108,.94), rgba(10,30,62,.98)) !important;
  box-shadow:0 0 0 1px rgba(64,135,230,.12), 0 8px 20px rgba(2,8,22,.18);
  transform:translateY(-1px);
}

.admin-foundation-main{
  display:grid;
  gap:14px;
}

.admin-card-grid,
.admin-two-col,
.admin-three-col,
.admin-queue-grid{
  display:grid;
  gap:12px;
}

.admin-card-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.admin-two-col{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.admin-three-col{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.admin-queue-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.admin-panel-card,
.admin-metric-card{
  border:1px solid rgba(86,138,220,.16);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(7,18,38,.94), rgba(7,16,33,.98));
  box-shadow:0 8px 24px rgba(2,8,22,.14);
}

.admin-panel-card{
  padding:16px 18px;
}

.admin-metric-card{
  display:grid;
  gap:5px;
  padding:14px 16px;
}

.admin-metric-card span{
  color:#9cb2d0;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.admin-metric-card strong{
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.04em;
}

.admin-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.admin-panel-head h2{
  margin:0;
  font-size:17px;
  line-height:1.25;
  letter-spacing:-.03em;
}

.admin-link-list,
.admin-list{
  display:grid;
  gap:8px;
}

.admin-link-list a,
.admin-list-item{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(86,138,220,.10);
  background:rgba(10,22,46,.24);
}

.admin-link-list a:hover,
.admin-list-item:hover{
  border-color:rgba(90,160,245,.22);
  background:rgba(14,28,58,.4);
}

.admin-link-list a{
  color:#e9f3ff;
}

.admin-list-item strong{
  color:#eef5ff;
  font-size:13px;
  line-height:1.4;
}

.admin-list-item span{
  color:#9db1cf;
  font-size:11px;
  line-height:1.5;
}

.admin-list-item-with-actions{
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
}

.admin-list-item-link{
  display:grid;
  gap:4px;
  min-width:0;
  color:inherit;
}

.admin-inline-form{
  margin:0;
}

.admin-inline-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.admin-delete-button{
  min-height:34px;
  padding:0 12px;
  border-color:rgba(255,102,120,.24);
  color:#ffb8c4;
}

.admin-delete-button:hover{
  border-color:rgba(255,122,138,.42);
  background:rgba(90,24,36,.32);
  color:#ffd5dc;
}

.admin-empty-state{
  margin:0;
  color:var(--muted);
}

.admin-searchbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.admin-searchbar input,
.admin-form-grid input,
.admin-form-grid select,
.admin-form-grid textarea{
  width:100%;
  min-height:42px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid rgba(121,184,255,.18);
  background:rgba(255,255,255,.04);
  color:var(--text);
  outline:none;
  color-scheme:dark;
}

.admin-form-grid select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, rgba(223,234,255,.9) 50%), linear-gradient(135deg, rgba(223,234,255,.9) 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:34px;
}

.admin-form-grid select option{
  background:#101a2d;
  color:#eef5ff;
}

.admin-form-grid textarea{
  min-height:108px;
  padding:12px;
  resize:vertical;
}

.admin-searchbar input{
  flex:1 1 320px;
}

.admin-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.admin-form-grid label{
  display:grid;
  gap:6px;
}

.admin-form-grid label span{
  font-size:12px;
  font-weight:600;
}

.admin-form-span-full{
  grid-column:1 / -1;
}

.admin-checkbox-grid{
  display:grid;
  gap:10px;
}

.admin-checkbox-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:flex-start;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(122,178,255,.10);
  background:rgba(11,22,45,.24);
}

.admin-checkbox-card strong{
  display:block;
  font-size:13px;
}

.admin-checkbox-card small{
  display:block;
  margin-top:4px;
  color:#9db1cf;
  font-size:11px;
  line-height:1.5;
}

.admin-definition-list{
  display:grid;
  gap:10px;
}

.admin-definition-list div{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(122,178,255,.08);
  background:rgba(11,22,45,.22);
}

.admin-definition-list span{
  color:#8fa7c6;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.admin-definition-list strong{
  font-size:13px;
  line-height:1.5;
}

.admin-table-wrap{
  overflow:auto;
  border:1px solid rgba(84,136,216,.10);
  border-radius:14px;
}

.admin-table{
  width:100%;
  border-collapse:collapse;
  background:rgba(7,17,36,.42);
}

.admin-table th,
.admin-table td{
  padding:11px 12px;
  border-bottom:1px solid rgba(84,136,216,.10);
  vertical-align:top;
  text-align:left;
}

.admin-table th{
  color:#8aa2c2;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.02);
}

.admin-table td span{
  color:#9db1cf;
  font-size:11px;
}

.admin-table td strong{
  font-size:13px;
  line-height:1.35;
}

.probe-page .page{
  padding-bottom:72px;
}

.probe-hero,
.probe-inner-hero{
  padding:48px 0 18px;
}

.probe-hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(320px, 0.9fr);
  gap:28px;
  align-items:stretch;
}

.probe-hero-copy,
.probe-hero-panel,
.probe-package-card,
.probe-blueprint-card,
.probe-empty-state,
.probe-form-card,
.probe-verification-card,
.probe-success-shell{
  border:1px solid rgba(122,178,255,.18);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(8,18,39,.82), rgba(7,15,34,.92));
  box-shadow:var(--glow);
}

.probe-hero-copy{
  padding:28px 30px 26px;
}

.probe-hero-copy h1,
.probe-inner-hero h1{
  margin:10px 0 18px;
  font-size:clamp(23px, 2.6vw, 34px);
  line-height:1.1;
  letter-spacing:-.04em;
  max-width:16ch;
}

.probe-inner-hero h1{
  max-width:20ch;
  margin-bottom:12px;
}

.probe-lead,
.probe-inner-hero p{
  color:var(--muted);
  font-size:16px;
  line-height:1.74;
  max-width:72ch;
}

.probe-hero-points{
  display:grid;
  gap:8px;
  margin:18px 0 22px;
}

.probe-hero-points span,
.probe-mode-badge,
.probe-mini-kicker{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(122,178,255,.18);
  background:rgba(15,31,67,.52);
  color:#dcecff;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.probe-hero-points span{
  padding:0 0 0 14px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#b7cbe5;
  font-size:12px;
  letter-spacing:.06em;
  position:relative;
}

.probe-hero-points span::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--blue2), var(--blue));
  box-shadow:0 0 14px rgba(103,209,255,.28);
}

.probe-hero-panel{
  padding:14px;
}

.probe-hero-stack{
  display:grid;
  gap:16px;
  height:100%;
}

.probe-mini-card{
  padding:18px;
  border-radius:16px;
  background:rgba(5,14,31,.42);
  border:1px solid rgba(120,182,255,.10);
}

.probe-mini-card h2{
  margin:12px 0 12px;
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.02em;
}

.probe-mini-card p{
  margin:0;
  color:var(--muted);
  line-height:1.68;
  font-size:14px;
}

.probe-section{
  padding:18px 0 26px;
}

.section-heading{
  margin-bottom:22px;
}

.section-heading h2{
  margin:10px 0 10px;
  font-size:var(--heading-section);
  line-height:1.12;
  letter-spacing:-.03em;
}

.section-heading p{
  margin:0;
  color:var(--muted);
  max-width:72ch;
  line-height:1.72;
  font-size:15px;
}

.probe-package-grid,
.probe-blueprint-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.probe-blueprint-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.probe-package-card,
.probe-blueprint-card{
  padding:22px 22px 20px;
}

.probe-package-card.is-accent{
  border-color:rgba(117,200,255,.28);
  box-shadow:var(--glow-strong);
}

.probe-package-topline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.probe-package-topline strong{
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.02em;
}

.probe-package-card p,
.probe-blueprint-card p{
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
}

.probe-feature-list{
  margin:16px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.probe-feature-list li{
  position:relative;
  padding-left:18px;
  color:#dbe9fb;
  line-height:1.7;
}

.probe-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--blue2), var(--blue));
  box-shadow:0 0 16px rgba(103,209,255,.32);
}

.probe-blueprint-card h2,
.probe-blueprint-card h3{
  margin:0;
  font-size:17px;
  line-height:1.2;
}

.probe-step-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin-top:18px;
}

.probe-step-item{
  padding:16px 16px 14px;
  border-radius:16px;
  background:rgba(8,18,39,.66);
  border:1px solid rgba(122,178,255,.14);
}

.probe-step-item span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(53,148,255,.98), rgba(31,93,229,.88));
  font-weight:700;
  margin-bottom:10px;
}

.probe-step-item p{
  margin:0;
  color:#dce8f8;
  line-height:1.7;
}

.probe-list-table{
  display:grid;
  gap:12px;
}

.probe-list-row{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) 220px minmax(0, 1fr);
  gap:20px;
  padding:18px 22px;
  border-radius:22px;
  background:rgba(8,18,39,.76);
  border:1px solid rgba(122,178,255,.14);
}

.probe-list-row strong{
  display:block;
  font-size:15px;
}

.probe-list-row p{
  margin:6px 0 0;
  color:var(--muted);
  line-height:1.65;
}

.probe-empty-state{
  padding:30px;
}

.probe-empty-state h3{
  margin:0 0 10px;
  font-size:var(--heading-card);
  line-height:1.18;
}

.probe-empty-state p{
  margin:0;
  color:var(--muted);
  line-height:1.85;
  max-width:72ch;
}

.probe-form-shell{
  display:grid;
  grid-template-columns:minmax(260px, .85fr) minmax(0, 1.25fr);
  gap:22px;
  align-items:start;
}

.probe-form-intro{
  padding:8px 0;
}

.probe-form-intro h2{
  margin:10px 0 12px;
  font-size:26px;
  line-height:1.12;
}

.probe-form-intro p{
  margin:0;
  color:var(--muted);
  line-height:1.85;
}

.probe-form-card{
  padding:28px;
}

.form-grid-two{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.field{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.field label{
  font-size:14px;
  color:#dcecff;
  font-weight:600;
}

.field-span-2{
  grid-column:span 2;
}

.input,
.textarea,
.field select{
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(122,178,255,.18);
  background:rgba(10,21,47,.82);
  color:var(--text);
  outline:none;
}

.textarea{
  resize:vertical;
  min-height:120px;
}

.probe-success-shell{
  padding:26px;
  margin-bottom:18px;
}

.probe-success-shell h2{
  margin:0 0 10px;
  font-size:var(--heading-section);
  line-height:1.12;
}

.probe-verification-card{
  margin-top:18px;
  padding:22px;
}

.probe-verification-card h3{
  margin:10px 0 10px;
  font-size:var(--heading-card);
  line-height:1.18;
}

.probe-code-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:16px;
}

.probe-code-grid code{
  display:block;
  margin-top:8px;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(3,10,22,.8);
  border:1px solid rgba(122,178,255,.14);
  color:#aee6ff;
  word-break:break-all;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.probe-inline-hint{
  margin:10px 0 0;
  color:#9fc6e9;
  font-size:13px;
  line-height:1.6;
}

.probe-step-timeline{
  display:grid;
  gap:16px;
}

.probe-step-card{
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(122,178,255,.14);
  background:linear-gradient(180deg, rgba(8,18,39,.78), rgba(7,15,34,.92));
  box-shadow:var(--glow);
}

.probe-step-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.probe-step-card-head strong{
  font-size:15px;
  line-height:1.3;
}

.probe-step-output{
  margin:0;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(122,178,255,.12);
  background:rgba(3,10,22,.78);
  color:#d9ebff;
  font-size:12px;
  line-height:1.65;
  white-space:pre-wrap;
  word-break:break-word;
  overflow:auto;
}

@media (max-width: 1100px){
  .probe-hero-grid,
  .probe-form-shell,
  .probe-blueprint-grid{
    grid-template-columns:1fr;
  }

  .probe-step-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px){
  .probe-package-grid,
  .probe-code-grid,
  .form-grid-two,
  .probe-step-strip,
  .probe-list-row{
    grid-template-columns:1fr;
  }

  .field-span-2{
    grid-column:span 1;
  }

  .probe-hero-copy,
  .probe-hero-panel,
  .probe-form-card{
    padding:24px;
  }
}

.amun-chatbot{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:70;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
}

.amun-chatbot-launcher{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:12px 16px 12px 12px;
  border:1px solid rgba(113,184,255,.20);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(8,18,39,.96), rgba(7,16,35,.96));
  color:var(--text);
  box-shadow:var(--glow);
  cursor:pointer;
}

.amun-chatbot-launcher-mark{
  width:38px;
  height:38px;
  border-radius:14px;
  display:block;
  overflow:hidden;
  border:1px solid rgba(138,203,255,.32);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;
  flex:0 0 auto;
}

.amun-chatbot-launcher-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:22% center;
}

.amun-chatbot-launcher-copy{
  display:grid;
  gap:2px;
  text-align:left;
}

.amun-chatbot-launcher-copy strong{
  font-size:14px;
  line-height:1.1;
}

.amun-chatbot-launcher-copy span{
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}

.amun-chatbot-panel{
  width:min(420px, calc(100vw - 28px));
  border:1px solid rgba(113,184,255,.16);
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 10%, rgba(67,162,255,.14), transparent 24%),
    linear-gradient(180deg, rgba(8,18,39,.98), rgba(5,12,28,.985));
  box-shadow:var(--glow-strong);
}

.amun-chatbot-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(113,184,255,.10);
}

.amun-chatbot-kicker{
  display:block;
  color:var(--blue2);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.amun-chatbot-head h2{
  margin:0;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.amun-chatbot-head-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.amun-chatbot-head-button{
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(113,184,255,.16);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}

.amun-chatbot-head-button:hover{
  color:var(--text);
  border-color:rgba(113,184,255,.30);
}

.amun-chatbot-body{
    padding:16px 18px 18px;
    display:grid;
    gap:16px;
    max-height:min(68vh, 720px);
  }

.amun-chatbot-thread{
    display:grid;
    gap:10px;
    max-height:min(42vh, 460px);
    overflow-y:auto;
    padding-right:6px;
    align-content:start;
  }

.amun-chatbot-bubble{
  max-width:100%;
  padding:14px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(113,184,255,.10);
  color:#e6f1ff;
  font-size:14px;
  line-height:1.62;
  white-space:pre-line;
}

.amun-chatbot-bubble-user{
  background:linear-gradient(180deg, rgba(62,157,255,.96), rgba(29,84,223,.92));
  border-color:rgba(138,203,255,.34);
  color:#fff;
}

.amun-chatbot-choices{
    display:grid;
    gap:10px;
  }

.amun-chatbot-choice{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:46px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(255,255,255,.03);
  color:var(--text);
  font-size:13px;
  line-height:1.4;
  cursor:pointer;
  text-align:left;
}

.amun-chatbot-choice:hover{
  border-color:rgba(113,184,255,.28);
  background:rgba(255,255,255,.05);
}

.amun-chatbot-choice.is-primary{
  background:linear-gradient(180deg, rgba(62,157,255,.96), rgba(29,84,223,.92));
  border-color:rgba(138,203,255,.34);
  color:#fff;
}

.amun-chatbot-choice.is-primary:hover{
  filter:brightness(1.05);
}

.amun-chatbot-composer{
    display:grid;
    gap:10px;
    padding-top:14px;
    border-top:1px solid rgba(113,184,255,.10);
  }

.amun-chatbot-composer-label{
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}

.amun-chatbot-composer-input{
  width:100%;
  min-height:84px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(113,184,255,.16);
  background:rgba(255,255,255,.04);
  color:var(--text);
  font:inherit;
  line-height:1.5;
  resize:vertical;
}

.amun-chatbot-composer-input::placeholder{
  color:var(--muted);
}

.amun-chatbot-composer-input:focus{
  outline:none;
  border-color:rgba(138,203,255,.34);
  box-shadow:0 0 0 3px rgba(62,157,255,.12);
}

.amun-chatbot-composer-actions{
  display:flex;
  justify-content:flex-end;
}

.amun-flex-inbox{
  position:fixed;
  right:24px;
  bottom:118px;
  z-index:69;
  display:grid;
  gap:12px;
}

.amun-flex-inbox-launcher{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:288px;
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.18);
  background:linear-gradient(180deg, rgba(8,18,39,.96), rgba(7,16,35,.96));
  color:var(--text);
  box-shadow:var(--glow);
  cursor:pointer;
}

.amun-flex-inbox-mark{
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(62,157,255,.96), rgba(29,84,223,.92));
  color:#fff;
  font-weight:800;
  font-size:13px;
}

.amun-flex-inbox-copy{
  display:grid;
  gap:2px;
  text-align:left;
}

.amun-flex-inbox-copy strong{
  font-size:14px;
  line-height:1.1;
}

.amun-flex-inbox-copy span{
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}

.amun-flex-inbox-panel{
  width:min(360px, calc(100vw - 28px));
  border:1px solid rgba(113,184,255,.16);
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 10%, rgba(67,162,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(8,18,39,.98), rgba(5,12,28,.985));
  box-shadow:var(--glow-strong);
}

.amun-flex-inbox-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(113,184,255,.10);
}

.amun-flex-inbox-kicker{
  display:block;
  color:var(--blue2);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.amun-flex-inbox-head h2{
  margin:0;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.amun-flex-inbox-close{
  min-width:32px;
  min-height:32px;
  border-radius:999px;
  border:1px solid rgba(113,184,255,.16);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  cursor:pointer;
}

.amun-flex-inbox-body{
  display:grid;
  gap:10px;
  padding:16px 18px 18px;
}

.amun-flex-inbox-item{
  display:grid;
  gap:4px;
  padding:14px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(113,184,255,.10);
  text-decoration:none;
}

.amun-flex-inbox-item strong{
  color:#e6f1ff;
  font-size:14px;
  line-height:1.35;
}

.amun-flex-inbox-item span{
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

@media (max-width: 1180px){
  .hero-content,
  .cta-grid{
    grid-template-columns:1fr;
  }

  .cta-actions{
    justify-content:flex-start;
  }

  .cards,
  .cards-3x2,
  .routes-grid,
  .cards-4{
    grid-template-columns:repeat(2, 1fr);
  }

  .hero-heading{
    max-width:100%;
  }

  .hero-heading h1{
    font-size:clamp(30px, 5.2vw, 52px);
    max-width:none;
  }

  .platform-intro{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .menu{
    display:none;
  }

  .hero{
    padding-top:34px;
  }

  .hero-heading{
    margin:0 0 24px;
    text-align:left;
    max-width:100%;
  }

  .hero-heading h1{
    margin:14px 0 0;
    font-size:clamp(26px, 8vw, 38px);
    line-height:1.02;
    max-width:none;
  }

  .hero-copy p{
    font-size:16px;
  }

  .hero-slide-media{
    min-height:220px;
  }

  .hero-slide-body h2{
    font-size:28px;
  }

  .cards,
  .cards-3x2,
  .routes-grid,
  .cards-4{
    grid-template-columns:1fr;
  }

  .hero-slider-controls{
    right:16px;
    bottom:14px;
  }

  .amun-chatbot{
    right:10px;
    left:10px;
    bottom:10px;
    align-items:stretch;
  }

  .amun-flex-inbox{
    right:10px;
    left:10px;
    bottom:96px;
  }

  .amun-chatbot-launcher{
    width:100%;
    justify-content:flex-start;
  }

  .amun-chatbot-panel{
    width:100%;
  }

  .amun-flex-inbox-launcher,
  .amun-flex-inbox-panel{
    width:100%;
    min-width:0;
  }

  .amun-chatbot-head{
    flex-direction:column;
    align-items:stretch;
  }

  .amun-chatbot-head-actions{
    justify-content:flex-start;
  }

  .service-toggle{
    padding:18px 18px;
  }

  .service-toggle-title{
    font-size:19px;
  }

  .question-toggle{
    font-size:15px;
  }
}

.section-closing{
  position:relative;
}

.section-head-wide{
  max-width:1000px;
}

.section-lead-strong{
  color:#dbe9fb;
  font-size:15px;
}

.closing-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  margin-top:28px;
}

.closing-card{
  position:relative;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,23,47,.72), rgba(6,14,30,.84));
  border:1px solid rgba(113,184,255,.16);
  box-shadow:var(--glow);
  padding:24px;
  overflow:hidden;
}

.closing-card::before{
  content:"";
  position:absolute;
  inset:auto -30% 60% auto;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(103,209,255,.13), transparent 60%);
  pointer-events:none;
}

.closing-card h3{
  margin:12px 0 10px;
  font-size:17px;
}

.closing-card p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}

.closing-card-highlight{
  border-color:rgba(113,184,255,.28);
  box-shadow:var(--glow-strong);
}

.closing-cta-panel{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  margin-top:28px;
  padding:30px;
  border-radius:28px;
  background:
    radial-gradient(circle at 10% 25%, rgba(80,156,255,.14), transparent 30%),
    radial-gradient(circle at 85% 70%, rgba(103,209,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(10,20,45,.88), rgba(6,14,30,.94));
  border:1px solid rgba(113,184,255,.18);
  box-shadow:var(--glow);
}

.closing-cta-copy h3{
  margin:10px 0 12px;
  font-size:clamp(19px, 1.9vw, 25px);
  line-height:1.14;
  letter-spacing:-.03em;
}

.closing-cta-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.72;
  max-width:64ch;
}

.closing-cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

@media (max-width: 1180px){
  .closing-grid{
    grid-template-columns:1fr 1fr;
  }

  .closing-cta-panel{
    grid-template-columns:1fr;
  }

  .closing-cta-actions{
    justify-content:flex-start;
  }
}

@media (max-width: 760px){
  .closing-grid{
    grid-template-columns:1fr;
  }
}

.nav-upgraded{
  gap:18px;
}

.menu-upgraded{
  flex:1 1 auto;
  justify-content:center;
}

.menu-upgraded .is-current{
  color:#fff;
  border-color:rgba(100,183,255,.32);
  background:rgba(17,34,71,.55);
}

.menu-cta{
  justify-content:flex-end;
}

.site-header-upgraded{
  background:linear-gradient(180deg, rgba(4,8,22,.92), rgba(4,8,22,.68));
  border-bottom:1px solid rgba(122,178,255,.16);
}

.site-header-home{
  background:
    linear-gradient(180deg, rgba(3,8,21,.94), rgba(3,8,21,.76)),
    radial-gradient(circle at top left, rgba(40,106,216,.14), transparent 38%);
  border-bottom:1px solid rgba(122,178,255,.14);
}

.home-nav-shell{
  display:grid;
  gap:10px;
  padding:14px 0 18px;
}

.home-nav-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand-home{
  align-items:flex-start;
}

.brand-home .brand-copy strong{
  font-size:14px;
}

.brand-home .brand-copy span{
  font-size:12px;
  line-height:1.45;
}

.home-menu{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  flex:1 1 auto;
  justify-content:flex-end;
}

.home-menu-item{
  position:relative;
}

.home-menu-link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  color:#dce9fb;
  font-size:13px;
  border:1px solid transparent;
  transition:.22s ease;
}

.home-menu-link:hover,
.home-menu-item:hover .home-menu-link,
.home-menu-item:focus-within .home-menu-link{
  color:#fff;
  border-color:rgba(122,178,255,.18);
  background:rgba(16,30,61,.46);
}

.home-submenu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:min(360px, 54vw);
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(122,178,255,.16);
  background:linear-gradient(180deg, rgba(8,18,39,.96), rgba(6,14,30,.98));
  box-shadow:0 16px 34px rgba(0,0,0,.22);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
  z-index:30;
}

.home-menu-item:hover .home-submenu,
.home-menu-item:focus-within .home-submenu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.home-submenu-intro{
  margin:0 0 8px;
  color:#8fa7c6;
  font-size:12px;
  line-height:1.45;
}

.home-submenu-links{
  display:grid;
  gap:6px;
}

.home-submenu-link{
  display:grid;
  gap:2px;
  padding:9px 10px;
  border-radius:12px;
  border:1px solid rgba(122,178,255,.08);
  background:rgba(11,22,45,.28);
  transition:.22s ease;
}

.home-submenu-link strong{
  color:#eef5ff;
  font-size:13px;
  line-height:1.2;
  font-weight:600;
}

.home-submenu-link span{
  color:#9db1cf;
  font-size:11px;
  line-height:1.35;
}

.home-submenu-link:hover{
  border-color:rgba(122,178,255,.16);
  background:rgba(16,30,61,.48);
}

.home-menu-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}

.home-login-button{
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  font-size:13px;
  box-shadow:none;
  background:rgba(12,25,52,.4);
}

.site-footer{
  padding:28px 0 44px;
  border-top:1px solid rgba(122,178,255,.12);
  background:linear-gradient(180deg, rgba(4,8,22,.1), rgba(4,8,22,.6));
}

.footer-grid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.footer-copy{
  margin:8px 0 0;
  color:var(--muted);
}

.footer-links{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.footer-links a,
.nav-user{
  color:var(--muted);
  font-size:14px;
}

.nav-logout-form{
  margin:0;
}

.nav-button{
  font:inherit;
  cursor:pointer;
  padding:10px 14px;
}

.page{
  padding:40px 0 72px;
}

.page-centered{
  min-height:calc(100vh - 180px);
  display:flex;
  align-items:center;
}

.auth-shell{
  width:min(1440px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(360px, 480px);
  gap:28px;
  align-items:stretch;
}

.auth-shell-wide{
  grid-template-columns:minmax(0, 1.35fr) minmax(420px, 560px);
}

.auth-shell-narrow{
  grid-template-columns:minmax(0, 560px);
  justify-content:center;
}

.auth-intro,
.auth-card,
.portal-summary-card,
.module-card,
.auth-side-panel,
.empty-state,
.module-shell,
.info-panel{
  background:linear-gradient(180deg, rgba(10,20,45,.88), rgba(6,14,30,.94));
  border:1px solid rgba(113,184,255,.18);
  border-radius:24px;
  box-shadow:var(--glow);
}

.auth-intro,
.auth-card,
.module-shell,
.empty-state{
  padding:32px;
}

.auth-page{
  background:
    radial-gradient(circle at 12% 14%, rgba(38,96,255,.18), transparent 26%),
    radial-gradient(circle at 86% 12%, rgba(42,216,255,.14), transparent 22%),
    linear-gradient(180deg, #030611 0%, #050b17 28%, #071120 60%, #040816 100%);
}

.auth-intro{
  position:relative;
  overflow:hidden;
  min-height:100%;
  background:
    radial-gradient(circle at 78% 16%, rgba(83,186,255,.14), transparent 24%),
    radial-gradient(circle at 14% 86%, rgba(36,100,255,.12), transparent 22%),
    linear-gradient(180deg, rgba(7,17,40,.96), rgba(5,12,28,.98));
}

.auth-intro::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(88,158,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88,158,255,.05) 1px, transparent 1px);
  background-size:86px 86px;
  mask-image:radial-gradient(circle at center, black 54%, transparent 100%);
}

.auth-card{
  position:relative;
  background:
    linear-gradient(180deg, rgba(8,18,39,.96), rgba(5,12,27,.98));
  overflow:hidden;
}

.auth-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 12%, rgba(82,186,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%);
}

.auth-card > *{
  position:relative;
  z-index:1;
}

.auth-card-heading{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(113,184,255,.10);
}

.auth-card-heading h2{
  margin:0;
  font-size:var(--heading-section);
  line-height:1.12;
  letter-spacing:-.03em;
}

.auth-intro h1,
.auth-card h1,
.module-shell h1{
  margin:14px 0 14px;
  font-size:clamp(24px, 2.9vw, 38px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.auth-intro p,
.auth-card p,
.empty-state p,
.module-shell p{
  margin:0;
  color:var(--muted);
  line-height:1.72;
  font-size:15px;
}

.auth-intro-copy{
  max-width:780px;
  display:grid;
  gap:18px;
  margin-top:22px;
}

.auth-intro-copy p{
  color:#dce7f6;
  font-size:17px;
  line-height:1.82;
}

.feature-list{
  margin:24px 0 0;
  padding-left:18px;
  color:#dceaff;
  line-height:1.8;
}

.auth-signal-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:26px;
}

.auth-signal-card{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.14);
  background:rgba(255,255,255,.03);
}

.auth-signal-card strong{
  display:block;
  margin:8px 0 8px;
  font-size:17px;
}

.auth-signal-card p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-size:14px;
}

.auth-side-panel{
  margin-top:22px;
  padding:20px 22px;
}

.auth-side-panel p{
  margin-top:10px;
}

.auth-qr-panel{
  display:grid;
  grid-template-columns:minmax(184px, 232px) minmax(0, 1fr);
  gap:20px;
  align-items:start;
}

.auth-qr-card{
  display:grid;
  place-items:center;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(113,184,255,.14);
}

.auth-qr-image{
  display:block;
  width:min(100%, 232px);
  height:auto;
  border-radius:16px;
}

.auth-qr-fallback{
  min-height:184px;
  display:grid;
  place-items:center;
  gap:6px;
  text-align:center;
  color:var(--text-soft);
}

.auth-qr-copy{
  display:grid;
  gap:12px;
}

.auth-qr-copy p{
  margin:0;
}

.auth-qr-copy code,
.auth-manual-uri code{
  display:block;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(113,184,255,.14);
  color:var(--text-main);
  font-size:.86rem;
  line-height:1.55;
  word-break:break-all;
}

.auth-manual-uri summary{
  cursor:pointer;
  color:var(--text-soft);
  font-size:.92rem;
}

.auth-manual-uri[open] summary{
  margin-bottom:10px;
}

.auth-premium-band{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:24px;
}

.auth-premium-band span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(121,188,255,.18);
  background:rgba(255,255,255,.04);
  color:#dceaff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.auth-form{
  display:grid;
  gap:18px;
  margin-top:24px;
}

.auth-form-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.auth-card .auth-form{
  gap:20px;
}

.auth-card .form-field{
  gap:10px;
}

.auth-card .form-field > span,
.auth-card .checkbox-field > span,
.auth-card .auth-method-choice legend{
  color:#e8f1ff;
}

.auth-card .form-field input,
.auth-card .form-field select,
.auth-card .form-field textarea{
  width:100%;
  min-height:56px;
  padding:0 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.045));
  border:1px solid rgba(121,184,255,.18);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  color:#f8fbff;
  caret-color:#f8fbff;
  font-size:16px;
  line-height:1.4;
  outline:none;
}

.auth-card .form-field input::placeholder,
.auth-card .form-field textarea::placeholder{
  color:#94a9c9;
}

.auth-card .form-field input:-webkit-autofill,
.auth-card .form-field input:-webkit-autofill:hover,
.auth-card .form-field input:-webkit-autofill:focus,
.auth-card .form-field textarea:-webkit-autofill,
.auth-card .form-field textarea:-webkit-autofill:hover,
.auth-card .form-field textarea:-webkit-autofill:focus,
.auth-card .form-field select:-webkit-autofill,
.auth-card .form-field select:-webkit-autofill:hover,
.auth-card .form-field select:-webkit-autofill:focus{
  -webkit-text-fill-color:#f8fbff;
  box-shadow:0 0 0 1000px rgba(15,26,48,.96) inset, 0 0 0 4px rgba(59,130,246,.08);
  transition:background-color 9999s ease-in-out 0s;
}

.auth-card .form-field input:focus,
.auth-card .form-field select:focus,
.auth-card .form-field textarea:focus{
  border-color:rgba(88,158,255,.6);
  box-shadow:0 0 0 4px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.05);
}

.auth-card .password-field{
  display:flex;
  align-items:center;
}

.auth-card .password-field input{
  border-radius:16px;
}

.auth-card .password-field .password-toggle{
  right:18px;
}

.auth-card .auth-links{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(113,184,255,.10);
}

.crm-span-2{
  grid-column:span 2;
}

.crm-workspace{
  display:grid;
  grid-template-columns:220px minmax(0, 1fr);
  gap:18px;
  align-items:start;
}

.crm-shell{
  width:min(95%, 1880px);
  max-width:none;
}

.crm-sidebar{
  position:sticky;
  top:96px;
  display:grid;
  gap:16px;
  padding:18px 16px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.14);
  background:linear-gradient(180deg, rgba(10,19,39,.88), rgba(7,14,28,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}

.crm-sidebar-head{
  display:grid;
  gap:10px;
}

.crm-sidebar-head h1{
  margin:0;
  font-size:20px;
  line-height:1.12;
}

.crm-sidebar-head p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

.crm-sidebar-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(76,151,255,.12);
  border:1px solid rgba(121,188,255,.16);
  color:#dceaff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.crm-sidebar-nav{
  display:grid;
  gap:14px;
}

.crm-nav-group{
  display:grid;
  gap:6px;
}

.crm-nav-label{
  color:#84a0c8;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:0 4px 2px;
}

.crm-nav-link{
  display:flex;
  align-items:center;
  min-height:34px;
  padding:0 10px;
  border-radius:10px;
  color:#d8e6fb;
  font-size:13px;
  font-weight:600;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}

.crm-nav-link:hover{
  background:rgba(17,34,71,.42);
  color:#fff;
}

.crm-nav-link.is-current{
  background:rgba(52,116,255,.18);
  border:1px solid rgba(113,184,255,.18);
  color:#fff;
}

.crm-main{
  display:grid;
  gap:14px;
}

.crm-mainbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  padding:18px 22px;
  border-radius:14px;
  border:1px solid rgba(113,184,255,.10);
  background:linear-gradient(180deg, rgba(8,16,34,.78), rgba(6,12,24,.94));
  box-shadow:none;
}

.crm-mainbar-copy{
  display:grid;
  gap:4px;
}

.crm-mainbar-copy h2{
  margin:0;
  font-size:var(--heading-section);
  line-height:1.12;
}

.crm-mainbar-copy p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.crm-mainbar-meta{
  display:none;
  justify-items:end;
  gap:2px;
  text-align:right;
}

.crm-mainbar-meta span{
  font-size:13px;
  font-weight:600;
  color:#e6effd;
}

.crm-mainbar-meta small{
  color:var(--muted);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.crm-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:4px 0 0;
}

.crm-toolbar-copy{
  display:grid;
  gap:6px;
}

.crm-toolbar-copy h2{
  margin:0;
  font-size:15px;
  line-height:1.15;
}

.crm-toolbar-copy p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.crm-toolbar-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.crm-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:0;
  border:1px solid rgba(113,184,255,.10);
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(8,16,34,.72), rgba(6,12,24,.92));
}

.crm-kpi-card{
  display:grid;
  gap:6px;
  padding:14px 16px 15px;
  border-right:1px solid rgba(113,184,255,.10);
  background:transparent;
}

.crm-kpi-card:last-child{
  border-right:0;
}

.crm-kpi-label{
  color:#86a0c5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.crm-kpi-card strong{
  font-size:18px;
  line-height:1;
}

.crm-kpi-card small{
  color:var(--muted);
  font-size:10px;
}

.crm-page-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 260px;
  gap:12px;
  align-items:start;
}

.crm-page-grid-single{
  grid-template-columns:minmax(0, 1fr);
}

.crm-dashboard-shell{
  display:grid;
  gap:14px;
}

.crm-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(360px, .7fr);
  gap:14px;
  align-items:start;
}

.crm-sheet{
  display:grid;
  gap:12px;
  padding:14px 16px 16px;
  border-radius:14px;
  border:1px solid rgba(113,184,255,.10);
  background:linear-gradient(180deg, rgba(8,16,34,.78), rgba(6,12,24,.94));
  box-shadow:none;
}

.crm-sheet-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(113,184,255,.10);
}

.crm-sheet-head strong{
  display:block;
  font-size:14px;
  line-height:1.25;
}

.crm-sheet-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.crm-sheet-meta{
  display:grid;
  justify-items:end;
  gap:2px;
  text-align:right;
}

.crm-sheet-links{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.crm-line-table-wrap{
  overflow:auto;
}

.crm-line-table{
  width:100%;
  border-collapse:collapse;
}

.crm-line-table th,
.crm-line-table td{
  padding:11px 10px;
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid rgba(113,184,255,.08);
  font-size:12px;
  line-height:1.45;
}

.crm-line-table th{
  color:#89a5c8;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.crm-line-table tbody tr:last-child td{
  border-bottom:0;
}

.crm-line-table td strong{
  display:block;
  font-size:12px;
  line-height:1.35;
}

.crm-line-empty{
  color:var(--muted);
}

.crm-line-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(255,255,255,.04);
  color:#dceaff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.crm-line-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dceaff;
  font-size:11px;
  font-weight:600;
  text-transform:capitalize;
}

.crm-line-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#6d87ab;
  box-shadow:0 0 0 3px rgba(109,135,171,.18);
}

.crm-line-status.is-new::before,
.crm-line-status.is-open::before{
  background:#59b7ff;
  box-shadow:0 0 0 3px rgba(89,183,255,.18);
}

.crm-line-status.is-qualified::before,
.crm-line-status.is-in-progress::before,
.crm-line-status.is-waiting::before,
.crm-line-status.is-waiting-customer::before{
  background:#f2b84b;
  box-shadow:0 0 0 3px rgba(242,184,75,.16);
}

.crm-line-status.is-closed::before,
.crm-line-status.is-done::before,
.crm-line-status.is-won::before{
  background:#3fc68c;
  box-shadow:0 0 0 3px rgba(63,198,140,.18);
}

.crm-stream-list{
  display:grid;
}

.crm-stream-item{
  display:grid;
  gap:5px;
  padding:11px 0;
  border-bottom:1px solid rgba(113,184,255,.08);
}

.crm-stream-item:first-child{
  padding-top:2px;
}

.crm-stream-item:last-child{
  border-bottom:0;
  padding-bottom:2px;
}

.crm-stream-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.crm-stream-topline small{
  color:var(--muted);
  font-size:11px;
}

.crm-stream-item strong{
  font-size:12px;
  line-height:1.35;
}

.crm-stream-item span{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.crm-worksurface{
  display:block;
}

.crm-grid-panel{
  min-width:0;
}

.crm-grid-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.crm-grid-head strong{
  display:block;
  font-size:12px;
  line-height:1.25;
}

.crm-grid-head span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}

.crm-grid-meta{
  display:grid;
  justify-items:end;
  gap:2px;
  text-align:right;
}

.crm-grid-meta strong{
  font-size:12px;
}

.crm-inspector-stack{
  display:grid;
  gap:10px;
}

.crm-inspector-card{
  padding:12px 12px 14px;
}

.crm-inspector-head{
  display:grid;
  gap:3px;
  margin-bottom:12px;
}

.crm-inspector-head strong{
  font-size:12px;
  line-height:1.25;
}

.crm-inspector-head span{
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}

.crm-inspector-list{
  display:grid;
  gap:8px;
  margin-bottom:12px;
}

.crm-inspector-list div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 8px;
  border-radius:8px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(121,184,255,.08);
}

.crm-inspector-list span{
  color:var(--muted);
  font-size:10px;
}

.crm-inspector-list strong{
  font-size:11px;
  line-height:1.3;
}

.crm-inspector-note{
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}

.crm-filterbar-grid{
  margin-bottom:14px;
}

.crm-form-compact .form-field span{
  font-size:12px;
}

.crm-form-compact .form-field input,
.crm-form-compact .form-field select,
.crm-form-compact .form-field textarea{
  min-height:40px;
  padding:10px 12px;
  border-radius:10px;
  font-size:12px;
}

.crm-form-compact .button-row{
  margin-top:14px;
}

.crm-modal{
  position:fixed;
  inset:0;
  z-index:120;
}

.crm-modal[hidden]{
  display:none;
}

.crm-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,8,18,.72);
  backdrop-filter:blur(6px);
}

.crm-modal-dialog{
  position:relative;
  z-index:1;
  width:min(920px, calc(100vw - 32px));
  margin:56px auto;
  padding:18px;
  max-height:calc(100vh - 112px);
  overflow:auto;
  border-radius:16px;
  border:1px solid rgba(113,184,255,.14);
  background:linear-gradient(180deg, rgba(11,20,42,.96), rgba(7,14,28,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.42);
}

.crm-modal-dialog-sm{
  width:min(560px, calc(100vw - 32px));
}

.crm-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.crm-modal-head strong{
  display:block;
  font-size:14px;
  line-height:1.25;
}

.crm-modal-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}

.crm-modal-close{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(121,184,255,.14);
  background:rgba(255,255,255,.04);
  color:#dceaff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.crm-modal-copy{
  display:grid;
  gap:12px;
}

.crm-modal-copy p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.crm-detail-popout{
  display:flex;
  justify-content:flex-end;
}

.crm-detail-popout-dialog{
  width:min(780px, calc(100vw - 24px));
  margin:0;
  min-height:100vh;
  max-height:100vh;
  border-radius:0;
  border-top:0;
  border-right:0;
  border-bottom:0;
  padding:22px 22px 28px;
  overflow:auto;
}

.crm-detail-popout-head{
  position:sticky;
  top:0;
  z-index:2;
  margin:-22px -22px 18px;
  padding:22px 22px 16px;
  border-bottom:1px solid rgba(113,184,255,.12);
  background:linear-gradient(180deg, rgba(11,20,42,.98), rgba(11,20,42,.94));
  backdrop-filter:blur(8px);
}

.crm-detail-popout-content,
.crm-detail-panel-body{
  display:grid;
  gap:16px;
}

.crm-detail-hero{
  display:grid;
  gap:12px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(113,184,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}

.crm-detail-hero-copy{
  display:grid;
  gap:8px;
}

.crm-detail-eyebrow{
  color:#88a1c5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.crm-detail-hero h3{
  margin:0;
  font-size:24px;
  line-height:1.1;
}

.crm-detail-hero p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.crm-detail-section{
  display:grid;
  gap:12px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.03);
}

.crm-detail-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.crm-detail-section-head strong{
  font-size:13px;
}

.crm-detail-metrics{
  margin-top:-2px;
}

.crm-detail-loading,
.crm-detail-empty{
  display:grid;
  gap:6px;
  padding:20px;
  border-radius:16px;
  border:1px dashed rgba(113,184,255,.18);
  background:rgba(255,255,255,.03);
}

.crm-detail-loading strong,
.crm-detail-empty strong{
  font-size:13px;
}

.crm-detail-loading span,
.crm-detail-empty span{
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.crm-side-stack{
  display:grid;
  gap:20px;
}

.crm-filterbar{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 8px;
}

.crm-filterbar input,
.crm-filterbar select{
  min-height:30px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(121,184,255,.18);
  background:rgba(255,255,255,.04);
  color:var(--text);
  font-size:11px;
}

.crm-filterbar input{
  flex:1 1 220px;
}

.crm-dense-table-wrap{
  margin-top:0;
}

.crm-dense-table th,
.crm-dense-table td{
  padding:7px 8px;
  font-size:11px;
  vertical-align:top;
}

.crm-dense-table td strong{
  display:block;
  font-size:11px;
  line-height:1.3;
}

.crm-dense-table td span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}

.crm-compact-list{
  display:grid;
  gap:10px;
}

.crm-compact-item{
  display:grid;
  gap:3px;
  padding:7px 8px;
  border-radius:8px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.03);
}

.crm-compact-item strong{
  font-size:11px;
  line-height:1.3;
}

.crm-compact-item span,
.crm-compact-item small{
  color:var(--muted);
  font-size:10px;
  line-height:1.35;
}

.crm-compact-item small{
  font-size:11px;
}

.crm-dossier-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.9fr) 320px;
  gap:16px;
  align-items:start;
}

.crm-section-stack{
  display:grid;
  gap:16px;
}

.crm-profile-card{
  display:grid;
  gap:14px;
}

.crm-profile-head{
  display:grid;
  gap:6px;
}

.crm-profile-head h3{
  margin:0;
  font-size:var(--heading-card);
  line-height:1.18;
}

.crm-profile-head p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.crm-info-list{
  display:grid;
  gap:10px;
}

.crm-info-row{
  display:grid;
  gap:2px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(121,184,255,.10);
}

.crm-info-row:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.crm-info-row span{
  color:#88a1c5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.crm-info-row strong{
  font-size:13px;
  line-height:1.35;
}

.crm-stage-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  border:1px solid rgba(121,184,255,.14);
  background:rgba(255,255,255,.04);
}

.crm-stage-pill.is-lead,
.crm-stage-pill.is-discovery{
  background:rgba(96,165,250,.14);
  color:#cfe3ff;
}

.crm-stage-pill.is-qualified{
  background:rgba(250,204,21,.14);
  color:#fff2b3;
}

.crm-stage-pill.is-proposal,
.crm-stage-pill.is-negotiation{
  background:rgba(249,115,22,.14);
  color:#ffd3b3;
}

.crm-stage-pill.is-won{
  background:rgba(16,185,129,.14);
  color:#bff5df;
}

.crm-stage-pill.is-lost,
.crm-stage-pill.is-on_hold{
  background:rgba(148,163,184,.14);
  color:#d7dfeb;
}

.crm-inline-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.crm-inline-metric{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(121,184,255,.12);
  background:rgba(255,255,255,.03);
  color:#dceaff;
  font-size:11px;
  font-weight:600;
}

.crm-board{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
}

.crm-board-compact{
  margin-top:4px;
}

.crm-board-column{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.025);
}

.crm-board-column header{
  display:grid;
  gap:2px;
}

.crm-board-column header strong{
  font-size:12px;
  line-height:1.25;
}

.crm-board-column header span{
  color:var(--muted);
  font-size:11px;
}

.crm-board-stack{
  display:grid;
  gap:8px;
}

.crm-board-card{
  display:grid;
  gap:4px;
  padding:10px 11px;
  border-radius:12px;
  background:rgba(9,18,39,.58);
  border:1px solid rgba(121,184,255,.10);
}

.crm-board-card strong{
  font-size:12px;
  line-height:1.3;
}

.crm-board-card span,
.crm-board-card small{
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}

.crm-board-empty{
  padding:10px 11px;
  border-radius:12px;
  border:1px dashed rgba(121,184,255,.10);
  color:var(--muted);
  font-size:11px;
}

.crm-activity-feed{
  display:grid;
  gap:12px;
}

.crm-activity-feed-compact{
  gap:10px;
}

.crm-activity-item{
  display:grid;
  grid-template-columns:34px minmax(0, 1fr);
  gap:10px;
  align-items:start;
  padding:10px 0;
  border-bottom:1px solid rgba(121,184,255,.08);
}

.crm-activity-item:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.crm-activity-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(121,184,255,.10);
  color:#dceaff;
  font-size:11px;
  font-weight:700;
}

.crm-activity-icon.is-task{
  background:rgba(76,151,255,.12);
}

.crm-activity-icon.is-event{
  background:rgba(16,185,129,.12);
}

.crm-activity-icon.is-request{
  background:rgba(249,115,22,.12);
}

.crm-activity-icon.is-note{
  background:rgba(168,85,247,.12);
}

.crm-activity-body{
  display:grid;
  gap:6px;
  min-width:0;
}

.crm-activity-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.crm-activity-head strong{
  font-size:13px;
  line-height:1.35;
}

.crm-activity-head small{
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}

.crm-activity-body p{
  margin:0;
  color:var(--text);
  font-size:12px;
  line-height:1.5;
}

.crm-activity-body > span{
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}

.form-field{
  display:grid;
  gap:8px;
}

.form-field span,
.checkbox-field span{
  font-size:14px;
  font-weight:600;
}

.form-field > span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.form-field.required-field span::after{
  content:none;
}

.required-star{
  display:inline-block;
  color:#ef4444 !important;
  font-weight:800;
  line-height:1;
}

.crm-page .form-field input,
.crm-page .form-field select,
.crm-page .form-field textarea,
.crm-modal .form-field input,
.crm-modal .form-field select,
.crm-modal .form-field textarea{
  width:100%;
  min-height:50px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(121,184,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.035));
  color:#f8fbff;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.crm-page .form-field select,
.crm-modal .form-field select,
.crm-filterbar select{
  color-scheme:dark;
  background-color:#12203a;
  color:#edf5ff;
}

.crm-page .form-field select option,
.crm-modal .form-field select option,
.crm-filterbar select option{
  background-color:#12203a;
  color:#edf5ff;
}

.crm-page .form-field select,
.crm-modal .form-field select,
.crm-filterbar select{
  color-scheme:dark;
  background-color:#12203a;
  color:#f8fbff;
}

.crm-page .form-field select option,
.crm-modal .form-field select option,
.crm-filterbar select option{
  background:#12203a;
  color:#f8fbff;
}

.crm-page .form-field textarea,
.crm-modal .form-field textarea{
  padding:14px 16px;
}

.crm-page .form-field input:focus,
.crm-page .form-field select:focus,
.crm-page .form-field textarea:focus,
.crm-modal .form-field input:focus,
.crm-modal .form-field select:focus,
.crm-modal .form-field textarea:focus{
  border-color:rgba(121,184,255,.55);
  box-shadow:0 0 0 4px rgba(57,160,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
}

.form-field small{
  color:var(--muted);
}

.crm-page .form-field input::placeholder,
.crm-page .form-field textarea::placeholder,
.crm-modal .form-field input::placeholder,
.crm-modal .form-field textarea::placeholder{
  color:#94a3b8;
}

.crm-page .form-field.required-field input,
.crm-page .form-field.required-field select,
.crm-page .form-field.required-field textarea,
.crm-modal .form-field.required-field input,
.crm-modal .form-field.required-field select,
.crm-modal .form-field.required-field textarea{
  border-color:rgba(239,68,68,.4);
}

.crm-page .form-field.required-field input:focus,
.crm-page .form-field.required-field select:focus,
.crm-page .form-field.required-field textarea:focus,
.crm-modal .form-field.required-field input:focus,
.crm-modal .form-field.required-field select:focus,
.crm-modal .form-field.required-field textarea:focus{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  border-color:rgba(239,68,68,.8);
  box-shadow:0 0 0 4px rgba(239,68,68,.12);
}

.form-required-note{
  margin:4px 0 0;
  color:#cbd5e1;
  font-size:12px;
  font-weight:600;
}

.form-required-note strong{
  color:#ef4444;
}

.form-field-full{
  grid-column:1 / -1;
}

.auth-method-choice{
  border:1px solid rgba(113,184,255,.08);
  border-radius:18px;
  padding:16px 18px;
  background:rgba(255,255,255,.025);
}

.auth-method-choice legend{
  padding:0 8px;
  font-size:14px;
  font-weight:700;
  color:var(--text);
}

.checkbox-field{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:var(--muted);
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(113,184,255,.08);
}

.checkbox-field input{
  margin-top:3px;
  flex:0 0 auto;
}

.auth-method-choice .checkbox-field{
  display:grid;
  grid-template-columns:28px minmax(0, 1fr);
  column-gap:16px;
  align-items:center;
  min-height:72px;
}

.auth-method-choice .checkbox-field input{
  width:18px;
  height:18px;
  margin:0;
  justify-self:center;
  align-self:center;
}

.auth-method-choice .checkbox-field span{
  display:block;
  width:100%;
  line-height:1.6;
  text-align:left;
}

.password-field{
  position:relative;
}

.password-field input{
  padding-right:96px;
}

.password-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:#9ccfff;
  font:inherit;
  cursor:pointer;
}

.btn-block{
  width:100%;
}

.button-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:24px;
}

.auth-card code{
  display:inline-block;
  margin-top:4px;
  padding:6px 8px;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  color:#c8e3ff;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.auth-links{
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(113,184,255,.12);
}

.auth-links a{
  color:#8fd8ff;
}

.alert{
  position:relative;
  padding:14px 42px 14px 16px;
  border-radius:14px;
  margin-bottom:14px;
  border:1px solid transparent;
}

.alert-success{
  background:rgba(35,154,105,.16);
  border-color:rgba(72,201,144,.34);
}

.alert-error{
  background:rgba(209,58,93,.18);
  border-color:rgba(255,111,145,.34);
}

.alert-warning{
  background:rgba(221,154,44,.18);
  border-color:rgba(255,194,87,.34);
}

.alert-close{
  position:absolute;
  right:10px;
  top:10px;
  border:0;
  background:transparent;
  color:inherit;
  font-size:20px;
  cursor:pointer;
}

.portal-hero{
  padding:20px 0 10px;
}

.portal-hero h1{
  margin:10px 0 12px;
  font-size:clamp(26px, 3.2vw, 40px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.portal-hero p{
  margin:0;
  color:var(--muted);
  line-height:1.74;
  font-size:16px;
}

.portal-hero-welcome{
  max-width:1080px;
}

.portal-hero-copy{
  display:grid;
  gap:18px;
}

.portal-hero-links{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:6px;
}

.portal-hero-link{
  display:grid;
  gap:6px;
  padding:18px 20px;
  border-radius:20px;
  border:1px solid rgba(113,184,255,.16);
  background:linear-gradient(180deg, rgba(12,24,52,.72), rgba(8,16,34,.88));
  color:#e6f0ff;
  transition:.18s ease;
}

.portal-hero-link strong{
  font-size:1rem;
  line-height:1.25;
}

.portal-hero-link span{
  color:var(--muted);
  font-size:.92rem;
  line-height:1.6;
}

.portal-hero-link:hover{
  border-color:rgba(113,184,255,.28);
  background:linear-gradient(180deg, rgba(14,28,58,.8), rgba(9,18,36,.94));
  color:#fff;
}

.portal-hero-note{
  display:grid;
  gap:6px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(10,19,40,.42);
  max-width:760px;
}

.portal-hero-note strong,
.info-panel strong{
  display:block;
  font-size:16px;
  margin-top:0;
}

.preferences-grid{
  align-items:start;
}

.preferences-card{
  gap:16px;
}

.preferences-card .auth-form{
  margin-top:4px;
}

.preferences-checklist{
  display:grid;
  gap:12px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(255,255,255,.03);
}

.preferences-verification-shell{
  margin-bottom:22px;
}

.preferences-verification-shell h2{
  margin:10px 0 10px;
  font-size:var(--heading-section);
  line-height:1.12;
  letter-spacing:-.03em;
}

.preferences-verification-shell p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.preferences-verification-list{
  display:grid;
  gap:16px;
  margin-top:22px;
}

.preferences-verification-card{
  display:grid;
  gap:16px;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(113,184,255,.16);
  background:linear-gradient(180deg, rgba(10,20,45,.72), rgba(6,14,30,.9));
}

.preferences-verification-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.preferences-verification-head strong{
  display:block;
  font-size:1rem;
  line-height:1.3;
}

.preferences-verification-head span{
  color:var(--muted);
  font-size:.93rem;
  line-height:1.6;
}

.preferences-verification-meta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.9rem;
}

.preferences-verification-form{
  margin:0;
}

.portal-privacy-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.portal-privacy-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:12px;
  margin-top:18px;
}

.portal-privacy-card{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(255,255,255,.03);
}

.portal-privacy-card strong{
  font-size:13px;
}

.portal-privacy-card span,
.portal-privacy-card small{
  color:var(--muted);
  line-height:1.5;
}

.portal-privacy-modal{
  display:grid;
  gap:14px;
}

.portal-privacy-section{
  display:grid;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(255,255,255,.03);
}

.portal-privacy-section > strong{
  font-size:13px;
}

.portal-privacy-list{
  display:grid;
  gap:10px;
}

.portal-privacy-list div{
  display:grid;
  gap:2px;
}

.portal-privacy-list span{
  color:#88a1c5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.portal-privacy-list strong{
  font-size:13px;
  line-height:1.45;
}

.portal-danger-card{
  display:grid;
  gap:10px;
  margin-bottom:16px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,120,150,.24);
  background:linear-gradient(180deg, rgba(72,12,28,.86), rgba(34,8,18,.94));
}

.portal-danger-card strong{
  font-size:14px;
}

.portal-danger-card p{
  margin:0;
  color:#f3d7df;
  line-height:1.65;
}

.portal-label{
  color:var(--muted);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.16em;
}

.portal-content{
  padding-top:24px;
}

.user-workspace-page .page{
  padding:18px 0 56px;
}

.user-workspace-shell{
  align-items:start;
}

.workspace-section-stack{
  display:grid;
  gap:14px;
}

.workspace-tab-copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.workspace-tab-copy span{
  font-size:13px;
  font-weight:600;
}

.workspace-tab-meta{
  color:#95abc8;
  font-size:11px;
  font-weight:400;
  line-height:1.4;
}

.workspace-tab-badge{
  padding:6px 10px;
  font-size:10px;
  white-space:nowrap;
}

.workspace-subnav{
  display:grid;
  gap:6px;
  margin:8px 0 0 14px;
  padding-left:14px;
  border-left:1px solid rgba(121,184,255,.12);
}

.workspace-subnav-link{
  display:block;
  padding:8px 12px;
  border-radius:10px;
  color:#9eb5d4;
  font-size:12px;
  text-decoration:none;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}

.workspace-subnav-link:hover{
  background:rgba(255,255,255,.03);
  color:#e8f1ff;
}

.workspace-subnav-link.is-current{
  background:rgba(58,130,246,.14);
  color:#f8fbff;
  box-shadow:inset 0 0 0 1px rgba(104,170,255,.22);
}

.workspace-summary-grid,
.workspace-kpi-grid{
  gap:14px;
}

.workspace-panel-card,
.workspace-metric-card{
  padding:18px 20px;
}

.workspace-panel-card h2,
.workspace-metric-card h2{
  margin:14px 0 10px;
  font-size:clamp(17px, 1.25vw, 24px);
  line-height:1.18;
}

.workspace-panel-card p,
.workspace-metric-card p{
  margin:0;
  color:#9db2d0;
  line-height:1.72;
}

.user-workspace-page .auth-form{
  margin-top:22px;
}

.user-workspace-page .form-field{
  gap:10px;
}

.user-workspace-page .form-field > span,
.user-workspace-page .checkbox-field > span{
  color:#e8f1ff;
}

.user-workspace-page .form-field.form-field-full{
  display:grid;
  gap:12px;
}

.user-workspace-page .preferences-checklist{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(121,184,255,.14);
  background:linear-gradient(180deg, rgba(17,30,56,.72), rgba(11,22,41,.9));
}

.user-workspace-page .checkbox-field{
  display:grid;
  grid-template-columns:22px minmax(0, 1fr);
  align-items:flex-start;
  gap:14px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(121,184,255,.12);
  background:rgba(255,255,255,.025);
}

.user-workspace-page .checkbox-field input{
  width:20px;
  height:20px;
  margin:2px 0 0;
}

.user-workspace-page .checkbox-field span{
  display:block;
  min-width:0;
  color:#dbe7f8;
  line-height:1.65;
}

.user-workspace-page .auth-form > .checkbox-field{
  margin-top:14px;
}

.user-workspace-page .form-field input,
.user-workspace-page .form-field select,
.user-workspace-page .form-field textarea{
  width:100%;
  min-height:54px;
  padding:0 18px;
  border:1px solid rgba(121,184,255,.20);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(21,37,68,.96), rgba(11,24,48,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  color:#f8fbff;
  caret-color:#f8fbff;
  font-size:15px;
  line-height:1.4;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.user-workspace-page .form-field textarea{
  min-height:140px;
  padding:14px 18px;
}

.user-workspace-page .form-field input::placeholder,
.user-workspace-page .form-field textarea::placeholder{
  color:#8ea6c6;
}

.user-workspace-page .form-field input:disabled,
.user-workspace-page .form-field select:disabled,
.user-workspace-page .form-field textarea:disabled{
  border-color:rgba(121,184,255,.14);
  background:linear-gradient(180deg, rgba(31,44,71,.92), rgba(22,34,56,.96));
  color:#9eb5d4;
  -webkit-text-fill-color:#9eb5d4;
  opacity:1;
  cursor:not-allowed;
}

.user-workspace-page .form-field input:focus,
.user-workspace-page .form-field select:focus,
.user-workspace-page .form-field textarea:focus{
  border-color:rgba(88,158,255,.62);
  box-shadow:0 0 0 4px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.06);
}

.user-workspace-page .form-field input:-webkit-autofill,
.user-workspace-page .form-field input:-webkit-autofill:hover,
.user-workspace-page .form-field input:-webkit-autofill:focus,
.user-workspace-page .form-field textarea:-webkit-autofill,
.user-workspace-page .form-field textarea:-webkit-autofill:hover,
.user-workspace-page .form-field textarea:-webkit-autofill:focus,
.user-workspace-page .form-field select:-webkit-autofill,
.user-workspace-page .form-field select:-webkit-autofill:hover,
.user-workspace-page .form-field select:-webkit-autofill:focus{
  -webkit-text-fill-color:#f8fbff;
  box-shadow:0 0 0 1000px rgba(13,26,50,.98) inset, 0 0 0 4px rgba(59,130,246,.08);
  transition:background-color 9999s ease-in-out 0s;
}

.workspace-metric-card{
  padding:18px;
}

.workspace-metric-card h2{
  margin:16px 0 6px;
}

.workspace-professional-shell{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:18px;
  align-items:start;
}

.workspace-professional-side{
  display:grid;
  gap:18px;
}

.workspace-professional-metrics{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.workspace-professional-overview{
  min-height:100%;
}

.workspace-link-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:18px;
}

.workspace-detail-list{
  display:grid;
  gap:12px;
  margin-top:8px;
}

.workspace-detail-list div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border:1px solid rgba(97,149,228,.12);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

.workspace-detail-list span{
  color:#95abc8;
  font-size:12px;
}

.workspace-detail-list strong{
    font-size:13px;
    text-align:right;
  }

  .workspace-detail-list-professional{
    margin-top:18px;
  }

.workspace-panel-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0 10px;
}

.workspace-jobs-panel{
  width:100%;
}

.workspace-job-row{
  grid-template-columns:minmax(0, 1fr) auto;
  gap:10px;
  padding-top:8px;
  padding-bottom:8px;
}

.workspace-job-row-link{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  text-align:left;
  font:inherit;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}

.workspace-job-row-link strong{
  flex:0 1 auto;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:14px;
  line-height:1.3;
}

.workspace-job-row-link span{
  flex:0 0 auto;
  color:#8fa6c8;
  white-space:nowrap;
  font-size:12px;
}

.workspace-client-job-modal .crm-modal-dialog{
  width:min(1120px, calc(100vw - 32px));
  margin:0;
}

.workspace-client-job-shell{
  width:min(1460px, calc(100vw - 32px));
}

.workspace-client-job-body{
  display:grid;
  gap:14px;
}

.workspace-client-job-section{
  display:grid;
  gap:12px;
}

.workspace-client-job-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.workspace-client-job-section-head h3{
  margin:6px 0 0;
  color:#f4f8ff;
  font-size:1.2rem;
  line-height:1.2;
}

.workspace-client-release-panel{
  display:grid;
  gap:16px;
}

.workspace-client-release-copy{
  display:grid;
  gap:4px;
}

.workspace-client-release-copy strong{
  color:#f4f8ff;
}

.workspace-client-release-copy span{
  color:#a9bedb;
  font-size:13px;
  line-height:1.6;
}

.workspace-client-release-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.workspace-client-application-list{
  display:grid;
  gap:12px;
}

.workspace-client-application-card{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(97,149,228,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
}

.workspace-client-application-head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:start;
  gap:10px;
}

.workspace-client-application-select{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#d7e5f8;
  font-size:12px;
  white-space:nowrap;
}

.workspace-client-application-title{
  min-width:0;
  display:grid;
  gap:4px;
}

.workspace-client-application-title strong{
  color:#f6fbff;
  font-size:14px;
  line-height:1.35;
}

.workspace-client-application-title span{
  color:#9fb7d8;
  line-height:1.45;
  font-size:12px;
}

.workspace-client-application-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.workspace-client-application-meta span{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(97,149,228,.12);
  background:rgba(255,255,255,.03);
  color:#bbcee7;
  font-size:12px;
}

.workspace-client-application-body{
  display:grid;
  gap:8px;
}

.workspace-client-application-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.workspace-conversation-thread{
  display:grid;
  gap:8px;
}

.workspace-conversation-message{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(97,149,228,.12);
  background:rgba(255,255,255,.03);
}

.workspace-conversation-message.is-own{
  border-color:rgba(86,153,255,.28);
  background:linear-gradient(180deg, rgba(86,153,255,.14), rgba(255,255,255,.03));
}

.workspace-conversation-message span{
  color:#8fa9ce;
  font-size:11px;
}

.workspace-conversation-message p{
  margin:0;
  color:#e5eefb;
  line-height:1.55;
  white-space:pre-line;
  font-size:13px;
}

.workspace-conversation-form{
  display:grid;
  gap:10px;
}

.workspace-assistant-trigger{
  min-height:34px;
  padding:0 12px;
}

.workspace-assistant-dialog{
  width:min(620px, calc(100vw - 32px));
}

.workspace-assistant-note{
  margin-top:0;
  white-space:pre-line;
}

.workspace-job-detail-topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
    gap:14px;
    margin:8px 0 14px;
    padding:14px 16px;
    border:1px solid rgba(97,149,228,.14);
    border-radius:14px;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  }

  .workspace-job-detail-statusband{
    display:grid;
    gap:8px;
  }

  .workspace-job-detail-meta{
    color:#9db5d7;
    font-size:12px;
    line-height:1.5;
    text-transform:none;
  }

  .workspace-job-detail-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
  }

  .workspace-job-modal .crm-modal-dialog{
    width:min(980px, calc(100vw - 32px));
    margin:0;
  }

  .workspace-job-modal-form{
    display:grid;
    gap:14px;
    min-height:min-content;
  }

  .workspace-job-modal-shell{
    position:relative;
    z-index:1;
    width:min(1340px, calc(100vw - 32px));
    margin:56px auto;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 340px;
    gap:18px;
    align-items:start;
  }

  .workspace-job-modal-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
  }

  .workspace-job-modal-grid .form-field{
    display:grid;
    gap:6px;
  }

  .workspace-job-modal-grid .form-field.full,
  .workspace-job-note.full,
  .workspace-job-check.full{
    grid-column:1 / -1;
  }

  .workspace-job-modal-grid .form-field span{
    color:#dceaff;
    font-size:12px;
    font-weight:700;
  }

  .workspace-choice-card{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 18px;
    width:100%;
    box-sizing:border-box;
    margin-top:8px;
    border-radius:14px;
    border:1px solid rgba(97,149,228,.18);
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
    color:#dceaff;
    cursor:pointer;
    transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
  }

  .workspace-choice-card.is-selected{
    border-color:rgba(86,153,255,.55);
    background:linear-gradient(180deg, rgba(86,153,255,.18), rgba(86,153,255,.08));
    box-shadow:0 0 0 1px rgba(86,153,255,.18);
  }

  .workspace-choice-card.is-selected .workspace-choice-copy strong{
    color:#ffffff;
  }

  .crm-modal .form-field .workspace-choice-card input,
  .workspace-choice-card input{
    appearance:none;
    -webkit-appearance:none;
    width:20px;
    min-width:20px;
    height:20px;
    min-height:20px;
    padding:0;
    margin:0;
    border-radius:50%;
    border:2px solid rgba(166,190,224,.46);
    background:rgba(7,14,28,.7);
    box-shadow:inset 0 0 0 4px transparent;
    flex:0 0 auto;
    display:block;
    max-width:20px;
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  }

  .crm-modal .form-field .workspace-choice-card input:checked,
  .workspace-choice-card input:checked{
    border-color:#78b3ff;
    background:#0f2546;
    box-shadow:inset 0 0 0 5px #f5f9ff, 0 0 0 4px rgba(93,152,255,.18);
  }

  .workspace-choice-copy{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
    flex:1 1 auto;
  }

  .workspace-choice-copy strong{
    display:block;
    color:#f4f8ff;
    font-size:15px;
    line-height:1.35;
  }

  @media (max-width: 900px){
    .workspace-job-row{
      grid-template-columns:1fr;
    }

    .workspace-job-row-link{
      align-items:flex-start;
      flex-direction:column;
      gap:4px;
    }

    .workspace-job-row-link span{
      white-space:normal;
    }

    .workspace-client-job-shell{
      width:min(100vw - 16px, 100%);
    }

    .workspace-client-application-head{
      grid-template-columns:1fr;
    }
  }

  .workspace-choice-copy small{
    display:block;
    color:#b8cae4;
    font-size:12px;
    line-height:1.6;
    white-space:normal;
  }

.workspace-job-note{
    padding:10px 12px;
    border-radius:10px;
    border:1px solid rgba(97,149,228,.18);
    background:rgba(255,255,255,.04);
    color:#b8cae4;
    line-height:1.5;
    font-size:12px;
  }

.workspace-job-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
    border:1px solid rgba(97,149,228,.18);
    background:rgba(255,255,255,.03);
    color:#dceaff;
  line-height:1.5;
  font-size:12px;
}

  .workspace-job-check input{
    margin-top:3px;
  }

.workspace-job-assistant{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:14px;
    border:1px solid rgba(97,149,228,.18);
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  }

  .workspace-job-assistant-popout{
    max-height:calc(100vh - 112px);
    overflow:auto;
    box-shadow:0 24px 60px rgba(0,0,0,.34);
  }

.workspace-job-assistant h3{
  margin:0;
  color:#f4f8ff;
  font-size:17px;
  line-height:1.2;
}

.workspace-job-assistant-summary{
  margin:0;
  color:#b8cae4;
  line-height:1.55;
  font-size:12px;
}

  .workspace-job-assistant-status{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

.workspace-job-assistant-list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:6px;
  color:#dceaff;
  font-size:12px;
  line-height:1.5;
}

  .workspace-hero-links{
    margin-top:18px;
  }

  .workspace-hero-links .portal-hero-link{
    display:block;
    width:100%;
    text-align:left;
    border:1px solid rgba(97,149,228,.18);
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    color:#f5f9ff;
    border-radius:16px;
    padding:14px 16px;
    box-shadow:0 18px 36px rgba(2,8,23,.26);
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
  }

  .workspace-hero-links .portal-hero-link:hover{
    transform:translateY(-1px);
    border-color:rgba(86,153,255,.38);
    box-shadow:0 24px 44px rgba(2,8,23,.32);
    background:linear-gradient(180deg, rgba(67,113,198,.16), rgba(255,255,255,.02));
  }

  .workspace-hero-links .portal-hero-link span{
    color:#b8cae4;
  }

  .workspace-cv-modal-shell{
    position:relative;
    z-index:1;
    width:min(1380px, calc(100vw - 32px));
    margin:56px auto;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 340px;
    gap:18px;
    align-items:start;
  }

  .workspace-cv-modal .crm-modal-dialog{
    width:100%;
    min-width:0;
    margin:0;
  }

  .workspace-cv-assistant-popout{
    max-height:calc(100vh - 112px);
    overflow:auto;
  }

  .workspace-cv-sheet{
    display:grid;
    gap:22px;
  }

  .workspace-cv-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    padding:28px;
    border-radius:24px;
    border:1px solid rgba(97,149,228,.16);
    background:
      radial-gradient(circle at top right, rgba(88,160,255,.22), transparent 34%),
      linear-gradient(180deg, rgba(14,31,61,.98), rgba(8,18,34,.98));
    box-shadow:0 26px 60px rgba(1,8,20,.34);
  }

  .workspace-cv-hero h2{
    margin:8px 0 10px;
    color:#f8fbff;
    font-size:2rem;
    line-height:1.05;
  }

  .workspace-cv-hero p{
    max-width:680px;
    margin:0;
    color:#d2dff2;
    line-height:1.75;
  }

  .workspace-cv-hero-meta{
    display:grid;
    gap:8px;
    min-width:220px;
  }

  .workspace-cv-hero-meta span{
    display:block;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(143,184,239,.14);
    background:rgba(255,255,255,.045);
    color:#e8f2ff;
    text-align:right;
    white-space:nowrap;
  }

  .workspace-cv-layout{
    display:grid;
    grid-template-columns:280px minmax(0, 1fr);
    gap:18px;
  }

  .workspace-cv-sidebar,
  .workspace-cv-main{
    display:grid;
    gap:18px;
    align-content:start;
  }

  .workspace-cv-card,
  .workspace-cv-section{
    padding:22px;
    border-radius:22px;
    border:1px solid rgba(97,149,228,.14);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
    box-shadow:0 20px 50px rgba(2,8,23,.18);
  }

  .workspace-cv-section h3{
    margin:10px 0 12px;
    color:#f8fbff;
    font-size:1.2rem;
  }

  .workspace-cv-section-intro{
    margin:0 0 16px !important;
    color:#a8bedc !important;
    line-height:1.65 !important;
    font-size:13px !important;
  }

  .workspace-cv-edit-form,
  .workspace-cv-inline-form{
    display:grid;
    gap:14px;
    margin-top:14px;
  }

  .workspace-cv-inline-form{
    padding:14px;
    border-radius:14px;
    border:1px solid rgba(97,149,228,.12);
    background:rgba(255,255,255,.025);
    margin-bottom:16px;
  }

  .form-field.form-field-error input,
  .form-field.form-field-error select,
  .form-field.form-field-error textarea{
    border-color:rgba(255,120,120,.7) !important;
    box-shadow:0 0 0 4px rgba(255,99,99,.12);
  }

  .form-field-error-text{
    color:#ffb7b7 !important;
    font-size:12px;
    line-height:1.45;
  }

  .workspace-cv-section p,
  .workspace-cv-card p{
    margin:0;
    color:#c3d3ea;
    line-height:1.75;
  }

  .workspace-cv-facts{
    list-style:none;
    margin:14px 0 0;
    padding:0;
    display:grid;
    gap:12px;
  }

  .workspace-cv-facts li{
    display:grid;
    gap:4px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(97,149,228,.12);
  }

  .workspace-cv-facts strong{
    color:#f4f8ff;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .workspace-cv-facts span{
    color:#bdd0ea;
    line-height:1.5;
    word-break:break-word;
  }

  .workspace-cv-tag-cloud{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
  }

  .workspace-cv-tag-cloud span{
    padding:10px 13px;
    border-radius:999px;
    background:rgba(71,131,224,.14);
    border:1px solid rgba(113,163,235,.18);
    color:#e6f0ff;
    font-size:12px;
  }

  .workspace-cv-empty{
    color:#9eb4d4;
  }

  .workspace-cv-timeline,
  .workspace-cv-list{
    display:grid;
    gap:14px;
  }

  .workspace-cv-entry,
  .workspace-cv-list-item,
  .workspace-cv-project-card{
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(97,149,228,.12);
    background:rgba(255,255,255,.03);
  }

  .workspace-cv-entry-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:10px;
  }

  .workspace-cv-entry-head strong,
  .workspace-cv-project-card strong,
  .workspace-cv-list-item strong{
    display:block;
    color:#f4f8ff;
    font-size:15px;
    line-height:1.4;
  }

  .workspace-cv-entry-head span,
  .workspace-cv-project-card span,
  .workspace-cv-list-item span{
    display:block;
    margin-top:4px;
    color:#a8bedc;
    line-height:1.55;
  }

  .workspace-cv-entry-head small,
  .workspace-cv-project-card small{
    color:#95aac7;
    white-space:nowrap;
  }

  .workspace-cv-entry-note{
    margin-top:10px !important;
    color:#8fb2ea !important;
  }

  .workspace-cv-item-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:14px;
  }

  .workspace-cv-item-edit{
    margin-top:14px;
  }

  .workspace-cv-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
  }

  .workspace-cv-section-split{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
  }

  .workspace-cv-section-split > .workspace-cv-split-panel{
    min-width:0;
    display:grid;
    align-content:start;
  }

  .workspace-cv-compact-grid{
    grid-template-columns:1fr;
  }

  .workspace-cv-compact-grid .form-field.full{
    grid-column:auto;
  }

  .workspace-professional-jobs-modal .crm-modal-dialog{
    width:min(1160px, calc(100vw - 32px));
    margin:0;
  }

  .workspace-prof-jobs-shell{
    display:grid;
    gap:12px;
  }

  .workspace-prof-jobs-toolbar{
    display:grid;
    gap:10px;
  }

  .workspace-prof-jobs-grid{
    display:grid;
    grid-template-columns:320px minmax(0, 1fr);
    gap:14px;
    min-height:500px;
  }

  .workspace-prof-job-list{
    display:grid;
    gap:8px;
    max-height:500px;
    overflow:auto;
    padding-right:4px;
  }

  .workspace-prof-job-item{
    width:100%;
    padding:12px 14px;
    text-align:left;
    border-radius:14px;
    border:1px solid rgba(97,149,228,.14);
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    color:#f6fbff;
    display:grid;
    gap:6px;
    transition:border-color .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease;
  }

  .workspace-prof-job-item:hover,
  .workspace-prof-job-item.is-selected{
    transform:translateY(-1px);
    border-color:rgba(86,153,255,.42);
    background:linear-gradient(180deg, rgba(86,153,255,.16), rgba(255,255,255,.03));
    box-shadow:0 18px 34px rgba(4,10,22,.22);
  }

  .workspace-prof-job-item span{
    color:#a9bedb;
    line-height:1.4;
    font-size:12px;
  }

  .workspace-prof-job-item small{
    justify-self:flex-start;
  }

  .workspace-prof-job-detail{
    display:grid;
    align-content:start;
    gap:12px;
    padding:16px;
    border-radius:18px;
    border:1px solid rgba(97,149,228,.14);
    background:
      radial-gradient(circle at top right, rgba(77,133,227,.12), transparent 32%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
    min-height:100%;
  }

  .workspace-prof-job-detail h3{
    margin:0;
    color:#f8fbff;
    font-size:1.28rem;
    line-height:1.15;
  }

  .workspace-prof-job-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .workspace-prof-job-meta span{
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(97,149,228,.12);
    color:#c5d7ef;
    font-size:12px;
  }

  .workspace-prof-job-stat-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }

  .workspace-prof-job-stat-grid div{
    padding:10px 12px;
    border-radius:12px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(97,149,228,.1);
  }

  .workspace-prof-job-stat-grid span{
    display:block;
    color:#8fa7c8;
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .workspace-prof-job-stat-grid strong{
    display:block;
    margin-top:4px;
    color:#f4f8ff;
    line-height:1.4;
  }

  .workspace-prof-job-detail-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    padding-top:4px;
  }

  .workspace-prof-job-empty{
    margin-top:10px;
  }

  .workspace-pro-card{
    position:relative;
    overflow:hidden;
  }

  @media (max-width:980px){
    .workspace-professional-shell,
    .workspace-cv-modal-shell,
    .workspace-cv-layout,
    .workspace-cv-section-split,
    .workspace-prof-jobs-grid{
      grid-template-columns:1fr;
    }

    .workspace-professional-metrics,
    .workspace-cv-grid,
    .workspace-prof-job-stat-grid{
      grid-template-columns:1fr;
    }

    .workspace-job-modal-shell{
      grid-template-columns:1fr;
    }

    .workspace-job-detail-topbar{
      flex-direction:column;
      align-items:stretch;
    }

    .workspace-job-detail-actions{
      justify-content:flex-start;
    }

    .workspace-cv-hero{
      flex-direction:column;
      align-items:flex-start;
    }

    .workspace-cv-hero-meta{
      width:100%;
    }

    .workspace-cv-hero-meta span{
      text-align:left;
      white-space:normal;
    }
  }

  @media (max-width:760px){
    .workspace-job-modal-grid{
      grid-template-columns:1fr;
    }
  }

  .workspace-pro-card::after{
    content:"";
    position:absolute;
    inset:auto -80px -80px auto;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(66,153,255,.18), rgba(66,153,255,0));
    pointer-events:none;
  }

  .workspace-pro-price-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-top:18px;
    padding:16px 18px;
    border:1px solid rgba(107,170,255,.16);
    border-radius:18px;
    background:linear-gradient(180deg, rgba(20,36,67,.82), rgba(9,19,37,.94));
  }

  .workspace-pro-price-row strong{
    display:block;
    font-size:1.45rem;
    line-height:1.1;
    color:#f7fbff;
  }

  .workspace-pro-price-row span{
    display:block;
    margin-top:6px;
    color:#a9bfdc;
    line-height:1.6;
  }

  .workspace-pro-feature-list{
    display:grid;
    gap:10px;
    margin-top:18px;
  }

  .workspace-pro-feature-list div{
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(107,170,255,.12);
    background:rgba(255,255,255,.03);
    color:#e8f1ff;
    line-height:1.65;
  }

  .workspace-pro-form{
    margin-top:18px;
  }

  .workspace-pro-note{
    display:grid;
    gap:6px;
    margin-top:18px;
    padding:14px 16px;
    border-radius:16px;
    border:1px solid rgba(96,198,146,.18);
    background:linear-gradient(180deg, rgba(12,39,34,.78), rgba(9,28,25,.92));
  }

  .workspace-pro-note strong{
    color:#f1fbf5;
  }

  .workspace-pro-note span{
    color:#b8d5c1;
    line-height:1.6;
  }

  .workspace-pro-cancel-button{
    width:100%;
    justify-content:center;
    margin-top:12px;
    border-color:rgba(255,142,142,.28);
    color:#ffe3e3;
    background:rgba(109,25,32,.22);
  }

  .workspace-pro-cancel-button:hover{
    border-color:rgba(255,160,160,.42);
    background:rgba(129,29,39,.3);
  }

  @media (max-width: 900px){
    .user-workspace-page .preferences-checklist{
      grid-template-columns:1fr;
    }
  }

  .admin-inline-details{
    margin-top:14px;
    border:1px solid rgba(115,170,246,.14);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    overflow:hidden;
  }

  .admin-inline-details summary{
    cursor:pointer;
    list-style:none;
    padding:12px 14px;
    color:#d9e8fb;
    font-size:13px;
    font-weight:600;
  }

  .admin-inline-details summary::-webkit-details-marker{
    display:none;
  }

  .admin-inline-details pre{
    margin:0;
    padding:14px;
    border-top:1px solid rgba(115,170,246,.12);
    background:rgba(8,14,25,.72);
    color:#dbe7f7;
    overflow:auto;
    white-space:pre-wrap;
    word-break:break-word;
    font-size:12px;
    line-height:1.6;
  }

  .workspace-debug-card{
    border-color:rgba(255,168,84,.22);
    background:linear-gradient(180deg, rgba(35,24,19,.92), rgba(22,15,12,.96));
  }

  .workspace-debug-title{
    margin-bottom:12px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#ffe0c4;
  }

  .workspace-debug-grid{
    display:grid;
    gap:10px;
  }

  .workspace-debug-grid div{
    display:grid;
    gap:4px;
  }

  .workspace-debug-grid span{
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#cda98d;
  }

  .workspace-debug-grid strong{
    color:#fff2e8;
    font-size:13px;
    font-weight:600;
    word-break:break-word;
  }

  .workspace-debug-log{
    display:grid;
    gap:6px;
    margin-top:14px;
  }

  .workspace-debug-error{
    margin-top:12px;
    padding:10px 12px;
    border-radius:10px;
    border:1px solid rgba(255,110,110,.28);
    background:rgba(120,22,22,.28);
    color:#ffd8d8;
    font-size:13px;
    line-height:1.55;
    word-break:break-word;
  }

  .workspace-debug-log code{
    display:block;
    padding:8px 10px;
    border-radius:10px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,168,84,.12);
    color:#f7dfcf;
    white-space:pre-wrap;
    word-break:break-word;
    font-size:12px;
    line-height:1.55;
  }

  .workspace-debug-list{
    display:grid;
    gap:12px;
    margin-top:18px;
  }

  .workspace-debug-item{
    display:grid;
    gap:6px;
    padding:14px 16px;
    border-radius:14px;
    border:1px solid rgba(255,168,84,.18);
    background:rgba(255,255,255,.03);
  }

  .workspace-debug-item strong{
    color:#fff2e8;
  }

  .workspace-debug-item span{
    color:#dfc6b3;
    line-height:1.55;
  }

  .workspace-debug-item code{
    white-space:pre-wrap;
    word-break:break-word;
    padding:10px 12px;
    border-radius:10px;
    background:rgba(7,11,20,.52);
    color:#ffd7bd;
  }

  /* Flex visual overhaul: compacter, rustiger, consistenter */
  .user-workspace-page .workspace-panel-card,
  .user-workspace-page .workspace-metric-card{
    padding:16px 18px;
    border-radius:18px;
    border-color:rgba(96,148,228,.10);
    background:
      radial-gradient(circle at top right, rgba(69,123,214,.10), transparent 34%),
      linear-gradient(180deg, rgba(9,18,39,.92), rgba(6,13,28,.96));
    box-shadow:0 14px 30px rgba(0,0,0,.18);
  }

  .user-workspace-page .workspace-panel-card h2,
  .user-workspace-page .workspace-metric-card h2{
    margin:6px 0 8px;
    font-size:1.55rem;
    letter-spacing:-.035em;
    line-height:1.08;
  }

  .user-workspace-page .workspace-panel-card p,
  .user-workspace-page .workspace-metric-card p{
    font-size:13px;
    line-height:1.58;
    color:#9fb5d4;
  }

  .user-workspace-page .workspace-professional-shell{
    grid-template-columns:minmax(0, 1.35fr) minmax(290px, .65fr);
    gap:14px;
  }

  .user-workspace-page .workspace-professional-side,
  .user-workspace-page .workspace-professional-metrics,
  .user-workspace-page .workspace-link-grid{
    gap:10px;
  }

  .user-workspace-page .workspace-professional-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .user-workspace-page .workspace-link-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    margin-top:12px;
  }

  .user-workspace-page .workspace-hero-links-single{
    grid-template-columns:minmax(0, 1fr);
  }

  .user-workspace-page .workspace-hero-links .portal-hero-link{
    padding:12px 14px;
    border-radius:14px;
    box-shadow:none;
  }

  .user-workspace-page .workspace-hero-links .portal-hero-link strong{
    font-size:14px;
    line-height:1.3;
  }

  .user-workspace-page .workspace-hero-links .portal-hero-link span{
    font-size:12px;
    line-height:1.5;
  }

  .user-workspace-page .workspace-detail-list{
    gap:8px;
    margin-top:10px;
  }

  .user-workspace-page .workspace-detail-list div{
    padding:8px 10px;
    border-radius:10px;
    border-color:rgba(96,148,228,.10);
    background:rgba(255,255,255,.018);
  }

  .user-workspace-page .workspace-detail-list span{
    font-size:11px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#7f97ba;
  }

  .user-workspace-page .workspace-detail-list strong{
    font-size:12px;
    line-height:1.35;
    color:#edf5ff;
  }

  .user-workspace-page .workspace-panel-actions{
    gap:6px;
    margin:10px 0 8px;
  }

  .user-workspace-page .workspace-inline-reactions{
    display:grid;
    gap:10px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(96,148,228,.10);
  }

  .user-workspace-page .workspace-inline-reactions-head{
    display:grid;
    gap:4px;
  }

  .user-workspace-page .workspace-inline-reactions-head h3{
    margin:0;
    color:#f3f8ff;
    font-size:1rem;
    line-height:1.2;
  }

  .user-workspace-page .workspace-inline-reactions-head p{
    margin:0;
    color:#93a9c8;
    font-size:12px;
    line-height:1.5;
  }

  .user-workspace-page .workspace-jobs-panel .admin-list{
    display:grid;
    gap:8px;
  }

  .user-workspace-page .workspace-job-row{
    gap:10px;
    padding:10px 12px;
    border-radius:14px;
    border:1px solid rgba(96,148,228,.10);
    background:linear-gradient(180deg, rgba(9,18,39,.86), rgba(7,14,29,.94));
  }

  .user-workspace-page .workspace-job-row .admin-inline-actions{
    gap:8px;
  }

  .user-workspace-page .workspace-job-row-clickable{
    cursor:pointer;
    transition:border-color .18s ease, background .18s ease, transform .18s ease;
  }

  .user-workspace-page .workspace-job-row-clickable:hover{
    border-color:rgba(110,164,246,.22);
    background:linear-gradient(180deg, rgba(12,23,48,.92), rgba(8,16,33,.98));
    transform:translateY(-1px);
  }

  .user-workspace-page button.workspace-job-row-link.admin-list-item-link,
  .user-workspace-page .workspace-job-row-link{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-width:0;
    padding:0 !important;
    margin:0;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    outline:none;
    color:inherit;
  }

  .user-workspace-page .workspace-job-row-link:hover{
    transform:none;
  }

  .user-workspace-page .workspace-job-row-link strong{
    font-size:13px;
    line-height:1.35;
    color:#f3f8ff;
  }

  .user-workspace-page .workspace-job-row-link span{
    font-size:11px;
    line-height:1.45;
    color:#88a2c8;
  }

  .user-workspace-page .workspace-link-button{
    appearance:none;
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    color:#f3f8ff;
    font:inherit;
    font-weight:700;
    cursor:pointer;
    text-align:left;
  }

  .user-workspace-page .workspace-link-button:hover{
    color:#8fc1ff;
  }

  .user-workspace-page .workspace-invoice-preview-dialog{
    width:min(1080px, calc(100vw - 32px));
  }

  .user-workspace-page .workspace-invoice-preview-body{
    padding:0;
    background:#07111f;
  }

  .user-workspace-page .workspace-invoice-preview-body iframe{
    display:block;
    width:100%;
    height:min(82vh, 980px);
    border:0;
    background:#ffffff;
    border-bottom-left-radius:18px;
    border-bottom-right-radius:18px;
  }

  .user-workspace-page .workspace-client-job-shell,
  .user-workspace-page .workspace-job-modal-shell{
    width:min(1480px, calc(100vw - 28px));
    gap:14px;
  }

  .user-workspace-page .workspace-client-job-body,
  .user-workspace-page .workspace-client-job-section,
  .user-workspace-page .workspace-client-application-list,
  .user-workspace-page .workspace-conversation-thread,
  .user-workspace-page .workspace-conversation-form{
    gap:10px;
  }

  .user-workspace-page .workspace-client-job-section-head h3,
  .user-workspace-page .workspace-prof-job-detail h3{
    font-size:1.02rem;
    line-height:1.2;
  }

  .user-workspace-page .workspace-client-application-card{
    padding:12px;
    border-radius:14px;
    gap:8px;
  }

  .user-workspace-page .workspace-client-application-title strong{
    font-size:13px;
  }

  .user-workspace-page .workspace-client-application-title span,
  .user-workspace-page .workspace-client-application-meta span,
  .user-workspace-page .workspace-client-release-copy span{
    font-size:11px;
    line-height:1.45;
  }

  .user-workspace-page .workspace-conversation-message{
    padding:9px 11px;
    border-radius:10px;
  }

  .user-workspace-page .workspace-conversation-message span{
    font-size:10px;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  .user-workspace-page .workspace-conversation-message p{
    font-size:12px;
    line-height:1.5;
  }

  .user-workspace-page .workspace-chat-shell{
    display:grid;
    gap:12px;
    margin-top:10px;
  }

  .user-workspace-page .workspace-chat-card{
    display:grid;
    gap:10px;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(96,148,228,.10);
    background:
      radial-gradient(circle at top right, rgba(64,112,192,.10), transparent 34%),
      linear-gradient(180deg, rgba(8,16,35,.94), rgba(5,11,24,.98));
  }

  .user-workspace-page .workspace-chat-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }

  .user-workspace-page .workspace-chat-card-head h3{
    margin:4px 0 0;
    color:#f4f8ff;
    font-size:1rem;
    line-height:1.2;
  }

  .user-workspace-page .workspace-chat-note{
    color:#8ea6c8;
    font-size:11px;
    line-height:1.45;
    text-align:right;
    max-width:280px;
  }

  .user-workspace-page .workspace-chat-summary-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }

  .user-workspace-page .workspace-chat-summary-item{
    display:grid;
    gap:4px;
    padding:9px 10px;
    border-radius:10px;
    border:1px solid rgba(96,148,228,.08);
    background:rgba(255,255,255,.02);
  }

  .user-workspace-page .workspace-chat-summary-item span{
    color:#7f98bb;
    font-size:10px;
    letter-spacing:.1em;
    text-transform:uppercase;
  }

  .user-workspace-page .workspace-chat-summary-item strong{
    color:#edf5ff;
    font-size:12px;
    line-height:1.45;
  }

  .user-workspace-page .workspace-chat-disclosure{
    border:1px solid rgba(96,148,228,.08);
    border-radius:12px;
    background:rgba(255,255,255,.015);
    overflow:hidden;
  }

  .user-workspace-page .workspace-chat-disclosure summary{
    cursor:pointer;
    list-style:none;
    padding:11px 12px;
    color:#d9e7fa;
    font-size:12px;
    font-weight:700;
  }

  .user-workspace-page .workspace-chat-disclosure summary::-webkit-details-marker{
    display:none;
  }

  .user-workspace-page .workspace-chat-disclosure[open] summary{
    border-bottom:1px solid rgba(96,148,228,.08);
  }

  .user-workspace-page .workspace-job-modal-form-compact{
    padding:12px;
  }

  .user-workspace-page .workspace-chat-thread-card{
    gap:12px;
  }

  .user-workspace-page .workspace-conversation-thread-messenger{
    max-height:420px;
    overflow:auto;
    gap:10px;
    padding:8px;
    border-radius:14px;
    border:1px solid rgba(96,148,228,.08);
    background:rgba(3,8,18,.42);
  }

  .user-workspace-page .workspace-conversation-thread-messenger .admin-empty-state{
    margin:0;
    padding:14px;
    border-radius:12px;
    background:rgba(255,255,255,.02);
  }

  .user-workspace-page .workspace-conversation-message{
    max-width:min(78%, 560px);
    padding:10px 12px;
    border-radius:16px 16px 16px 6px;
  }

  .user-workspace-page .workspace-conversation-message.is-own{
    margin-left:auto;
    border-radius:16px 16px 6px 16px;
  }

  .user-workspace-page .workspace-conversation-form-messenger{
    gap:8px;
    padding:10px 12px 0;
    border-top:1px solid rgba(96,148,228,.08);
  }

  .user-workspace-page .workspace-conversation-form-messenger textarea{
    min-height:100px;
  }

  .user-workspace-page .workspace-job-assistant,
  .user-workspace-page .workspace-cv-assistant-popout,
  .user-workspace-page .workspace-job-assistant-popout,
  .user-workspace-page .jobs-assistant{
    border-radius:16px;
    padding:12px 13px;
  }

  .user-workspace-page .workspace-job-assistant h3,
  .user-workspace-page .jobs-assistant h3{
    font-size:15px;
  }

  .user-workspace-page .workspace-job-assistant-summary,
  .user-workspace-page .jobs-assistant p{
    font-size:11px;
    line-height:1.5;
  }

  .user-workspace-page .workspace-job-assistant-list,
  .user-workspace-page .jobs-assistant ul{
    gap:5px;
    font-size:11px;
    line-height:1.45;
  }

  .user-workspace-page .workspace-cv-modal-shell{
    width:min(1440px, calc(100vw - 28px));
    gap:14px;
  }

  .user-workspace-page .workspace-cv-hero{
    padding:20px 22px;
    border-radius:18px;
    gap:18px;
  }

  .user-workspace-page .workspace-cv-hero h2{
    font-size:1.65rem;
    margin:6px 0 8px;
  }

  .user-workspace-page .workspace-cv-hero p,
  .user-workspace-page .workspace-cv-section p,
  .user-workspace-page .workspace-cv-card p{
    font-size:12px;
    line-height:1.55;
  }

  .user-workspace-page .workspace-cv-hero-meta span{
    padding:8px 12px;
    font-size:11px;
  }

  .user-workspace-page .workspace-cv-layout{
    grid-template-columns:250px minmax(0, 1fr);
    gap:14px;
  }

  .user-workspace-page .workspace-cv-card,
  .user-workspace-page .workspace-cv-section{
    padding:16px;
    border-radius:16px;
    box-shadow:none;
  }

  .user-workspace-page .workspace-cv-section h3{
    font-size:1.02rem;
    margin:6px 0 8px;
  }

  .user-workspace-page .workspace-cv-section-intro{
    margin-bottom:12px !important;
    font-size:12px !important;
    line-height:1.5 !important;
  }

  .user-workspace-page .workspace-cv-edit-form,
  .user-workspace-page .workspace-cv-inline-form{
    gap:10px;
    margin-top:10px;
  }

  .user-workspace-page .workspace-cv-inline-form{
    padding:12px;
    margin-bottom:12px;
  }

  .user-workspace-page .workspace-cv-facts{
    gap:8px;
    margin-top:10px;
  }

  .user-workspace-page .workspace-cv-facts li,
  .user-workspace-page .workspace-cv-entry,
  .user-workspace-page .workspace-cv-list-item,
  .user-workspace-page .workspace-cv-project-card{
    padding:10px 12px;
    border-radius:12px;
  }

  .user-workspace-page .workspace-cv-entry-head strong,
  .user-workspace-page .workspace-cv-project-card strong,
  .user-workspace-page .workspace-cv-list-item strong{
    font-size:13px;
  }

  .user-workspace-page .workspace-cv-entry-head span,
  .user-workspace-page .workspace-cv-project-card span,
  .user-workspace-page .workspace-cv-list-item span,
  .user-workspace-page .workspace-cv-facts span{
    font-size:12px;
    line-height:1.45;
  }

  .user-workspace-page .workspace-cv-tag-cloud{
    gap:8px;
    margin-top:10px;
  }

  .user-workspace-page .workspace-cv-tag-cloud span{
    padding:7px 10px;
    font-size:11px;
  }

  .user-workspace-page .workspace-prof-jobs-shell,
  .user-workspace-page .workspace-prof-jobs-toolbar{
    gap:10px;
  }

  .user-workspace-page .workspace-prof-jobs-grid{
    grid-template-columns:280px minmax(0, 1fr);
    gap:12px;
    min-height:460px;
  }

  .user-workspace-page .workspace-prof-job-list{
    gap:6px;
    max-height:460px;
  }

  .user-workspace-page .workspace-prof-job-item{
    padding:10px 12px;
    border-radius:12px;
    gap:4px;
  }

  .user-workspace-page .workspace-prof-job-item span,
  .user-workspace-page .workspace-prof-job-item small{
    font-size:11px;
    line-height:1.4;
  }

  .user-workspace-page .workspace-prof-job-detail{
    padding:14px;
    border-radius:16px;
    gap:10px;
  }

  .user-workspace-page .workspace-prof-job-meta{
    gap:6px;
  }

  .user-workspace-page .workspace-prof-job-meta span{
    padding:6px 9px;
    font-size:11px;
  }

  .user-workspace-page .workspace-prof-job-stat-grid{
    gap:8px;
  }

  .user-workspace-page .workspace-prof-job-stat-grid div{
    padding:8px 10px;
    border-radius:10px;
  }

  .user-workspace-page .workspace-prof-job-stat-grid span{
    font-size:10px;
  }

  .user-workspace-page .workspace-prof-job-stat-grid strong{
    font-size:12px;
    margin-top:3px;
  }

  .user-workspace-page .workspace-pro-price-row{
    padding:12px 14px;
    border-radius:14px;
    gap:12px;
  }

  .user-workspace-page .workspace-pro-price-row strong{
    font-size:1.22rem;
  }

  .user-workspace-page .workspace-pro-feature-list,
  .user-workspace-page .workspace-pro-note{
    gap:8px;
    margin-top:12px;
  }

  .user-workspace-page .workspace-pro-feature-list div,
  .user-workspace-page .workspace-pro-note{
    padding:10px 12px;
    border-radius:12px;
  }

  @media (max-width: 760px){
    .user-workspace-page .workspace-chat-summary-grid{
      grid-template-columns:1fr;
    }

    .user-workspace-page .workspace-conversation-message{
      max-width:100%;
    }
  }

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

.module-card{
  padding:24px;
  transform:translateY(10px);
  opacity:0;
  transition:.24s ease;
}

.module-card.is-visible{
  transform:translateY(0);
  opacity:1;
}

.module-chip{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  background:rgba(103,209,255,.12);
  color:#87deff;
}

.module-card h2{
  margin:18px 0 10px;
  font-size:var(--heading-card);
  line-height:1.18;
}

.module-card p{
  margin:0;
  color:var(--muted);
  line-height:1.74;
  font-size:16px;
}

.module-card-footer{
  margin-top:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.status-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

.status-live{
  background:rgba(48,180,122,.18);
  color:#8af1bf;
}

.status-pending{
  background:rgba(255,198,71,.18);
  color:#ffd97a;
}

.status-completed,
.status-verified{
  background:rgba(48,180,122,.18);
  color:#8af1bf;
}

.status-running{
  background:rgba(82,151,255,.18);
  color:#9dc8ff;
}

.status-failed,
.status-expired{
  background:rgba(255,102,120,.18);
  color:#ffb2bd;
}

.probe-mail-countdown{
  color:var(--text-secondary);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.is-disabled{
  opacity:.65;
  pointer-events:none;
}

.empty-state{
  text-align:center;
}

.empty-state h2{
  margin:8px 0 12px;
  font-size:var(--heading-section);
  line-height:1.12;
}

.module-shell{
  max-width:960px;
  margin:0 auto;
}

.module-info-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  margin-top:24px;
}

.info-panel{
  padding:18px 20px;
}

.info-panel span{
  display:block;
  margin-top:8px;
  color:var(--muted);
}

@media (max-width: 980px){
  .auth-shell,
  .auth-shell-wide,
  .portal-hero-grid,
  .portal-hero-links{
    grid-template-columns:1fr;
  }

  .auth-signal-grid,
  .auth-form-grid,
  .auth-qr-panel,
  .module-grid,
  .module-info-grid,
  .workspace-link-grid{
    grid-template-columns:1fr;
  }

  .crm-kpi-grid,
  .crm-page-grid,
  .crm-dashboard-grid,
  .crm-dossier-grid,
  .crm-worksurface{
    grid-template-columns:1fr;
  }

  .crm-grid-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .crm-grid-meta{
    justify-items:start;
    text-align:left;
  }

  .crm-board{
    grid-template-columns:1fr;
  }

  .crm-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .crm-detail-popout{
    justify-content:stretch;
  }

  .crm-detail-popout-dialog{
    width:100vw;
    padding:18px 16px 24px;
  }

  .crm-detail-popout-head{
    margin:-18px -16px 16px;
    padding:18px 16px 14px;
  }

  .crm-workspace{
    grid-template-columns:1fr;
  }

  .crm-shell{
    width:min(100%, calc(100% - 24px));
  }

  .crm-sidebar{
    position:static;
  }

  .crm-mainbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .crm-sheet-head,
  .crm-stream-topline{
    align-items:flex-start;
    flex-direction:column;
  }

  .crm-mainbar-meta{
    justify-items:start;
    text-align:left;
  }

  .crm-span-2{
    grid-column:auto;
  }

  .crm-kpi-card{
    border-right:0;
    border-bottom:1px solid rgba(113,184,255,.10);
  }

  .crm-kpi-card:last-child{
    border-bottom:0;
  }
}

@media (max-width: 760px){
  .page{
    padding:24px 0 56px;
  }

  .admin-page .container{
    width:min(100%, calc(100% - 18px));
  }

  .admin-shell{
    grid-template-columns:minmax(0, 1fr);
  }

  .admin-sidebar{
    position:static;
  }

  .admin-sidebar-panel,
  .admin-topbar,
  .admin-panel-card,
  .admin-metric-card{
    border-radius:22px;
  }

  .admin-topbar{
    padding:24px;
  }

  .auth-shell{
    width:min(100%, calc(100% - 24px));
  }

  .auth-intro,
  .auth-card,
  .module-shell,
  .empty-state{
    padding:24px;
  }

  .auth-links,
  .footer-grid,
  .module-card-footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .admin-tabs{
    grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
  }
}

.cti-home{
  padding-bottom:80px;
}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(121,184,255,.18);
  background:rgba(255,255,255,.04);
  color:#d7e7fb;
  transition:.22s ease;
}

.pill:hover,
.pill.active{
  color:#fff;
  border-color:rgba(100,183,255,.34);
  background:rgba(17,34,71,.55);
  box-shadow:0 0 0 1px rgba(100,183,255,.10), 0 0 20px rgba(57,160,255,.12);
}

.cti-filter-bar{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin:10px 0 26px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(113,184,255,.08);
}

.cti-filter-bar a{
  position:relative;
  padding:0 0 8px;
  color:#93a9c8;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.cti-filter-bar a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(140,197,255,.72);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}

.cti-filter-bar a:hover,
.cti-filter-bar a.active{
  color:#eef5ff;
}

.cti-filter-bar a.active::after,
.cti-filter-bar a:hover::after{
  transform:scaleX(1);
}

.cti-home-refined{
  padding-top:0;
  background:
    radial-gradient(circle at 12% 10%, rgba(38,96,255,.10), transparent 20%),
    radial-gradient(circle at 88% 18%, rgba(42,216,255,.08), transparent 18%);
}

.cti-hero-shell{
  padding-top:8px;
  padding-bottom:20px;
}

.cti-editorial-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr);
  gap:22px;
  align-items:stretch;
}

.cti-hero-main,
.cti-hero-aside-card,
.cti-hero-metrics article,
.cti-news-lead-card,
.cti-news-rail-card,
.cti-advertorial-lead,
.cti-ad-card,
.cti-report-card{
  border:1px solid rgba(113,184,255,.12);
  border-radius:24px;
  background:
    radial-gradient(circle at 84% 18%, rgba(93,204,255,.06), transparent 22%),
    linear-gradient(180deg, rgba(8,18,40,.94), rgba(6,14,31,.99));
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}

.cti-hero-main{
  padding:28px 30px 30px;
  min-height:100%;
}

.cti-hero-main h1{
  margin:12px 0 16px;
  max-width:18ch;
  font-size:clamp(32px, 4.8vw, 64px);
  line-height:.96;
  letter-spacing:-.05em;
}

.cti-hero-lead{
  max-width:56ch;
  margin:0;
  color:#d2dfef;
  font-size:17px;
  line-height:1.72;
}

.cti-hero-signal-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.cti-hero-signal-row span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(121,188,255,.18);
  background:rgba(255,255,255,.04);
  color:#dceaff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cti-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.cti-inline-status{
  margin-top:18px;
  margin-bottom:0;
}

.cti-hero-aside{
  display:grid;
  gap:14px;
}

.cti-hero-aside-card{
  padding:22px 24px;
}

.cti-hero-aside-card h2{
  margin:10px 0 10px;
  font-size:26px;
  line-height:1.05;
  letter-spacing:-.04em;
}

.cti-hero-aside-card p{
  margin:0;
  color:#cedbec;
  line-height:1.68;
}

.cti-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.cti-hero-metrics article{
  padding:18px 16px;
  display:grid;
  gap:8px;
}

.cti-hero-metrics strong{
  display:block;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}

.cti-hero-metrics span{
  color:#9db1cf;
  font-size:12px;
  line-height:1.5;
}

.cti-library-item p{
  margin:0;
  color:var(--muted);
  line-height:1.72;
}

.cti-library-head{
  max-width:620px;
}

.cti-kpi-strip{
  margin-bottom:18px;
}

.cti-news-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr);
  gap:18px;
}

.cti-news-lead-card{
  padding:24px 24px 22px;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:100%;
}

.cti-news-lead-card h3{
  margin:2px 0 0;
  font-size:clamp(28px, 3vw, 40px);
  line-height:1;
  letter-spacing:-.04em;
  max-width:18ch;
}

.cti-news-lead-card p{
  margin:0;
  max-width:58ch;
  color:#d5e2f2;
  font-size:15px;
  line-height:1.72;
}

.cti-news-lead-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:auto;
  padding-top:10px;
}

.cti-news-rail{
  display:grid;
  gap:14px;
}

.cti-news-rail-card{
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cti-news-rail-card h3{
  margin:0;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.cti-news-rail-card p{
  margin:0;
  color:#ccd9ea;
  font-size:13px;
  line-height:1.62;
}

.cti-news-empty{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.cti-book-strip{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.cti-book-card-mini{
  display:grid;
  grid-template-columns:92px minmax(0, 1fr);
  gap:14px;
  align-items:start;
  padding:14px;
  border:1px solid rgba(113,184,255,.10);
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(8,18,40,.92), rgba(6,14,31,.98));
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}

.cti-book-card-mini-cover{
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(230,237,246,.95), rgba(214,224,238,.88));
  padding:8px;
}

.cti-book-card-mini-cover img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.cti-book-card-mini-body{
  display:grid;
  gap:8px;
}

.cti-book-card-mini-body h3{
  margin:0;
  font-size:18px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.cti-book-card-mini-body p{
  margin:0;
  color:#cad8ea;
  font-size:13px;
  line-height:1.58;
}

.cti-advertorial-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr);
  gap:18px;
  align-items:stretch;
}

.cti-advertorial-lead{
  display:grid;
  grid-template-columns:240px minmax(0, 1fr);
  overflow:hidden;
}

.cti-advertorial-cover{
  padding:22px;
  background:linear-gradient(180deg, rgba(230,237,246,.95), rgba(214,224,238,.88));
  display:flex;
  align-items:center;
  justify-content:center;
}

.cti-advertorial-cover img{
  width:100%;
  max-width:180px;
  height:auto;
  object-fit:contain;
}

.cti-advertorial-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px 24px 22px;
}

.cti-advertorial-body h3,
.cti-ad-card h3,
.cti-report-card h3{
  margin:2px 0 0;
  font-size:clamp(20px, 2vw, 30px);
  line-height:1.06;
  letter-spacing:-.03em;
}

.cti-advertorial-body p,
.cti-ad-card p,
.cti-report-card p{
  margin:0;
  color:#cfdbec;
  font-size:14px;
  line-height:1.66;
}

.cti-advertorial-list{
  display:grid;
  gap:14px;
}

.cti-ad-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px 20px 18px;
}

.cti-ad-card-main{
  display:grid;
  gap:8px;
}

.cti-report-deck{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.cti-report-deck-featured{
  margin:0 0 24px;
}

.cti-report-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:100%;
  padding:20px 20px 18px;
}

.cti-report-card-featured{
  min-height:240px;
}

.cti-featured-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
  margin-top:auto;
  padding-top:8px;
}

.cti-archive-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 10px;
}

.cti-archive-head h3{
  margin:0;
  font-size:var(--heading-card);
  line-height:1.18;
  letter-spacing:-.03em;
}

.cti-library-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}

.cti-library-item{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
  padding:11px 0 12px;
  border-bottom:1px solid rgba(113,184,255,.07);
}

.cti-library-meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
  color:#93a8c5;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.cti-library-item-main{
  min-width:0;
}

.cti-library-item h3{
  margin:5px 0 5px;
  font-size:var(--heading-card-tight);
  line-height:1.18;
  letter-spacing:-.025em;
}

.cti-library-item p{
  font-size:12px;
  line-height:1.45;
  max-width:58ch;
  color:#c8d5e8;
}

.cti-library-item:hover{
  border-color:rgba(113,184,255,.12);
}

.cti-library-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#e9f3ff;
  font-weight:600;
}

.text-link:hover{
  color:#8fd8ff;
}

.cti-report-link{
  color:#eef5ff;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.cti-report-link:hover{
  color:#8fd8ff;
}

.cti-report-link-muted{
  color:#90a6c5;
}

.cti-home-refined{
  padding-top:18px;
}

.cti-top-layout{
  width:min(1440px, calc(100% - 24px));
  margin:0 auto;
  display:grid;
  grid-template-columns:220px minmax(0, 1fr);
  gap:18px;
  align-items:start;
}

.cti-sidebar{
  display:flex;
  flex-direction:column;
  align-self:start;
  padding:16px 10px 12px;
  border:1px solid rgba(113,184,255,.10);
  border-radius:28px;
  background:
    radial-gradient(circle at 14% 8%, rgba(42,121,255,.12), transparent 20%),
    linear-gradient(180deg, rgba(5,10,22,.98), rgba(4,8,18,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}

.cti-sidebar-brand{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 10px 18px;
  color:#f0f6ff;
  font-size:24px;
}

.cti-sidebar-brand-mark{
  color:#dfeeff;
  font-size:26px;
}

.cti-sidebar-brand strong{
  font-size:26px;
  line-height:1;
  letter-spacing:-.03em;
}

.cti-sidebar-nav{
  display:grid;
  gap:6px;
  margin-top:6px;
}

.cti-sidebar-link{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  padding:0 10px;
  border-radius:14px;
  color:#b9c8dc;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}

.cti-sidebar-link:hover{
  color:#eef6ff;
  background:rgba(255,255,255,.03);
}

.cti-sidebar-link.is-active{
  color:#f6fbff;
  background:linear-gradient(135deg, rgba(43,109,255,.95), rgba(28,67,155,.72));
  border:1px solid rgba(121,188,255,.24);
  box-shadow:0 10px 26px rgba(20,72,190,.28);
}

.cti-sidebar-link-icon{
  width:18px;
  height:18px;
  border-radius:6px;
  border:1px solid rgba(144,166,197,.32);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  flex:0 0 auto;
}

.cti-stage{
  border:1px solid rgba(113,184,255,.10);
  border-radius:28px;
  padding:18px 18px 24px;
  background:
    radial-gradient(circle at 62% 8%, rgba(29,111,255,.10), transparent 22%),
    linear-gradient(180deg, rgba(3,8,18,.94), rgba(4,10,21,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}

.cti-stage > .cti-stage-panel:first-of-type{
  margin-top:0;
}

.cti-debug-box{
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid rgba(113,184,255,.12);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(8,17,35,.9), rgba(6,13,27,.96));
}

.cti-debug-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.cti-debug-head strong{
  color:#eef5ff;
  font-size:15px;
}

.cti-debug-head span,
.cti-debug-meta span,
.cti-debug-success span,
.cti-debug-grid span{
  color:#94aac7;
  font-size:12px;
}

.cti-debug-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.cti-debug-grid div{
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(113,184,255,.08);
}

.cti-debug-grid strong{
  display:block;
  margin-top:4px;
  color:#f3f8ff;
  font-size:18px;
  line-height:1.1;
}

.cti-debug-meta,
.cti-debug-success{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:12px;
}

.cti-debug-errors{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.cti-debug-error-line{
  padding:10px 12px;
  border-radius:12px;
  background:rgba(115,36,36,.16);
  border:1px solid rgba(194,99,99,.18);
  color:#ffdede;
}

.cti-debug-error-line strong{
  margin-right:8px;
}

.cti-debug-flow{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(113,184,255,.08);
}

.cti-debug-flow > strong{
  display:block;
  margin-bottom:10px;
  color:#edf5ff;
  font-size:14px;
}

.cti-debug-flow-list{
  display:grid;
  gap:8px;
}

.cti-debug-flow-item{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(113,184,255,.08);
}

.cti-debug-flow-step{
  color:#8fd8ff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cti-debug-flow-message{
  color:#e7f0fb;
  font-size:13px;
}

.cti-debug-flow-item code{
  color:#94aac7;
  font-size:11px;
  white-space:pre-wrap;
  word-break:break-word;
}

.cti-stage-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.cti-stage-crumb{
  color:#eef4ff;
  font-size:15px;
}

.cti-stage-tools{
  display:flex;
  align-items:center;
  gap:10px;
}

.cti-stage-search{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:280px;
  min-height:46px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(255,255,255,.02);
  color:#92a8c5;
}

.cti-stage-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#f1f7ff;
  font:inherit;
}

.cti-stage-search input::placeholder{
  color:#8ea5c2;
}

.cti-stage-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.02);
}

.cti-hero-panel,
.cti-stage-panel,
.cti-inline-book-banner{
  border:1px solid rgba(113,184,255,.10);
  border-radius:24px;
  background:
    radial-gradient(circle at 82% 18%, rgba(88,168,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(8,17,36,.92), rgba(5,12,26,.98));
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}

.cti-hero-panel{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(300px, .9fr);
  gap:22px;
  padding:26px 28px 24px;
}

.cti-hero-copy-block h1{
  margin:0;
  max-width:12.5ch;
  color:#eef4ff;
  font-size:clamp(34px, 3.8vw, 56px);
  line-height:1.02;
  letter-spacing:-.05em;
}

.cti-hero-copy-block p{
  max-width:46ch;
  margin:16px 0 0;
  color:#d0dced;
  font-size:16px;
  line-height:1.62;
}

.cti-hero-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:20px;
}

.cti-hero-live-note{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
  color:#9bb0cc;
  font-size:13px;
}

.cti-live-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#45d17b;
  box-shadow:0 0 0 6px rgba(69,209,123,.12);
}

.cti-hero-globe{
  position:relative;
  min-height:300px;
  overflow:hidden;
}

.cti-hero-globe-core{
  position:absolute;
  inset:18px 0 0 56px;
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 40%, rgba(120,170,255,.14), transparent 34%),
    radial-gradient(circle at 58% 56%, rgba(46,128,255,.25), transparent 52%),
    radial-gradient(circle at 50% 50%, rgba(4,12,28,.18), rgba(4,10,24,.88) 68%, rgba(4,10,24,.98) 100%);
  border:1px solid rgba(104,168,255,.28);
  box-shadow:inset 0 0 90px rgba(57,121,255,.12);
}

.cti-hero-globe-core::before{
  content:"";
  position:absolute;
  inset:10% 12%;
  border-radius:50%;
  background:
    radial-gradient(circle at 16% 36%, rgba(255,255,255,.55) 0 1%, transparent 1.5%),
    radial-gradient(circle at 61% 24%, rgba(255,255,255,.45) 0 1%, transparent 1.5%),
    radial-gradient(circle at 74% 62%, rgba(255,255,255,.35) 0 1%, transparent 1.5%),
    radial-gradient(circle at 36% 70%, rgba(255,255,255,.3) 0 1%, transparent 1.5%);
  opacity:.55;
}

.cti-hero-globe-orbit{
  position:absolute;
  border:1px solid rgba(77,139,255,.26);
  border-radius:50%;
}

.cti-hero-globe-orbit.orbit-a{ inset:56px 18px 34px 30px; }
.cti-hero-globe-orbit.orbit-b{ inset:90px 22px 76px 54px; transform:rotate(25deg); }
.cti-hero-globe-orbit.orbit-c{ inset:70px 46px 52px 18px; transform:rotate(-28deg); }

.cti-hero-node{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#8dccff;
  box-shadow:0 0 0 5px rgba(88,168,255,.14), 0 0 16px rgba(125,210,255,.4);
}

.cti-hero-node.node-1{ top:62px; right:80px; }
.cti-hero-node.node-2{ top:122px; right:188px; }
.cti-hero-node.node-3{ top:210px; right:84px; }
.cti-hero-node.node-4{ bottom:84px; right:210px; }
.cti-hero-node.node-5{ bottom:132px; left:100px; }

.cti-stage-panel{
  margin-top:18px;
  padding:24px 24px 20px;
}

.cti-topic-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(260px, .9fr);
  gap:22px;
  align-items:start;
}

.cti-topic-hero h1{
  margin:8px 0 0;
  color:#eef4ff;
  font-size:clamp(30px, 3vw, 44px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.cti-topic-intro{
  margin:16px 0 0;
  color:#ccd9eb;
  font-size:16px;
  line-height:1.7;
  max-width:62ch;
}

.cti-topic-lead-list,
.cti-topic-bullet-list{
  display:grid;
  gap:10px;
  margin:18px 0 0;
  padding:0 0 0 18px;
  color:#d7e3f2;
}

.cti-topic-lead-list li,
.cti-topic-bullet-list li{
  line-height:1.6;
}

.cti-topic-metrics{
  display:grid;
  gap:12px;
}

.cti-topic-metric{
  padding:18px 18px 16px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.02);
}

.cti-topic-metric span{
  display:block;
  color:#91a7c4;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cti-topic-metric strong{
  display:block;
  margin-top:10px;
  color:#f4f8ff;
  font-size:30px;
  line-height:1;
}

.cti-topic-metric small{
  display:block;
  margin-top:8px;
  color:#a5b8d2;
  font-size:13px;
  line-height:1.5;
}

.cti-topic-quote{
  display:grid;
  gap:8px;
  padding-top:18px;
  padding-bottom:18px;
}

.cti-topic-quote p{
  margin:0;
  color:#ecf4ff;
  font-size:18px;
  line-height:1.6;
}

.cti-topic-quote span{
  color:#89d0ff;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cti-topic-section{
  margin-top:18px;
}

.cti-topic-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.cti-topic-card,
.cti-topic-matrix-row{
  padding:18px 18px 16px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}

.cti-topic-card h3{
  margin:10px 0 8px;
  color:#f3f7ff;
  font-size:22px;
  line-height:1.2;
}

.cti-topic-card p,
.cti-topic-matrix-row p{
  margin:0;
  color:#c5d3e6;
  line-height:1.65;
}

.cti-topic-matrix{
  display:grid;
  gap:12px;
}

.cti-topic-matrix-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.cti-topic-matrix-row strong{
  display:block;
  margin-bottom:6px;
  color:#eef5ff;
  font-size:16px;
}

.cti-topic-matrix-row span{
  flex:0 0 auto;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(24,61,136,.22);
  color:#dff0ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.cti-topic-split{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.cti-topic-checklist{
  margin-top:2px;
}

.cti-topic-chip-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.cti-topic-cta-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.cti-topic-cta-panel h2{
  margin:10px 0 8px;
  color:#f2f7ff;
  font-size:28px;
  line-height:1.15;
}

.cti-topic-cta-panel p{
  margin:0;
  max-width:66ch;
  color:#c9d7ea;
  line-height:1.65;
}

.cti-newsdesk-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .95fr);
  gap:22px;
  align-items:start;
}

.cti-newsdesk-hero-metrics{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.cti-newsdesk-lead{
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(300px, .8fr);
  gap:18px;
}

.cti-newsdesk-lead-story{
  display:grid;
  grid-template-columns:minmax(260px, .82fr) minmax(0, 1fr);
  gap:18px;
  min-width:0;
}

.cti-newsdesk-lead-media{
  min-height:420px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(113,184,255,.10);
  background:linear-gradient(180deg, rgba(16,34,70,.74), rgba(7,13,25,.96));
}

.cti-newsdesk-lead-media img,
.cti-newsdesk-lead-fallback{
  width:100%;
  height:100%;
  object-fit:cover;
}

.cti-newsdesk-lead-fallback{
  background:
    radial-gradient(circle at 18% 18%, rgba(64,146,255,.22), transparent 22%),
    linear-gradient(180deg, rgba(15,33,73,.86), rgba(6,12,26,.98));
}

.cti-newsdesk-lead-body{
  min-width:0;
}

.cti-newsdesk-lead-body h2{
  margin:14px 0 0;
  color:#eef5ff;
  font-size:clamp(28px, 2.6vw, 40px);
  line-height:1.1;
  letter-spacing:-.04em;
}

.cti-newsdesk-lead-summary{
  margin:16px 0 0;
  color:#dae6f5;
  font-size:17px;
  line-height:1.7;
}

.cti-newsdesk-editorial-copy{
  margin:16px 0 0;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.025);
  color:#c4d2e5;
  line-height:1.7;
}

.cti-newsdesk-lead-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}

.cti-newsdesk-rail{
  display:grid;
  gap:16px;
}

.cti-newsdesk-rail-card{
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(113,184,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}

.cti-newsdesk-rail-card h3{
  margin:10px 0 8px;
  color:#eff5ff;
  font-size:24px;
  line-height:1.2;
}

.cti-newsdesk-rail-card p{
  margin:0;
  color:#c8d6e8;
  line-height:1.65;
}

.cti-newsdesk-mini-list{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.cti-newsdesk-mini-item{
  display:grid;
  gap:6px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.02);
}

.cti-newsdesk-mini-item:hover{
  background:rgba(255,255,255,.04);
}

.cti-newsdesk-mini-item strong{
  color:#eef5ff;
  font-size:15px;
  line-height:1.45;
}

.cti-newsdesk-mini-item small{
  color:#96abc7;
  font-size:12px;
}

.cti-newsdesk-mini-item .cti-news-badge{
  width:max-content;
}

.cti-actor-visual{
  position:relative;
  width:100%;
  height:100%;
  min-height:420px;
  background:
    radial-gradient(circle at 22% 26%, rgba(72,157,255,.24), transparent 24%),
    radial-gradient(circle at 78% 24%, rgba(80,211,255,.20), transparent 20%),
    radial-gradient(circle at 54% 72%, rgba(44,102,255,.20), transparent 24%),
    linear-gradient(180deg, rgba(10,23,52,.94), rgba(4,10,22,.98));
}

.cti-actor-visual-node{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#9fd8ff;
  box-shadow:0 0 0 8px rgba(90,176,255,.10), 0 0 18px rgba(120,214,255,.36);
}

.cti-actor-visual-node.node-a{ top:18%; left:22%; }
.cti-actor-visual-node.node-b{ top:32%; right:20%; }
.cti-actor-visual-node.node-c{ bottom:22%; left:50%; transform:translateX(-50%); }

.cti-actor-visual-line{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg, rgba(100,183,255,.06), rgba(125,212,255,.9), rgba(100,183,255,.06));
  transform-origin:left center;
}

.cti-actor-visual-line.line-a{
  top:24%;
  left:24%;
  width:48%;
  transform:rotate(10deg);
}

.cti-actor-visual-line.line-b{
  top:38%;
  left:26%;
  width:42%;
  transform:rotate(34deg);
}

.cti-actor-visual-line.line-c{
  top:52%;
  left:49%;
  width:26%;
  transform:rotate(-55deg);
}

.cti-actor-card .cti-topic-bullet-list strong{
  color:#f1f7ff;
}

.cti-campaign-visual{
  position:relative;
  width:100%;
  height:100%;
  min-height:420px;
  background:
    radial-gradient(circle at 20% 28%, rgba(72,157,255,.16), transparent 18%),
    radial-gradient(circle at 68% 24%, rgba(255,163,82,.14), transparent 16%),
    radial-gradient(circle at 54% 72%, rgba(86,216,255,.14), transparent 18%),
    linear-gradient(180deg, rgba(10,22,49,.94), rgba(4,10,22,.98));
}

.cti-campaign-dot{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#9fd8ff;
  box-shadow:0 0 0 7px rgba(90,176,255,.10), 0 0 16px rgba(120,214,255,.32);
}

.cti-campaign-dot.dot-a{ top:20%; left:18%; }
.cti-campaign-dot.dot-b{ top:34%; left:58%; }
.cti-campaign-dot.dot-c{ bottom:26%; left:32%; }
.cti-campaign-dot.dot-d{ bottom:18%; right:18%; }

.cti-campaign-bar{
  position:absolute;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(90,176,255,.18), rgba(153,225,255,.94));
}

.cti-campaign-bar.bar-a{
  top:22%;
  left:20%;
  width:38%;
  height:3px;
}

.cti-campaign-bar.bar-b{
  top:38%;
  left:58%;
  width:3px;
  height:34%;
}

.cti-campaign-bar.bar-c{
  bottom:28%;
  left:33%;
  width:42%;
  height:3px;
}

.cti-ransom-watch{
  display:grid;
  gap:18px;
}

.cti-ransom-stat-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:10px;
}

.cti-ransom-stat{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(113,184,255,.10);
  background:rgba(255,255,255,.02);
}

.cti-ransom-stat span{
  display:block;
  color:#97abc7;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.cti-ransom-stat strong{
  display:block;
  margin-top:8px;
  color:#f3f8ff;
  font-size:28px;
  line-height:1.05;
}

.cti-ransom-note{
  margin:16px 0 0;
  color:#c6d4e7;
  line-height:1.65;
}

.cti-ransom-card-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.cti-ransom-table{
  overflow:hidden;
}

.cti-ransom-source-line{
  margin:0;
  color:#96abc6;
  font-size:13px;
  line-height:1.65;
}

.cti-ransom-source-line a{
  color:#dfefff;
}

.cti-ransom-source-line a:hover{
  color:#8fd8ff;
}

.cti-ransom-actions{
  display:flex;
  justify-content:center;
  margin-top:8px;
}

.cti-indicator-primary{
  display:grid;
  gap:18px;
}

.cti-indicator-summary .cti-topic-card{
  min-height:100%;
}

.cti-indicator-stat-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.cti-indicator-stat-card strong{
  display:block;
  margin-top:10px;
  color:#f5f9ff;
  font-size:34px;
  line-height:1;
}

.cti-indicator-table-wrap{
  display:grid;
  gap:16px;
}

.cti-indicator-table .cti-report-table-head,
.cti-indicator-table .cti-report-table-row{
  grid-template-columns:minmax(0, 1.2fr) minmax(120px, .55fr) minmax(0, 1fr) minmax(150px, .7fr) minmax(120px, .55fr);
}

.cti-indicator-table .cti-report-table-row span:nth-child(1){
  color:#eef5ff;
  font-family:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:13px;
  word-break:break-all;
}

.cti-indicator-table .cti-report-table-row span:nth-child(3),
.cti-indicator-table .cti-report-table-row span:nth-child(4),
.cti-indicator-table .cti-report-table-row span:nth-child(5){
  color:#bfd0e7;
}

.cti-ttp-stage{
  display:grid;
  gap:18px;
}

.cti-ttp-stat-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.cti-ttp-stat-card strong{
  display:block;
  margin-top:10px;
  color:#f4f9ff;
  font-size:34px;
  line-height:1;
}

.cti-ttp-summary-card h3{
  margin:10px 0 8px;
  color:#eef5ff;
  font-size:34px;
  line-height:1.15;
}

.cti-ttp-summary-card p{
  margin:0;
  color:#d0dced;
  line-height:1.7;
}

.cti-ttp-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.cti-ttp-card .cti-topic-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(113,184,255,.18);
  background:rgba(8,17,35,.78);
  color:#d9e8fb;
  font-size:12px;
  letter-spacing:.03em;
}

.cti-ttp-chip-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 16px;
}

@media (max-width: 1080px){
  .cti-indicator-stat-grid{
    grid-template-columns:1fr;
  }

  .cti-ttp-stat-grid,
  .cti-ttp-grid{
    grid-template-columns:1fr;
  }
}

.cti-stage-panel-wide{
  margin-top:0;
}

.cti-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.cti-panel-title-row{
  display:flex;
  align-items:center;
  gap:12px;
}

.cti-panel-title-row h2{
  margin:0;
  font-size:42px;
  line-height:1;
  letter-spacing:-.04em;
}

.cti-panel-head p{
  margin:10px 0 0;
  color:#9cb1cc;
  font-size:15px;
}

.cti-panel-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  border:1px solid rgba(132,191,255,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}

.cti-panel-icon.is-book{
  border-radius:50%;
}

.cti-panel-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:14px;
  border:1px solid rgba(113,184,255,.12);
  background:rgba(255,255,255,.02);
  color:#dbe9fb;
  white-space:nowrap;
}

.cti-kpi-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-bottom:18px;
}

.cti-kpi-card{
  padding:18px 18px 16px;
  border:1px solid rgba(113,184,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.015);
}

.cti-kpi-icon{
  display:inline-block;
  width:40px;
  height:40px;
  margin-bottom:14px;
  border-radius:50%;
  border:1px solid rgba(127,190,255,.22);
}

.cti-kpi-card strong{
  display:block;
  margin-top:10px;
  color:#f4f8ff;
  font-size:46px;
  line-height:1;
  letter-spacing:-.04em;
}

.cti-kpi-card p{
  margin:10px 0 0;
  color:#8ea6c4;
}

.cti-news-card-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.cti-news-card{
  overflow:hidden;
  border:1px solid rgba(113,184,255,.10);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(9,18,37,.94), rgba(7,14,28,.99));
}

.cti-news-card-media{
  position:relative;
  height:224px;
  overflow:hidden;
  border-bottom:1px solid rgba(113,184,255,.08);
}

.cti-news-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.cti-news-card-media-fallback{
  width:100%;
  height:100%;
}

.cti-news-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,9,20,0) 0%, rgba(4,9,20,.14) 52%, rgba(4,9,20,.44) 100%);
  pointer-events:none;
}

.cti-news-card-media.media-critical{
  background:
    radial-gradient(circle at 26% 50%, rgba(255,92,92,.35), transparent 30%),
    linear-gradient(145deg, rgba(48,6,6,.95), rgba(17,6,10,.98));
}

.cti-news-card-media.media-high{
  background:
    radial-gradient(circle at 50% 48%, rgba(67,153,255,.34), transparent 26%),
    linear-gradient(145deg, rgba(5,25,58,.95), rgba(6,13,32,.98));
}

.cti-news-card-media.media-medium{
  background:
    radial-gradient(circle at 52% 50%, rgba(40,214,162,.26), transparent 22%),
    linear-gradient(145deg, rgba(5,41,37,.96), rgba(5,18,24,.98));
}

.cti-news-card-media.media-low{
  background:
    radial-gradient(circle at 52% 50%, rgba(144,166,197,.18), transparent 24%),
    linear-gradient(145deg, rgba(10,18,32,.95), rgba(6,12,24,.98));
}

.cti-news-card-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px 14px 16px;
}

.cti-news-card-meta,
.cti-news-card-date{
  color:#92a9c6;
  font-size:12px;
}

.cti-news-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.cti-news-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.08em;
}

.severity-critical .cti-news-badge{ background:#822525; color:#fff2f2; }
.severity-high .cti-news-badge{ background:#9a5b10; color:#fff6eb; }
.severity-medium .cti-news-badge{ background:#89752a; color:#fff9df; }
.severity-low .cti-news-badge{ background:#24486d; color:#eaf5ff; }
.cti-news-badge.severity-critical{ background:#822525; color:#fff2f2; }
.cti-news-badge.severity-high{ background:#9a5b10; color:#fff6eb; }
.cti-news-badge.severity-medium{ background:#89752a; color:#fff9df; }
.cti-news-badge.severity-low{ background:#24486d; color:#eaf5ff; }

.cti-news-card h3{
  margin:0;
  color:#edf4ff;
  font-size:22px;
  line-height:1.2;
  letter-spacing:-.03em;
}

.cti-news-card p{
  margin:0;
  color:#95acc8;
  line-height:1.72;
}

.cti-news-card-actions{
  margin-top:auto;
  padding-top:10px;
}

.cti-panel-footer-link{
  display:flex;
  justify-content:center;
  padding-top:18px;
}

.cti-panel-footer-link a{
  color:#9cb9ff;
  font-weight:600;
}

.cti-inline-book-banner{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 110px auto;
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding:16px 18px;
  border-color:rgba(113,184,255,.08);
  background:
    linear-gradient(180deg, rgba(9,18,36,.88), rgba(6,13,27,.94));
}

.cti-inline-book-banner-copy h3{
  margin:8px 0 6px;
  font-size:24px;
  line-height:1.06;
  letter-spacing:-.04em;
}

.cti-inline-book-banner-copy p{
  margin:0;
  color:#9db2cc;
  line-height:1.64;
}

.cti-inline-book-banner-cover{
  display:flex;
  justify-content:center;
  padding:10px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(230,237,246,.95), rgba(214,224,238,.88));
}

.cti-inline-book-banner-cover img{
  display:block;
  width:100%;
  height:auto;
  max-width:70px;
}

.cti-reports-band{
  width:min(1440px, calc(100% - 24px));
  margin:18px auto 0;
}

.cti-book-interlude{
  width:min(1440px, calc(100% - 24px));
  margin:18px auto 0;
}

.cti-book-interlude .cti-inline-book-banner{
  margin-top:0;
}

.cti-report-subhead{
  margin:24px 0 14px;
  color:#dbe8fa;
  font-size:19px;
}

.cti-report-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
  align-items:stretch;
}

.cti-report-feature-card{
  overflow:hidden;
  border:1px solid rgba(113,184,255,.10);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(8,17,35,.94), rgba(6,13,27,.99));
}

.cti-report-feature-media{
  position:relative;
  height:284px;
  overflow:hidden;
  border-bottom:1px solid rgba(113,184,255,.08);
}

.cti-report-feature-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.cti-report-feature-media iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#fff;
  pointer-events:none;
}

.cti-report-feature-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,9,20,.02) 0%, rgba(4,9,20,.18) 56%, rgba(4,9,20,.42) 100%);
  pointer-events:none;
}

.tone-lock .cti-report-feature-media{
  background:radial-gradient(circle at 50% 50%, rgba(78,138,255,.25), transparent 25%), linear-gradient(145deg, rgba(7,24,53,.95), rgba(6,13,29,.98));
}

.tone-grid .cti-report-feature-media{
  background:linear-gradient(145deg, rgba(8,18,42,.95), rgba(7,12,26,.98));
}

.tone-signal .cti-report-feature-media{
  background:radial-gradient(circle at 50% 50%, rgba(255,64,64,.28), transparent 16%), linear-gradient(145deg, rgba(40,8,12,.95), rgba(9,13,28,.98));
}

.tone-nodes .cti-report-feature-media{
  background:radial-gradient(circle at 72% 36%, rgba(93,178,255,.28), transparent 14%), linear-gradient(145deg, rgba(7,18,42,.95), rgba(6,12,27,.98));
}

.tone-actor .cti-report-feature-media{
  background:radial-gradient(circle at 50% 50%, rgba(188,71,255,.2), transparent 18%), linear-gradient(145deg, rgba(23,9,34,.95), rgba(7,12,25,.98));
}

.cti-report-feature-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:14px 14px 16px;
}

.cti-report-feature-body h3{
  margin:0;
  font-size:22px;
  line-height:1.2;
  letter-spacing:-.03em;
}

.cti-report-feature-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#8fa7c6;
  font-size:12px;
}

.cti-report-feature-body p{
  margin:0;
  color:#97aec9;
  line-height:1.68;
}

.cti-tag{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  font-size:11px;
}

.cti-tag.kind-case{ background:#3f315b; color:#ece6ff; }
.cti-tag.kind-cti{ background:#29486b; color:#e4f3ff; }
.cti-tag.kind-trend{ background:#2f4f59; color:#e7f7f8; }

.cti-report-feature-card.is-book-ad{
  display:flex;
  flex-direction:column;
}

.cti-report-feature-book-cover{
  height:166px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  border-bottom:1px solid rgba(113,184,255,.08);
  background:linear-gradient(180deg, rgba(230,237,246,.95), rgba(214,224,238,.88));
}

.cti-report-feature-book-cover img{
  display:block;
  max-height:132px;
  width:auto;
}

.cti-report-table{
  overflow:hidden;
  border:1px solid rgba(113,184,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.012);
}

.cti-report-table-head,
.cti-report-table-row{
  display:grid;
  grid-template-columns:2fr .85fr .9fr .9fr;
  gap:14px;
  padding:14px 16px;
}

.cti-report-table-head{
  color:#98afcb;
  font-size:12px;
  border-bottom:1px solid rgba(113,184,255,.08);
}

.cti-report-table-row{
  color:#dbe8fa;
  border-top:1px solid rgba(113,184,255,.06);
}

.cti-report-table-row:first-of-type{
  border-top:0;
}

.cti-analytics-cards .card h3{
  margin:12px 0 6px;
  font-size:34px;
  line-height:1;
}

.cti-analytics-table-wrap{
  margin-top:22px;
  padding:0;
  overflow:hidden;
}

.cti-analytics-table{
  display:grid;
}

.cti-analytics-row{
  display:grid;
  grid-template-columns:1.2fr 1.2fr .6fr .9fr 1fr;
  gap:18px;
  padding:18px 24px;
  border-top:1px solid rgba(113,184,255,.10);
}

.cti-analytics-row:first-child{
  border-top:0;
}

.cti-analytics-head{
  background:rgba(255,255,255,.03);
}

.cti-analytics-row strong{
  display:block;
  font-size:14px;
  line-height:1.5;
}

.cti-analytics-row small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  line-height:1.6;
}

.cti-kind-cti{
  background:
    radial-gradient(circle at 84% 16%, rgba(0,210,190,.12), transparent 24%),
    linear-gradient(180deg, rgba(10,20,45,.84), rgba(6,14,30,.94));
}

.cti-kind-trend{
  background:
    radial-gradient(circle at 84% 16%, rgba(154,223,87,.12), transparent 24%),
    linear-gradient(180deg, rgba(10,20,45,.84), rgba(6,14,30,.94));
}

@media (max-width: 1180px){
  .cti-top-layout{
    grid-template-columns:1fr;
  }

  .cti-sidebar-nav{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .cti-hero-panel,
  .cti-kpi-row,
  .cti-news-card-grid,
  .cti-report-grid,
  .cti-inline-book-banner{
    grid-template-columns:1fr 1fr;
  }

  .cti-inline-book-banner{
    grid-template-columns:1fr 120px;
  }

  .cti-inline-book-banner .cti-panel-cta{
    grid-column:1 / -1;
  }

  .cti-report-table-head,
  .cti-report-table-row{
    grid-template-columns:1.5fr .9fr .9fr .9fr;
  }

  .nav-compact-shell{
      flex-wrap:nowrap;
      align-items:flex-start;
  }

  .nav-compact-cluster{
      width:auto;
      flex-direction:column;
      align-items:flex-end;
      justify-content:flex-start;
      gap:8px;
    }

    .admin-card-grid,
    .admin-three-col{
      grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .home-nav-topline{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-menu-actions{
    width:100%;
    justify-content:flex-start;
  }

  .home-menu{
    width:100%;
  }

  .nav-topline,
  .nav-main-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .nav-meta-rail,
  .nav-actions-pro{
    width:100%;
    justify-content:flex-start;
  }

  .menu-modules{
    width:100%;
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .legal-hero,
  .legal-layout,
  .footer-grid-pro{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 820px){
  .site-nav{
      width:auto;
      justify-content:flex-end;
    }

    .module-subnav-shell,
    .academy-subnav-shell{
      flex-direction:column;
    align-items:flex-start;
  }

  .site-nav-account{
      width:auto;
      justify-content:flex-end;
    }

  .site-nav-dropdown,
    .site-user-dropdown{
      position:absolute;
      margin-top:8px;
      right:0;
      left:auto;
      width:min(240px, calc(100vw - 28px));
    }

    .admin-card-grid,
    .admin-two-col,
  .admin-three-col,
  .admin-queue-grid,
  .admin-form-grid{
    grid-template-columns:1fr;
  }

  .home-submenu{
    position:static;
    width:100%;
    margin-top:10px;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
  }

  .home-menu-item:hover .home-submenu,
  .home-menu-item:focus-within .home-submenu{
    display:block;
  }

  .home-menu{
    flex-direction:column;
    align-items:stretch;
  }

  .home-menu-item{
    width:100%;
  }

  .home-menu-link{
    width:100%;
    justify-content:space-between;
    padding:0 14px;
    border:1px solid rgba(122,178,255,.14);
    background:rgba(10,21,46,.5);
  }

  .home-menu-actions{
    flex-wrap:wrap;
    width:100%;
    justify-content:flex-start;
  }

  .nav-shell{
    gap:14px;
  }

  .brand-pro{
    width:100%;
  }

  .brand-pro .brand-copy span{
    max-width:100%;
  }

  .menu-modules{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .module-link{
    min-height:60px;
  }

  .footer-grid-pro,
  .legal-hero,
  .legal-layout{
    grid-template-columns:1fr;
  }

  .footer-bottomline{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 560px){
  .nav-compact-shell{
      gap:12px;
      padding:12px 0;
    }

    .nav-compact-brand{
      flex:0 1 48%;
    }

    .nav-compact-cluster{
      flex:1 1 auto;
      min-width:0;
    }

  .site-nav-link,
  .site-nav-summary{
      min-height:32px;
      padding:0 10px;
    font-size:12px;
  }

  .site-user-trigger,
  .site-user-static{
    min-height:38px;
  }

  .site-avatar{
    width:28px;
    height:28px;
    font-size:11px;
  }

  .admin-panel-card,
  .admin-metric-card{
    padding:18px;
    border-radius:20px;
  }

  .admin-tab{
    min-height:36px;
    padding:0 12px;
    font-size:12px;
  }

  .nav-trust-chip{
    min-height:34px;
    font-size:10px;
    letter-spacing:.1em;
  }

  .nav-legal-link,
  .nav-meta-link{
    padding:8px 10px;
    font-size:11px;
  }

  .module-link{
    padding:12px;
    border-radius:16px;
  }

  .module-link span{
    font-size:13px;
  }

  .module-link small{
    font-size:10px;
  }

  .legal-hero-copy,
  .legal-aside-card,
  .legal-card,
  .legal-summary-card{
    padding:22px 20px;
    border-radius:22px;
  }

  .footer-column{
    padding:0;
    border-radius:0;
  }

  .legal-hero-copy h1{
    font-size:clamp(28px, 9vw, 40px);
    max-width:unset;
  }
}

.cti-kind-case{
  background:
    radial-gradient(circle at 84% 16%, rgba(104,144,255,.14), transparent 24%),
    linear-gradient(180deg, rgba(10,20,45,.84), rgba(6,14,30,.94));
}

.cti-book-card{
  overflow:hidden;
}

.cti-book-cover{
  width:100%;
  max-width:260px;
  border-radius:18px;
  border:1px solid rgba(113,184,255,.16);
  box-shadow:var(--glow);
}

.cti-account-form{
  margin-top:0;
}

@media (max-width: 980px){
  .cti-stage-search{
    min-width:0;
    width:100%;
  }

  .cti-stage-topbar{
    flex-direction:column;
    align-items:stretch;
  }

  .cti-stage-tools{
    width:100%;
  }

  .cti-hero-panel,
  .cti-kpi-row,
  .cti-news-card-grid,
  .cti-report-grid,
  .cti-inline-book-banner{
    grid-template-columns:1fr;
  }

  .cti-panel-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .cti-sidebar-nav{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .cti-report-table-head,
  .cti-report-table-row{
    grid-template-columns:1fr;
  }

  .cti-editorial-grid,
  .cti-news-layout,
  .cti-news-empty,
  .cti-advertorial-grid,
  .cti-advertorial-lead,
  .cti-report-deck,
  .cti-hero-metrics,
  .cti-book-strip{
    grid-template-columns:1fr;
  }

  .cti-analytics-row{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 760px){
  .cti-top-layout,
  .cti-reports-band{
    width:min(100%, calc(100% - 12px));
  }

  .cti-sidebar{
    padding:14px 10px;
    border-radius:20px;
  }

  .cti-sidebar-brand strong{
    font-size:22px;
  }

  .cti-sidebar-nav{
    grid-template-columns:1fr;
  }

  .cti-stage{
    padding:14px;
    border-radius:20px;
  }

  .cti-hero-copy-block h1{
    max-width:none;
    font-size:clamp(30px, 10vw, 44px);
  }

  .cti-panel-title-row h2{
    font-size:32px;
  }

  .cti-news-card h3,
  .cti-report-feature-body h3{
    font-size:20px;
  }

  .cti-editorial-copy,
  .cti-hero-main,
  .cti-hero-aside-card,
  .cti-advertorial-body,
  .cti-ad-card,
  .cti-report-card{
    padding:18px;
  }

  .cti-hero-main h1{
    font-size:clamp(28px, 12vw, 44px);
    max-width:none;
  }

  .cti-analytics-row{
    grid-template-columns:1fr;
  }

  .cti-library-item{
    grid-template-columns:1fr;
    align-items:start;
  }

  .cti-library-item h3{
    font-size:17px;
  }

  .cti-library-actions{
    justify-content:flex-start;
  }

  .cti-featured-actions{
    justify-content:flex-start;
  }

  .cti-advertorial-cover{
    min-height:240px;
  }

  .cti-news-lead-card h3{
    font-size:28px;
    max-width:none;
  }

}

.probe-hero-copy-wide h1{
  max-width:15ch;
}

.probe-package-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}

.probe-cta-pill{
  padding:10px 16px;
  border:1px solid rgba(113, 187, 255, 0.38);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(20, 47, 87, 0.96), rgba(10, 26, 53, 0.96));
  box-shadow:0 10px 28px rgba(2, 10, 26, 0.28);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.probe-cta-pill:hover{
  color:#f6fbff;
  border-color:rgba(143, 216, 255, 0.72);
  box-shadow:0 14px 34px rgba(2, 10, 26, 0.34);
  transform:translateY(-1px);
}

.probe-price-note{
  color:#8eb7e6;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.probe-value-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.probe-value-card{
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(122,178,255,.12);
  background:linear-gradient(180deg, rgba(8,18,39,.66), rgba(6,13,29,.84));
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}

.probe-value-card h2{
  margin:12px 0 10px;
  font-size:18px;
  line-height:1.12;
  letter-spacing:-.03em;
}

.probe-basic-report{
  margin-bottom:22px;
  padding:26px;
}

.probe-basic-report-head{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:start;
}

.probe-basic-report-head h2,
.probe-basic-report-head h1{
  margin:10px 0 10px;
  font-size:clamp(22px, 2.5vw, 32px);
  line-height:1.1;
  letter-spacing:-.03em;
}

.probe-basic-report-head p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  max-width:66ch;
}

.probe-score-pill{
  display:grid;
  place-items:center;
  min-width:138px;
  padding:18px 16px;
  border-radius:24px;
  border:1px solid rgba(117,200,255,.28);
  background:linear-gradient(180deg, rgba(43,129,255,.22), rgba(10,24,50,.86));
  box-shadow:var(--glow);
}

.probe-score-pill strong{
  font-size:28px;
  line-height:1;
}

.probe-score-pill span{
  margin-top:6px;
  color:#bcd3ef;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.probe-basic-meta{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  margin:20px 0 22px;
}

.probe-meta-card{
  padding:16px 18px;
  border-radius:18px;
  background:rgba(10,23,50,.56);
  border:1px solid rgba(122,178,255,.12);
}

.probe-meta-card strong{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8fd7ff;
}

.probe-meta-card span{
  color:#e8f2ff;
  line-height:1.6;
}

.probe-meta-stack{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.probe-report-findings{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.probe-finding-card{
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(122,178,255,.12);
  background:rgba(7,16,35,.58);
}

.probe-finding-card h3{
  margin:10px 0 10px;
  font-size:17px;
  line-height:1.16;
}

.probe-finding-card p{
  margin:0 0 10px;
  color:#d0def0;
  line-height:1.7;
}

.probe-finding-card strong{
  display:block;
  margin-bottom:6px;
  color:#eef6ff;
}

.probe-finding-topline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.probe-finding-severity,
.probe-finding-category{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.probe-finding-severity{
  background:rgba(255,255,255,.08);
  color:#f3f7ff;
}

.probe-finding-category{
  background:rgba(103,209,255,.1);
  color:#99e0ff;
}

.probe-finding-card.severity-critical{
  border-color:rgba(255,114,114,.28);
}

.probe-finding-card.severity-high{
  border-color:rgba(255,174,86,.24);
}

.probe-finding-card.severity-medium{
  border-color:rgba(255,220,118,.2);
}

.probe-finding-card.severity-low{
  border-color:rgba(117,200,255,.2);
}

.probe-basic-cta{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:end;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(122,178,255,.1);
}

.probe-basic-cta strong{
  display:block;
  margin-bottom:8px;
  font-size:17px;
}

.probe-basic-cta p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  max-width:62ch;
}

.probe-consent-field{
  margin-top:18px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(122,178,255,.14);
  background:rgba(9,20,43,.55);
}

@media (max-width: 980px){
  .nav,
  .nav-cluster{
    flex-direction:column;
    align-items:flex-start;
  }

  .menu-primary,
  .nav-actions{
    width:100%;
  }

  .probe-value-grid,
  .probe-report-findings,
  .probe-basic-meta,
  .probe-basic-report-head,
  .probe-basic-cta{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .menu-primary{
    justify-content:flex-start;
  }

  .nav-actions{
    justify-content:flex-start;
  }

  .nav-user-chip{
    width:100%;
  }
}

.cti-newsletters-panel{
  display:grid;
  gap:22px;
}

.cti-newsletters-list{
  display:grid;
  gap:16px;
}

.cti-newsletters-list-head{
  display:grid;
  gap:6px;
}

.cti-newsletters-list-head h2{
  margin:0;
  color:#f7fbff;
  font-size:26px;
  line-height:1.2;
}

.cti-newsletters-list-rows{
  display:grid;
  gap:10px;
}

.cti-newsletter-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:16px;
  align-items:center;
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(108,136,188,0.18);
  background:linear-gradient(180deg,rgba(8,21,40,0.74) 0%,rgba(7,18,34,0.92) 100%);
}

.cti-newsletter-row.is-active{
  border-color:rgba(76,137,255,0.48);
  box-shadow:0 12px 28px rgba(4,11,22,0.24);
}

.cti-newsletter-row-main{
  display:grid;
  gap:6px;
  min-width:0;
  text-decoration:none;
}

.cti-newsletter-row-main strong{
  color:#f6fbff;
  font-size:18px;
  line-height:1.35;
}

.cti-newsletter-row-main span{
  color:#9cb2d0;
  font-size:14px;
  line-height:1.4;
}

.cti-newsletter-row-main:hover strong{
  color:#8fd8ff;
}

.cti-newsletter-row-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.cti-newsletter-row-link,
.cti-newsletter-row-delete{
  appearance:none;
  border:0;
  background:transparent;
  color:#9fd2ff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  padding:0;
}

.cti-newsletter-row-delete{
  color:#ffb3b3;
}

.cti-newsletter-row-link:hover,
.cti-newsletter-row-delete:hover{
  color:#ffffff;
}

.cti-newsletter-preview-head{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:end;
  margin-bottom:18px;
}

.cti-newsletter-preview-head h2{
  margin:8px 0 8px;
  color:#f8fbff;
  font-size:30px;
  line-height:1.2;
}

.cti-newsletter-preview-head p{
  margin:0;
  color:#9cb2d0;
  font-size:15px;
}

.cti-newsletter-preview-actions{
  display:flex;
  justify-content:flex-end;
}

.cti-newsletter-preview-shell{
  padding:18px;
  border-radius:30px;
  border:1px solid rgba(108,136,188,0.22);
  background:rgba(7,18,34,0.9);
}

.cti-newsletter-preview-frame{
  width:100%;
  min-height:1100px;
  border:0;
  border-radius:22px;
  background:#06111f;
  display:block;
  overflow:hidden;
}

.cti-newsletters-empty{
  padding:32px;
  border-radius:24px;
  border:1px dashed rgba(108,136,188,0.28);
  color:#9cb2d0;
  font-size:16px;
}

@media (max-width: 760px){
  .cti-newsletter-row,
  .cti-newsletter-preview-head{
    grid-template-columns:1fr;
  }

.cti-newsletter-row-actions,
.cti-newsletter-preview-actions{
  justify-content:flex-start;
  }
}

.newsletter-campaign-list{
  display:grid;
  gap:12px;
}

.newsletter-campaign-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(103,209,255,.12);
  background:rgba(9,18,37,.56);
}

.newsletter-campaign-row.is-active{
  border-color:rgba(76,137,255,.42);
  box-shadow:0 16px 34px rgba(4,11,22,.22);
}

.newsletter-campaign-row-main{
  display:grid;
  gap:8px;
  min-width:0;
  text-decoration:none;
}

.newsletter-campaign-row-top{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.newsletter-campaign-row-type{
  color:#a9c6e8;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.newsletter-campaign-row-status{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(122,178,255,.16);
  background:rgba(255,255,255,.03);
  color:#d8e8ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.newsletter-campaign-row-status.status-draft{
  color:#ffdc94;
}

.newsletter-campaign-row-status.status-review_sent,
.newsletter-campaign-row-status.status-approved{
  color:#9fd8ff;
}

.newsletter-campaign-row-status.status-sent{
  color:#8ef0c4;
}

.newsletter-campaign-row-main strong{
  color:#f4f8ff;
  font-size:21px;
  line-height:1.3;
}

.newsletter-campaign-row-main span:last-child{
  color:#9cb2d0;
  font-size:14px;
  line-height:1.45;
}

.newsletter-campaign-row-main:hover strong{
  color:#8fd8ff;
}

.newsletter-campaign-row-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.newsletter-campaign-row-actions form{
  margin:0;
}

.btn.ghost-danger{
  border-color:rgba(255,128,128,.28);
  color:#ffb0b0;
  background:rgba(255,120,120,.08);
}

.btn.ghost-danger:hover{
  border-color:rgba(255,154,154,.4);
  color:#fff3f3;
  background:rgba(255,120,120,.16);
}

.newsletter-editor-action-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.newsletter-editor-modal{
  z-index:140;
}

.newsletter-editor-dialog{
  width:min(1520px, calc(100vw - 24px));
  max-height:calc(100vh - 52px);
  margin:16px auto;
  padding:14px;
}

.newsletter-editor-shell{
  display:grid;
  gap:18px;
}

.newsletter-editor-toolbar{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(103,209,255,.16);
  background:rgba(9,18,37,.72);
}

.newsletter-editor-toolbar-copy strong{
  display:block;
  font-size:20px;
  line-height:1.3;
}

.newsletter-editor-toolbar-copy span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
}

.newsletter-editor-toolbar-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.newsletter-action-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(103,209,255,.22);
  background:rgba(255,255,255,.05);
  color:#ecf5ff;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:.18s ease;
}

.newsletter-action-pill:hover{
  border-color:rgba(103,209,255,.44);
  background:rgba(57,160,255,.12);
}

.newsletter-image-upload{
  display:grid;
  grid-template-columns:minmax(180px, 220px) minmax(200px, 1fr) minmax(180px, 260px) auto;
  gap:10px;
  align-items:center;
}

.newsletter-image-upload input[type="text"]{
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(121,184,255,.22);
  background:rgba(255,255,255,.04);
  color:#f8fbff;
}

.newsletter-upload-pill{
  position:relative;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(103,209,255,.28);
  background:linear-gradient(180deg, rgba(57,160,255,.22), rgba(57,160,255,.08));
  color:#f6fbff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  cursor:pointer;
  overflow:hidden;
}

.newsletter-upload-pill input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}

.newsletter-upload-pill-compact{
  min-height:42px;
  padding:0 16px;
}

.newsletter-editor-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  min-height:0;
}

.newsletter-editor-form,
.newsletter-editor-preview{
  min-height:0;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(103,209,255,.16);
  background:rgba(8,18,39,.78);
}

.newsletter-editor-form{
  overflow:auto;
  min-width:0;
}

.newsletter-editor-meta{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.newsletter-content-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(103,209,255,.16);
  background:rgba(12,23,46,.7);
}

.newsletter-content-card-head strong{
  display:block;
  font-size:18px;
}

.newsletter-content-card-head span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

.newsletter-content-card-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.newsletter-content-card-grid .form-field-full{
  grid-column:1 / -1;
}

.newsletter-inline-toolbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 10px;
}

.newsletter-inline-toolbar button{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(103,209,255,.22);
  background:rgba(255,255,255,.05);
  color:#ecf5ff;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}

.newsletter-inline-toolbar button:hover{
  border-color:rgba(103,209,255,.44);
  background:rgba(57,160,255,.12);
}

.newsletter-editor-top-actions,
.newsletter-editor-bottom-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.newsletter-editor-meta .form-field-full{
  grid-column:1 / -1;
}

.newsletter-meta-visual-card{
  grid-column:1 / -1;
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(103,209,255,.14);
  background:rgba(12,23,46,.58);
}

.newsletter-share-popout-anchor{
  grid-column:auto;
  position:relative;
  display:flex;
  justify-content:flex-start;
}

.newsletter-share-trigger{
  margin-top:2px;
}

.newsletter-share-popout{
  position:absolute;
  left:0;
  bottom:calc(100% + 12px);
  z-index:8;
  width:min(560px, calc(100vw - 120px));
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(103,209,255,.18);
  background:linear-gradient(180deg, rgba(10,20,40,.98), rgba(7,17,31,.98));
  box-shadow:0 28px 70px rgba(2,8,23,.52);
}

.newsletter-share-popout[hidden]{
  display:none !important;
}

.newsletter-share-popout-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.newsletter-share-popout-head strong{
  font-size:15px;
}

.newsletter-share-popout p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.newsletter-share-popout-close{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(121,184,255,.16);
  background:rgba(255,255,255,.04);
  color:#d9e8ff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.newsletter-share-popout-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.newsletter-meta-visual-head strong{
  display:block;
  font-size:15px;
}

.newsletter-meta-visual-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}

.newsletter-meta-visual-grid{
  display:grid;
  grid-template-columns:minmax(180px, 240px) repeat(2, minmax(0, 1fr)) auto;
  gap:12px;
  align-items:center;
}

.newsletter-meta-visual-remove{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#d9e8ff;
  font-size:13px;
}

.newsletter-meta-visual-preview{
  max-width:340px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(121,184,255,.16);
}

.newsletter-meta-visual-preview img{
  width:100%;
  max-height:220px;
  object-fit:cover;
}

.newsletter-meta-visual-preview-empty,
.newsletter-block-preview-image-empty{
  display:grid;
  place-items:center;
  min-height:160px;
  color:var(--muted);
  font-size:13px;
  text-align:center;
  padding:18px;
  background:rgba(255,255,255,.03);
}

.newsletter-editor-blocks{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.newsletter-block-card{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(103,209,255,.16);
  background:rgba(12,23,46,.72);
}

.newsletter-block-card.is-dragging{
  opacity:.6;
  border-color:rgba(103,209,255,.48);
}

.newsletter-block-card-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}

.newsletter-block-card-head strong{
  display:block;
  font-size:15px;
}

.newsletter-block-card-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}

.newsletter-block-card-actions{
  display:flex;
  gap:10px;
  align-items:center;
}

.newsletter-drag-handle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(121,184,255,.16);
  background:rgba(255,255,255,.04);
  color:#d5e6ff;
  cursor:grab;
  font-size:18px;
  letter-spacing:-2px;
}

.newsletter-block-delete{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(239,68,68,.28);
  background:rgba(127,29,29,.12);
  color:#fecaca;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.newsletter-block-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.newsletter-block-grid .form-field-full{
  grid-column:1 / -1;
}

.newsletter-block-preview-image{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(121,184,255,.16);
}

.newsletter-block-preview-image img{
  width:100%;
  max-height:240px;
  object-fit:cover;
}

.newsletter-block-image-tools{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.newsletter-field-hidden{
  display:none;
}

.newsletter-editor-bottom-actions{
  margin-top:18px;
}

.newsletter-editor-preview{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:14px;
  min-width:0;
}

.newsletter-editor-preview-head strong{
  display:block;
  font-size:16px;
}

.newsletter-editor-preview-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}

.newsletter-editor-preview-frame{
  width:100%;
  min-height:1280px;
  border:1px solid rgba(148,163,184,0.18);
  border-radius:22px;
  background:#07111f;
  display:block;
}

@media (max-width: 1180px){
  .newsletter-image-upload{
    grid-template-columns:1fr;
  }

  .newsletter-meta-visual-grid{
    grid-template-columns:1fr;
  }

  .newsletter-content-card-grid{
    grid-template-columns:1fr;
  }

  .newsletter-share-popout{
    left:0;
    right:0;
    width:auto;
    bottom:auto;
    top:calc(100% + 12px);
  }
}

@media (max-width: 760px){
  .newsletter-campaign-row{
    grid-template-columns:1fr;
  }

  .newsletter-campaign-row-actions{
    justify-content:flex-start;
  }
}