/* Atris bespoke icon family and focused journey/trust type rhythm. */
.atris-icon-sprite { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.atris-icon { display:inline-block; width:1.35em; height:1.35em; flex:none; vertical-align:-.22em; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.atris-icon .ai-soft { opacity:.65; }
.atris-icon .ai-fill { fill:currentColor; fill-opacity:.18; }
.atris-icon .ai-surface { fill:var(--surface,#fff); }
.atris-icon .ai-gold { fill:var(--gold,#e3ac45); stroke:var(--gold,#e3ac45); }
.atris-icon-wrap { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.button .atris-icon,.button-small .atris-icon { width:24px; height:24px; }
.button-small .atris-icon { width:22px; height:22px; }
.hero-kicker-icon .atris-icon,.statement-kicker-mark .atris-icon { width:24px; height:24px; }
.play-icon .atris-icon { width:25px; height:25px; }
.text-link .atris-icon,.statement-explore .atris-icon,.hub-details .atris-icon,.deck-details .atris-icon { width:22px; height:22px; }
.service-bottom > span .atris-icon { width:20px; height:20px; }
.type-arrow .atris-icon { width:24px; height:24px; }
.quote-demo .exchange-arrow .atris-icon { width:25px; height:25px; }
.rate-stages .atris-icon { width:20px; height:20px; }
.deck-atris-band > .atris-icon { width:28px; height:28px; }
.app-sticker > span .atris-icon { width:28px; height:28px; }
#why-atris .feature-symbol {
  display:grid; place-items:center; flex:none;
  width:54px; height:54px; border-radius:17px;
  color:var(--blue); background:var(--surface);
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 #ffffff24,4px 5px 0 var(--blue-soft);
}
#why-atris .feature-symbol .atris-icon { width:33px; height:33px; }
#how-it-works #journey-title,#why-atris .section-heading h2 {
  font-size:clamp(2rem,3.35vw,3.25rem);
  line-height:1.38; font-weight:800; letter-spacing:normal;
  margin-block:20px 22px; text-align:start; text-wrap:balance;
}
#why-atris .section-heading h2 { font-size:clamp(2rem,3.15vw,3.125rem); margin-block-end:0; }
#how-it-works .journey-heading { top:120px; }
#how-it-works .journey-heading .section-intro { font-size:clamp(.9375rem,1.2vw,1.0625rem); line-height:1.95; max-width:26rem; margin-block:22px; }
#how-it-works .journey-step h3 { font-size:clamp(1.1875rem,1.75vw,1.5625rem); line-height:1.55; font-weight:750; margin-block:22px 14px; }
#why-atris .rate-feature h3 { font-size:clamp(1.25rem,1.9vw,1.75rem); line-height:1.55; font-weight:750; margin-block:25px 18px; }
#why-atris .trust-item h3 { font-size:clamp(1.125rem,1.5vw,1.375rem); line-height:1.6; font-weight:750; margin-block:0 8px; }
#why-atris .trust-grid { gap:clamp(28px,4vw,52px); align-items:start; }
#why-atris .trust-item { gap:20px; }
#why-atris .section-heading { align-items:center; margin-block-end:42px; }
#why-atris .section-heading > div { min-width:0; }
@media (max-width:1050px) {
  #how-it-works #journey-title,#why-atris .section-heading h2 { font-size:clamp(2rem,4.2vw,2.75rem); }
  #how-it-works .journey-heading { top:110px; }
}
@media (max-width:760px) {
  #how-it-works #journey-title,#why-atris .section-heading h2 { font-size:clamp(1.875rem,6.6vw,2.625rem); line-height:1.4; margin-block:16px 18px; }
  #how-it-works .journey-heading { position:static; }
  #how-it-works .journey-heading .section-intro { max-width:35rem; margin-block:18px; }
  #why-atris .section-heading { margin-block-end:28px; }
  #why-atris .feature-symbol { width:48px; height:48px; border-radius:15px; }
  #why-atris .feature-symbol .atris-icon { width:29px; height:29px; }
  #why-atris .trust-item { gap:16px; }
}
@media (max-width:380px) {
  #how-it-works #journey-title,#why-atris .section-heading h2 { font-size:1.8rem; }
  #why-atris .trust-item h3 { font-size:1.0625rem; }
}
@media (prefers-reduced-motion:reduce) {
  #why-atris .feature-symbol { animation:none; }
}