.phone-experience{z-index:1;isolation:isolate;background:var(--background);padding-top:clamp(64px,6vw,100px);position:relative}.phone-experience-layout{grid-template-columns:minmax(0,1fr) minmax(0,430px);align-items:center;gap:clamp(50px,9vw,170px);padding-bottom:80px;display:grid}.phone-experience-story{max-width:620px}.phone-experience-story h2{letter-spacing:-.07em;font-size:clamp(44px,5.7vw,86px);line-height:1.08}.phone-experience-intro{max-width:400px;color:var(--muted);margin-top:30px;font-size:15px;line-height:1.9}.phone-experience-progress{width:100%;max-width:440px;margin:48px 0 30px;padding:0;list-style:none;display:flex}.phone-experience-progress li{color:#73849b;flex:1;font-size:10px;line-height:1.7;position:relative}.phone-experience-progress li:before{content:"";background:#33445b;height:1px;position:absolute;top:5px;left:14px;right:0}.phone-experience-progress li:last-child:before{display:none}.phone-experience-progress li>span:first-child{z-index:1;background:var(--background);border:1px solid #65778e;border-radius:50%;width:10px;height:10px;margin-bottom:14px;display:block;position:relative}.phone-experience-progress li[aria-current]{color:#cbe3ff}.phone-experience-progress li[aria-current]>span:first-child,.phone-experience-progress li[data-complete=true]>span:first-child{background:#4d9aff;border-color:#4d9aff}.phone-experience-progress li[data-complete=true]:before{background:#4d9aff}.phone-experience-narration{display:grid}.phone-experience-copy{grid-area:1/1}.phone-experience-copy[aria-hidden=true]{visibility:hidden}.phone-experience-copy h3{letter-spacing:-.045em;font-size:clamp(23px,2vw,29px);font-weight:400;line-height:1.35}.phone-experience-copy p{color:var(--muted);max-width:380px;margin-top:15px;font-size:12px;line-height:1.9}.phone-experience-link{color:#aacdff;align-items:center;gap:12px;min-height:44px;margin-top:30px;font-size:11px;display:inline-flex}.phone-experience-device{justify-self:center;width:min(390px,46.2085svh - 73.9337px);min-width:300px;max-width:100%;scroll-margin-top:20px}.phone-preview-page{background:0 0;min-height:100svh;padding:20px 16px 36px}.phone-preview-topbar{justify-content:space-between;align-items:center;gap:16px;max-width:650px;margin:0 auto 22px;display:flex}.phone-preview-topbar a{align-items:center;gap:9px;min-height:44px;font-size:12px;display:inline-flex}.phone-preview-topbar p{color:var(--muted);text-align:right;font-size:10px;line-height:1.5}.phone-preview-device{width:min(390px,100%);margin:auto}@media (max-width:1000px) and (min-width:768px){.phone-experience-layout{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:35px}.phone-experience-story h2{font-size:clamp(40px,5vw,58px)}.phone-experience-intro{font-size:13px}}@media (max-width:767px){.phone-experience-layout{grid-template-columns:minmax(0,1fr);gap:40px;padding-bottom:55px}.phone-experience-story h2{font-size:clamp(39px,10vw,65px)}.phone-experience-intro{max-width:430px;margin-top:22px;font-size:13px}.phone-experience-progress{max-width:430px;margin:30px 0 24px}.phone-experience-copy h3{font-size:23px}.phone-experience-copy p{max-width:430px;font-size:11px}.phone-experience-link{margin-top:15px;font-size:10px}.phone-experience-device{width:min(390px,100%);min-width:0;scroll-margin-top:16px}.phone-preview-page{padding:10px 12px 24px}.phone-preview-topbar{margin-bottom:12px}.phone-preview-topbar p{max-width:150px;font-size:8px}}.phone-preview-page{isolation:isolate;position:relative}.phone-experience-progress{counter-reset:step;max-width:460px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.phone-experience-progress li{letter-spacing:.16em;text-transform:uppercase;counter-increment:step;font-size:9px}.phone-experience-progress li:before{background:repeating-linear-gradient(90deg,#4a5f7c 0 6px,#0000 6px 9px);height:1px;top:5px}.phone-experience-progress li[data-complete=true]:before{background:linear-gradient(90deg,#4d9aff,#9fd0ff);box-shadow:0 0 8px #2f6bff}.phone-experience-progress li>span:first-child{border-color:#65778e;border-radius:1px;transform:rotate(45deg)scale(.85)}.phone-experience-progress li>span:last-child:before{content:"0" counter(step) " / ";color:#55708f}.phone-experience-progress li[aria-current]>span:first-child{box-shadow:0 0 0 4px #4d9aff33,0 0 14px #4d9aff}