*{box-sizing:border-box}:root{--bg:#020307;--text:#f7f7fb;--muted:#a8b2c5;--line:rgba(255,255,255,.13);--blue:#26e7ff;--gold:#d7b56d;--panel:rgba(8,12,22,.82);--shadow:0 30px 90px rgba(0,0,0,.6)}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(38,231,255,.13),transparent 32rem),radial-gradient(circle at 85% 10%,rgba(215,181,109,.15),transparent 28rem),#020307;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.bg,.noise{position:fixed;inset:0;pointer-events:none}.bg{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}header,main,footer{position:relative;z-index:1}header{width:min(1180px,calc(100% - 36px));margin:24px auto 0;padding:14px 16px;border:1px solid var(--line);border-radius:22px;background:rgba(3,5,10,.72);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;position:sticky;top:16px;z-index:10;box-shadow:var(--shadow)}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none}.brand img{width:50px;height:50px;object-fit:contain}.brand b{display:block;letter-spacing:.18em}.brand span{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em}nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}nav a{color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:11px}nav a:hover{color:var(--blue)}section{width:min(1180px,calc(100% - 36px));margin:24px auto;padding:58px 0}.hero,.lobby{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.page{padding:86px 0 34px}.eyebrow{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,7vw,88px);line-height:.91;letter-spacing:-.06em;margin-bottom:22px;max-width:900px}h2{font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.045em}.lead{font-size:clamp(18px,2vw,24px);color:var(--muted);max-width:840px}.text{font-size:17px;color:var(--muted);max-width:900px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;text-decoration:none;font-size:12px}.btn.small{min-height:42px}.btn.main{background:linear-gradient(135deg,var(--blue),#fff);color:#001014}.btn.gold{background:linear-gradient(135deg,var(--gold),#fff1bd);color:#050505}.btn.ghost{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.03)}.command,.panel,.gates a,.card,.pricing article,.formgrid article,.twocol div{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.command{border-radius:34px;min-height:520px;padding:28px;position:relative;overflow:hidden}.orb{width:330px;height:330px;border-radius:50%;position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(38,231,255,.9) 0 2px,transparent 3px),conic-gradient(transparent,rgba(38,231,255,.45),rgba(215,181,109,.42),transparent);animation:pulse 4s infinite ease-in-out}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.06)}}.command p,.command h2,.metrics{position:relative;z-index:1}.metrics{position:absolute;left:24px;right:24px;bottom:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metrics span{border:1px solid var(--line);border-radius:18px;padding:16px;color:var(--muted);background:rgba(0,0,0,.55);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.metrics b{display:block;color:#fff;font-size:18px;margin-top:8px}.panel{border-radius:34px;padding:42px}.gates,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gates a,.card{border-radius:26px;padding:24px;color:#fff;text-decoration:none}.gates span,.card span{color:var(--blue);font-weight:900;letter-spacing:.16em}.gates p,.card p{color:var(--muted)}.cards{grid-template-columns:repeat(2,1fr)}.card div{display:flex;justify-content:space-between}.card div b{color:var(--gold);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.card p{margin:7px 0}.card p b{color:#fff}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}input{width:min(680px,100%);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;color:#fff;padding:15px 18px;font-size:15px}.tablewrap{overflow:auto;border-radius:22px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:950px;background:rgba(255,255,255,.025)}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 14px;font-size:14px}th{color:var(--gold);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.04)}td{color:var(--muted)}td:nth-child(2){color:#fff;font-weight:800}td span{border:1px solid rgba(38,231,255,.3);border-radius:999px;padding:5px 9px;color:var(--blue);font-size:11px;text-transform:uppercase}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing.single{grid-template-columns:minmax(280px,430px);justify-content:center}.pricing article{border-radius:26px;padding:26px}.pricing .featured{border-color:rgba(38,231,255,.5)}.pricing b{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.pricing h3{font-size:36px;margin:14px 0}.pricing h3 span{font-size:14px;color:var(--muted)}.pricing li{margin:10px 0}.deal,.fine{border:1px solid rgba(215,181,109,.24);background:rgba(215,181,109,.06);padding:12px;border-radius:16px;color:var(--muted)}.twocol,.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.formgrid{grid-template-columns:repeat(3,1fr)}.twocol div,.formgrid article{border-radius:26px;padding:26px}footer{width:min(1180px,calc(100% - 36px));margin:40px auto 60px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}@media(max-width:980px){nav{display:none}.hero,.lobby,.pricing,.twocol,.formgrid,.gates,.cards{grid-template-columns:1fr}.command{min-height:440px}.metrics{grid-template-columns:1fr}.panel{padding:28px}}

/* V6 — Luxury living buttons */
.btn {
  position: relative;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease, color .35s ease;
}

.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -140%;
  width: 90%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 245, 205, .48), transparent);
  transform: skewX(-18deg);
  transition: left .85s ease;
  pointer-events: none;
}

.btn:hover::before {
  left: 140%;
}

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

.btn.main {
  box-shadow: 0 0 18px rgba(38, 231, 255, .18);
}

.btn.main:hover {
  box-shadow: 0 0 32px rgba(38, 231, 255, .42);
}

.btn.gold {
  box-shadow: 0 0 18px rgba(215, 181, 109, .18);
}

.btn.gold:hover {
  box-shadow: 0 0 34px rgba(215, 181, 109, .44);
}

.btn.ghost {
  border-color: rgba(215, 181, 109, .72);
  color: #f5dfaa;
  box-shadow: 0 0 16px rgba(215, 181, 109, .12);
}

.btn.ghost:hover {
  color: #ffffff;
  border-color: #fff1bd;
  box-shadow: 0 0 30px rgba(215, 181, 109, .34);
}

/* Subtle breathing effect only for primary lobby CTA */
.lobby .btn.main {
  animation: luxuryBreath 4.8s ease-in-out infinite;
}

@keyframes luxuryBreath {
  0%, 100% {
    box-shadow: 0 0 18px rgba(38, 231, 255, .16);
  }
  50% {
    box-shadow: 0 0 30px rgba(38, 231, 255, .32);
  }
}


/* V7 — Slow luxury button motion */
.btn {
  animation: slowLuxuryButton 7.5s ease-in-out infinite;
}

.btn::before {
  animation: slowLuxuryShine 8.8s ease-in-out infinite;
}

.btn:hover {
  animation-play-state: paused;
}

.btn:hover::before {
  animation-play-state: paused;
}

.lobby .btn.main {
  animation: slowLuxuryButton 7.5s ease-in-out infinite, luxuryGlowBreath 6.8s ease-in-out infinite;
}

@keyframes slowLuxuryButton {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5px);
  }
}

@keyframes slowLuxuryShine {
  0%, 72% {
    left: -140%;
    opacity: 0;
  }
  78% {
    opacity: .65;
  }
  100% {
    left: 140%;
    opacity: 0;
  }
}

@keyframes luxuryGlowBreath {
  0%, 100% {
    box-shadow: 0 0 16px rgba(38, 231, 255, .16);
  }
  50% {
    box-shadow: 0 0 29px rgba(38, 231, 255, .32);
  }
}


/* V8 — Webflow-style pricing toggle + AI compliance pricing */
.billing-toggle {
  width: min(1180px, calc(100% - 36px));
  margin-top: 30px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.035);
  color: var(--muted);
  font-weight: 800;
  letter-spacing: .04em;
}

.billing-toggle b {
  color: var(--gold);
  font-size: 12px;
  margin-left: 4px;
}

.switch {
  width: 58px;
  height: 32px;
  display: inline-block;
  position: relative;
}

.switch input {
  display: none;
}

.switch i {
  position: absolute;
  inset: 0;
  cursor: pointer;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid var(--line);
  transition: .3s ease;
}

.switch i::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 4px;
  top: 3px;
  border-radius: 50%;
  background: #fff;
  transition: .3s ease;
  box-shadow: 0 0 18px rgba(255,255,255,.22);
}

.switch input:checked + i {
  background: linear-gradient(135deg, var(--blue), rgba(215,181,109,.85));
}

.switch input:checked + i::before {
  transform: translateX(26px);
}

.enhanced-pricing .price {
  min-height: 680px;
  display: flex;
  flex-direction: column;
}

.enhanced-pricing .price ul {
  flex: 1;
}

.price-note {
  min-height: 48px;
  color: var(--muted);
  margin-bottom: 16px;
}

.price-yearly {
  display: inline;
}

.price-monthly {
  display: none;
}

body.monthly-pricing .price-yearly {
  display: none;
}

body.monthly-pricing .price-monthly {
  display: inline;
}

.enhanced-pricing .price li {
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding-bottom: 8px;
}

.enhanced-pricing .price li:last-child {
  border-bottom: none;
}