.ssg-walkthrough{--font-display:"Montserrat",-apple-system,sans-serif;--font-heading:"Montserrat",-apple-system,sans-serif;--font-bold:"Montserrat",-apple-system,sans-serif;--font-body:"Montserrat",-apple-system,sans-serif;--orange:#ff671f;--navy:#2c5697;--text:#252626;--text-mid:#54585a;--text-low:#8a8e90;--line:#e5e1e6;--line-strong:#d7d3d8;--orange-line:#ffd6c2;--bg:#fff;--ok:#2e7d46;--ok-soft:#eaf6ee;--alert:#8c1b1b;--gutter:2rem;--content-max:72rem;--site-header-h:82px;background:var(--bg);color:var(--text-mid);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}.ssg-walkthrough,.ssg-walkthrough *{box-sizing:border-box}.progress-bar{background:var(--line);height:3px;position:sticky;top:var(--site-header-h);z-index:20}.progress-fill{background:var(--orange);height:100%;width:0}.progress-label{align-items:center;background:#fff;display:flex;gap:.5rem;padding:.6rem var(--gutter);position:sticky;top:calc(var(--site-header-h) + 3px);z-index:20}.progress-label .idx{border:1px solid var(--line-strong);border-radius:.3rem;box-shadow:0 2px 10px rgba(37,38,38,.06);color:var(--text);font-size:.7rem}.progress-label .act,.progress-label .idx{background:#fff;font-family:var(--font-bold);padding:.25rem .6rem}.progress-label .act{border:1px solid var(--orange-line);border-radius:.3rem;color:var(--orange);font-size:.66rem;letter-spacing:.1em}.progress-label .cur{background:#fff;border:1px solid var(--line);border-radius:.3rem;color:var(--text-low);font-family:var(--font-bold);font-size:.66rem;letter-spacing:.08em;padding:.25rem .6rem}.upper{text-transform:uppercase}.walkthrough-wrap{position:relative}.stage{background:var(--bg);height:100svh;overflow:hidden;position:sticky;top:0;transition:background-color .2s linear}.stage-row{height:100%;margin:0 auto;max-width:var(--content-max);padding:0 var(--gutter);position:relative;width:100%}#phone-slot,#text-slot{left:50%;position:absolute}#phone-slot{top:50%;width:230px}#text-slot{height:15rem;top:38%;transition:width .2s ease;width:23rem}.panel{left:0;opacity:0;position:absolute;right:0;top:0;will-change:opacity}.panel h3{font-family:var(--font-heading);font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:400;line-height:1.3;margin:0}.panel>h3{margin-bottom:.75rem}.panel p{color:var(--text-mid);font-size:.92rem;line-height:1.7}.panel .beat{left:0;opacity:0;position:absolute;right:0;top:0}.panel .beat>h3{margin-bottom:.4rem}.panel.on-alert h3,.panel.on-alert p{color:#fff}.phone-frame{aspect-ratio:1170/2532;background:#1c1c1e;border-radius:40px;box-shadow:0 45px 80px -25px rgba(37,38,38,.38),0 6px 16px rgba(37,38,38,.12);box-sizing:content-box;padding:9px;position:relative;width:212px;z-index:1}.shot-wrap{background:#fff;border-radius:31px;height:100%;overflow:hidden;position:relative;width:100%}.layer{inset:0;position:absolute}.layer img{height:100%;object-fit:contain;width:100%}.layer.is-parked{content-visibility:hidden}@keyframes phonePop{0%{transform:translate(0) rotate(0deg)}8%{transform:translate(-7px,2px) rotate(-3.2deg)}16%{transform:translate(7px,-2px) rotate(2.8deg)}24%{transform:translate(-6px,2px) rotate(-2.2deg)}32%{transform:translate(5px,-1px) rotate(1.7deg)}40%{transform:translate(-4px,1px) rotate(-1.2deg)}48%{transform:translate(3px,-1px) rotate(.8deg)}56%{transform:translate(-2px,.5px) rotate(-.5deg)}64%{transform:translate(1.5px) rotate(.3deg)}72%{transform:translate(-1px) rotate(-.15deg)}to{transform:translate(0) rotate(0deg)}}.phone-frame.pop-in{animation:phonePop .7s cubic-bezier(.36,.07,.19,.97) both}.sound-wave{color:var(--navy);height:420px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:160px}.sound-wave.left{right:calc(100% + .5rem)}.sound-wave.right{left:calc(100% + .5rem);transform:translateY(-50%) scaleX(-1)}.sound-wave .arc{opacity:0;transform-box:fill-box;transform-origin:100% 50%}@keyframes waveFlow{0%{opacity:0;transform:scale(.6)}35%{opacity:.65}to{opacity:0;transform:scale(1.15)}}.sound-wave.buzzing .arc1{animation:waveFlow .7s ease-out both}.sound-wave.buzzing .arc2{animation:waveFlow .7s ease-out .08s both}.sound-wave.buzzing .arc3{animation:waveFlow .7s ease-out .16s both}@keyframes tapPulse{0%{opacity:.65;transform:translate(-50%,-50%) scale(1)}55%{opacity:.4;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(1.16)}}.tap-hint{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.tap-hint .ring{animation:tapPulse 1.625s ease-out infinite;border:3px solid var(--orange);border-radius:50%;height:128px;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:128px}.tap-hint .ring.delay{animation-delay:.8125s}.tap-press{background:rgba(0,0,0,.34);border-radius:50%;height:128px;opacity:0;pointer-events:none;position:absolute;width:128px}#tap-press-ring{height:127px;width:127px}@keyframes tapPulsePill{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}55%{opacity:.4;transform:translate(-50%,-50%) scale(1.22)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}.tap-hint-pill{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.tap-hint-pill .ring{animation:tapPulsePill 1.625s ease-out infinite;border:3px solid #0b1b3d;border-radius:999px;height:27px;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:66px}.tap-hint-pill .ring.delay{animation-delay:.8125s}.tap-press-pill{background:rgba(0,0,0,.34);border-radius:999px;height:27px;opacity:0;pointer-events:none;position:absolute;width:66px}.layer[data-layer=fields]{border-radius:20px 20px 0 0;overflow:hidden}.ring-overlay{height:127px;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:127px}.ring-overlay .mask{background:#f1f1f1;border-radius:50%;inset:-8%;position:absolute}.ring-overlay .ring-text,.ring-overlay svg{inset:0;position:absolute}.ring-overlay .ring-text{align-items:center;display:flex;flex-direction:column;gap:.24rem;justify-content:center;transform:translateY(7px)}.ring-overlay .ring-time{font-size:.9rem;letter-spacing:.02em}.ring-overlay .ring-caption,.ring-overlay .ring-time{color:var(--orange);font-family:var(--font-heading);font-weight:400;line-height:1}.ring-overlay .ring-caption{font-size:.63rem}.scroll-hint{align-items:center;display:flex;flex-direction:column;gap:.4rem;left:50%;pointer-events:none;position:absolute;top:calc(100% + 1.75rem);transform:translate(-50%);will-change:opacity}.scroll-hint .label{color:var(--text-low);font-family:var(--font-bold);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.scroll-hint svg{animation:scrollHintBounce 1.6s ease-in-out infinite;color:var(--text-low)}@keyframes scrollHintBounce{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.ssg-walkthrough img.img-parked{visibility:hidden}.pre-alarm-text{color:var(--text);font-family:var(--font-heading);font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:400;left:50%;line-height:1.4;max-width:34rem;opacity:0;padding:0 var(--gutter);pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:5}@keyframes iconPop{0%{opacity:0;transform:translateY(-50%) scale(.25)}62%{transform:translateY(-50%) scale(1.18)}to{opacity:1;transform:translateY(-50%) scale(1)}}.hub-icon{align-items:center;display:flex;flex-direction:row;gap:.6rem;left:calc(100% + 2rem);opacity:0;pointer-events:none;position:absolute;text-align:left;transform:translateY(-50%);width:max-content}.hub-icon img{flex-shrink:0;height:64px;width:64px}.hub-icon-text{max-width:13rem}.hub-icon .label{color:#fff;font-family:var(--font-bold);font-size:.88rem;line-height:1.25;white-space:nowrap}.hub-icon .desc{color:hsla(0,0%,100%,.8);font-family:var(--font-body);font-size:.78rem;line-height:1.4;margin-top:.3rem}.hub-icon.pop-in{animation:iconPop .4s cubic-bezier(.25,.8,.3,1) both}.hub-icon.pos-1{top:6%}.hub-icon.pos-2{top:35%}.hub-icon.pos-3{top:65%}.hub-icon.pos-4{top:94%}.skip-showcase{align-items:center;background:transparent;border:1px solid var(--line-strong);border-radius:999px;bottom:var(--gutter);color:var(--text-low);cursor:pointer;display:inline-flex;font-family:var(--font-bold);font-size:.7rem;gap:.35rem;left:var(--gutter);letter-spacing:.08em;line-height:1;opacity:.85;padding:.45rem .9rem .45rem .7rem;position:absolute;text-transform:uppercase;transition:opacity .15s ease,border-color .15s ease,color .15s ease;z-index:10}.skip-showcase:hover{border-color:var(--text-low);color:var(--text-mid);opacity:1}.skip-showcase:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.skip-showcase svg{flex-shrink:0}.showcase-nav{align-items:center;bottom:1rem;display:flex;gap:.5rem;justify-content:flex-end;left:1rem;position:absolute;right:1rem;z-index:10}.nav-skip{display:none}.nav-arrows{display:flex;gap:.5rem}.nav-arrow{align-items:center;background:transparent;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-mid);cursor:pointer;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;transition:opacity .15s ease,color .15s ease,border-color .15s ease;width:44px}.nav-arrow svg{display:block}.nav-arrow:disabled{cursor:default;opacity:.3}.ssg-walkthrough .nav-arrow,.ssg-walkthrough .nav-arrow:active,.ssg-walkthrough .nav-arrow:focus,.ssg-walkthrough .nav-arrow:hover,.ssg-walkthrough .nav-skip,.ssg-walkthrough .nav-skip:active,.ssg-walkthrough .nav-skip:focus,.ssg-walkthrough .nav-skip:hover{-webkit-appearance:none;appearance:none;background:transparent;box-shadow:none;text-decoration:none}.nav-arrow:focus-visible,.nav-skip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.stage.is-alert .nav-arrow,.stage.is-alert .nav-skip{border-color:hsla(0,0%,100%,.55);color:#fff}.nav-arrow:hover{border-color:var(--text-low)}.stage.is-alert .nav-arrow:hover{border-color:#fff}@media (max-width:960px){.progress-label{flex-wrap:nowrap;gap:.4rem;padding:.5rem 1rem}.progress-label .idx{flex:0 0 auto;white-space:nowrap}.progress-label .act{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-label .cur{display:none}#text-slot{display:block;height:13rem;max-width:26rem;overflow-y:auto;top:244px;width:calc(100% - var(--gutter)*2)!important;-webkit-overflow-scrolling:touch;z-index:6}#text-slot .panel h3{font-size:1rem}#text-slot .panel p{font-size:.8rem;line-height:1.45}#phone-slot{--pw:min(179.8px,(100svh - 396px)/2.248638);left:50%!important;top:calc(318px + var(--pw)*1.12432)!important;width:calc(var(--pw)*1.08454)}#phone-slot .phone-frame{border-radius:calc(var(--pw)*.1891);padding:calc(var(--pw)*.04227);width:var(--pw)}#phone-slot .shot-wrap{border-radius:calc(var(--pw)*.14627)}#phone-slot .ring-overlay .ring-time{font-size:calc(var(--pw)*.06717)}#phone-slot .ring-overlay .ring-caption{font-size:calc(var(--pw)*.04701)}#phone-slot .ring-overlay .ring-text{gap:calc(var(--pw)*.01791);transform:translateY(calc(var(--pw)*.03264))}#phone-slot #tap-press-ring,#phone-slot .ring-overlay{height:calc(var(--pw)*.5991);width:calc(var(--pw)*.5991)}#phone-slot .tap-hint .ring,#phone-slot .tap-press{height:calc(var(--pw)*.5974);width:calc(var(--pw)*.5974)}#phone-slot .tap-hint-pill .ring,#phone-slot .tap-press-pill{height:calc(var(--pw)*.12308);width:calc(var(--pw)*.30684)}#phone-slot>.phone-frame{animation:none!important;transform:none!important}#text-slot .panel,#text-slot .panel .beat{transition:opacity .25s ease}#phone-slot .layer{transition:opacity .4s ease,transform .55s cubic-bezier(.22,.61,.36,1),filter .4s ease}#phone-slot{transition:opacity .4s ease,transform .55s cubic-bezier(.22,.61,.36,1),width .55s ease}#phone-slot .phone-frame{transition:width .55s ease,padding .55s ease,border-radius .55s ease}.ring-overlay{transition:opacity .4s ease}#ring-progress{transition:stroke-dashoffset .55s ease,stroke .4s ease}.pre-alarm-text{transition:opacity .45s ease}.progress-fill{transition:width .45s ease}.stage{transition:background-color .45s ease}.hub-icon,.scroll-hint,.skip-showcase,.sound-wave{display:none}.showcase-nav{justify-content:space-between}.nav-skip{background:transparent;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-low);cursor:pointer;display:inline-flex;font-family:var(--font-bold);font-size:.7rem;height:44px;letter-spacing:.08em;line-height:1;padding:0 .95rem;text-transform:uppercase;transition:color .15s ease,border-color .15s ease}}