.proto{&{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);margin:0;display:grid}& .proto__stage{place-items:center;display:grid}& .proto__cap{max-width:var(--measure);font-size:var(--step-body);color:var(--fg-dim);grid-column:1/-1;margin:0;line-height:1.6}& .phone{width:var(--pp-phone-w);height:var(--pp-phone-h);padding:var(--phone-bezel-w);background:var(--pp-bezel);border-radius:var(--pp-radius-phone);box-shadow:var(--pp-shadow)}& .phone__screen{border-radius:var(--pp-radius-screen);background:var(--pp-surface);width:100%;height:100%;color:var(--pp-ink);font-family:var(--pp-font);font-size:var(--pp-text-md);font-weight:400;line-height:1.4;position:relative;overflow:hidden}& .scr{overscroll-behavior:contain;animation:pp-in var(--dur-pp-step) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}& .scr[hidden]{display:none}& .scr.is-back{animation-name:pp-back}& .scr--ground{background:var(--pp-ground);padding:0 16px}& .bar{min-height:44px;font-size:var(--pp-text-sm);align-items:center;gap:8px;padding:8px 12px 0;font-weight:600;display:flex}& .scr--ground .bar{padding-inline:0}& .bar__title{font-weight:500}& .pad{flex-direction:column;gap:10px;padding:4px 18px 16px;display:flex}& .foot{box-shadow:0 -1px 0 var(--pp-line);background:var(--pp-surface);gap:10px;margin-top:auto;padding:12px 18px 18px;display:grid;position:sticky;bottom:0}& .center{text-align:center;flex:1;place-content:center;justify-items:center;gap:20px;padding:24px;display:grid}& .phone__screen :is(h3,h4,p,button,input,li,span){font-family:var(--pp-font);letter-spacing:normal;text-transform:none}& .scr__title{font-size:var(--pp-text-lg);margin:0;font-weight:600;line-height:1.25}& .scr__title--c{text-align:center}& .scr__title-c{text-align:center;font-size:var(--pp-text-md);margin:0 0 10px;font-weight:500}& .scr h3:focus{outline:none}& .scr h3:focus-visible{outline:2px solid var(--pp-blue);outline-offset:2px}& .xs{font-size:var(--pp-text-xs);margin:0}& .sm{font-size:var(--pp-text-sm);margin:0}& .dim{color:var(--pp-ink-dim)}& .strong{font-weight:600}& .link{color:var(--pp-blue);margin:0;font-weight:600}& .legal{font-size:var(--pp-text-xs);color:var(--pp-ink-dim);margin:0;line-height:1.45}& .i{background:var(--pp-ink);width:12px;height:12px;color:var(--pp-surface);vertical-align:middle;border-radius:50%;place-items:center;font-size:8px;font-style:italic;font-weight:700;display:inline-grid}& .link .i{background:var(--pp-blue)}& .pp-btn,& .pp-btn-outline{font:inherit;cursor:pointer;border-radius:var(--radius-pill);transition:transform var(--dur-micro) var(--ease-out), filter var(--dur-micro) var(--ease-out);font-weight:600}& .pp-btn{background:var(--pp-navy);width:100%;color:var(--pp-surface);font-size:var(--pp-text-sm);text-align:center;border:0;padding:11px 16px;display:block}& .pp-btn--static{margin:8px 0 14px}& .pp-btn:not(.pp-btn--static):hover{filter:brightness(1.15)}& .pp-btn:active,& .pp-btn-outline:active{transform:scale(.98)}& .pp-btn-outline{font-size:var(--pp-text-xs);color:var(--pp-navy);border:1px solid var(--pp-navy);background:0 0;margin-top:10px;padding:6px 12px}& .phone :focus-visible{outline:2px solid var(--pp-blue);outline-offset:2px}& .icon-btn{font:inherit;font-size:var(--pp-text-lg);width:32px;height:32px;color:var(--pp-ink);cursor:pointer;background:0 0;border:0;border-radius:50%}& .icon-btn--close{background:var(--pp-surface);font-size:var(--pp-text-sm);position:absolute;top:12px;right:12px}& .text-btn{font:inherit;font-size:var(--pp-text-sm);color:var(--pp-blue);cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;padding:0;font-weight:600}& .tabs{font-size:var(--pp-text-sm);gap:6px;margin-bottom:12px;display:flex}& .tabs span{border-radius:var(--radius-pill);padding:5px 12px}& .tabs__on{background:var(--pp-surface);color:var(--pp-blue);font-weight:600}& .balance{font-size:var(--pp-text-xl);margin:2px 0 0}& .promo{background:var(--pp-surface);grid-template-columns:1fr 64px;gap:8px;margin:0 -16px;padding:16px;display:grid}& .promo--small{border-radius:var(--pp-radius-tile);grid-template-columns:1fr;margin:10px 0}& .promo__title{font-size:var(--pp-text-lg);margin:0 0 6px;font-weight:500;line-height:1.2}& .promo__card{place-items:center;display:grid}& .section-h{font-size:var(--pp-text-sm);margin:14px 0 8px;font-weight:600}& .quick{font-size:var(--pp-text-xs);text-align:center;color:var(--pp-ink-dim);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}& .quick span:before{content:"";background:var(--pp-sky);border-radius:50%;width:32px;height:32px;margin:0 auto 4px;display:block}& .tabbar{background:var(--pp-surface);font-size:var(--pp-text-xs);color:var(--pp-ink-dim);justify-content:space-around;margin:auto -16px 0;padding:10px 8px 14px;display:flex}& .tabbar__on{color:var(--pp-navy);font-weight:600}& .ordered{background:var(--pp-surface);border-radius:var(--pp-radius-tile);align-items:center;gap:12px;padding:12px;display:flex}& .badge{border-radius:var(--radius-pill);background:var(--pp-ok);color:var(--pp-ok-ink);font-size:var(--pp-text-xs);margin-top:4px;padding:2px 8px;font-weight:600;display:inline-block}& .card{border-radius:var(--pp-radius-card);background:var(--pp-navy);box-shadow:var(--pp-card-shadow);display:block;position:relative;overflow:hidden}& .card--tilt{width:150px;height:94px;transform:rotate(-14deg)}& .card--big{width:190px;height:120px;transform:rotate(-12deg)}& .card__label{font-size:var(--pp-text-xs);color:var(--pp-surface);position:absolute;top:9px;left:12px}& .card__p{color:var(--pp-logo-light);text-shadow:-.12em .05em 0 var(--pp-logo-yellow);font-size:4.2em;font-style:italic;font-weight:800;line-height:1;position:absolute;top:14%;right:30%}& .card--tilt .card__p{font-size:var(--pp-text-xl);top:22%}& .mc{width:26px;height:16px;position:absolute;bottom:10px;right:10px}& .mc:before,& .mc:after{content:"";border-radius:50%;width:16px;height:16px;position:absolute;top:0}& .mc:before{background:var(--pp-mc-red);left:0}& .mc:after{background:var(--pp-mc-orange);mix-blend-mode:multiply;right:0}& .mini-card{background:var(--pp-navy);width:44px;height:28px;box-shadow:inset -10px -6px 0 -4px var(--pp-logo-light);border-radius:4px;display:block}& .hero-art{background:var(--pp-sky);flex:none;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}& .hill{background:var(--pp-hill);border-radius:50%;height:100px;position:absolute;bottom:-60px;left:-10%;right:-10%}& .bullets,& .checks,& .fees{font-size:var(--pp-text-sm);gap:8px;margin:0;padding:0;list-style:none;display:grid}& .bullets li:before{content:"•";margin-right:8px}& .checks li{grid-template-columns:16px 1fr;gap:8px;display:grid}& .checks li:before{content:"✓";background:var(--pp-ink);width:14px;height:14px;color:var(--pp-surface);border-radius:50%;place-items:center;margin-top:1px;font-size:9px;display:grid}& .fees{gap:0}& .fees li{border-bottom:1px solid var(--pp-line);justify-content:space-between;padding:9px 0;display:flex}& .fees li:after{content:"⌄";color:var(--pp-ink-dim)}& .logo{text-align:center;font-size:var(--pp-text-lg);color:var(--pp-navy);justify-self:center;font-style:italic;font-weight:800}& .field{border:1px solid var(--pp-line);border-radius:var(--pp-radius-field);gap:2px;padding:8px 10px;display:grid}& .field:focus-within{border-color:var(--pp-blue);box-shadow:0 0 0 1px var(--pp-blue)}& .field input{font:inherit;font-size:var(--pp-text-md);color:var(--pp-ink);background:0 0;border:0;outline:none;min-width:0;padding:0}& .field__err{font-size:var(--pp-text-xs);color:var(--pp-error);font-weight:600;display:none}& .field.is-invalid{border-color:var(--pp-error)}& .field.is-invalid .field__err{display:block}& .addr{border:0;gap:10px;margin:0;padding:0;display:grid}& .addr__opt{cursor:pointer;border-radius:var(--pp-radius-field);background:var(--pp-surface);box-shadow:var(--pp-tile-shadow);font-size:var(--pp-text-sm);padding:12px;display:block}& .addr__opt input{opacity:0;position:absolute}& .addr__opt:has(input:checked){box-shadow:0 0 0 1.5px var(--pp-navy);color:var(--pp-navy);font-weight:600}& .addr__opt:has(input:focus-visible){outline:2px solid var(--pp-blue);outline-offset:2px}& .toast{border-radius:var(--pp-radius-field);background:var(--pp-toast);color:var(--pp-ok-ink);font-size:var(--pp-text-sm);margin:12px;padding:10px 12px;font-weight:600}& .spinner{border:2px solid var(--pp-line);border-top-color:var(--pp-navy);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite pp-spin}& .setup__t{font-size:var(--pp-text-lg);margin:8px 0 0;font-weight:500}& .proto__side{gap:1.25rem var(--col-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;align-items:start;display:grid}& .proto__side>.u-label{grid-column:1/-1;margin:0}& .proto__side>.steps{grid-area:2/1/span 3}& .proto__side>:not(.steps,.u-label){grid-column:2}& .steps{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}& .step{text-align:left;border:0;border-bottom:1px solid var(--rule);width:100%;font:inherit;font-size:var(--step-body);color:var(--fg-dim);cursor:pointer;transition:color var(--dur-micro) var(--ease-out);background:0 0;align-items:baseline;gap:.9rem;padding:.7rem 0;display:flex}& .step:hover,& .step[aria-current=step]{color:var(--fg)}& .step[aria-current=step] .step__n{color:var(--accent-text)}& .step:disabled{opacity:.45;cursor:default;text-decoration:line-through}& .step__n{font-family:var(--font-mono);font-size:var(--step-label);min-width:1.5em}& .cip{font-size:var(--step-body);cursor:pointer;grid-template-columns:auto 1fr;gap:.25rem .6rem;display:grid}& .cip input{accent-color:var(--fg);margin-top:.2em}& .cip__note{color:var(--fg-dim);font-size:var(--step-small);grid-column:2}& .restart{font:inherit;font-size:var(--step-label);letter-spacing:var(--tracking-label);text-transform:uppercase;border:1px solid var(--rule);border-radius:var(--radius-pill);color:var(--fg);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out);background:0 0;justify-self:start;padding:.6rem 1.1rem}& .restart:hover{border-color:var(--fg)}& .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=820px){& .proto__side{grid-template-columns:minmax(0,1fr)}& .proto__side>.u-label,& .proto__side>.steps,& .proto__side>:not(.steps,.u-label){grid-area:auto/1}}@media (prefers-reduced-motion:reduce){& .scr{animation:none}& .spinner{border-color:var(--pp-navy);border-right-color:var(--pp-line);animation:none}}}@keyframes pp-in{0%{opacity:0;transform:translate(24px)}}@keyframes pp-back{0%{opacity:0;transform:translate(-24px)}}@keyframes pp-spin{to{transform:rotate(360deg)}}.proto.proto--auto{display:block;& .proto__stage{background:0 0;padding:0;display:block}& .proto__side,& .proto__cap{display:none}& .phone{box-shadow:none}}.device-box,.proto:not(.proto--auto) .proto__stage{padding:var(--space-device-box) clamp(1rem, 4vw, 3rem);background:var(--device-box-bg);border:1px solid var(--device-box-line);border-radius:var(--radius-device-box);place-items:center;display:grid;position:relative;overflow:hidden}.device,.proto:not(.proto--auto) .phone{width:min(var(--device-w), 100%);height:auto;aspect-ratio:var(--device-ratio);padding:var(--device-bezel-w);background:var(--device-bezel);border-radius:var(--radius-device);box-shadow:var(--device-shadow)}.device__screen,.proto:not(.proto--auto) .phone__screen{border:1px solid var(--device-screen-edge);border-radius:var(--radius-device-screen);background:var(--phone-screen);width:100%;height:100%;position:relative;overflow:hidden}.device__screen>img,.device__screen>video{object-fit:cover;width:100%;height:100%;display:block}.device-box__pill{left:50%;bottom:var(--device-pill-bottom);border-radius:var(--radius-pill);background:var(--device-pill-bg);color:var(--device-pill-ink);box-shadow:var(--device-pill-shadow);font-family:var(--font-sans);font-weight:var(--weight-sans);font-size:var(--step-body);letter-spacing:.01em;white-space:nowrap;pointer-events:none;padding:.85em 1.75em;position:absolute;transform:translate(-50%)}.bar__title--c[data-astro-cid-wbkharny]{text-align:center;flex:1;margin-right:32px}.bar--inv[data-astro-cid-wbkharny],.icon-btn--inv[data-astro-cid-wbkharny]{color:var(--pp-surface)}.bigcard[data-astro-cid-wbkharny]{border-radius:var(--pp-radius-card);background:var(--pp-navy);height:150px;color:var(--pp-surface);margin-top:6px;display:block;position:relative;overflow:hidden}.bigcard__label[data-astro-cid-wbkharny]{font-size:var(--pp-text-xs);position:absolute;top:12px;left:14px}.bigcard__amt[data-astro-cid-wbkharny]{font-size:var(--pp-text-xl);z-index:1;font-weight:600;position:absolute;top:46px;left:14px}.bigcard__sub[data-astro-cid-wbkharny]{font-size:var(--pp-text-xs);z-index:1;position:absolute;top:84px;left:14px}.bigcard__num[data-astro-cid-wbkharny]{font-size:var(--pp-text-xs);position:absolute;bottom:12px;left:14px}.bigcard[data-astro-cid-wbkharny] .card__p[data-astro-cid-wbkharny]{font-size:4.5em;top:12%;right:10%}.earned[data-astro-cid-wbkharny]{background:var(--pp-surface);border-radius:var(--pp-radius-tile);font-size:var(--pp-text-sm);align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.earned[data-astro-cid-wbkharny] strong[data-astro-cid-wbkharny]{color:var(--pp-ok-ink)}.earned__icon[data-astro-cid-wbkharny]{color:var(--pp-logo-yellow);font-size:var(--pp-text-lg)}.tiles[data-astro-cid-wbkharny]{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tiles[data-astro-cid-wbkharny] .tile{text-align:left;border-radius:var(--pp-radius-field);background:var(--pp-surface);width:92px;box-shadow:var(--pp-tile-shadow);font:inherit;color:var(--pp-ink);cursor:pointer;border:0;flex:none;justify-items:start;gap:4px;padding:10px;display:grid}.tiles[data-astro-cid-wbkharny] .tile__check{background:var(--pp-toast);width:20px;height:20px;color:var(--pp-ok-ink);font-size:var(--pp-text-xs);border-radius:50%;justify-self:end;place-items:center;display:grid}.text-btn--c[data-astro-cid-wbkharny]{justify-self:center;margin:8px auto 4px;display:block}.seg[data-astro-cid-wbkharny]{border-radius:var(--radius-pill);background:var(--pp-line);font-size:var(--pp-text-sm);text-align:center;grid-template-columns:1fr 1fr;margin:12px 0 8px;padding:3px;display:grid}.seg[data-astro-cid-wbkharny] span[data-astro-cid-wbkharny]{border-radius:var(--radius-pill);padding:5px}.seg__on[data-astro-cid-wbkharny]{background:var(--pp-surface);color:var(--pp-blue);font-weight:600}.activity[data-astro-cid-wbkharny]{background:var(--pp-surface);margin:0 -16px;padding:0 16px;list-style:none}.activity[data-astro-cid-wbkharny] li[data-astro-cid-wbkharny]{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.activity[data-astro-cid-wbkharny] li[data-astro-cid-wbkharny]>span[data-astro-cid-wbkharny]:nth-child(2){display:grid}.phone__screen[data-astro-cid-wbkharny] .logo-dot{background:var(--pp-ink);width:28px;height:28px;color:var(--pp-surface);font-size:var(--pp-text-sm);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.hubhead[data-astro-cid-wbkharny]{background:var(--pp-navy);flex:none;padding-bottom:14px}.coins[data-astro-cid-wbkharny]{justify-content:center;align-items:center;gap:0;height:56px;display:flex}.coins[data-astro-cid-wbkharny] span[data-astro-cid-wbkharny]{background:var(--pp-logo-yellow);width:26px;height:26px;box-shadow:var(--pp-coin-shade);border-radius:50%;margin-left:-6px}.coins[data-astro-cid-wbkharny] span[data-astro-cid-wbkharny]:nth-child(2){transform:translateY(-10px)}.toast--hub[data-astro-cid-wbkharny]{z-index:2;margin:-22px 12px 0;position:sticky;top:8px}.offers[data-astro-cid-wbkharny]{gap:8px;margin:0;padding:0;list-style:none;display:grid}.offers[data-astro-cid-wbkharny] .offer{text-align:left;border-radius:var(--pp-radius-field);background:var(--pp-surface);width:100%;box-shadow:var(--pp-tile-shadow);font:inherit;color:var(--pp-ink);cursor:pointer;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.offers[data-astro-cid-wbkharny] .offer>span:nth-child(2){display:grid}.offers[data-astro-cid-wbkharny] .offer__plus{background:var(--pp-ground);width:26px;height:26px;color:var(--pp-navy);font-size:var(--pp-text-lg);border-radius:50%;place-items:center;display:grid}.phone__screen[data-astro-cid-wbkharny] .days{font-size:var(--pp-text-xs);color:var(--pp-ink-dim)}.phone__screen[data-astro-cid-wbkharny] .days--soon{color:var(--pp-error);font-weight:600}.scrim[data-astro-cid-wbkharny]{z-index:3;background:var(--pp-scrim);position:absolute;inset:0}.sheet[data-astro-cid-wbkharny]{z-index:4;background:var(--pp-surface);border-radius:var(--pp-radius-sheet) var(--pp-radius-sheet) 0 0;max-height:88%;animation:pp-sheet var(--dur-pp-step) var(--ease-out);gap:8px;padding:18px 18px 16px;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.sheet[data-astro-cid-wbkharny][hidden],.scrim[data-astro-cid-wbkharny][hidden]{display:none}.sheet__close[data-astro-cid-wbkharny]{font-size:var(--pp-text-sm);position:absolute;top:8px;right:8px}.sheet__brand[data-astro-cid-wbkharny]{align-items:center;gap:8px;display:flex}.sheet[data-astro-cid-wbkharny] h4[data-astro-cid-wbkharny]{margin:4px 0 0}.sheet[data-astro-cid-wbkharny] h4[data-astro-cid-wbkharny]:focus{outline:none}.chips[data-astro-cid-wbkharny]{gap:6px;display:flex}.chip[data-astro-cid-wbkharny]{border-radius:var(--radius-pill);background:var(--pp-sky);color:var(--pp-ink);font-size:var(--pp-text-xs);padding:2px 8px;font-weight:600}.chip--ok[data-astro-cid-wbkharny]{background:var(--pp-ok);color:var(--pp-ok-ink)}.bullets--sm[data-astro-cid-wbkharny]{gap:4px}.how[data-astro-cid-wbkharny]{font-size:var(--pp-text-sm);gap:4px;margin:0;padding-left:18px;list-style:decimal;display:grid}.sheet[data-astro-cid-wbkharny] .pp-btn[data-astro-cid-wbkharny]{margin-top:6px}.push[data-astro-cid-wbkharny]{z-index:6;border-radius:var(--pp-radius-tile);background:var(--pp-ground);box-shadow:var(--pp-shadow);animation:pp-push var(--dur-pp-step) var(--ease-out);padding:10px 12px;position:absolute;top:10px;left:10px;right:10px}.push[data-astro-cid-wbkharny][hidden]{display:none}.push__app[data-astro-cid-wbkharny]{font-size:var(--pp-text-xs);color:var(--pp-ink-dim);align-items:center;gap:6px;display:flex}.push__icon[data-astro-cid-wbkharny]{background:var(--pp-navy);width:14px;height:14px;color:var(--pp-surface);border-radius:3px;place-items:center;font-size:9px;font-style:italic;font-weight:800;display:inline-grid}.push__now[data-astro-cid-wbkharny]{margin-left:auto}.push__title[data-astro-cid-wbkharny]{font-size:var(--pp-text-sm);margin:4px 0 0;font-weight:600}.push__body[data-astro-cid-wbkharny]{font-size:var(--pp-text-sm);margin:0}.proto__sim[data-astro-cid-wbkharny]{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.restart[data-astro-cid-wbkharny]:disabled{opacity:.4;cursor:default}@keyframes pp-sheet{0%{transform:translateY(100%)}}@keyframes pp-push{0%{transform:translateY(-120%)}}@media (prefers-reduced-motion:reduce){.sheet[data-astro-cid-wbkharny],.push[data-astro-cid-wbkharny]{animation:none}}
