:root{--blue:#0564f5;--blue-dark:#073b91;--gold:#ffd43b;--ink:#09111f;--muted:#536174;--line:#dfe6ef;--surface:#f5f8fc;--radius:20px;--shadow:0 18px 50px rgba(7,59,145,.12)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:var(--blue-dark)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,6vw,5.4rem)}h2{font-size:clamp(1.8rem,3.6vw,3rem)}.container{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{max-width:820px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:10}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{font-weight:850;font-size:1.4rem;text-decoration:none;color:var(--ink)}.wordmark span{color:var(--blue)}nav{display:flex;align-items:center;gap:1.5rem}nav a{text-decoration:none;color:var(--ink);font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;padding:.9rem 1.35rem;cursor:pointer;font:inherit}.button-small{padding:.65rem 1rem}.button-gold{background:var(--gold);color:var(--ink)}.button-outline{background:transparent;border:1px solid #fff;color:#fff}.hero,.page-hero{color:#fff;background:radial-gradient(circle at 85% 15%,#128cff 0,transparent 30%),linear-gradient(135deg,#06142d,#064fc4);padding:clamp(5rem,10vw,9rem) 0}.page-hero{text-align:center;padding:5.5rem 0}.page-hero.compact{padding:4rem 0}.hero-grid{display:grid;grid-template-columns:1.55fr .65fr;gap:5rem;align-items:center}.hero h1 em{font-style:normal;color:var(--gold)}.hero h2{font-size:clamp(1.25rem,2.5vw,2rem)}.lead{font-size:1.18rem;color:#d8e8ff}.eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.15em;font-weight:850;color:var(--blue)}.hero .eyebrow,.page-hero .eyebrow,.section-dark .eyebrow,.cta-band .eyebrow{color:var(--gold)}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.8rem}.centered{justify-content:center}.proof,.fine-print{font-size:.88rem;color:var(--muted)}.hero .proof{color:#b9cff0;margin-top:1.4rem}.metric-card{background:#ffffff18;border:1px solid #ffffff40;border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:var(--shadow)}.metric-card span,.metric-card strong{display:block}.metric-card strong{font-size:2.8rem;color:var(--gold)}.metric-before{text-decoration:line-through;font-size:1.3rem}.metric-arrow{font-size:2rem}.section{padding:clamp(4rem,8vw,7rem) 0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}.card-grid article,.pricing-card,.form-card{border:1px solid var(--line);border-radius:var(--radius);padding:2rem;background:#fff;box-shadow:var(--shadow)}.section-dark{background:var(--ink);color:#fff}.section-dark p{color:#c9d4e5}.feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.check-list,.planned-list{padding:0;list-style:none}.check-list li,.planned-list li{padding:.65rem 0 .65rem 2rem;position:relative}.check-list li:before,.planned-list li:before{position:absolute;left:0;font-weight:900}.check-list li:before{content:'✓';color:var(--blue)}.planned-list li:before{content:'→';color:var(--gold)}.pricing-preview,.split{display:flex;justify-content:space-between;align-items:center;gap:2rem}.gold,.pricing-preview h2 span{color:#e0a800}.cta-band{padding:4rem 0;background:var(--blue);color:#fff}.text-link{color:#fff;font-weight:800}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.steps article{display:flex;gap:1.2rem;border:1px solid var(--line);padding:1.6rem;border-radius:var(--radius)}.steps article>span{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-weight:900}.steps h2{font-size:1.35rem}.steps p{color:var(--muted)}.section-muted{background:var(--surface)}.form-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}label{display:block;font-weight:750;margin-bottom:1.1rem}input,textarea{display:block;width:100%;margin-top:.45rem;padding:.85rem 1rem;border:1px solid #b8c5d6;border-radius:10px;font:inherit}input:focus,textarea:focus{outline:3px solid #0564f52e;border-color:var(--blue)}.honeypot{position:absolute;left:-9999px}.notice{padding:1rem 1.2rem;border-radius:10px;margin-bottom:1.5rem}.notice.success{background:#e6f8ec;color:#145c2a}.notice.error{background:#fff0f0;color:#8e2020}.prose{max-width:800px}.prose h2{font-size:1.5rem;margin-top:2.5rem}footer{background:#060c16;color:#c8d2e0;padding:4rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.wordmark-light,footer a{color:#fff}.copyright{border-top:1px solid #243044;margin-top:2.5rem;padding-top:1.5rem;font-size:.85rem}@media(max-width:800px){.nav-wrap{align-items:flex-start;padding:1rem 0;flex-direction:column}.site-header{position:static}nav{width:100%;overflow:auto;gap:1rem}nav a{white-space:nowrap}.hero-grid,.feature-columns,.steps,.form-layout,.footer-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.pricing-preview,.split{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:1fr}}@media(max-width:480px){.container{width:min(100% - 28px,1120px)}nav .button{display:none}.actions{align-items:stretch;flex-direction:column}.actions .button{width:100%}}


/* How It Works */
.steps article{position:relative;min-width:0}
.steps article:not(:last-child)::after{
  content:"→";
  position:absolute;
  right:-1.35rem;
  top:50%;
  transform:translateY(-50%);
  font-size:1.4rem;
  font-weight:800;
  color:var(--blue);
  z-index:1;
}
.security-intro{max-width:800px;color:var(--muted);font-size:1.08rem}
.security-section h2{max-width:850px}
.security-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2rem 3rem;
  margin-top:2.5rem;
}
.security-grid h3{font-size:1.2rem;margin-bottom:.5rem}
.security-grid p{color:var(--muted);margin-bottom:0}
@media(max-width:800px){
  .steps article:not(:last-child)::after{display:none}
  .security-grid{grid-template-columns:1fr;gap:1.5rem}
}

/* Connected workflow: How It Works */
@media (min-width: 801px) {
  .steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
    align-items: stretch;
  }

  .steps article {
    position: relative;
    min-width: 0;
    height: 100%;
    padding: 1.4rem;
    gap: 0.9rem;
    align-items: flex-start;
  }

  .steps article > span {
    flex: 0 0 40px;
    height: 40px;
  }

  .steps h2 {
    font-size: 1.12rem;
    line-height: 1.3;
  }

  .steps article:not(:last-child)::after {
    content: "→";
    display: block;
    position: absolute;
    right: -1.65rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--blue);
    font-size: 1.6rem;
    font-weight: 800;
    z-index: 2;
  }
}

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

  .steps article:not(:last-child)::after {
    display: none;
  }
}