:root{--navy:#0B2E78;--blue:#0F5EDB;--teal:#18CFC3;--mint:#20C997;--bg:#F7FAFC;--text:#2E3A59;--muted:#64748B;--line:#DDE7F0;--white:#FFFFFF;--danger:#B42318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);font-size:18px;line-height:1.55}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1px}.brand-icon{width:46px;height:46px}.brand-navy{color:var(--navy)}.brand-teal{color:var(--teal)}.nav{display:flex;align-items:center;gap:22px}.nav a{color:var(--navy);text-decoration:none;font-weight:700}.nav-cta{border:2px solid var(--teal);border-radius:999px;padding:9px 16px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:48px;align-items:center;padding:88px 5vw 70px;background:linear-gradient(135deg,#fff 0%,#fff 55%,#EAF7FF 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-150px;bottom:-170px;width:700px;height:330px;border-top:16px solid var(--teal);border-radius:50%;opacity:.22}.hero-copy,.hero-card{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:900;font-size:14px;margin:0 0 12px}h1{font-size:clamp(42px,6vw,76px);line-height:1.03;color:var(--navy);letter-spacing:-3px;margin:0 0 24px}h2{font-size:clamp(32px,4vw,48px);line-height:1.12;color:var(--navy);letter-spacing:-1.5px;margin:0 0 18px}h3{font-size:24px;line-height:1.2;color:var(--navy);margin:12px 0 8px}.lead{font-size:24px;max-width:780px;color:#243B66;margin:0 0 32px}.small-note,.form-note{font-size:15px;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;border-radius:18px;padding:17px 24px;font-weight:900;font-size:18px;min-height:60px;cursor:pointer}.button.primary{background:var(--teal);color:#04213A;box-shadow:0 12px 26px rgba(24,207,195,.28)}.button.secondary{background:#fff;color:var(--navy);border:2px solid var(--line)}.hero-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:0 22px 55px rgba(11,46,120,.12)}.risk-pill{display:inline-flex;background:#FEE4E2;color:var(--danger);font-weight:900;border-radius:999px;padding:8px 14px;margin-bottom:18px}.hero-card ul{padding-left:24px;margin-bottom:0}.section{padding:78px 5vw}.section-heading{max-width:760px;margin-bottom:34px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.step strong{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--navy);color:#fff}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start;background:#fff}.check-list{display:grid;gap:14px}.check-list p{margin:0;padding:18px 20px;border-left:5px solid var(--teal);background:var(--bg);border-radius:14px;font-weight:700}.interest{display:grid;grid-template-columns:.8fr 1fr;gap:42px;padding:80px 5vw;background:linear-gradient(135deg,var(--navy),#103A8F);color:#fff}.interest h2,.interest .eyebrow{color:#fff}.interest-form{background:#fff;color:var(--text);border-radius:30px;padding:28px;display:grid;gap:16px}.interest-form label{font-weight:800;color:var(--navy)}input,select,textarea{width:100%;margin-top:7px;border:2px solid var(--line);border-radius:14px;padding:15px 14px;font:inherit;color:var(--text);background:#fff}textarea{resize:vertical}.footer{display:flex;justify-content:space-between;gap:24px;padding:30px 5vw;background:#fff;border-top:1px solid var(--line)}.footer p{margin:4px 0 0;color:var(--muted)}.footer-links{display:flex;gap:18px;align-items:center}.footer a{color:var(--navy);font-weight:800}@media(max-width:860px){.site-header{align-items:flex-start;gap:12px}.nav{display:none}.hero,.interest,.split{grid-template-columns:1fr}.hero{padding-top:56px}.steps{grid-template-columns:1fr}h1{letter-spacing:-2px}.lead{font-size:20px}.footer{flex-direction:column}.hero-card{padding:24px}}
 /* v2 refinements */
body{font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.brand{font-weight:700;letter-spacing:-0.03em}
.nav a{font-weight:600}

.nav-cta{position:relative;overflow:hidden;transition:color .24s ease,border-color .24s ease,transform .24s ease}
.nav-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--teal),#42dfd4);transform:translateY(110%);transition:transform .28s ease;z-index:-1}
.nav-cta:hover,.nav-cta:focus-visible{color:#04213A;border-color:var(--teal);transform:translateY(0px)}
.nav-cta:hover:before,.nav-cta:focus-visible:before{transform:translateY(0)}






h1{font-weight:700;letter-spacing:-0.045em}
h2{font-weight:700}
h3{font-weight:700}
.lead{font-weight:400}
.hero{gap:56px}
.eyebrow{font-weight:700;letter-spacing:0.1em}
.button{font-weight:700;letter-spacing:0.03em}

.button.primary{color: #2E3A59;border: 2px solid #F7FAFC}
.button.secondary{color: #2E3A59;border: 2px solid #2E3A59}
.button.primary:hover{color: #2E3A59; background: #F7FAFC; border: 2px solid #18CFC3}
.button.secondary:hover{color: #F7FAFC; background: #2E3A59; border: 2px solid #F7FAFC}


a{text-decoration: none;}
.bottom-right-link{margin-left: 40px}

/* Reduce the thickness of the form labels and inputs */
.interest-form label {
  font-weight: 600; /* Dropped from 800 to a cleaner semi-bold */
  font-size: 16px;
}

input, select, textarea {
  padding: 11px 14px; /* Reduced padding from 15px to look less bulky */
  border: 1px solid var(--line); /* Changed from 2px to 1px for a cleaner look */
  border-radius: 10px;
}

/* Social Media Icons Styling */
.footer-socials {
  display: flex;
  gap: 16px;
  align-items: center;
}

.footer-socials a {
  color: var(--muted);
  transition: color 0.2s ease;
  display: inline-flex;
}

.footer-socials a:hover {
  color: var(--navy);
}

/* Responsiveness for new footer layout */
@media(max-width: 860px) {
  .footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }
  .bottom-right-link {
    margin-left: 0;
  }
  .footer-links {
    flex-direction: column;
    gap: 12px;
  }
}



/* Highlights the active security feature on the high-risk card */
.hero-card ul li.highlight-alert {
  color: var(--navy);
  background: rgba(24, 207, 195, 0.12); /* Very light subtle teal background tint */
  padding: 8px 12px;
  border-left: 3px solid var(--teal); /* Solid teal accent bar */
  border-radius: 4px;
  margin-top: 8px;
  list-style-type: none; /* Removes standard bullet to let the accent bar act as the anchor */
  margin-left: -12px; /* Pulls it back into alignment due to the padding */
}





/* Standalone Centered Privacy Banner */
.privacy-badge {
  display: flex;
  align-items: center;     /* Centers items vertically */
  justify-content: center; /* Centers items horizontally */
  gap: 5px;               /* Clean spacing between the lock and text */
  background: rgba(24, 207, 195, 0.10); /* Soft 8% teal opacity tint */
  border: 2px solid rgba(24, 207, 195, 0.15); /* Subtle teal border */
  border-radius: 12px;
  padding: 12px 20px;
  
  margin: 50px auto; 
  max-width: 900px;
  width: calc(100% - 10vw);
  box-sizing: border-box;
}

.privacy-badge .lock-icon {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;            /* Matches the approximate line-height of the text */
  line-height: 1;
  user-select: none;
  
  /* FIX: If the emoji sits slightly too high, change to 1px. 
     If it sits slightly too low, change -1px. Adjust until visually aligned. */
  transform: translateY(0px); 
}

.privacy-badge p {
  margin: 0;               /* Strips default browser paragraph spacing entirely */
  padding: 0;
  font-size: 16px;
  line-height: 1.4;        /* Keeps the text height tight and predictable */
  color: var(--text);
  text-align: left;
}

.privacy-badge strong {
  color: var(--navy);
  font-weight: 700;
}

/* Smooth presentation for small screens */
@media (max-width: 500px) {
  .privacy-badge {
    padding: 12px 16px;
    margin: 40px auto;
  }
}


/* Container for the action items inside the hero card */
.action-steps {
  display: flex;
  flex-direction: column;
  gap: 10px;          /* Perfectly uniform spacing between steps */
  margin-top: 16px;
  padding: 0;
}

/* Base style for every step item */
.step-item {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text);
  padding: 10px 14px;
  background: rgba(0, 0, 0, 0.02); /* Exceedingly faint grey box for structure */
  border-left: 3px solid var(--teal); /* Quiet baseline gutter indicator */
  border-radius: 6px;
}

/* The specialized green/teal notification override step */
.step-item.highlight-alert {
  color: var(--navy);
  background: rgba(24, 207, 195, 0.10); /* Soft 10% teal opacity tint */
  border-left: 3px solid var(--teal);     /* Bold teal accent bar */
}

.step-item strong {
  color: var(--navy);
  display: block;        /* Pushes the secondary text down slightly for easier scanning */
  margin-bottom: 2px;
}