html{scroll-snap-type:y proximity}.approach-page nav.navbar{background-color:rgba(10,22,40,.96);backdrop-filter:blur(10px);z-index:100;position:fixed;width:100%}.approach-page{--font-display:"ABC Arizona Text","Arizona",Georgia,serif;--font-body:"Fakt",system-ui,-apple-system,sans-serif}.approach-page,.approach-page a,.approach-page button,.approach-page li,.approach-page p{font-family:var(--font-body)}.approach-page h1,.approach-page h2,.approach-page h3{font-family:var(--font-display);font-weight:300;letter-spacing:-.01em;line-height:1.14}.intro-strip{background:var(--off-white,#f8f7f4);border-bottom:1px solid var(--sand-dark,#e3ded3);padding:clamp(2.5rem,4vw,4rem) 2rem;text-align:center}.intro-strip .eyebrow{color:var(--accent-hover,#1b8abf)}.intro-strip h2{font-size:clamp(1.5rem, 3vw, 2.3rem);color:var(--navy-deep,#0a1628);margin:.4rem 0 .8rem}.intro-strip p{max-width:70ch;margin:0 auto;color:var(--text,#1e1e1e);line-height:1.76;font-size:1.05rem}.sticky-wrap{display:grid;grid-template-columns:42% 1fr}.sticky-img{position:sticky;top:0;height:100vh;overflow:hidden}.sticky-img-bg{width:100%;height:100%;background:url('/images/hero-approach.jpg') center center/cover no-repeat}.sticky-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,40,.08) 0,rgba(10,22,40,.65) 100%);display:flex;align-items:flex-end;padding:2.5rem}.sticky-img-label .eyebrow{color:rgba(255,255,255,.5);font-size:.72rem}.sticky-img-label h2{color:#fff;font-size:clamp(1.4rem, 2.5vw, 1.9rem);margin:.2rem 0 0}.sticky-img-label p{color:rgba(255,255,255,.6);font-size:.9rem;margin:.4rem 0 0}.phase-column{background:var(--off-white,#f8f7f4)}.phase-card{padding:clamp(2.5rem,4vw,3.5rem) clamp(2rem,3vw,3rem);border-bottom:1px solid var(--sand-dark,#e3ded3);scroll-snap-align:start;scroll-margin-top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.phase-card:nth-child(2n){background:var(--sand,#f0ede6)}.phase-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.phase-badge{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(145deg,var(--accent,#21a0db),var(--accent-hover,#1b8abf));color:#fff;display:grid;place-items:center;font-size:.85rem;font-weight:700;letter-spacing:.08em;flex-shrink:0;box-shadow:0 6px 18px rgba(10,22,40,.15)}.phase-meta .phase-label{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-hover,#1b8abf);margin:0}.phase-meta h3{font-size:clamp(1.5rem, 2.5vw, 2rem);color:var(--navy-deep,#0a1628);margin:.15rem 0 0}.phase-progress{display:flex;gap:.35rem;margin-bottom:1.2rem}.prog-seg{height:3px;flex:1;border-radius:3px;background:var(--sand-dark,#e3ded3)}.prog-seg.on{background:var(--accent,#21a0db)}.phase-body{color:var(--text,#1e1e1e);line-height:1.78;font-size:1.05rem;margin:0}.phase-body+.phase-body{margin-top:.75rem}.step-group{margin-top:1.3rem;display:grid;gap:.75rem}.step-card{border:1px solid var(--sand-dark,#e3ded3);border-radius:12px;background:#fff;padding:1.2rem 1.25rem}.step-card-title{font-weight:600;color:var(--navy-deep,#0a1628);font-size:1rem;margin:0 0 .6rem;display:flex;align-items:center;gap:.6rem}.step-num{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent,#21a0db);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;flex-shrink:0}.step-card-body{color:var(--text,#1e1e1e);line-height:1.72;font-size:1rem;margin:0}.order-section{background:var(--navy,#0f2140);padding:clamp(3.5rem,6vw,5.5rem) 2rem;text-align:center}.order-section .section-content{max-width:840px;margin:0 auto}.order-section h2{color:#fff;font-size:clamp(1.8rem, 3.2vw, 2.5rem);margin:0 0 1.2rem}.order-section p{color:rgba(255,255,255,.78);line-height:1.78;font-size:1.08rem;margin:0;text-align:left}.order-section p+p{margin-top:1rem}.cta-wrap{background:var(--off-white,#f8f7f4);padding:clamp(3.5rem,6vw,5.5rem) 2rem}.cta-card{border-radius:22px;border:1px solid var(--sand-dark,#e3ded3);background:linear-gradient(140deg,var(--sand,#f0ede6) 0,var(--off-white,#f8f7f4) 100%);padding:clamp(2.5rem,4vw,3.5rem);text-align:center;max-width:680px;margin:0 auto}.cta-card h2{color:var(--navy-deep,#0a1628);font-size:clamp(1.5rem, 2.5vw, 2rem);margin:0 0 1.2rem}.cta-card p{max-width:60ch;margin:0 auto;color:var(--text);line-height:1.76;font-size:1.05rem}.cta-actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.fine-print{margin:1.2rem 0 0;font-size:.87rem;color:var(--text-muted,#6b6560)}.side-dots{position:fixed;right:1.2rem;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:.55rem}.dot{display:block;width:10px;height:10px;border-radius:50%;background:rgba(33,160,219,.2);border:2px solid rgba(33,160,219,.3);transition:all .3s ease;cursor:pointer}.dot:hover{background:rgba(33,160,219,.4)}.dot.on{background:var(--accent,#21a0db);border-color:var(--accent,#21a0db);box-shadow:0 0 8px rgba(33,160,219,.35);transform:scale(1.3)}@media (max-width:960px){.sticky-wrap{grid-template-columns:1fr}.sticky-img{position:relative;height:45vh;min-height:280px}.phase-card{padding:2rem 1.5rem;min-height:auto;scroll-snap-align:none}.side-dots{display:none}}@media (max-width:600px){.sticky-img{height:35vh;min-height:220px}.phase-badge{width:2.5rem;height:2.5rem;font-size:.75rem}.phase-card-header{gap:.7rem}}