/* Top bar */
.topbar{
  position: sticky;
  top:0;
  z-index: 50;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(230,236,245,.9);
}

.topbar-inner{
  height: 74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 180px;
}
.brand-logo{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  object-fit: contain;
}
.brand-name{
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: 18px;
}

.topnav{
  display:flex;
  align-items:center;
  gap:18px;
}
.nav-link{
  font-weight: 700;
  font-size: 14px;
  color: rgba(11,18,32,.68);
  padding: 10px 12px;
  border-radius: 999px;
  transition: background .12s ease, color .12s ease;
}
.nav-link:hover{
  background: rgba(29,111,255,.08);
  color: rgba(11,18,32,.92);
}

.top-actions{ display:flex; gap:10px; align-items:center; }

/* Hero */
.hero{
  padding: 72px 0 40px;
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 44px;
  align-items: start;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(29,111,255,.08);
  border: 1px solid rgba(29,111,255,.16);
  color: rgba(15,91,214,.95);
  font-weight: 800;
  font-size: 13px;
}
.eyebrow .dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(29,111,255,.45);
}

.hero-title{
  margin: 18px 0 14px;
  font-size: 56px;
  line-height: 1.02;
  letter-spacing: -0.045em;
}
.hero-subtitle{
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 56ch;
}

.hero-actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.hero-bullets{
  display:flex;
  gap: 16px;
  flex-wrap: wrap;
  margin: 16px 0 26px;
}
.bullet{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 800;
  font-size: 13px;
  color: rgba(11,18,32,.72);
}
.bullet-icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(29,111,255,.08);
  border: 1px solid rgba(29,111,255,.16);
  color: rgba(15,91,214,.95);
}
.bullet-icon svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.trust-row{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.trust-card{
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
}
.trust-top{
  display:flex;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 6px;
}
.trust-badge{
  font-weight: 900;
  font-size: 12px;
  color: rgba(15,91,214,.95);
}
.trust-value{
  font-weight: 950;
  letter-spacing: -0.02em;
}
.trust-text{
  color: rgba(11,18,32,.62);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5;
}

/* Preview */
.hero-visual{ position: relative; }

.preview{
  background:#fff;
  border-radius: var(--radius2);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.preview-head{
  padding: 14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background: linear-gradient(180deg, rgba(29,111,255,.10), rgba(255,255,255,0));
  border-bottom: 1px solid rgba(230,236,245,.9);
}
.preview-title{
  font-weight: 950;
  letter-spacing: -0.02em;
}
.preview-chip{
  font-weight: 900;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(29,111,255,.08);
  border: 1px solid rgba(29,111,255,.16);
  color: rgba(15,91,214,.95);
}
.preview-body{ padding: 16px; }
.preview-img{
  width:100%;
  border-radius: 16px;
  border: 1px solid rgba(230,236,245,.95);
}

.preview-fallback{
  display:grid;
  gap: 10px;
  padding: 4px;
}
.fake-line{
  height: 12px;
  border-radius: 999px;
  background: rgba(29,111,255,.10);
  border: 1px solid rgba(29,111,255,.12);
}
.fake-block{
  height: 210px;
  border-radius: 18px;
  background: rgba(29,111,255,.06);
  border: 1px dashed rgba(29,111,255,.22);
}
.w-70{ width: 70%; }
.w-55{ width: 55%; }
.w-62{ width: 62%; }
.w-42{ width: 42%; }

.preview-foot{
  padding: 14px 16px 16px;
  border-top: 1px solid rgba(230,236,245,.9);
}
.confidence-top{
  display:flex;
  justify-content:space-between;
  align-items: baseline;
  margin-bottom: 10px;
}
.confidence-label{
  font-weight: 900;
  font-size: 12px;
  color: rgba(11,18,32,.58);
}
.confidence-value{
  font-weight: 950;
  color: rgba(15,91,214,.95);
}
.confidence-bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(29,111,255,.10);
  border: 1px solid rgba(29,111,255,.12);
  overflow:hidden;
}
.confidence-fill{
  height:100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(29,111,255,.92), rgba(15,91,214,.92));
}

.float{
  position:absolute;
  width: min(280px, 70%);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(230,236,245,.95);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(13,60,135,.10);
  padding: 12px 14px;
  backdrop-filter: blur(10px);
}
.float-title{
  font-weight: 950;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}
.float-text{
  font-size: 13px;
  color: rgba(11,18,32,.62);
  font-weight: 600;
  line-height: 1.45;
}
.float-a{ top: 18px; left: -18px; }
.float-b{ bottom: 22px; right: -18px; }

/* Sections */
.section{ padding: 76px 0; }
.soft{
  background: linear-gradient(180deg, rgba(29,111,255,.05), rgba(255,255,255,0));
  border-top: 1px solid rgba(230,236,245,.9);
  border-bottom: 1px solid rgba(230,236,245,.9);
}
.section-head{ margin-bottom: 22px; }
.section-title{
  margin:0 0 8px;
  font-size: 34px;
  letter-spacing: -0.03em;
}
.section-subtitle{
  margin:0;
  color: var(--muted);
  line-height: 1.65;
  max-width: 62ch;
}

.grid-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.card{
  background:#fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
  padding: 18px;
}
.card h3{
  margin: 8px 0 6px;
  font-size: 16px;
  letter-spacing: -0.02em;
}
.card p{
  margin: 0;
  color: rgba(11,18,32,.62);
  line-height: 1.6;
  font-weight: 600;
}
.icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(29,111,255,.08);
  border: 1px solid rgba(29,111,255,.16);
  color: rgba(15,91,214,.95);
}
.icon svg{ width: 20px; height: 20px; fill: currentColor; }

/* Steps */
.steps{
  display:grid;
  gap: 12px;
}
.step{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
}
.step-num{
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(29,111,255,.08);
  border: 1px solid rgba(29,111,255,.16);
  color: rgba(15,91,214,.95);
  font-weight: 950;
}
.step-title{
  font-weight: 950;
  letter-spacing: -0.02em;
}
.step-text{
  margin-top: 4px;
  color: rgba(11,18,32,.62);
  font-weight: 600;
  line-height: 1.6;
  font-size: 14px;
}

/* CTA strip */
.cta-strip{
  margin-top: 18px;
  padding: 18px;
  border-radius: var(--radius2);
  border: 1px solid rgba(29,111,255,.18);
  background: rgba(29,111,255,.06);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  flex-wrap: wrap;
}
.cta-title{ font-weight: 950; letter-spacing: -0.02em; }
.cta-text{ color: rgba(11,18,32,.62); font-weight: 600; margin-top: 2px; }
.cta-actions{ display:flex; gap: 10px; flex-wrap: wrap; }

/* FAQ */
.faq{ display:grid; gap: 10px; }
.faq-item{
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
  padding: 12px 14px;
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
}
.faq-item summary{
  cursor:pointer;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: rgba(11,18,32,.86);
}
.faq-body{
  padding-top: 10px;
  color: rgba(11,18,32,.64);
  font-weight: 600;
  line-height: 1.6;
}

/* Footer */
.footer{
  padding: 28px 0;
  border-top: 1px solid rgba(230,236,245,.95);
}
.footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 12px;
  flex-wrap: wrap;
}
.footer-left{ display:flex; gap: 10px; align-items:center; }
.footer-brand{ font-weight: 950; }
.footer-dot{ color: rgba(11,18,32,.24); }
.footer-muted{ color: rgba(11,18,32,.58); font-weight: 700; }
.footer-right{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
}
.footer-link{
  color: rgba(11,18,32,.58);
  font-weight: 800;
  font-size: 13px;
  transition: color .12s ease, background .12s ease;
  padding: 8px 10px;
  border-radius: 999px;
}
.footer-link:hover{
  color: rgba(11,18,32,.82);
  background: rgba(29,111,255,.06);
}

/* Small polish */
.brand:hover .brand-name{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  text-decoration-color: rgba(29,111,255,.28);
}

/* Make SVG icons behave everywhere */
.top-actions svg,
.nav-link svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* Responsive */
@media (max-width: 980px){
  .hero-grid{ grid-template-columns: 1fr; }
  .hero-title{ font-size: 46px; }
  .trust-row{ grid-template-columns: 1fr; }
  .float{ display:none; }
}

@media (max-width: 760px){
  .topnav{ display:none; }
  .hero{ padding: 44px 0 28px; }
  .hero-title{ font-size: 38px; }
  .grid-3{ grid-template-columns: 1fr; }
  .section{ padding: 58px 0; }
  .topbar-inner{ height: 70px; }
}

/* Landing additions */

/* Mobile nav toggle */
.nav-toggle{
  display: none;
  background: none;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px;
  cursor: pointer;
  color: var(--text);
}
.nav-toggle svg{
  width: 20px;
  height: 20px;
  fill: currentColor;
  display: block;
}
.nav-toggle .nav-toggle-close{ display: none; }
.nav-toggle[aria-expanded="true"] .nav-toggle-open{ display: none; }
.nav-toggle[aria-expanded="true"] .nav-toggle-close{ display: block; }

.mobile-nav{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid var(--border);
  padding: 16px 20px 20px;
  box-shadow: 0 20px 40px rgba(13,60,135,.10);
}
.mobile-nav.is-open{ display: block; }
.mobile-nav-links{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-nav-link{
  display: block;
  padding: 12px 14px;
  font-weight: 700;
  font-size: 15px;
  color: rgba(11,18,32,.78);
  border-radius: 12px;
  transition: background .12s ease;
}
.mobile-nav-link:hover{ background: rgba(29,111,255,.06); }
.mobile-nav-divider{
  border: none;
  border-top: 1px solid var(--border);
  margin: 8px 0;
}
.btn-block{
  display: block;
  width: 100%;
  text-align: center;
}
body.nav-open{ overflow: hidden; }

@media (max-width: 760px){
  .nav-toggle{ display: block; }
  .top-actions{ display: none; }
}

/* Steps flow (How it works) */
.steps-flow{
  display: grid;
  gap: 0;
}
.step-flow{
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
}
.step-flow-body{ flex: 1; }
.step-label{
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--blue);
  margin-bottom: 4px;
}
.step-connector{
  width: 3px;
  height: 28px;
  background: linear-gradient(180deg, var(--blue-soft), rgba(29,111,255,.22));
  margin: 0 auto;
  border-radius: 999px;
}

/* Topic cards (Weak areas) */
.topic-cards{
  display: grid;
  gap: 12px;
}
.topic-card{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
}
.topic-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(29,111,255,.08);
  border: 1px solid rgba(29,111,255,.16);
  color: var(--blue);
  flex-shrink: 0;
}
.topic-icon svg{
  width: 22px;
  height: 22px;
  fill: currentColor;
}
.topic-content{ flex: 1; min-width: 0; }
.topic-name{
  font-weight: 900;
  letter-spacing: -0.02em;
  margin-bottom: 2px;
}
.topic-desc{
  font-size: 13px;
  color: rgba(11,18,32,.58);
  font-weight: 600;
  line-height: 1.45;
}
.topic-mastery{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.topic-mastery-bar{
  width: 80px;
  height: 8px;
  border-radius: 999px;
  background: rgba(29,111,255,.10);
  overflow: hidden;
}
.topic-mastery-fill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--blue-dark));
}
.topic-mastery-label{
  font-weight: 900;
  font-size: 13px;
  color: var(--blue-dark);
  min-width: 36px;
}

@media (max-width: 760px){
  .topic-card{ flex-wrap: wrap; }
  .topic-mastery{ width: 100%; margin-top: 8px; }
  .topic-mastery-bar{ flex: 1; }
}

/* Screens grid */
.screens-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.screen-card{
  text-align: center;
}
.screen-placeholder{
  aspect-ratio: 4/3;
  border-radius: 18px;
  border: 1px dashed rgba(29,111,255,.28);
  background: rgba(29,111,255,.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  color: rgba(15,91,214,.75);
  font-weight: 800;
  font-size: 13px;
}
.screen-placeholder-icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(29,111,255,.10);
}
.screen-placeholder-icon svg{
  width: 22px;
  height: 22px;
  fill: currentColor;
}
.screen-label{
  font-size: 13px;
  color: rgba(11,18,32,.58);
  font-weight: 600;
  line-height: 1.45;
}

@media (max-width: 980px){
  .screens-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px){
  .screens-grid{ grid-template-columns: 1fr; }
}

/* Section note */
.section-note{
  margin-top: 18px;
  font-size: 14px;
  color: rgba(11,18,32,.58);
  font-weight: 600;
}
.section-note a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section-note a:hover{ text-decoration-thickness: 2px; }

/* Final CTA */
.final-cta{ text-align: center; }
.final-cta-inner{ max-width: 600px; margin: 0 auto; }
.final-cta-title{
  font-size: 32px;
  letter-spacing: -0.03em;
  margin: 0 0 10px;
}
.final-cta-text{
  color: var(--muted);
  line-height: 1.65;
  margin: 0 0 22px;
}
.final-cta-actions{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Page content (for subpages) */
.page-content{
  padding: 56px 0 76px;
}
.page-header{
  margin-bottom: 36px;
}
.page-title{
  margin: 0 0 10px;
  font-size: 42px;
  letter-spacing: -0.035em;
}
.page-subtitle{
  margin: 0;
  font-size: 17px;
  color: var(--muted);
  line-height: 1.65;
  max-width: 60ch;
}
.page-meta{
  margin: 0;
  font-size: 14px;
  color: rgba(11,18,32,.48);
  font-weight: 600;
}

/* Prose (for legal pages) */
.prose{
  max-width: 72ch;
  line-height: 1.75;
  color: rgba(11,18,32,.82);
}
.prose h2{
  margin: 36px 0 14px;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: var(--text);
}
.prose h3{
  margin: 24px 0 10px;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--text);
}
.prose p{ margin: 0 0 14px; }
.prose ul{
  margin: 0 0 14px;
  padding-left: 24px;
}
.prose li{ margin-bottom: 6px; }
.prose a{
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.prose a:hover{ text-decoration-thickness: 2px; }

/* Contact page */
.contact-layout{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 40px;
  align-items: start;
}
.contact-form-wrapper{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius2);
  padding: 28px;
  box-shadow: var(--shadow);
}
.contact-form{
  display: grid;
  gap: 18px;
}
.form-group{ display: grid; gap: 6px; }
.form-label{
  font-weight: 800;
  font-size: 13px;
  color: rgba(11,18,32,.72);
}
.form-input,
.form-textarea{
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  font-size: 15px;
  font-family: inherit;
  transition: border-color .12s ease, box-shadow .12s ease;
  background: #fff;
}
.form-input:focus,
.form-textarea:focus{
  outline: none;
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(29,111,255,.12);
}
.form-textarea{ resize: vertical; min-height: 140px; }
.form-error{
  padding: 14px 16px;
  background: rgba(220,38,38,.08);
  border: 1px solid rgba(220,38,38,.22);
  border-radius: 14px;
  color: #b91c1c;
  font-weight: 700;
  font-size: 14px;
}
.form-success{
  text-align: center;
  padding: 32px 20px;
}
.form-success-icon{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(34,197,94,.12);
  color: #16a34a;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
}
.form-success-icon svg{
  width: 32px;
  height: 32px;
  fill: currentColor;
}
.form-success h2{
  margin: 0 0 8px;
  font-size: 22px;
}
.form-success p{
  margin: 0 0 20px;
  color: var(--muted);
}

.contact-info{ display: grid; gap: 18px; }
.contact-info-card{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
}
.contact-info-card h3{
  margin: 0 0 14px;
  font-size: 15px;
  letter-spacing: -0.01em;
}
.contact-method{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.contact-method:last-child{ margin-bottom: 0; }
.contact-method-icon{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(29,111,255,.08);
  color: var(--blue);
  flex-shrink: 0;
}
.contact-method-icon svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.contact-method strong{
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
}
.contact-method p{
  margin: 0;
  font-size: 14px;
  color: rgba(11,18,32,.62);
}
.contact-method a{ color: var(--blue); }
.contact-topics{
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-topics li{ margin-bottom: 8px; }
.contact-topics a{
  color: rgba(11,18,32,.72);
  font-weight: 600;
  font-size: 14px;
  transition: color .12s ease;
}
.contact-topics a:hover{ color: var(--blue); }

@media (max-width: 840px){
  .contact-layout{ grid-template-columns: 1fr; }
}

/* How it works page */
.hiw-section{
  margin-bottom: 48px;
}
.hiw-phase{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius2);
  padding: 28px;
  box-shadow: var(--shadow);
}
.hiw-phase-header{
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border);
}
.hiw-phase-num{
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: var(--blue);
  color: #fff;
  font-weight: 950;
  font-size: 20px;
  flex-shrink: 0;
}
.hiw-phase-title{
  margin: 0 0 4px;
  font-size: 24px;
  letter-spacing: -0.02em;
}
.hiw-phase-tagline{
  margin: 0;
  color: var(--muted);
  font-weight: 600;
}
.hiw-content h3{
  margin: 22px 0 10px;
  font-size: 17px;
}
.hiw-content h3:first-child{ margin-top: 0; }
.hiw-content p{
  margin: 0 0 12px;
  color: rgba(11,18,32,.72);
  line-height: 1.7;
}
.hiw-content ul{
  margin: 0 0 12px;
  padding-left: 22px;
  color: rgba(11,18,32,.72);
  line-height: 1.7;
}
.hiw-content li{ margin-bottom: 6px; }
.hiw-note{
  margin-top: 18px;
  padding: 14px 16px;
  background: rgba(29,111,255,.06);
  border: 1px solid rgba(29,111,255,.14);
  border-radius: 14px;
  font-size: 14px;
  color: rgba(11,18,32,.78);
}
.hiw-cta{
  text-align: center;
  padding: 36px;
  background: rgba(29,111,255,.04);
  border: 1px solid rgba(29,111,255,.12);
  border-radius: var(--radius2);
}
.hiw-cta h2{
  margin: 0 0 8px;
  font-size: 26px;
  letter-spacing: -0.02em;
}
.hiw-cta p{
  margin: 0 0 20px;
  color: var(--muted);
}
.hiw-cta-actions{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Features page */
.features-section{
  margin-bottom: 48px;
}
.features-category{
  margin: 0 0 18px;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: rgba(11,18,32,.58);
}
.features-cta{
  text-align: center;
  padding: 36px;
  background: rgba(29,111,255,.04);
  border: 1px solid rgba(29,111,255,.12);
  border-radius: var(--radius2);
}
.features-cta h2{
  margin: 0 0 8px;
  font-size: 26px;
  letter-spacing: -0.02em;
}
.features-cta p{
  margin: 0 0 20px;
  color: var(--muted);
}
.features-cta-actions{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Security page */
.security-prose{ max-width: none; }
.security-section{
  margin-bottom: 40px;
}
.security-section h2{
  margin: 0 0 18px;
  font-size: 22px;
}
.security-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.security-item{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 10px 22px rgba(13,60,135,.06);
}
.security-item h3{
  margin: 0 0 8px;
  font-size: 15px;
}
.security-item p{
  margin: 0;
  font-size: 14px;
  color: rgba(11,18,32,.64);
  line-height: 1.6;
}

@media (max-width: 840px){
  .security-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px){
  .security-grid{ grid-template-columns: 1fr; }
}

/* Header scrolled state */
.topbar.scrolled{
  box-shadow: 0 4px 20px rgba(13,60,135,.08);
}