.ios-public-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.92); border-bottom:1px solid var(--ios-line); backdrop-filter:blur(16px); }
.ios-public .container { width:min(1140px,100%); padding-left:26px; padding-right:26px; }
.ios-public-header .navbar { margin:0; border:0; background:transparent; }
.ios-public-header .navbar-brand { display:flex; align-items:center; height:78px; color:var(--ios-ink); font-size:20px; font-weight:650; }
.ios-public-header .navbar-nav>li>a { padding:28px 22px; color:#5c6a7d; font-size:14px; }
.ios-public-header .navbar-nav>li>a:hover { color:var(--ios-blue); }
.ios-public-header .navbar-nav>li>.ios-nav-primary { margin:17px 0 17px 14px; padding:10px 16px; color:white; border-radius:9px; background:var(--ios-blue); }
.ios-public-header .navbar-nav>li>.ios-nav-primary:hover { color:white; background:var(--ios-blue-hover); }
.ios-public-header .ios-nav-primary .fa { margin-left:12px; }
.ios-public .ios-hero { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:76px; padding-top:76px; padding-bottom:85px; }
.ios-public .ios-hero::before, .ios-public .ios-hero::after, .ios-public .ios-get-started::before, .ios-public .ios-get-started::after { display:none; }
.ios-hero-copy h1 { margin:0 0 25px; font-size:57px; line-height:1.22; letter-spacing:-.035em; font-weight:700; }
.ios-hero-copy>p { margin:0; color:#637187; font-size:17px; line-height:1.9; }
.ios-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 30px; }
.ios-hero-actions .btn { padding-left:23px; padding-right:23px; }
.ios-payment-brands { display:flex; flex-wrap:wrap; gap:23px; color:#657286; font-size:12px; }
.ios-payment-brands span { display:inline-flex; align-items:center; gap:7px; }
.ios-payment-brands img { width:21px; height:21px; object-fit:contain; }
.ios-portal-preview { background:white; border-radius:18px; border:1px solid var(--ios-line); overflow:hidden; }
.ios-portal-top { display:flex; align-items:center; gap:2px; padding:17px 22px; font-size:14px; font-weight:600; border-bottom:1px solid var(--ios-line); }
.ios-portal-top>.fa { margin-left:auto; color:#7b8a9e; font-size:19px; }
.ios-portal-top .ios-brand-mark { width:27px; height:27px; border-radius:8px; }
.ios-portal-top .ios-brand-mark svg { width:18px; height:18px; }
.ios-portal-message { padding:29px 29px 23px; background:#f2f7fe; }
.ios-portal-message>.fa { margin-bottom:18px; color:var(--ios-blue); font-size:28px; }
.ios-portal-message h2 { margin:0 0 12px; color:#174a85; font-size:32px; letter-spacing:-.025em; }
.ios-portal-message p { margin:0; color:#4c6a8d; font-size:13px; }
.ios-portal-links { padding:0 23px; }
.ios-portal-links>a { display:flex; align-items:center; gap:13px; padding:19px 0; border-bottom:1px solid var(--ios-line); color:#344258; }
.ios-portal-links>a:last-child { border:0; }
.ios-portal-links>a:hover { text-decoration:none; color:var(--ios-blue); }
.ios-portal-icon { color:var(--ios-blue); background:var(--ios-blue-soft); padding:9px; border-radius:10px; font-size:17px; line-height:1; }
.ios-portal-links strong { display:block; margin-bottom:3px; font-weight:550; }
.ios-portal-links small { color:var(--ios-muted); font-size:12px; }
.ios-portal-links>a>.fa { margin-left:auto; color:#8c9aab; }
.ios-features { padding-top:16px; padding-bottom:80px; scroll-margin-top:105px; }
.ios-features-heading { margin-bottom:30px; }
.ios-features-heading h2 { margin:0 0 12px; font-size:30px; }
.ios-features-heading p { color:var(--ios-muted); font-size:15px; }
.ios-feature-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
.ios-feature-list article { display:flex; gap:19px; padding:26px 0; border-top:1px solid #dce5f0; }
.ios-feature-list article>.fa { padding-top:4px; width:28px; flex:0 0 28px; color:var(--ios-blue); font-size:23px; }
.ios-feature-list h3 { margin:0 0 9px; font-size:18px; }
.ios-feature-list p { margin:0; max-width:34ch; color:var(--ios-muted); line-height:1.9; }
.ios-public .ios-get-started { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:35px 40px; margin-bottom:70px; width:min(1088px,calc(100% - 52px)); border:1px solid #d9e8fb; border-radius:16px; background:#edf5ff; }
.ios-get-started h2 { margin:0 0 9px; color:#174a85; font-size:24px; }
.ios-get-started p { margin:0; color:#526d8e; }
.ios-get-started .btn { flex:0 0 auto; }
.ios-public-footer { padding:34px 0 20px; background:white; border-top:1px solid var(--ios-line); }
.ios-footer-top,.ios-footer-bottom { display:flex; justify-content:space-between; gap:25px; }
.ios-footer-top strong { color:#344258; font-size:16px; font-weight:600; }
.ios-footer-top p { margin:8px 0 0; color:var(--ios-muted); font-size:12px; }
.ios-footer-top nav { display:flex; align-items:center; gap:26px; }
.ios-footer-top nav a { color:#657286; font-size:13px; }
.ios-footer-bottom { padding-top:23px; margin-top:26px; border-top:1px solid var(--ios-line); color:#6f7b8e; font-size:12px; }
@media(max-width:991px) {
  .ios-public .ios-hero { gap:35px; padding-top:45px; padding-bottom:65px; }
  .ios-hero-copy h1 { font-size:44px; }
  .ios-portal-message h2 { font-size:28px; }
  .ios-public-header .navbar-nav>li>a { padding-left:13px; padding-right:13px; }
}
@media(max-width:767px) {
  .ios-public .container { padding-left:22px; padding-right:22px; }
  .ios-public-header .navbar-brand { height:65px; padding-left:0; font-size:18px; }
  .ios-public-header .navbar-toggle { margin:17px 0; border:0; }
  .ios-public-header .navbar-toggle .icon-bar { background:var(--ios-blue); }
  .ios-public-header .navbar-collapse { border-color:var(--ios-line); }
  .ios-public-header .navbar-nav>li>a { padding:12px 14px; }
  .ios-public-header .navbar-nav>li>.ios-nav-primary { margin:5px 0 10px; }
  .ios-public .ios-hero { grid-template-columns:1fr; gap:38px; padding-top:42px; padding-bottom:58px; }
  .ios-hero-copy h1 { font-size:43px; margin-bottom:21px; }
  .ios-hero-copy>p { font-size:15px; line-height:1.85; }
  .ios-hero-actions { margin:25px 0; gap:10px; }
  .ios-hero-actions .btn { padding-left:18px; padding-right:18px; font-size:14px; }
  .ios-payment-brands { gap:20px; }
  .ios-portal-message h2 { font-size:30px; }
  .ios-public .ios-features { padding-bottom:38px; }
  .ios-features-heading h2 { max-width:12ch; font-size:27px; }
  .ios-feature-list { grid-template-columns:1fr; }
  .ios-feature-list article { padding:22px 0; }
  .ios-public .ios-get-started { flex-direction:column; align-items:flex-start; gap:22px; width:calc(100% - 44px); margin-bottom:44px; padding:27px 25px; }
  .ios-get-started h2 { font-size:23px; }
  .ios-get-started .btn { width:100%; }
  .ios-footer-top,.ios-footer-bottom { flex-direction:column; gap:20px; }
  .ios-footer-top nav { gap:23px; }
}