/* ===== SECTIONS ===== */
*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{
    font-family:var(--body);
    color:var(--ink);
    background:var(--cream);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.015;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.02em}

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

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

section{position:relative}

.eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
    color:var(--ink-soft);
  }

.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#2563EB}

.micro{font-size:.85rem;color:var(--ink-faint);margin-top:12px}

header.nav{position:sticky;top:0;z-index:100;transition:background .3s, box-shadow .3s, border-color .3s;border-bottom:1px solid transparent}

header.nav.scrolled{background:rgba(246,242,233,.86);backdrop-filter:blur(12px);border-color:var(--line);box-shadow:var(--shadow-sm)}

.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px}

.logo{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.04em;display:flex;align-items:center;gap:2px}

.logo .dot{color:#2563EB}

.nav-links{display:flex;align-items:center;gap:30px}

.nav-links a.navlink{font-weight:600;font-size:.96rem;color:var(--ink-soft);transition:color .2s}

.nav-links a.navlink:hover{color:var(--ink)}

.navlogin{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.94rem;color:var(--ink-soft);padding:9px 16px;border:1.5px solid var(--line);border-radius:10px;transition:border-color .2s,color .2s,background .2s}

.navlogin:hover{color:var(--ink);border-color:var(--ink)}

.navlogin svg{width:15px;height:15px}

.nav-toggle{display:none}

.hero{padding:64px 0 70px;position:relative}

.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}

.hero-bg .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}

.hero-bg .b1{width:560px;height:560px;background:var(--navy);top:-220px;right:-160px;opacity:.05}

.hero-bg .b2{width:420px;height:420px;background:#86EFAC;bottom:-200px;left:-160px;opacity:.12}

.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;z-index:1}

.hero h1{font-size:clamp(2.45rem,5.4vw,4rem);margin:18px 0 0}

.hero .sub{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--ink-soft);margin-top:22px;max-width:34ch}

.hero h1 .hsub{display:block;font-size:.46em;font-weight:600;color:var(--ink-soft);margin-top:16px;line-height:1.2;letter-spacing:-.01em}

.hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}

.sec{padding:84px 0}

.sec-head{max-width:620px;margin-bottom:46px}

.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}

.sec h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-top:14px}

.sec .lead{color:var(--ink-soft);font-size:1.1rem;margin-top:16px}

.ink-sec{background:var(--navy);color:#fff}

.ink-sec .eyebrow{color:#94A3B8}

.ink-sec .eyebrow::before{background:var(--accent-bright)}

.ink-sec .lead{color:#CBD5E1}

.cream2{background:var(--cream-2)}

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

.pain{background:#16233F;border:1px solid var(--line-dark);border-radius:var(--radius);padding:26px 24px}

.pain .ic{width:42px;height:42px;border-radius:12px;background:rgba(96,165,250,.16);display:flex;align-items:center;justify-content:center;margin-bottom:16px}

.pain p{color:#CBD5E1;font-size:1rem}

.pain-close{margin-top:34px;font-family:var(--display);font-weight:600;font-size:1.25rem;max-width:30ch;color:var(--cream)}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}

.step{position:relative;padding-top:18px}

.step .num{font-family:var(--display);font-weight:700;font-size:1.05rem;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}

.step p{color:var(--ink-soft);font-size:.97rem;font-weight:500}

.steps-line{position:absolute;top:38px;left:40px;right:40px;height:2px;background:linear-gradient(90deg,var(--line),var(--line));z-index:-1}

.anchor-phrase{margin-top:38px;text-align:center}

.anchor-phrase b{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;background:var(--ink);color:var(--cream);padding:8px 22px;border-radius:14px;display:inline-block}

.anchor-phrase b em{color:var(--accent-bright);font-style:normal}

.showcase{display:flex;flex-direction:column;gap:60px;margin-top:6px}

.show-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}

.show-row:nth-child(even) .show-visual{order:-1}

.show-text h3{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:14px}

.show-text p{color:var(--ink-soft);margin-top:12px;font-size:1.02rem}

.show-list{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:11px}

.show-list li{display:flex;align-items:flex-start;gap:11px;font-size:.97rem;color:var(--ink-soft)}

.show-list li svg{flex:none;width:19px;height:19px;margin-top:2px;color:var(--green)}

.show-visual{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}

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

.benefit{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:transform .25s,box-shadow .25s}

.benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow)}

.benefit .ic{width:44px;height:44px;border-radius:12px;background:var(--cream-2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}

.benefit h3{font-size:1.18rem}

.benefit p{color:var(--ink-soft);margin-top:8px;font-size:.95rem}

.stories{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.story{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;position:relative}

.story .tag{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#059669}

.story blockquote{font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.35;margin-top:14px;letter-spacing:-.01em}

.pos-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:44px}

.pos{background:#16233F;border:1px solid var(--line-dark);border-radius:var(--radius-lg);padding:34px}

.pos h3{font-size:1.5rem;color:var(--cream)}

.pos h3 .hl{color:var(--accent-bright)}

.pos p{color:#CBD5E1;margin-top:14px}

.ctable{width:100%;border-collapse:collapse;background:#16233F;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-dark)}

.ctable th,.ctable td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line-dark);font-size:.95rem}

.ctable thead th{font-family:var(--display);font-weight:700;color:var(--cream);font-size:1rem}

.ctable thead th.bd{color:var(--accent-bright)}

.ctable td:first-child,.ctable th:first-child{color:#CBD5E1}

.ctable td{color:#CBD5E1}

.ctable td.bd{color:var(--cream);font-weight:700}

.ctable tr:last-child td{border-bottom:none}

.no{color:#6f6760}

.cap{display:flex;gap:14px;align-items:flex-start;background:#16233F;border:1px solid var(--line-dark);border-radius:var(--radius);padding:22px}

.cap b{font-family:var(--display);font-weight:700;font-size:1.08rem;color:#fff;display:block}

.cap p{color:#CBD5E1;font-size:.93rem;margin-top:5px}

.trust-note{background:#ECFDF5;color:#065f46;border-radius:100px;padding:7px 16px;font-weight:700;font-size:.85rem;display:inline-block;margin-bottom:18px}

.signals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.signal{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;text-align:center}

.signal .ic{width:46px;height:46px;border-radius:50%;background:var(--cream-2);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}

.signal h4{font-size:1.02rem}

.signal p{font-size:.85rem;color:var(--ink-faint);margin-top:6px}

.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}

.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;display:flex;flex-direction:column;position:relative}

.plan.featured{border:2px solid var(--ink);box-shadow:var(--shadow-lg);transform:translateY(-8px)}

.plan .pname{font-family:var(--display);font-weight:700;font-size:1.3rem}

.plan .pwho{color:var(--ink-faint);font-size:.88rem;margin-top:4px;min-height:38px}

.plan .price{font-family:var(--display);font-weight:700;font-size:2.4rem;margin:14px 0 2px;letter-spacing:-.03em}

.plan .price small{font-size:.95rem;font-weight:600;color:var(--ink-faint)}

.plan .pinc{color:var(--ink-soft);font-size:.94rem;margin:14px 0 22px;flex:1}

.price-note{text-align:center;font-size:.84rem;color:var(--ink-faint);margin-top:18px}

.faq{max-width:760px;margin:0 auto}

.qa{border-bottom:1px solid var(--line)}

.qa button{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--display);font-weight:600;font-size:1.12rem;color:var(--ink)}

.qa .ans{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--ink-soft)}

.qa .ans p{padding:0 0 22px;font-size:.98rem}

.final{padding:90px 0}

.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}

.final h2{font-size:clamp(2rem,3.6vw,3rem);color:var(--cream)}

.final .bj{color:#CBD5E1;font-size:1.15rem;margin-top:16px;font-family:var(--display);font-weight:600}

footer.ft{background:var(--ink);color:#CBD5E1;padding:54px 0 30px;border-top:1px solid var(--line-dark)}

.ft-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;margin-bottom:34px}

.ft .logo{color:var(--cream)}

.ft .tag{font-style:italic;color:#64748B;margin-top:8px;font-size:.95rem}

.ft-nav{display:flex;gap:26px;flex-wrap:wrap}

.ft-nav a{font-weight:600;color:#CBD5E1;transition:color .2s}

.ft-nav a:hover{color:var(--accent-bright)}

.ft-contact{font-size:.9rem;line-height:1.9}

.ft-contact a:hover{color:var(--accent-bright)}

.ft-bottom{border-top:1px solid var(--line-dark);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:.82rem;color:#64748B}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}

.skip{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--navy);color:#fff;padding:12px 18px;border-radius:0 0 10px 0;font-weight:600}

.skip:focus{left:0}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.scrolly{position:relative}

.st-step{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;min-height:74vh;padding:20px 0}

.st-step:nth-child(even) .st-visual-wrap{order:-1}

.st-visual-wrap{position:sticky;top:16vh}

.st-num{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}

.st-text h3{font-size:clamp(1.5rem,2.8vw,2.1rem)}

.st-text p{color:var(--ink-soft);margin-top:12px;font-size:1.02rem}

.st-visual{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;opacity:.5;transform:scale(.97);transition:opacity .5s ease,transform .5s ease,box-shadow .5s ease}

.st-step.active .st-visual{opacity:1;transform:scale(1);box-shadow:var(--shadow-lg)}

.st-progress{display:flex;gap:8px;margin-top:24px;max-width:240px}

.st-progress b{height:4px;flex:1;background:var(--line);border-radius:4px;transition:background .4s}

.st-step.active .st-progress b.on{background:#2563EB}

.pswitch{display:inline-flex;background:var(--cream-2);border:1px solid var(--line);border-radius:100px;padding:5px;gap:4px;margin-bottom:30px}

.pswitch button{font-family:var(--body);font-weight:600;font-size:.94rem;color:var(--ink-soft);background:none;border:none;padding:10px 20px;border-radius:100px;cursor:pointer;transition:.2s}

.pswitch button.on{background:var(--navy);color:#fff}

.pcontent{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}

.ppane{display:none}

.ppane.on{display:block;animation:fadeup .45s ease}

.pcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}

.pcard .ptag{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#2563EB}

.pcard blockquote{font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.35;margin-top:12px;letter-spacing:-.01em}

.scrollprogress{position:fixed;top:0;left:0;height:3px;width:0;background:#2563EB;z-index:1000;transition:width .08s linear}

.plan{transition:transform .25s ease,box-shadow .25s ease}

.plan:not(.featured):hover{transform:translateY(-4px);box-shadow:var(--shadow)}

.reassure{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-top:26px}

.reassure span{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:500;color:var(--ink-soft)}

.reassure svg{width:17px;height:17px;color:var(--green);flex:none}

html {
  scroll-padding-top: 96px;
}

.nav-v3 {
  position: fixed;
  inset: 0 0 auto;
  z-index: 500;
  border-bottom: 1px solid transparent;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.nav-v3.is-scrolled {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(226, 232, 240, 0.9);
  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.nav-v3__inner {
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand-v3 {
  display: inline-flex;
  align-items: baseline;
  font-family: "DM Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.055em;
  color: var(--v3-text);
}

.brand-v3 strong {
  color: var(--v3-blue);
}

.nav-v3__links {
  display: flex;
  align-items: center;
  gap: 30px;
}

.nav-v3__links a,
.nav-v3__login {
  position: relative;
  font-size: 0.92rem;
  font-weight: 600;
  color: #475569;
  transition: color 0.2s ease;
}

.nav-v3__links a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  height: 2px;
  background: var(--v3-blue);
  border-radius: 999px;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.22s ease;
}

.nav-v3__links a:hover,
.nav-v3__login:hover {
  color: var(--v3-text);
}

.nav-v3__links a:hover::after {
  transform: scaleX(1);
}

.nav-v3__actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.nav-v3__toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
}

.nav-v3__toggle span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 5px auto;
  background: var(--v3-text);
  border-radius: 999px;
  transition: transform 0.25s ease;
}

.nav-v3__toggle[aria-expanded="true"] span:first-child {
  transform: translateY(3.5px) rotate(45deg);
}

.nav-v3__toggle[aria-expanded="true"] span:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}

.mobile-nav-v3 {
  display: none;
}

.hero-v3 {
  position: relative;
  min-height: 100vh;
  padding: 150px 0 58px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 18%, rgba(219, 234, 254, 0.72), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 72%, #ffffff 100%);
}

.hero-v3__ambient {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.hero-v3__glow {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(90px);
}

.hero-v3__glow--one {
  top: -140px;
  right: -120px;
  width: 560px;
  height: 560px;
  background: rgba(37, 99, 235, 0.13);
}

.hero-v3__glow--two {
  bottom: 20px;
  left: -180px;
  width: 420px;
  height: 420px;
  background: rgba(16, 185, 129, 0.1);
}

.hero-v3__grid {
  position: absolute;
  inset: 0;
  opacity: 0.36;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.1) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
}

.hero-v3__container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(560px, 1.16fr);
  gap: 64px;
  align-items: center;
}

.hero-v3__copy {
  padding-bottom: 34px;
  animation: phaseHeroCopy 0.8s ease both;
}

.hero-v3__badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 24px;
  padding: 8px 13px;
  font-family: "DM Mono", monospace;
  font-size: 0.69rem;
  font-weight: 500;
  color: #1d4ed8;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  background: rgba(239, 246, 255, 0.85);
  border: 1px solid rgba(147, 197, 253, 0.42);
  border-radius: 999px;
}

.hero-v3__badge-dot {
  position: relative;
  width: 7px;
  height: 7px;
  background: var(--v3-blue);
  border-radius: 50%;
}

.hero-v3__badge-dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(37, 99, 235, 0.4);
  border-radius: inherit;
  animation: phasePulse 2s ease infinite;
}

.hero-v3 h1 {
  max-width: 690px;
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-size: clamp(3.15rem, 5.8vw, 5.6rem);
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: -0.065em;
  color: var(--v3-text);
}

.hero-v3 h1 span {
  display: block;
  margin-top: 8px;
  color: transparent;
  background: linear-gradient(100deg, #2563eb 0%, #0f3b8f 52%, #0f172a 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-v3__description {
  max-width: 590px;
  margin-top: 28px;
  font-size: clamp(1.06rem, 1.45vw, 1.25rem);
  line-height: 1.65;
  color: #475569;
}

.hero-v3__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.hero-v3__trust {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
}

.hero-v3__avatars {
  display: flex;
}

.hero-v3__avatars span {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  margin-left: -7px;
  font-size: 0.65rem;
  font-weight: 700;
  color: #fff;
  background: var(--v3-navy);
  border: 3px solid #fff;
  border-radius: 50%;
}

.hero-v3__avatars span:first-child {
  margin-left: 0;
  background: #2563eb;
}

.hero-v3__avatars span:last-child {
  background: #10b981;
}

.hero-v3__stars {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: #f59e0b;
}

.hero-v3__trust p {
  margin-top: 2px;
  font-size: 0.78rem;
  color: #64748b;
}

.hero-v3__visual {
  position: relative;
  animation: phaseHeroVisual 0.95s 0.08s ease both;
}

.hero-v3__visual-glow {
  position: absolute;
  inset: 12% 9%;
  background: rgba(37, 99, 235, 0.18);
  border-radius: 50%;
  filter: blur(80px);
}

.hero-v3__proof {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid rgba(203, 213, 225, 0.7);
}

.hero-v3__proof p {
  font-size: 0.77rem;
  color: #94a3b8;
}

.hero-v3__proof-items {
  display: flex;
  align-items: center;
  gap: 18px;
}

.hero-v3__proof-items span {
  font-size: 0.78rem;
  font-weight: 700;
  color: #475569;
}

.hero-v3__proof-items i {
  width: 4px;
  height: 4px;
  background: #cbd5e1;
  border-radius: 50%;
}

.product-v3 {
  position: relative;
  padding: 120px 0;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 90% 12%, rgba(37, 99, 235, 0.22), transparent 28%),
    linear-gradient(145deg, #061229 0%, #091a38 55%, #07152f 100%);
}

.product-v3__ambient {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.product-v3__ambient::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.09) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

.product-v3__ambient span {
  position: absolute;
  border-radius: 50%;
  filter: blur(110px);
}

.product-v3__ambient span:first-child {
  top: 120px;
  right: -180px;
  width: 520px;
  height: 520px;
  background: rgba(37, 99, 235, 0.16);
}

.product-v3__ambient span:last-child {
  bottom: -180px;
  left: -120px;
  width: 440px;
  height: 440px;
  background: rgba(16, 185, 129, 0.09);
}

.product-v3__container {
  position: relative;
  z-index: 2;
}

.product-v3__header {
  display: grid;
  grid-template-columns: 1.15fr 0.65fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 58px;
}

.product-v3__eyebrow,
.product-v3__panel-number {
  font-family: "DM Mono", monospace;
  font-size: 0.7rem;
  font-weight: 500;
  color: #60a5fa;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.product-v3__header h2 {
  max-width: 780px;
  margin-top: 16px;
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.product-v3__header h2 span {
  display: block;
  color: #93c5fd;
}

.product-v3__header > p {
  max-width: 460px;
  padding-bottom: 5px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #a9b7cb;
}

.product-v3__shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 740px;
  overflow: hidden;
  background: rgba(13, 29, 57, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 26px;
  box-shadow:
    0 50px 130px rgba(0, 0, 0, 0.32),
    inset 0 1px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(20px);
}

.product-v3__nav {
  padding: 28px 18px;
  background: rgba(5, 16, 37, 0.62);
  border-right: 1px solid rgba(148, 163, 184, 0.16);
}

.product-v3__nav-item {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  width: 100%;
  padding: 14px 13px;
  color: #94a3b8;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 13px;
  cursor: pointer;
  transition:
    color 0.22s ease,
    background 0.22s ease,
    transform 0.22s ease;
}

.product-v3__nav-item + .product-v3__nav-item {
  margin-top: 8px;
}

.product-v3__nav-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  transform: translateX(3px);
}

.product-v3__nav-item.is-active {
  color: #fff;
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.28),
    rgba(37, 99, 235, 0.12)
  );
  box-shadow:
    inset 0 0 0 1px rgba(96, 165, 250, 0.22),
    0 8px 24px rgba(0, 0, 0, 0.14);
}

.product-v3__nav-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 10px;
}

.product-v3__nav-item.is-active .product-v3__nav-icon {
  color: #fff;
  background: #2563eb;
  border-color: #3b82f6;
}

.product-v3__nav-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.product-v3__nav-item strong,
.product-v3__nav-item small {
  display: block;
}

.product-v3__nav-item strong {
  margin-top: 1px;
  font-size: 0.88rem;
}

.product-v3__nav-item small {
  margin-top: 3px;
  overflow: hidden;
  font-size: 0.67rem;
  color: #64748b;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-v3__nav-item.is-active small {
  color: #a9c9ff;
}

.product-v3__stage {
  position: relative;
  min-width: 0;
}

.product-v3__panel {
  display: grid;
  grid-template-columns: minmax(220px, 0.36fr) minmax(620px, 1fr);
  gap: 34px;
  height: 100%;
  padding: 40px 0 40px 36px;
}

.product-v3__panel[hidden] {
  display: none;
}

.product-v3__panel.is-entering {
  animation: productPanelEnter 0.48s ease both;
}

.product-v3__panel-copy {
  align-self: center;
  padding: 20px 0;
}

.product-v3__panel-copy h3 {
  margin-top: 15px;
  font-size: clamp(1.8rem, 2.7vw, 2.65rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.product-v3__panel-copy > p {
  margin-top: 18px;
  font-size: 0.96rem;
  line-height: 1.7;
  color: #a9b7cb;
}

.product-v3__panel-copy ul {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 24px;
  list-style: none;
}

.product-v3__panel-copy li {
  position: relative;
  padding-left: 25px;
  font-size: 0.85rem;
  color: #cbd5e1;
}

.product-v3__panel-copy li::before {
  content: "✓";
  position: absolute;
  top: 1px;
  left: 0;
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
  font-size: 0.58rem;
  font-weight: 700;
  color: #6ee7b7;
  background: rgba(16, 185, 129, 0.13);
  border-radius: 50%;
}

.product-v3__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 48px;
  padding: 0 10px;
}

.product-v3__footer p {
  font-size: 1.05rem;
  color: #a9b7cb;
}

.product-v3__footer p strong {
  color: #fff;
}

.trust-v3 {
position: relative;
padding: 112px 0;
overflow: hidden;
background:
radial-gradient(circle at 10% 20%, rgba(219, 234, 254, 0.65), transparent 27%),
linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.trust-v3__header {
display: grid;
grid-template-columns: 1.1fr 0.62fr;
gap: 70px;
align-items: end;
margin-bottom: 50px;
}

.trust-v3__eyebrow {
font-family: "DM Mono", monospace;
font-size: 0.7rem;
font-weight: 500;
color: #2563eb;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.trust-v3__header h2 {
max-width: 760px;
margin-top: 15px;
font-size: clamp(2.5rem, 4.7vw, 4.5rem);
line-height: 0.99;
letter-spacing: -0.055em;
}

.trust-v3__header h2 span {
display: block;
color: #64748b;
}

.trust-v3__header > p {
padding-bottom: 4px;
font-size: 1.03rem;
line-height: 1.7;
color: #64748b;
}

.trust-v3__grid {
display: grid;
grid-template-columns: 1.45fr 1fr 1fr;
gap: 17px;
}

.trust-v3__card {
min-height: 290px;
padding: 28px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e2e8f0;
border-radius: 20px;
box-shadow: 0 12px 36px rgba(15, 23, 42, 0.055);
transition:
transform 0.25s ease,
border-color 0.25s ease,
box-shadow 0.25s ease;
}

.trust-v3__card:hover {
transform: translateY(-5px);
border-color: #bfdbfe;
box-shadow: 0 22px 52px rgba(15, 23, 42, 0.1);
}

.trust-v3__card--featured {
grid-row: span 2;
min-height: 598px;
color: #fff;
background:
radial-gradient(circle at 85% 10%, rgba(59, 130, 246, 0.26), transparent 33%),
linear-gradient(145deg, #07152f, #10244b);
border-color: rgba(96, 165, 250, 0.18);
}

.trust-v3__card h3 {
max-width: 330px;
margin-top: 11px;
font-size: 1.45rem;
line-height: 1.12;
letter-spacing: -0.035em;
}

.trust-v3__card--featured h3 {
margin-top: 14px;
font-size: clamp(2rem, 3vw, 2.85rem);
}

.trust-v3__card > p {
margin-top: 13px;
font-size: 0.92rem;
line-height: 1.65;
color: #64748b;
}

.trust-v3__card--featured > p {
color: #a9b7cb;
}

.trust-v3__audiences {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
margin-top: 42px;
padding: 23px;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
}

.trust-v3__audiences > span {
font-family: "DM Mono", monospace;
font-size: 0.64rem;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.trust-v3__audiences div {
display: flex;
align-items: center;
gap: 20px;
}

.trust-v3__audiences strong {
font-size: 0.82rem;
color: #475569;
}

.trust-v3__audiences i {
width: 4px;
height: 4px;
background: #cbd5e1;
border-radius: 50%;
}

#precios {
position: relative;
padding-top: 116px;
padding-bottom: 120px;
overflow: hidden;
background:
radial-gradient(circle at 50% 0%, rgba(219, 234, 254, 0.65), transparent 30%),
#f8fafc;
}

#precios .sec-head {
max-width: 760px;
margin-bottom: 58px;
}

#precios .sec-head h2 {
font-size: clamp(2.6rem, 4.8vw, 4.6rem);
line-height: 1;
letter-spacing: -0.055em;
}

#precios .sec-head .lead {
max-width: 590px;
margin-right: auto;
margin-left: auto;
line-height: 1.7;
}

#precios .plans {
gap: 17px;
align-items: stretch;
}

#precios .plan {
min-height: 500px;
padding: 34px 30px 30px;
overflow: hidden;
background: rgba(255, 255, 255, 0.94);
border-color: #dbe3ee;
border-radius: 21px;
box-shadow: 0 15px 45px rgba(15, 23, 42, 0.055);
transition:
transform 0.28s ease,
box-shadow 0.28s ease,
border-color 0.28s ease;
}

#precios .plan:hover {
z-index: 2;
transform: translateY(-7px);
border-color: #bfdbfe;
box-shadow: 0 30px 72px rgba(15, 23, 42, 0.13);
}

#precios .plan.featured {
color: #fff;
background:
radial-gradient(circle at 85% 0%, rgba(59, 130, 246, 0.3), transparent 34%),
linear-gradient(155deg, #07152f, #10244b);
border-color: rgba(96, 165, 250, 0.28);
box-shadow: 0 32px 80px rgba(7, 21, 47, 0.25);
transform: translateY(-10px);
}

#precios .plan.featured:hover {
transform: translateY(-15px);
}

#precios .plan .pname {
font-size: 1.4rem;
letter-spacing: -0.035em;
}

#precios .plan.featured .pname,
#precios .plan.featured .price {
color: #fff;
}

#precios .plan .pwho {
margin-top: 7px;
line-height: 1.5;
}

#precios .plan.featured .pwho,
#precios .plan.featured .pinc {
color: #a9b7cb;
}

#precios .plan .price {
margin-top: 29px;
font-size: clamp(2.7rem, 4vw, 3.45rem);
letter-spacing: -0.06em;
}

#precios .plan .price small {
font-size: 0.85rem;
letter-spacing: 0;
}

#precios .plan.featured .price small {
color: #94a3b8;
}

#precios .plan .pinc {
margin-top: 23px;
line-height: 1.65;
}

#faq {
padding-top: 112px;
padding-bottom: 118px;
background: #fff;
}

#faq .sec-head {
max-width: 720px;
margin-bottom: 45px;
}

#faq .sec-head h2 {
font-size: clamp(2.5rem, 4.4vw, 4.2rem);
letter-spacing: -0.052em;
}

#faq .faq {
max-width: 850px;
}

#faq .qa {
margin-bottom: 10px;
overflow: hidden;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 15px;
transition:
background 0.22s ease,
border-color 0.22s ease,
box-shadow 0.22s ease;
}

#faq .qa:hover,
#faq .qa.open {
background: #fff;
border-color: #bfdbfe;
box-shadow: 0 12px 35px rgba(15, 23, 42, 0.07);
}

#faq .qa button {
padding: 22px 24px;
font-size: 1.04rem;
letter-spacing: -0.018em;
}

#faq .qa .ans p {
padding: 0 58px 24px 24px;
line-height: 1.7;
}

.closing-v3 {
position: relative;
padding: 120px 0;
overflow: hidden;
color: #fff;
background:
radial-gradient(circle at 75% 20%, rgba(37, 99, 235, 0.25), transparent 28%),
linear-gradient(145deg, #061229, #091a38 55%, #07152f);
}

.closing-v3__ambient {
position: absolute;
inset: 0;
pointer-events: none;
}

.closing-v3__ambient::after {
content: "";
position: absolute;
inset: 0;
opacity: 0.18;
background-image:
linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
background-size: 70px 70px;
mask-image: linear-gradient(90deg, transparent, #000, transparent);
}

.closing-v3__ambient span {
position: absolute;
border-radius: 50%;
filter: blur(100px);
}

.closing-v3__ambient span:first-child {
top: -140px;
right: 5%;
width: 420px;
height: 420px;
background: rgba(37, 99, 235, 0.19);
}

.closing-v3__ambient span:last-child {
bottom: -170px;
left: 3%;
width: 380px;
height: 380px;
background: rgba(16, 185, 129, 0.1);
}

.closing-v3__container {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 0.82fr 1.18fr;
gap: 80px;
align-items: center;
}

.closing-v3__eyebrow {
font-family: "DM Mono", monospace;
font-size: 0.68rem;
color: #60a5fa;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.closing-v3 h2 {
margin-top: 18px;
font-size: clamp(3.4rem, 6.5vw, 6.5rem);
line-height: 0.89;
letter-spacing: -0.065em;
}

.closing-v3 h2 span {
display: block;
color: #93c5fd;
}

.closing-v3__copy > p {
max-width: 510px;
margin-top: 27px;
font-size: 1.08rem;
line-height: 1.7;
color: #a9b7cb;
}

.closing-v3__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 21px;
margin-top: 34px;
}

.closing-v3__primary {
color: #07152f;
background: #fff;
border-color: #fff;
}

.closing-v3__primary:hover {
color: #07152f;
background: #eff6ff;
}

.closing-v3__secondary {
font-size: 0.94rem;
font-weight: 700;
color: #cbd5e1;
border-bottom: 1px solid rgba(203, 213, 225, 0.5);
}

.closing-v3__secondary:hover {
color: #fff;
border-color: #fff;
}

.closing-v3__copy > small {
display: block;
margin-top: 19px;
font-size: 0.76rem;
color: #64748b;
}

.closing-v3__visual {
position: relative;
min-height: 530px;
}

footer.ft {
padding-top: 58px;
background: #050e20;
}

.ft-grid {
padding-bottom: 34px;
}

.ft .logo {
font-size: 1.65rem;
}

.ft .tag {
max-width: 280px;
margin-top: 11px;
line-height: 1.6;
}

.ft-nav {
gap: 22px 29px;
}

.ft-nav a {
font-size: 0.88rem;
}

.ft-bottom {
min-height: 62px;
}