:root{
  --bg: #060712;
  --panel: rgba(120,170,255,.08);
  --panel2: rgba(120,170,255,.12);
  --stroke: rgba(120,170,255,.22);
  --text: rgba(245,248,255,.92);
  --muted: rgba(225,235,255,.64);
  --muted2: rgba(205,220,255,.46);

  --accent: rgba(120,170,255,.95);
  --accent2: rgba(0,195,255,.85);

  --shadow: 0 18px 60px rgba(0,0,0,.58);
  --radius: 22px;
  --radius2: 28px;

}
.card:hover, .app-card:hover, .core-card:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.25);
}


*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
  overflow-x: hidden;
}

a{ color: inherit; text-decoration: none; }
a:hover{ opacity: .9; }
.muted{ color: var(--muted); }

.bg{
  position: fixed;
  inset: 0;
  z-index: -2;
}
#bg3d{
  width: 100%;
  height: 100%;
  display:block;
}
.grain{
  position:absolute;
  inset:-80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
  opacity: .22;
  pointer-events:none;
}
.vignette{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1100px 620px at 72% 10%, rgba(120,170,255,.14), transparent 62%),
    radial-gradient(860px 520px at 18% 78%, rgba(0,195,255,.10), transparent 66%),
    radial-gradient(1200px 900px at 50% 50%, transparent 62%, rgba(0,0,0,.78) 100%);
  pointer-events:none;
}

.topbar{
  width: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 50;
  display:flex;
  align-items:start;
  justify-content: space-between;
  padding: 18px 22px;
  backdrop-filter: blur(14px);
  background: linear-gradient(to bottom, rgba(10,10,15,.72), rgba(10,10,15,.18));
  border-bottom: 1px solid rgba(120,170,255,.14);
}
.brand{
  display:flex;
  align-items:start;
  gap:10px;
  font-weight: 700;
  letter-spacing: .2px;
}
.brand.small{ font-size: 14px; }
.brandDot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(120,170,255,.16);
}

.nav{
  display:flex;
  gap: 18px;
  font-size: 13px;
  color: var(--muted);
}
.nav a{ padding: 8px 10px; border-radius: 999px; }
.nav a:hover{ background: rgba(255,255,255,.06); color: var(--text); }

.actions{
  display:flex;
  align-items:start;
  gap: 10px;
}
.ghost{
  font-size: 13px;
  color: var(--text);
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.08);
}

.ghost:hover{ background: rgba(255,255,255,.14); color: var(--text); }
.menuBtn{
  width: 42px; height: 42px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  display:none;
  padding: 0 12px;
  cursor:pointer;
}
.menuBtn span{
  display:block;
  height: 2px;
  background: rgba(255,255,255,.85);
  margin: 4px 0;
  border-radius: 2px;
}

.scroller{
  scroll-behavior: smooth;
}
.section{
  padding: 92px 0;
}
.container{
  width: min(1120px, calc(100% - 44px));
  margin: 0 auto;
}
.sectionHead{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: end;
  margin-bottom: 28px;
}
h1,h2,h3{ margin:0; }
h1{
  font-size: clamp(40px, 4.5vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.02em;
}
h2{
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.02em;
}
h3{
  font-size: 18px;
  letter-spacing: -0.01em;
}
.lead{
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
  max-width: 44ch;
}

.hero{ padding-top: 74px; }
.heroGrid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: center;
}
.kicker{
  margin: 0 0 10px;
  color: rgba(255,255,255,.70);
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.sub{
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  max-width: 56ch;
}
.ctaRow{
  display:flex;
  gap: 12px;
  margin-top: 22px;
}
.btn{
  display:inline-flex;
  align-items:start;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 650;
  border: 1px solid rgba(120,170,255,.26);
  background: rgba(255,255,255,.05);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.btn.primary{
  background: linear-gradient(135deg, rgba(120,170,255,.95), rgba(0,195,255,.92));
  color: rgba(6,7,18,.96);
  border-color: rgba(120,170,255,.55);
}
.btn.secondary{
  background: rgba(255,255,255,.06);
}
.btn.tertiary{
  background: rgba(255,255,255,.04);
}
.btn.full{ width: 100%; }
.btn:hover{ transform: translateY(-1px); transition: transform .15s ease; }

.trustRow{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.pill{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.72);
  font-size: 12px;
}

.heroPanel{
  position: relative;
  min-height: 380px;
}
.panelCard{
  border-radius: var(--radius2);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(120,170,255,.26);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.panelHeader{
  display:flex;
  align-items:start;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(120,170,255,.18);
  background: rgba(0,0,0,.22);
}
.dotRow{ display:flex; gap:6px; }
.dot{
  width: 10px; height: 10px; border-radius: 999px;
  background: rgba(255,255,255,.25);
}
.dot.r{ background: rgba(255,90,90,.85); }
.dot.y{ background: rgba(255,210,90,.85); }
.dot.g{ background: rgba(120,255,160,.85); }

.panelTitle{
  font-size: 12px;
  color: rgba(255,255,255,.70);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.panelBody{ padding: 16px; }
.logLine{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  color: rgba(255,255,255,.78);
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.14);
  background: rgba(0,0,0,.18);
  margin-bottom: 10px;
}
.tag{
  display:inline-flex;
  align-items:start;
  justify-content:center;
  font-size: 10px;
  padding: 3px 7px;
  border-radius: 999px;
  margin-right: 8px;
  border: 1px solid rgba(120,170,255,.26);
  color: rgba(255,255,255,.82);
}
.tag.ok{ background: rgba(255,255,255,.05); }
.tag.warn{ background: rgba(255,220,120,.10); border-color: rgba(255,220,120,.20); }

.scrubLabel{
  font-size: 11px;
  color: rgba(255,255,255,.70);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
input[type="range"]{
  width: 100%;
}

.floatWords{
  position:absolute;
  inset: -16px -16px auto auto;
  display:flex;
  flex-direction: column;
  gap: 10px;
  pointer-events:none;
  opacity: .65;
}
.floatWords span{
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
}

.benefits{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.benefitCard{
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  padding: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.30);
}
.iconWrap{
  width: 40px; height: 40px;
  border-radius: 14px;
  display:grid;
  place-items: center;
  border: 1px solid var(--stroke);
  background: rgba(0,0,0,.18);
  margin-bottom: 10px;
  color: rgba(255,255,255,.85);
}
.benefitCard p{
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.coreAppsSection .lead{
  max-width: 860px;
}

.appsGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.appCard{
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  padding: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.30);
}

.appCard h3{
  margin: 10px 0 0;
  font-size: 14px;
  letter-spacing: .01em;
}

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

.split{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: start;
}
.bullets{
  margin: 18px 0 0;
  padding-left: 18px;
  color: rgba(255,255,255,.74);
  line-height: 1.8;
  font-size: 14px;
}

.callout{
  border-radius: var(--radius2);
  border: 1px solid rgba(120,170,255,.26);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.calloutTop{
  padding: 16px;
  border-bottom: 1px solid rgba(120,170,255,.18);
  background: rgba(0,0,0,.18);
}
.calloutTitle{ font-weight: 700; }
.calloutMeta{ margin-top: 6px; font-size: 13px; color: var(--muted); }
.calloutBody{ padding: 12px 16px; }
.miniRow{
  display:flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(120,170,255,.14);
}
.miniRow:last-child{ border-bottom: none; }
.miniK{ color: rgba(255,255,255,.70); font-size: 13px; }
.miniV{ color: rgba(255,255,255,.86); font-size: 13px; }

.codeBlock{
  border-radius: var(--radius2);
  border: 1px solid var(--stroke);
  background: rgba(0,0,0,.24);
  padding: 16px;
  box-shadow: var(--shadow);
  overflow:auto;
}
pre{ margin:0; }
code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  color: rgba(255,255,255,.82);
  line-height: 1.6;
}
.note{
  margin-top: 14px;
  color: var(--muted);
  font-size: 13px;
}

.metrics{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 22px;
}
.metric{
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  padding: 16px;
}
.metricNum{
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.metricLbl{
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}

.priceCard{
  border-radius: var(--radius2);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  padding: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.30);
  position: relative;
}
.priceCard.featured{
  background: rgba(120,170,255,.14);
  border-color: rgba(255,255,255,.18);
}
.badge{
  position:absolute;
  top: 12px;
  right: 12px;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: rgba(0,0,0,.88);
  font-weight: 750;
}
.priceTop{ margin-bottom: 12px; }
.price{
  font-size: 34px;
  font-weight: 850;
  letter-spacing: -0.02em;
  margin-top: 8px;
}
.price span{
  font-size: 13px;
  color: rgba(255,255,255,.70);
  font-weight: 650;
  margin-left: 6px;
}
.priceCard ul{
  margin: 12px 0 14px;
  padding-left: 18px;
  color: rgba(255,255,255,.78);
  line-height: 1.9;
  font-size: 13px;
}
.fineprint{
  margin-top: 16px;
  color: rgba(255,255,255,.56);
  font-size: 12px;
}

.faqCard{
  border-radius: var(--radius2);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  overflow:hidden;
}
.faqRow{
  display:flex;
  align-items:start;
  justify-content: space-between;
  padding: 18px 16px;
}
.faqTitle{ font-weight: 750; }
.faqLink{ color: rgba(255,255,255,.76); font-size: 14px; }
.divider{ height: 1px; background: rgba(120,170,255,.18); }

.faqBody{
  padding: 18px 16px;
  display:flex;
  flex-direction: column;
  gap: 12px;
}
.faqBody p{ margin:0; color: rgba(255,255,255,.78); }
.marquee{
  overflow:hidden;
  white-space: nowrap;
  padding: 14px 0;
  background: rgba(0,0,0,.20);
}
.marqueeInner{
  display:inline-flex;
  gap: 22px;
  padding-left: 20px;
  animation: marquee 18s linear infinite;
}
.marqueeInner span{
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(255,255,255,.60);
  font-size: 12px;
}
@keyframes marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

.footer{
  padding: 28px 0 44px;
  border-top: 1px solid rgba(120,170,255,.14);
  background: rgba(0,0,0,.16);
}
.footerInner{
  display:flex;
  align-items:start;
  justify-content: space-between;
  gap: 16px;
}
.footRight{
  display:flex;
  gap: 14px;
  color: rgba(255,255,255,.62);
  font-size: 13px;
}

.sheet{
  position: fixed;
  inset: 0;
  display:none;
  z-index: 90;
}
.sheetBg{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity .2s ease;
}
.sheetPanel{
  position:absolute;
  top: 12px;
  right: 12px;
  left: 12px;
  border-radius: 22px;
  border: 1px solid rgba(120,170,255,.26);
  background: rgba(15,15,20,.88);
  box-shadow: var(--shadow);
  transform: translateY(-8px);
  opacity: 0;
  transition: transform .2s ease, opacity .2s ease;
}
.sheet.open .sheetBg{ opacity: 1; }
.sheet.open .sheetPanel{ opacity: 1; transform: translateY(0); }
.sheetHead{
  display:flex;
  align-items:start;
  justify-content: space-between;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(120,170,255,.18);
}
.closeBtn{
  width: 40px; height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.26);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.86);
  cursor:pointer;
  font-size: 22px;
  line-height: 1;
}
.sheetLinks{ padding: 10px 14px 0; }
.sheetLink{
  display:block;
  padding: 12px 10px;
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(255,255,255,.04);
  margin-bottom: 10px;
  color: rgba(255,255,255,.84);
  font-size: 14px;
}
.sheetCta{ padding: 0 14px 14px; }

@media (max-width: 980px){
  .nav{ display:none; }
  .menuBtn{ display:block; }
  .heroGrid, .split, .sectionHead{ grid-template-columns: 1fr; }
  .heroPanel{ min-height: 320px; }
  .benefits{ grid-template-columns: repeat(2, 1fr); }
  .metrics{ grid-template-columns: 1fr; }
  .footerInner{ flex-direction: column; align-items:flex-start; }
}
@media (max-width: 520px){
  .benefits{ grid-template-columns: 1fr; }
  .ctaRow{ flex-direction: column; align-items: stretch; }
  .topbar{ padding: 14px 14px; }
  .container{ width: min(1120px, calc(100% - 28px)); }
}


.hero h1{
  background: linear-gradient(90deg, #ffffff, #cfe3ff 40%, #6ea8ff 70%, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.panelCard, .benefitCard, .priceCard, .callout{
  box-shadow: 0 0 0 1px rgba(110,168,255,.15), 0 20px 60px rgba(0,0,0,.55);
}

.brandDot{
  background: #6ea8ff;
  box-shadow: 0 0 12px rgba(110,168,255,.8), 0 0 0 6px rgba(110,168,255,.12);
}


.wsPreviewWrap{
  border-radius: var(--radius2);
  border: 1px solid rgba(120,170,255,.22);
  background: rgba(120,170,255,.06);
  box-shadow: var(--shadow);
  overflow: hidden;

  height: 100%;
  display: flex;
}

.wsShell{
  padding: 14px;

  width: 100%;
  display: flex;
}

.wsDesktop{
  position: relative;
  height: 100%;
  min-height: 420px;
  flex: 1;
  width: 100%;
  border-radius: 22px;
  border: 1px solid rgba(120,170,255,.18);
  background:
    radial-gradient(820px 420px at 24% 12%, rgba(120,170,255,.20), transparent 64%),
    radial-gradient(760px 420px at 82% 4%, rgba(0,195,255,.14), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  overflow: hidden;
}
.wsDeskOverlay{display:none !important;}
.wsDock{
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  display:flex;
  gap: 8px;
  padding: 10px 10px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.20);
  background: rgba(10,12,22,.52);
  backdrop-filter: blur(12px);
}
.wsDock .wsDockItem{
  width: 30px;
  height: 30px;
  border-radius: 12px;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(120,170,255,.08);
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}
.wsWin{
  position:absolute;
  width: 240px;
  border-radius: 18px;
  background: rgba(10,12,22,.70);
  border: 1px solid rgba(120,170,255,.22);
  box-shadow: 0 22px 54px rgba(0,0,0,.48);
  overflow:hidden;
  transform: translate3d(0,0,0);
}
.wsWin.isFocus{
  border-color: rgba(0,195,255,.35);
  box-shadow: 0 28px 68px rgba(0,0,0,.56);
}
.wsWinHeader{
  display:flex;
  align-items:start;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(120,170,255,.16);
  font-weight: 750;
  font-size: 12px;
  letter-spacing: -0.2px;
  background: rgba(0,0,0,.18);
}
.wsWinTitle{
  display:flex;
  align-items:start;
  gap: 10px;
  min-width: 0;
}
.wsWinDots{
  display:inline-flex;
  gap: 6px;
}
.wsWinDots i{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  display:inline-block;
  background: rgba(120,170,255,.35);
}
.wsWinName{
  white-space: nowrap;
}
.wsWinPath{
  color: rgba(225,235,255,.58);
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.wsWinBody{
  padding: 10px 12px 12px;
}
.wsMono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
.wsSmall{
  font-size: 12px;
  color: rgba(225,235,255,.70);
  font-weight: 600;
  line-height: 1.6;
}
.wsTag{
  display:inline-flex;
  align-items:start;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(120,170,255,.16);
  margin-top: 10px;
  font-weight: 750;
  font-size: 11px;
  color: rgba(225,235,255,.78);
}
.wsTagDot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(120,170,255,.95), rgba(0,195,255,.92));
}

.wsAuditList{
  display:flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
}
.wsAuditItem{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.12);
  background: rgba(0,0,0,.16);
  font-size: 12px;
  color: rgba(245,248,255,.86);
}
.wsAuditTime{
  color: rgba(225,235,255,.62);
  font-size: 11px;
  white-space: nowrap;
}
.wsBadge{
  display:inline-flex;
  align-items:start;
  justify-content:center;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(255,255,255,.04);
  color: rgba(225,235,255,.78);
  font-size: 10px;
  font-weight: 800;
}
.wsBadge.ok{ border-color: rgba(120,255,190,.18); }
.wsBadge.warn{ border-color: rgba(255,220,120,.20); }
.wsBadge.roll{ border-color: rgba(0,195,255,.20); }



.wsPreviewNote{
  position:absolute;
  left: 16px;
  bottom: 16px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(10,12,22,.55);
  backdrop-filter: blur(10px);
  color: rgba(225,235,255,.74);
  font-size: 12px;
  pointer-events:none;
}

.wsSplit{
  display:grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 56px;
  align-items: stretch;
}
@media (max-width: 1100px){
  .wsSplit{ grid-template-columns:1fr; }
}
.wsPreviewWrap{ margin-top:0; }

.policyGrid{
  margin-top: 14px;
  display:grid;
  gap: 10px;
}
.policyPill{
  display:flex;
  align-items:start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(120,170,255,.16);
  background: rgba(0,0,0,.14);
  color: rgba(245,248,255,.86);
  font-size: 12px;
  font-weight: 650;
}


.pricingGrid{
  display:grid;
  gap:28px;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  margin-top:32px;
}

.priceCard{
  padding:28px;
  border-radius:22px;
  border:1px solid rgba(120,170,255,.18);
  background:linear-gradient(180deg,rgba(18,22,40,.9),rgba(10,12,22,.95));
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  gap:14px;
}

.priceCard.featured{
  border:1px solid rgba(120,170,255,.45);
  box-shadow:0 0 0 1px rgba(120,170,255,.25), 0 20px 70px rgba(0,0,0,.55);
}

.priceTier{
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(200,220,255,.75);
}

.priceValue{
  font-size:42px;
  font-weight:800;
}

.priceValue span{
  font-size:16px;
  opacity:.6;
  margin-left:4px;
}

.priceTag{
  font-weight:600;
  color:rgba(210,230,255,.9);
}

.priceList{
  margin-top:10px;
  display:grid;
  gap:8px;
  font-size:14px;
  color:rgba(230,240,255,.75);
}

.pricingNote{
  margin-top:28px;
  text-align:center;
  color:rgba(210,225,255,.7);
}
.pricingDetails{
  margin-top: 26px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.pricingDetailsGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.pricingPanel{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(120,170,255,.12);
  border-radius: 22px;
  padding: 18px;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}
.pricingPanel h3{
  margin-bottom: 8px;
}
.pricingPanel p{
  margin: 0;
  color: rgba(255,255,255,.74);
  line-height: 1.7;
}
.pricingBullets{
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(255,255,255,.74);
  line-height: 1.7;
}
.pricingCallout{
  margin-top: 16px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  background: rgba(120,170,255,.06);
  border: 1px solid rgba(120,170,255,.16);
  border-radius: 22px;
  padding: 16px 18px;
}
.pricingCallout .title{
  font-weight: 800;
}
.pricingCallout .sub{
  margin-top: 4px;
  color: rgba(255,255,255,.72);
  font-size: 13.5px;
  line-height: 1.6;
  max-width: 70ch;
}
@media (max-width: 980px){
  .pricingDetailsGrid{ grid-template-columns: 1fr; }
  .pricingCallout{ flex-direction: column; align-items:flex-start; }
}


.triadCard{
  padding:24px;
  border-radius:20px;
  border:1px solid rgba(120,170,255,.16);
  background:rgba(12,15,28,.85);
  backdrop-filter:blur(10px);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}

.triadCard h3{
  font-size:18px;
  margin-bottom:8px;
}

.triadCard p{
  font-size:14px;
  color:rgba(225,235,255,.75);
}


.triadBand{
  padding-top: 34px;
}
.triadGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.triadCard{
  border-radius: var(--radius2);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  padding: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.26);
}
.triadHead{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 8px;
}
.triadIcon{
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(120,170,255,.12);
  border: 1px solid rgba(120,170,255,.18);
}
.triadCard h3{
  margin: 0;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.triadCard p{
  margin: 0;
  color: rgba(255,255,255,.74);
  line-height: 1.7;
  font-size: 13px;
}

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


.btn.primary.glow{
  box-shadow: 0 14px 40px rgba(80,150,255,.22), 0 0 0 1px rgba(120,170,255,.16) inset;
}
.btn.primary.glow:hover{
  box-shadow: 0 18px 58px rgba(80,150,255,.28), 0 0 0 1px rgba(120,170,255,.20) inset;
}

.heroUi{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.heroUiCol{ position:relative; }
.miniWindow{
  border-radius: 18px;
  border: 1px solid rgba(120,170,255,.16);
  background: rgba(0,0,0,.12);
  overflow:hidden;
}
.miniTitle{
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 760;
  color: rgba(240,246,255,.86);
  background: rgba(0,0,0,.12);
  border-bottom: 1px solid rgba(120,170,255,.12);
}
.miniDoc{ padding: 12px; }
.miniDocH{ font-weight: 820; margin-bottom: 8px; }
.miniDocP{ color: rgba(255,255,255,.78); font-size: 12.5px; margin: 6px 0; }
.miniDocP.muted{ color: rgba(255,255,255,.62); }
.miniDocList{
  margin: 8px 0 6px 18px;
  color: rgba(255,255,255,.76);
  font-size: 12.5px;
  line-height: 1.6;
}
.miniFeed{ padding: 12px; display:grid; gap: 8px; }
.feedItem{
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.78);
  font-size: 12.5px;
}

.toastStack{
  position:absolute;
  right: 0;
  bottom: -4px;
  display:grid;
  gap: 10px;
  width: min(320px, 92%);
  pointer-events:none;
}
.toast{
  border-radius: 18px;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(10,12,22,.72);
  backdrop-filter: blur(14px);
  padding: 12px 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  transform: translateY(10px);
  opacity: 0;
}
.toastTop{ display:flex; align-items:center; gap: 10px; margin-bottom: 8px; }
.toastIcon{
  width: 30px; height: 30px;
  border-radius: 12px;
  display:grid; place-items:center;
  background: rgba(120,170,255,.12);
  border: 1px solid rgba(120,170,255,.16);
}
.toastTitle{ font-weight: 820; color: rgba(245,248,255,.92); }
.toastBody{ color: rgba(255,255,255,.74); font-size: 12.5px; line-height: 1.5; }
.toastActions{ display:flex; gap: 8px; margin-top: 10px; }
.miniBtn{
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 760;
  border: 1px solid rgba(120,170,255,.14);
  background: rgba(255,255,255,.05);
  color: rgba(245,248,255,.84);
}
.miniBtn.primary{
  background: rgba(120,170,255,.18);
  border-color: rgba(120,170,255,.22);
}

.toast.show{
  opacity: 1;
  transform: translateY(0);
  transition: opacity .6s ease, transform .6s ease;
}
.toast.hide{
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .6s ease, transform .6s ease;
}

.triadLead{
  margin: 6px 0 10px 0;
  color: rgba(255,255,255,.80);
  font-weight: 720;
  font-size: 13px;
}
.triadList{
  margin: 0 0 0 18px;
  color: rgba(255,255,255,.70);
  font-size: 12.8px;
  line-height: 1.6;
}

.govCard{
  border-radius: var(--radius2);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  padding: 16px;
  box-shadow: 0 18px 54px rgba(0,0,0,.28);
}
.govTop{
  display:flex;
  justify-content: space-between;
  align-items:center;
  margin-bottom: 10px;
}
.govTitle{ font-weight: 860; letter-spacing: -0.02em; }
.govHint{ color: rgba(255,255,255,.64); font-size: 12px; }
.govStage{ position:relative; padding: 8px 0 2px 0; }
.govWindow{
  border-radius: 18px;
  border: 1px solid rgba(120,170,255,.16);
  background: rgba(0,0,0,.12);
  overflow:hidden;
}
.govWinTop{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(120,170,255,.12);
  background: rgba(0,0,0,.12);
}
.govWinTitle{ margin-left: 6px; font-size: 12px; font-weight: 800; color: rgba(240,246,255,.84); }
.dot{ width: 10px; height: 10px; border-radius: 50%; opacity:.75; }
.dot.red{ background: #ff5f57; }
.dot.yellow{ background: #febc2e; }
.dot.green{ background: #28c840; }
.govWinBody{ padding: 12px; display:grid; gap: 8px; }
.govLine{
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.78);
  font-size: 12.5px;
}
.govToast{
  position:absolute;
  right: 10px;
  bottom: 14px;
  width: min(320px, 92%);
  border-radius: 18px;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(10,12,22,.72);
  backdrop-filter: blur(14px);
  padding: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  opacity: 0;
  transform: translateY(10px);
  pointer-events:none;
}
.govToast.show{
  opacity: 1;
  transform: translateY(0);
  transition: opacity .5s ease, transform .5s ease;
}
.govToastTop{ font-weight: 850; margin-bottom: 6px; color: rgba(245,248,255,.92); display:flex; gap: 8px; align-items:center;}
.govToastBody{ color: rgba(255,255,255,.74); font-size: 12.5px; line-height: 1.5; }
.govSlider{ width: 100%; margin-top: 12px; }
.govLegend{
  display:flex;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255,255,255,.58);
}
.govHow{ display:grid; gap: 10px; margin-top: 14px; }
.govRow{
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(120,170,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.76);
  font-size: 12.8px;
}

.proofGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}
.proofCard{
  border-radius: var(--radius2);
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  padding: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.26);
}
.proofKicker{
  color: rgba(255,255,255,.62);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 8px;
}
.proofBig{
  font-weight: 900;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}
.proofP{
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 980px){
  .heroUi{ grid-template-columns: 1fr; }
  .toastStack{ position:relative; right:auto; bottom:auto; width: 100%; margin-top: 10px; }
  .proofGrid{ grid-template-columns: 1fr; }
}

.toastIcon.dotIcon{
  background: rgba(120,170,255,.18);
  border: 1px solid rgba(120,170,255,.22);
}


.triadTop{
  display:grid;
  grid-template-columns: 44px 1fr 1.2fr;
  gap: 12px;
  align-items:start;
}
.triadMeta h3{
  margin: 0;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.triadRight p{
  margin: 0;
  color: rgba(255,255,255,.70);
  line-height: 1.7;
  font-size: 13px;
}
.triadSvg{
  width: 20px;
  height: 20px;
  color: rgba(210,230,255,.86);
}
.triadIcon{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(120,170,255,.10);
  box-shadow: 0 16px 44px rgba(0,0,0,.20);
}
.triadIcon--emp{ background: rgba(120,170,255,.10); border-color: rgba(120,170,255,.18); }
.triadIcon--sec{ background: rgba(120,210,255,.08); border-color: rgba(120,210,255,.18); }
.triadIcon--mgmt{ background: rgba(140,120,255,.08); border-color: rgba(140,120,255,.18); }

@media (max-width: 980px){
  .triadTop{ grid-template-columns: 44px 1fr; }
  .triadRight{ grid-column: 1 / -1; }
}

.triadBand{ padding-top: 22px; }
.triadGrid{ gap: 12px; }
.triadCard{ padding: 14px; }
.triadTop{ gap: 10px; }
.triadRight p{ font-size: 12.8px; }
.triadList{ margin-top: 10px; }
.triadList li{ margin: 6px 0; }


.triadBand{ padding-top: 18px; padding-bottom: 26px; }
.triadCard{ padding: 18px; background: rgba(255,255,255,.045); }
.triadLead{ margin-top: 2px; font-weight: 850; color: rgba(245,248,255,.90); }
.triadRight p{ color: rgba(255,255,255,.64); }
.triadLine{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(120,170,255,.12);
  color: rgba(255,255,255,.66);
  font-size: 12.6px;
  letter-spacing: .01em;
}
.dotSep{ color: rgba(255,255,255,.34); padding: 0 6px; }

.lead{ color: rgba(255,255,255,.70); }

.bgCanvas{ opacity: .88; filter: saturate(.92) contrast(.95); }

.brandMark{
  width: 22px;
  height: 22px;
  border-radius: 8px;
  display:block;
  filter: drop-shadow(0 10px 24px rgba(80,150,255,.16));
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

.brandMarkImg{
  width: 22px;
  height: 22px;
  display:block;
  background: transparent;
  border-radius: 0;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.28));
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.brandName{
  font-weight:600;
  letter-spacing:.02em;
}
.brandMarkImg{
  width:24px;
  height:24px;
  display:block;
}


.pricingHeader{
  max-width: 820px;
}
.pricingGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-top: 22px;
  align-items: stretch;
}
.priceCard{
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(120,170,255,.14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
}
.priceCard.enterprise{
  background: rgba(120,170,255,.06);
}
.priceCard.enterpriseCallout{
  background: rgba(120,170,255,.07);
  border-color: rgba(120,170,255,.22);
  padding: 22px;
}
.enterpriseRow{
  display: grid;
  grid-template-columns: 1.25fr 1fr auto;
  gap: 18px;
  align-items: start;
}
.enterpriseHeader{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 8px;
}
.enterpriseLead{
  margin: 0;
  color: rgba(255,255,255,.74);
  line-height: 1.65;
}
.enterpriseBullets{
  margin: 0;
  padding-left: 18px;
  color: rgba(255,255,255,.75);
  line-height: 1.6;
}
.enterpriseBullets li{ margin: 6px 0; }
.enterpriseRight{
  display:flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 220px;
}
.enterpriseNote{
  max-width: 28ch;
  color: rgba(255,255,255,.62);
  font-size: 13px;
  line-height: 1.5;
  text-align: right;
}
.priceTop{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.price{
  font-size: 28px;
  font-weight: 850;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.price span{
  font-size: 13px;
  font-weight: 700;
  opacity: .7;
  margin-left: 6px;
}
.priceList{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.priceList li{
  display:flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(120,170,255,.10);
  color: rgba(255,255,255,.78);
}
.priceList li:first-child{
  border-top: 1px solid rgba(120,170,255,.14);
}
.priceList .k{
  color: rgba(255,255,255,.62);
  font-size: 12.6px;
}
.priceList .v{
  color: rgba(245,248,255,.90);
  font-weight: 760;
  font-size: 12.6px;
}
.pricingNote{
  margin-top: 18px;
  max-width: 920px;
  color: rgba(255,255,255,.62);
  font-size: 13px;
  line-height: 1.7;
}

.pricingSection{
  position: relative;
}

.contactGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.contactCard{
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(120,170,255,.14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
}
.contactCard h3{ margin: 0 0 8px; }
.contactCard p{ margin: 0 0 14px; color: rgba(255,255,255,.70); line-height: 1.65; }
@media (max-width: 760px){
  .contactGrid{ grid-template-columns: 1fr; }
}

@media (min-width: 980px){
  #pricing .pricingGrid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.core-apps { margin: 80px auto; max-width: 1200px; padding: 0 20px; }
.apps-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 20px; }
.app-card { background: #111; border: 1px solid #222; padding: 20px; border-radius: 14px; }
.app-card h3 { margin-bottom: 10px; font-size: 18px; }
.app-card p { font-size: 14px; opacity: .8; }


.apps-grid .app-card:hover,
.core-apps-grid .app-card:hover,
.core-apps .app-card:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 14px 38px rgba(0,0,0,0.18);
}


.appsGrid .appCard {
  transition: transform 160ms ease, box-shadow 160ms ease;
  will-change: transform;
}
.appsGrid .appCard:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 14px 38px rgba(0,0,0,0.18);
}


50%,100%{ opacity: 0; }
}


.wsBrowser{
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.wsUrlBar{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(120,170,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(225,235,255,.82);
  font-size: 11px;
  font-weight: 750;
}
.wsUrlDot{
  width: 8px;height: 8px;border-radius: 999px;
  background: rgba(120,170,255,.45);
}
.wsUrl{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: .9;
}
.wsPage{
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(0,0,0,.12);
  overflow:hidden;
}
.wsPageHero{
  padding: 12px 12px 10px;
  border-bottom: 1px solid rgba(120,170,255,.10);
  background: linear-gradient(180deg, rgba(120,170,255,.10), rgba(0,0,0,.0));
}
.wsPageTitle{
  font-weight: 900;
  letter-spacing: -0.2px;
  color: rgba(245,248,255,.92);
  font-size: 12px;
}
.wsPageSub{
  margin-top: 4px;
  color: rgba(225,235,255,.70);
  font-size: 11px;
  line-height: 1.45;
}
.wsPageBody{
  padding: 10px 12px 12px;
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.wsRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(255,255,255,.03);
  font-size: 11px;
  color: rgba(225,235,255,.82);
}
.wsRow strong{ color: rgba(245,248,255,.92); font-weight: 900; }
.wsRow .pillMini{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.16);
  background: rgba(0,195,255,.08);
  color: rgba(0,195,255,.88);
  font-weight: 900;
  font-size: 10px;
}
.wsRow.isHighlight{
  border-color: rgba(0,195,255,.22);
  background: rgba(0,195,255,.08);
  box-shadow: 0 14px 38px rgba(0,0,0,.22);
}
.wsScrollHint{
  height: 4px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(255,255,255,.03);
  overflow:hidden;
}
.wsScrollFill{
  height: 100%;
  width: 0%;
  background: rgba(120,170,255,.55);
  opacity: .75;
}

.wsBoard{
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.wsCols{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.wsCol{
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(0,0,0,.12);
  overflow:hidden;
}
.wsColHead{
  padding: 8px 10px;
  border-bottom: 1px solid rgba(120,170,255,.10);
  color: rgba(245,248,255,.90);
  font-weight: 900;
  font-size: 11px;
}
.wsCards{
  padding: 8px;
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.wsCardMini{
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(225,235,255,.84);
  font-size: 11px;
  line-height: 1.35;
}
.wsChip{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  margin-top: 6px;
  color: rgba(225,235,255,.72);
  font-size: 10px;
  font-weight: 850;
}
.wsChip i{
  width: 8px;height: 8px;border-radius: 999px;
  background: rgba(120,255,190,.85);
}
.wsChip.warn i{ background: rgba(255,220,120,.90); }
.wsChip.roll i{ background: rgba(0,195,255,.90); }


.wsContacts{
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.wsContactsSearch{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(120,170,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(225,235,255,.78);
  font-size: 11px;
  font-weight: 800;
}
.wsContactsSearch .wsHint{
  opacity: .7;
  font-weight: 750;
}
.wsContactsList{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.wsContact{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(0,0,0,.12);
}
.wsContactMain{
  min-width:0;
}
.wsContactName{
  font-weight: 950;
  color: rgba(245,248,255,.92);
  font-size: 12px;
}
.wsContactMeta{
  margin-top: 4px;
  color: rgba(225,235,255,.70);
  font-size: 11px;
  line-height: 1.45;
}
.wsContactRight{
  display:flex;
  flex-direction: column;
  align-items:flex-end;
  gap: 6px;
}
.wsAvatar{
  width: 28px; height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(120,170,255,.16);
  background: rgba(120,170,255,.10);
}
.wsContactTag{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.14);
  background: rgba(255,255,255,.03);
  color: rgba(225,235,255,.72);
  font-size: 10px;
  font-weight: 900;
}
.wsContactTag i{
  width: 8px;height: 8px;border-radius: 999px;
  background: rgba(120,255,190,.85);
}
.wsContactTag.warn i{ background: rgba(255,220,120,.90); }


.wsWin{
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.wsWin.isFocus{
  transform: translateY(-2px) scale(1.01);
}
.wsWin.isPulse{
  animation: wsPulse 650ms ease-out 1;
}
@keyframes wsPulse{
  0%{ box-shadow: 0 28px 68px rgba(0,0,0,.56), 0 0 0 0 rgba(0,195,255,.0); }
  35%{ box-shadow: 0 28px 68px rgba(0,0,0,.56), 0 0 0 10px rgba(0,195,255,.12); }
  100%{ box-shadow: 0 28px 68px rgba(0,0,0,.56), 0 0 0 22px rgba(0,195,255,.0); }
}
.winInner{
  font-size: 12px;
  color: rgba(245,248,255,.86);
  line-height: 1.55;
}
.wsCursor{
  display:inline-block;
  width: 8px;
  height: 14px;
  margin-left: 2px;
  border-radius: 2px;
  background: rgba(225,235,255,.75);
  vertical-align: -2px;
  animation: wsBlink 1.05s steps(1) infinite;
}
@keyframes wsBlink{
  0%,49%{ opacity: 1; }
  50%,100%{ opacity: 0; }
}


.triadBand{
  padding-top: 54px;
  padding-bottom: 54px;
}
.triadBandHead{
  margin: 0 0 18px;
}
.triadBandHead h2{
  font-size: 28px;
  letter-spacing: -0.02em;
  margin: 6px 0 10px;
}
.triadBandHead .sub{
  max-width: 68ch;
  margin: 0;
  color: rgba(225,235,255,.72);
  line-height: 1.7;
  font-size: 14px;
}

.triadGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 980px){
  .triadGrid{ grid-template-columns: 1fr; }
}

.triadCard{
  border-radius: 22px;
  border: 1px solid rgba(120,170,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.10));
  padding: 16px 16px 14px;
  box-shadow: 0 18px 55px rgba(0,0,0,.32);
  position: relative;
  overflow:hidden;
}
.triadCard::before{
  content:"";
  position:absolute;
  inset: -40px -40px auto -40px;
  height: 90px;
  background: radial-gradient(circle at 20% 50%, rgba(0,195,255,.18), rgba(0,0,0,0) 60%);
  pointer-events:none;
}
.triadTop{
  display:grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items:start;
}
.triadIcon{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(120,170,255,.18);
  background: rgba(120,170,255,.10);
  color: rgba(225,235,255,.92);
}
.triadSvg{ width: 20px; height: 20px; opacity: .95; }

.triadMeta h3{
  margin: 0;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.triadLead{
  margin: 4px 0 0;
  color: rgba(225,235,255,.72);
  font-size: 12px;
  line-height: 1.5;
}
.triadRight{
  grid-column: 1 / -1;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(120,170,255,.10);
}
.triadRight p{
  margin: 0;
  color: rgba(245,248,255,.84);
  font-size: 13px;
  line-height: 1.65;
}
.triadLine{
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(120,170,255,.16);
  color: rgba(225,235,255,.66);
  font-size: 12px;
}
.dotSep{ opacity: .55; padding: 0 2px; }

.detailGrid{
  margin-top: 22px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 980px){
  .detailGrid{ grid-template-columns: 1fr; }
}
.detailCard{
  border-radius: 22px;
  border: 1px solid rgba(120,170,255,.12);
  background: rgba(255,255,255,.04);
  padding: 18px 18px 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.24);
}
.detailCard h3{
  margin: 0 0 8px;
  font-size: 16px;
  letter-spacing: -0.01em;
}
.detailCard p{
  margin: 0;
  color: rgba(225,235,255,.72);
  font-size: 13px;
  line-height: 1.7;
}


.container.split{
  display:flex;
  gap: 26px;
  align-items: flex-start;
}
.container.split > div{
  flex: 1 1 0;
}
.splitRight{
  flex: 1 1 0;
  display:flex;
  justify-content:flex-end;
}
.sidePanel{
  width: min(440px, 100%);
  border-radius: 22px;
  border: 1px solid rgba(120,170,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.12));
  box-shadow: 0 22px 70px rgba(0,0,0,.34);
  padding: 16px 16px 14px;
  position: relative;
  overflow:hidden;
}
.sidePanel::before{
  content:"";
  position:absolute;
  inset:-60px -80px auto -80px;
  height:120px;
  background: radial-gradient(circle at 20% 40%, rgba(0,195,255,.16), rgba(0,0,0,0) 65%);
  pointer-events:none;
}
.sidePanelHead{
  font-weight: 900;
  color: rgba(245,248,255,.90);
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.sideMiniGrid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.sideMiniCard{
  border-radius: 18px;
  border: 1px solid rgba(120,170,255,.10);
  background: rgba(0,0,0,.14);
  padding: 10px 10px 10px;
}
.sideMiniTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.appPill{
  display:inline-flex;
  align-items:center;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(120,170,255,.16);
  background: rgba(255,255,255,.03);
  color: rgba(225,235,255,.82);
  font-size: 11px;
  font-weight: 900;
}
.miniDot{
  width: 8px; height: 8px;
  border-radius: 999px;
  background: rgba(120,255,190,.88);
  box-shadow: 0 0 0 4px rgba(120,255,190,.10);
}
.sideMiniBody{
  margin-top: 8px;
  color: rgba(225,235,255,.72);
  font-size: 12px;
  line-height: 1.55;
}
.sidePanelFoot{
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(120,170,255,.16);
  color: rgba(225,235,255,.62);
  font-size: 12px;
}

@media (max-width: 980px){
  .container.split{ flex-direction: column; }
  .splitRight{ justify-content:flex-start; }
  .sidePanel{ width: 100%; }
}


.isReveal{
  opacity: 0;
  transform: translateY(18px) scale(.985);
  filter: saturate(.98);
  transition: opacity 620ms ease, transform 620ms ease, filter 620ms ease;
  will-change: opacity, transform;
}
.isReveal.inView{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: saturate(1);
}
.section{
  scroll-margin-top: 90px;
}


.uqCta{
  margin-top: 18px;
}
.uqCard{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 16px;
  border-radius: 22px;
  border: 1px solid rgba(120,170,255,.14);
  background: rgba(255,255,255,.04);
  padding: 16px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.28);
}
.uqTitle{
  font-weight: 950;
  color: rgba(245,248,255,.92);
  font-size: 14px;
}
.uqSub{
  margin-top: 6px;
  color: rgba(225,235,255,.70);
  font-size: 13px;
  line-height: 1.6;
}
.uqActions{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 820px){
  .uqCard{ flex-direction: column; align-items:flex-start; }
}


html{ scroll-behavior:smooth; }

a, button, .btn{
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease, color 140ms ease, opacity 140ms ease;
}

.topbar .nav a{
  position: relative;
}
.topbar .nav a::after{
  content:"";
  position:absolute;
  left: 10px;
  right: 10px;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: rgba(0,195,255,.0);
  transition: background 160ms ease, transform 160ms ease, opacity 160ms ease;
  opacity: 0;
  transform: translateY(3px);
}
.topbar .nav a:hover::after{
  opacity: 1;
  transform: translateY(0);
  background: rgba(0,195,255,.55);
}

.btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 40px rgba(0,0,0,.26);
}
.btn:active{
  transform: translateY(0px) scale(.99);
}
.btn.primary:hover{
  box-shadow: 0 18px 52px rgba(0,0,0,.34), 0 0 0 6px rgba(0,195,255,.10);
}
.btn.ghost:hover{
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
  border-color: rgba(0,195,255,.25);
}

.benefitCard:hover,
.triadCard:hover,
.detailCard:hover,
.coreAppCard:hover,
.sidePanel:hover,
.sideMiniCard:hover{
  transform: translateY(-3px);
  border-color: rgba(0,195,255,.22);
  box-shadow: 0 24px 70px rgba(0,0,0,.34);
}

.sideMiniCard:hover{
  transform: translateY(-2px);
}

.wsWin:hover{
  transform: translateY(-2px) scale(1.01);
  border-color: rgba(0,195,255,.24);
}

.coreAppCard{
  will-change: transform;
}
.coreAppCard:hover .coreAppIcon{
  transform: translateY(-1px) scale(1.03);
}
.coreAppIcon{
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.kicker{
  transition: opacity 200ms ease;
}
.sectionHead:hover .kicker{
  opacity: 1;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *{ transition: none !important; animation: none !important; }
}


.tallyEmbedWrap{
  margin-top: 6px;
}
.tallyEmbedWrap iframe{
  border: 0;
  border-radius: 18px;
  width: 100%;
  background: transparent;
}


.consentBanner{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(11,16,32,.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(0,0,0,.45);
}
.consentInner{
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 14px;
}
.consentTitle{
  font-weight: 700;
  letter-spacing: .2px;
}
.consentBody{
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.35;
  margin-top: 2px;
}
.consentActions{
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
@media (max-width: 640px){
  .consentInner{ flex-direction: column; align-items: stretch; }
  .consentActions{ justify-content: stretch; }
  .consentActions .btn{ width: 100%; }
}

.modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9998;
}
.modal.open{ display: block; }
.modalBg{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}
.modalPanel{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: min(920px, calc(100% - 24px));
  max-height: calc(100% - 24px);
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(11,16,32,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 28px 70px rgba(0,0,0,.55);
  display: flex;
  flex-direction: column;
}
.modalHeader{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.modalTop{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.modalTitle{
  font-weight: 800;
  letter-spacing: .2px;
}
.modalClose{
  appearance: none;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  border-radius: 12px;
  width: 38px;
  height: 38px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.iconBtn{
  appearance: none;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  border-radius: 12px;
  width: 38px;
  height: 38px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.iconBtn:hover{ background: rgba(255,255,255,.10); }

.modalClose:hover{ background: rgba(255,255,255,.10); }
.modalBody{
  padding: 12px 12px 16px 12px;
  overflow: auto;
}
html.modalOpen, html.modalOpen body{
  overflow: hidden;
}


.u-anim{
  background-image: linear-gradient(90deg,
    rgba(120,190,255,.0),
    rgba(120,190,255,.45),
    rgba(120,190,255,.0)
  );
  background-repeat: no-repeat;
  background-position: 0 92%;
  background-size: 0% .22em;
  padding: 0 .06em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  animation: underlineBgIn 900ms ease forwards;
}
@keyframes underlineBgIn{
  from{ background-size: 0% .22em; }
  to{ background-size: 100% .22em; }
}
to{ background-size: 100% .42em; }
}

to{ background-size: 100% 2px; }
}

.featureGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.featureCard{
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.05);
  border-radius: 18px;
  padding: 16px 16px 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.featureCard h3{
  margin: 0 0 8px;
  font-size: 14px;
  letter-spacing: .01em;
}
.featureCard p{
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
@media (max-width: 860px){
  .featureGrid{ grid-template-columns: 1fr; }
}


.pricingHero{
  padding-top: 96px;
}
.pricingHeroGrid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: start;
}
.heroTitle{
  margin: 10px 0 12px;
  font-size: clamp(40px, 5vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.03em;
}
.heroCtas{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.pricingKpis{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.kpiCard{
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(120,170,255,.12);
  border-radius: 18px;
  padding: 12px 12px;
  backdrop-filter: blur(10px);
}
.kpiTop{
  font-weight: 850;
  letter-spacing: -0.01em;
}
.kpiSub{
  margin-top: 4px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.45;
}
.pricingHeroAside{
  display:grid;
  gap: 12px;
}
.asideCard{
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(120,170,255,.14);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
}
.asideCard.soft{
  background: rgba(120,170,255,.06);
}
.asideTitle{
  font-weight: 900;
  margin-bottom: 8px;
}
.asideCopy{
  margin: 0 0 10px;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}
.asideBullets{
  margin: 0;
  padding-left: 18px;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}
.btn.full{ width: 100%; justify-content: center; }

.priceActions{
  display:flex;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.btn.ghost{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(120,170,255,.18);
  color: rgba(255,255,255,.86);
}
.btn.ghost:hover{
  background: rgba(255,255,255,.06);
}

.featureGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: 18px;
}
.featureCard{
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(120,170,255,.14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
}
.featureTitle{
  font-weight: 900;
  margin-bottom: 8px;
}
.featureCopy{
  color: rgba(255,255,255,.72);
  line-height: 1.65;
  margin: 0;
}

.capacityGrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 18px;
}
.capacityCard{
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(120,170,255,.12);
  border-radius: 18px;
  padding: 14px;
  backdrop-filter: blur(10px);
}
.capTitle{
  font-weight: 900;
  margin-bottom: 6px;
}
.capCopy{
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  font-size: 13px;
}

.addonGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.addonCard{
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(120,170,255,.14);
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
}
.addonTitle{
  font-weight: 900;
  margin-bottom: 6px;
}
.addonCopy{
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
  font-size: 13px;
}

.faqGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.faqItem{
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(120,170,255,.12);
  border-radius: 18px;
  padding: 12px 14px;
  backdrop-filter: blur(10px);
}
.faqItem summary{
  cursor: pointer;
  font-weight: 900;
  list-style: none;
}
.faqItem summary::-webkit-details-marker{ display:none; }
.faqBody{
  margin-top: 10px;
  color: rgba(255,255,255,.72);
  line-height: 1.65;
}
.faqBody ul{
  margin: 10px 0 0;
  padding-left: 18px;
}
.faqBody li{ margin: 6px 0; }

@media (max-width: 980px){
  .pricingHeroGrid{ grid-template-columns: 1fr; }
  .pricingKpis{ grid-template-columns: 1fr; }
  .featureGrid{ grid-template-columns: 1fr; }
  .capacityGrid{ grid-template-columns: 1fr; }
  .faqGrid{ grid-template-columns: 1fr; }
  .enterpriseRow{ grid-template-columns: 1fr; }
  .enterpriseRight{ align-items: flex-start; }
  .enterpriseNote{ text-align: left; max-width: none; }
}

@media (max-width: 900px){
  .enterpriseRow{ grid-template-columns: 1fr; }
  .enterpriseRight{ align-items: flex-start; }
  .enterpriseNote{ text-align: left; }
}


.pricingSection .faqItem summary{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 2px 0;
}
.pricingSection .faqItem summary::after{
  content: "›";
  transform: rotate(90deg);
  opacity: .65;
  transition: transform .18s ease, opacity .18s ease;
}
.pricingSection .faqItem[open] summary::after{
  transform: rotate(-90deg);
  opacity: .95;
}
.pricingSection .faqBody{
  padding-top: 6px;
}



@media (min-width: 1100px){
  .pricingGrid{ grid-template-columns: repeat(3, minmax(280px, 1fr)); }
  .pricingGrid .priceCard.enterpriseCallout{ grid-column: 1 / -1; justify-self: center; width: min(980px, 100%); }
}

@media (max-width: 980px){
  .enterpriseRow{ grid-template-columns: 1fr; align-items: start; }
  .enterpriseRight{ align-items: flex-start; }
  .enterpriseNote{ text-align: left; }
}


.useCaseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
@media (max-width: 900px){.useCaseGrid{grid-template-columns:1fr}}
.useCase .glassCard{padding:18px;border-radius:18px}
.useCase .metaLine{margin-top:10px;opacity:.8;font-size:13px}

.faqItem{border-radius:16px;overflow:hidden}
.faqItem summary{cursor:pointer}
.faqBody{padding:14px 16px 18px 16px}
.noteLine{opacity:.9;margin-top:10px}

.pricingSection .pricingGrid.single {
  display: grid;
  grid-template-columns: minmax(0, 560px);
  justify-content: center;
  gap: 28px;
}

.pricingSection .pricingGrid.single .priceCard {
  max-width: 560px;
}

.pricingSection .pricingGrid.single .priceTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.pricingSection .pricingGrid.single .priceNote {
  margin: 0 0 8px;
  color: rgba(255,255,255,.72);
  line-height: 1.65;
  font-size: 14px;
}

.pricingCallout {
  margin-top: 24px;
  padding: 18px 20px;
  border-radius: 22px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(120,170,255,.14);
  color: rgba(255,255,255,.78);
  line-height: 1.6;
  max-width: 680px;
}

.billingTable {
  width: 100%;
  max-width: 560px;
  border-collapse: collapse;
  margin-top: 16px;
}
.billingTable th,
.billingTable td {
  padding: 12px 16px;
  border: 1px solid rgba(120,170,255,.14);
  font-size: 14px;
}
.billingTable th {
  text-align: left;
  color: rgba(255,255,255,.78);
  font-weight: 600;
}
.billingTable td {
  text-align: right;
  color: rgba(255,255,255,.92);
  font-weight: 600;
}
.billingTable span {
  font-size: 12px;
  opacity: .7;
  margin-left: 4px;
}

.useCaseGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}
@media (max-width: 1200px) {
  .useCaseGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .useCaseGrid {
    grid-template-columns: 1fr;
  }
}

.capTitle {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 6px;
}
.capCopy {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,.70);
}

.navDrop{position:relative;display:inline-block}
.navDropBtn{display:inline-flex;align-items:center;gap:6px}
.navDropMenu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(10,12,18,.72);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow:0 18px 70px rgba(0,0,0,.45);display:none;z-index:50}
.navDropMenu a{display:block;padding:10px 12px;border-radius:12px}
.navDropMenu a:hover{background:rgba(255,255,255,.06)}
.navDrop:hover .navDropMenu{display:block}
@media (max-width: 900px){
  .navDrop{width:100%}
  .navDropMenu{position:static;display:block;min-width:unset;padding:0;border:none;background:transparent;box-shadow:none}
  .navDropMenu a{padding:8px 0;border-radius:0}
}

.proofGrid.grid2x2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width: 900px){.proofGrid.grid2x2{grid-template-columns:1fr}}

.proofGrid.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 1100px){.proofGrid.grid3{grid-template-columns:1fr}}

.priceCardWide{width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
.priceWideRight{border-left: 1px solid rgba(255,255,255,.10);padding-left: 22px}
.subTitle{font-weight: 800;letter-spacing: .04em;text-transform: uppercase;font-size: 12px;color: rgba(220,230,255,.86);margin-bottom: 10px}
.miniNote{margin-top: 14px;color: rgba(220,230,255,.74);font-size: 13px;line-height: 1.45}
@media (max-width: 860px){
  .priceCardWide{grid-template-columns:1fr}
  .priceWideRight{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.10);padding-top:18px;margin-top:6px}
}

.homePage .sectionHead{
  grid-template-columns: 1fr;
  gap: 10px;
  text-align: left;
}
.homePage .sectionHead .lead,
.homePage .sectionHead .muted{max-width: 72ch}

.homePage .benefitCard,
.homePage .featureCard,
.homePage .appCard,
.homePage .triadCard,
.homePage .govCard{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.32);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--radius2);
}

.homePage .benefitCard, .homePage .featureCard, .homePage .appCard{padding:18px}

.homePage .contactGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width: 900px){.homePage .contactGrid{grid-template-columns:1fr}}
.homePage .contactCard{
  padding:18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.32);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--radius2);
}

.modalSurface{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(11,16,32,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 28px 70px rgba(0,0,0,.55);
}

.contactNarrow{max-width: 980px; margin: 0 auto;}