.desktop-nav a[aria-current=page]{color:var(--deep)}
.mobile-menu nav a[aria-current=page]{color:var(--blue);background:var(--pale)}
.app-hero{overflow:hidden;color:white;background:radial-gradient(circle at 74% 40%,#2258aa 0,#17499e 40%,#103b8c 100%)}
.app-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:clamp(35px,6vw,90px);min-height:650px;padding-block:65px}
.app-back{display:inline-block;margin-bottom:48px;color:#c8dcfa;font-size:13px;font-weight:750}.app-back:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.app-hero h1{max-width:700px;margin:27px 0 22px;font-size:clamp(42px,4.3vw,62px);line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere}.app-title-name{white-space:nowrap}.app-hero h1 em,.app-cta-panel h2 em{color:#a9d4ff;font-style:normal}
.app-hero-copy>p:not(.app-hero-note){max-width:570px;margin:0;color:#dfeafb;font-size:17px;line-height:1.7}.app-hero-note{margin:12px 0 0;color:#bed8f8;font-size:12px;line-height:1.55}.app-connect-link{display:inline-flex;gap:12px;margin-top:24px;padding-bottom:5px;border-bottom:1px solid #9fc8ff;color:white;font-size:14px;font-weight:800}.app-connect-link:hover{color:#c8e3ff}
.app-downloads{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.app-downloads a{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:158px;min-height:62px;padding:9px 17px;color:var(--deep);background:white;border-radius:7px;transition:transform .18s ease,background .18s ease}.app-downloads a:hover{transform:translateY(-2px);background:#e9f3ff}.app-downloads a:nth-child(2){color:white;background:#0b2f73;border:1px solid #9fc8ff}.app-downloads a:nth-child(2):hover{background:#123f91}.app-downloads a:nth-child(2) span{color:#c9e2ff}.app-downloads span{font-size:11px;font-weight:650}.app-downloads strong{font-size:17px;letter-spacing:-.02em}
.app-visual{display:flex;align-items:center;justify-content:center;height:500px;margin:0}.app-visual-icon{display:block;width:min(62%,290px);height:auto;border-radius:42px;box-shadow:0 18px 40px rgba(13,34,88,.12)}
.app-section{padding-block:80px}.app-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);column-gap:60px;align-items:end;margin-bottom:43px}.app-section-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}.app-section h2{max-width:680px;margin:0;font-size:clamp(39px,4vw,54px);line-height:1.1;letter-spacing:-.045em}.app-section h2 span{color:var(--blue)}.app-section-heading>p{max-width:480px;margin:0;color:var(--muted);font-size:15px;line-height:1.72}.app-feature-note{margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.app-start-section{background:var(--pale)}
.app-requirements{display:flex;align-items:center;gap:30px;margin:-12px 0 28px;padding:18px 23px;border:1px solid #cddcf2;background:#e5effc}
.app-requirements>span{flex:none;color:var(--deep);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.app-requirements ul{display:flex;flex-wrap:wrap;gap:10px 27px;margin:0;padding:0;list-style:none}
.app-requirements li{color:var(--ink);font-size:13px;font-weight:700}
.app-requirements li::before{content:"✓";margin-right:8px;color:var(--blue)}
.app-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.app-steps li{min-width:0;padding:0 23px 27px;overflow:hidden;border:1px solid var(--line);border-top:3px solid var(--blue);background:white}
.app-steps li>span,.app-step-copy>span{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.1em}
.app-steps h3{margin:17px 0 11px;font-size:21px;line-height:1.2;letter-spacing:-.025em}
.app-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.app-step-visual{display:grid;place-items:center;height:540px;margin:0 -23px 24px;overflow:hidden;background:white}
.app-phone-frame{box-sizing:border-box;position:relative;display:block;width:min(72%,250px);height:520px;padding:10px 6px;border:3px solid #49616d;border-radius:36px;background:#07115e;box-shadow:0 16px 28px rgba(16,34,66,.17);overflow:hidden}
.app-phone-frame::before{content:"";position:absolute;top:9px;left:50%;z-index:1;width:84px;height:17px;border-radius:0 0 11px 11px;background:#111820;transform:translateX(-50%)}
.app-phone-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px}
.app-steps li:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:32px}
.app-steps li:last-child .app-step-visual{grid-column:1;height:650px;margin-bottom:-27px}
.app-step-copy{grid-column:2}
.app-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px}
.app-step-nav button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:80px;padding:14px 16px;border:1px solid #cddcf2;border-bottom:3px solid transparent;color:var(--deep);background:white;text-align:left;cursor:pointer}
.app-step-nav button:hover{background:#e8f1fd}
.app-step-nav button.is-current{border-bottom-color:var(--blue);background:#dceafd}
.app-step-nav button span{color:var(--blue);font-size:11px;font-weight:850}
.app-step-nav button strong{font-size:14px;line-height:1.3}
.app-steps.is-enhanced{display:block;scroll-margin-top:20px}
.app-steps.is-enhanced li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:48px;min-height:590px;padding:0 42px 0 0}
.app-steps.is-enhanced li[hidden]{display:none}
.app-steps.is-enhanced li .app-step-visual,.app-steps.is-enhanced li:last-child .app-step-visual{grid-column:1;grid-row:1/-1;height:590px;margin:0}
.app-steps.is-enhanced li>span{grid-column:2;grid-row:2}
.app-steps.is-enhanced li>h3{grid-column:2;grid-row:3;margin-top:18px;font-size:26px}
.app-steps.is-enhanced li>p{grid-column:2;grid-row:4;max-width:370px;font-size:16px}
.app-steps.is-enhanced li .app-step-copy{grid-column:2;grid-row:2/5;align-self:center}
.app-step-controls{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
.app-step-controls button{flex:none;min-height:48px;padding:12px 18px;border:1px solid #a9c2e8;border-radius:5px;color:var(--deep);background:white;font:inherit;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}
.app-step-controls button:hover{background:#e5effc}
.app-step-controls button:last-child{color:white;border-color:var(--deep);background:var(--deep)}
.app-step-controls button:last-child:hover{background:#2464c0}
.app-step-controls button[hidden]{visibility:hidden;display:block}
.app-step-download{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 22px;margin-top:28px;color:var(--muted);font-size:14px}.app-step-download a{color:var(--deep);font-weight:800;text-decoration:underline;text-underline-offset:4px}.app-step-download a:hover{color:var(--blue)}.app-step-caption{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.app-cta-section{padding-top:15px;padding-bottom:95px}.app-cta-panel{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:clamp(35px,5vw,65px);color:white;background:linear-gradient(120deg,#103b8c,#164ca2);border-radius:10px}.app-cta-panel h2{max-width:590px;margin:22px 0 16px}.app-cta-panel p{max-width:560px;margin:0;color:#dce9fb;font-size:15px;line-height:1.7}.app-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px;flex:none}.app-cta-actions .button{font-size:15px}.app-cta-actions>a:last-child{padding-bottom:5px;border-bottom:1px solid #9ac6ff;font-size:18px;font-weight:800}.app-cta-actions>a:last-child:hover{color:#b7d8ff}
@media(max-width:1000px){.app-hero-grid{gap:30px}.app-visual{height:440px}.app-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.app-hero-grid{grid-template-columns:1fr;padding-block:65px}.app-hero-copy{max-width:700px}.app-back{margin-bottom:38px}.app-visual{width:min(100%,580px);margin-inline:auto}.app-section-heading{grid-template-columns:1fr;gap:17px}.app-section-heading .eyebrow{margin-bottom:0}.app-cta-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.app-hero-grid{gap:18px;padding-block:45px 50px}.app-back{margin-bottom:35px}.app-hero h1{font-size:clamp(25px,8vw,50px)}.app-hero-copy>p:not(.app-hero-note){font-size:15px}.app-downloads a{flex:1;min-width:130px;padding-inline:12px}.app-visual{height:250px}.app-section{padding-block:70px}.app-section h2{font-size:clamp(35px,9vw,46px)}.app-section-heading{margin-bottom:30px}.app-steps{grid-template-columns:1fr;gap:12px}.app-steps li{padding-inline:23px}.app-steps h3{margin:17px 0 10px}.app-cta-section{padding-top:0;padding-bottom:65px}.app-cta-panel{gap:30px;padding:32px 24px}.app-cta-actions{width:100%}}
.app-store-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.app-store-gallery:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.app-store-gallery figure{display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:white}.app-store-gallery img{display:block;width:100%;height:390px;object-fit:contain;background:white}.app-store-gallery figcaption{display:grid;align-content:start;gap:11px;flex:1;padding:20px}.app-store-gallery figcaption span{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.12em}.app-store-gallery figcaption strong{font-size:20px;line-height:1.2;letter-spacing:-.035em}.app-store-gallery figcaption p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
@media(max-width:950px){.app-store-gallery{grid-auto-flow:column;grid-auto-columns:290px;grid-template-columns:none;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.app-store-gallery figure{scroll-snap-align:start}.app-store-gallery img{height:350px}}
@media(max-width:650px){.app-store-gallery{grid-auto-columns:min(78vw,320px);gap:11px}.app-store-gallery img{height:330px}.app-store-gallery figcaption{padding:18px}}

@media(max-width:600px){.app-steps li:last-child{grid-column:auto;display:block}.app-steps li:last-child .app-step-visual{height:580px;margin-bottom:24px}}
@media(max-width:750px){
  .app-requirements{align-items:flex-start;flex-direction:column;gap:12px}
  .app-requirements ul{flex-direction:column;gap:8px}
  .app-step-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
  .app-step-nav button{flex:0 0 160px;scroll-snap-align:start}
  .app-steps.is-enhanced li{display:block;min-height:0;padding:0 22px 28px}
  .app-steps.is-enhanced li .app-step-visual,.app-steps.is-enhanced li:last-child .app-step-visual{height:550px;margin:0 -22px 24px}
  .app-steps.is-enhanced li>h3{margin:17px 0 11px}
}
@media(max-width:600px){
  .app-visual-icon{width:min(58%,250px);border-radius:36px}
  .app-cta-actions .button{width:100%;min-width:0;gap:14px;font-size:14px}
}