@layer responsive{.phone-shell{box-shadow:none;filter:drop-shadow(0 18px 22px #1a26241f)drop-shadow(0 2px 2px #1a26242e);background:0 0;border-radius:14%/7%;padding:3.1% 3%}.phone-frame{z-index:15;pointer-events:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.phone-display{background:#fafafa;border:0;border-radius:11.5%/5.5%}.phone-home{background:#e9d5cb}.phone-home,.phone-system,.browser-bottom{pointer-events:none}.home-screen{padding:0;overflow:hidden}.home-screen:before{display:none}.ios-home-reference{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.phone-system{aspect-ratio:444/67;background:#fafafa;flex-shrink:0;height:auto;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.phone-system img{width:194.144%;max-width:none;height:auto;position:absolute;top:0;left:-4.955%;transform:translateY(-1.8116%)}.system-center-mask{background:#fafafa;position:absolute;inset:0 31%}.phone-home .home-screen{border-radius:inherit}.story-stage[data-scene="2"] .home-indicator,.story-stage[data-scene="3"] .home-indicator{display:none}.nfc-notification{backdrop-filter:blur(22px)saturate(1.25);color:#202124;background:#f6f6f5eb;border:1px solid #ffffff85;border-radius:19px;min-height:82px;padding:13px 10px;top:48px;left:5px;right:5px;box-shadow:0 2px 5px #1423200d,0 9px 25px #14232020}.notification-icon{color:#1b1e20;background:#f9faf9;border-radius:9px}.nfc-notification strong{margin:0 0 4px;font-size:13px;font-weight:620}.nfc-notification strong+span{font-size:13px}.nfc-notification small{color:#69716f;font-size:9px}.masked-address{opacity:.55;height:3px;margin-top:7px}.browser-surface{padding-bottom:0}.browser-top{color:#292c30;background:#f7f7f9;border:0;flex-shrink:0;order:2;gap:8px;min-height:35px;margin:0;padding:5px 13px}.browser-top>span:nth-child(2){background:#fff;border-radius:9px;padding:7px 8px;font-size:10px;box-shadow:0 2px 10px #1924220a}.browser-top>span:first-child{font-size:11px}.screen-viewport{scrollbar-width:thin;order:1;overflow-y:auto}.browser-bottom{aspect-ratio:444/86;background:#f7f7f9;flex-shrink:0;order:3;height:auto;padding:0;display:block;position:relative;overflow:hidden}.browser-bottom img{width:110.36%;max-width:none;height:auto;position:absolute;top:0;left:-4.955%;transform:translateY(-89.1865%)}.home-indicator{display:none}.browser-surface.is-app+.home-indicator{display:block}.story-caption .caption-description.is-gentle-note{color:#65736b;margin-top:16px;font-size:.8125rem;font-weight:400}.scene-rail{--rail-stride:36px;--rail-progress:0;gap:0;width:36px;padding:0;top:clamp(16px,40%,100% - 238px);right:12px}.scene-rail button{width:36px;height:var(--rail-stride);min-width:36px;min-height:var(--rail-stride);place-items:center;padding:0;display:grid}.rail-dot{background:#65776d55;border-radius:50%;width:5px;height:5px;transition:transform .24s,background .24s;display:block}.scene-rail button[aria-current=step]{border:0}.scene-rail button[aria-current=step]:after{display:none}.scene-rail button:hover .rail-dot{background:#65776d;transform:scale(1.45)}.rail-marker{pointer-events:none;width:7px;height:7px;left:14.5px;top:calc((var(--rail-stride) - 7px) / 2);background:var(--brand);transform:translateY(calc(var(--rail-progress) * var(--rail-stride)));border-radius:50%;position:absolute;box-shadow:0 0 0 4px #245b5010}.in-flow .scene-rail{--rail-stride:44px;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:264px;max-width:100%}.in-flow .scene-rail button{flex:0 0 44px;width:44px}.in-flow .rail-marker{transform:translateX(calc(var(--rail-progress) * var(--rail-stride)));transition:transform .32s cubic-bezier(.22,.68,0,1);top:18.5px;left:18.5px}.in-flow .phone-display{overflow:hidden}.in-flow .phone-system{min-height:43px}.in-flow .screen-viewport{overflow-y:auto}.in-flow .browser-surface{overflow:hidden}.in-flow .phone-shell{border-radius:44px}.in-flow .phone-display{border-radius:34px}.in-flow .phone-frame{object-fit:contain}@media (width<=767px){.scene-rail{--rail-stride:32px;width:32px;top:auto;bottom:82px;right:0}.scene-rail button{width:32px;min-width:32px}.rail-marker{left:12.5px}.browser-top{min-height:33px;padding:4px 12px}.browser-bottom{aspect-ratio:444/70}.story-caption .caption-description.is-gentle-note{margin-top:10px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.rail-marker,.rail-dot{transition:none}}:is(.primary-button,.secondary-button,.text-button,.nav-purchase,.hub-card,.overview-card){transition:transform var(--surface-motion), box-shadow var(--surface-motion), background-color var(--surface-motion)}.hub-arrow,.overview-card>svg:last-child{transition:transform var(--surface-motion)}@media (width<=767px){.hub-card,.network-identity,.gift-card,.overview-card{border-radius:18px}.hub-card{padding:12px}.hub-card.primary{padding:14px}}@media (hover:hover){:is(.hub-card,.overview-card):hover{transform:translateY(-2px)}:is(.primary-button,.secondary-button,.nav-purchase):hover{transform:translateY(-1px)}.hub-card:hover .hub-arrow,.overview-card:hover>svg:last-child{transform:translate(3px)}}:is(.primary-button,.secondary-button,.text-button,.nav-purchase,.hub-card,.overview-card):active{transform:translateY(1px)scale(.987)}:is(.primary-button,.secondary-button,.text-button,.hub-card,.overview-card):disabled{transform:none}@media (prefers-reduced-motion:reduce){:is(.primary-button,.secondary-button,.text-button,.nav-purchase,.hub-card,.overview-card),.hub-arrow,.overview-card>svg:last-child{transition:none!important;transform:none!important}}.story-caption h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(48px,4.5vw,68px);font-weight:720;line-height:1.24}.story-stage[data-scene="6"] .story-caption h1{font-size:clamp(42px,3.85vw,60px);font-weight:720;line-height:1.25}.story-stage[data-scene="6"] .caption-description{min-height:0}@media (width>=768px) and (width<=1279px){.story-caption h1{font-size:44px}.story-stage[data-scene="6"] .story-caption h1{font-size:40px}.story-stage[data-scene="6"] .story-caption{text-align:center;width:88%;max-width:none;left:6%}.overview-card{width:225px;left:6%;right:auto}.overview-dianping{top:30%}.overview-wifi{top:45%}.overview-gift{top:60%}.future-label{top:76%;left:38%}}@media (width<=767px){.story-caption h1{font-size:37px;line-height:1.28}.story-stage[data-scene="4"] .story-caption h1,.story-stage[data-scene="5"] .story-caption h1{font-size:30px;line-height:1.27}.story-stage[data-scene="6"] .story-caption h1{font-size:clamp(31px,8.6vw,36px);line-height:1.27}.overview-dianping{top:23%}.future-label{top:70%}}@media (width>=768px) and (height<=700px){.story-stage:not(.in-flow) .story-caption h1{margin-bottom:18px;font-size:clamp(36px,4vw,56px)}.story-stage:not(.in-flow) .caption-detail{margin-top:24px}.story-stage:not(.in-flow)[data-scene="6"] .story-caption h1{margin-bottom:12px;font-size:clamp(30px,3vw,40px)}.story-stage:not(.in-flow)[data-scene="6"] .future-label{text-align:center;width:35%;top:auto;bottom:30px;left:32.5%}}@media (width>=768px) and (height<=580px){.story-stage:not(.in-flow) .story-caption{top:14%}.story-stage:not(.in-flow) .story-caption h1{font-size:clamp(28px,3.5vw,40px)}.story-stage:not(.in-flow) .caption-description{min-height:0;font-size:14px}.story-stage:not(.in-flow)[data-scene="6"] .story-caption{top:6%}.story-stage:not(.in-flow)[data-scene="6"] .story-caption h1{font-size:clamp(28px,3vw,36px)}.story-stage:not(.in-flow) .overview-card{width:200px;min-height:60px;padding:10px}.story-stage:not(.in-flow) .overview-card strong{margin-bottom:3px;font-size:13px;line-height:1.25}.story-stage:not(.in-flow) .overview-card small{font-size:10px;line-height:1.4}}.story-stage.in-flow .story-caption h1,.story-stage.in-flow[data-scene="6"] .story-caption h1{font-size:2.25rem;line-height:1.3}}@layer base{:root{--card-radius:22px;--pill-radius:999px;--surface-edge:#ffffff96;--surface-frost:linear-gradient(145deg, #ffffffed, #f3f6f1e6);--surface-primary:linear-gradient(145deg, #2f695c, var(--brand));--surface-shadow:0 10px 28px #20332e08, 0 2px 4px #20332e03, inset 0 1px 0 #fff;--surface-hover-shadow:0 13px 30px #20332e10, inset 0 1px 0 #fff;--primary-shadow:0 7px 16px #245b5019, inset 0 1px 0 #ffffff24;--surface-motion:.22s cubic-bezier(.2, .65, .2, 1)}.primary-button,.secondary-button,.purchase-disabled,.showcase-header .nav-purchase{border-radius:var(--pill-radius)}.primary-button{background:var(--surface-primary);box-shadow:var(--primary-shadow);border-color:#ffffff2e}.secondary-button,.showcase-header .nav-purchase{background:var(--surface-frost);border-color:var(--surface-edge);box-shadow:0 3px 12px #20332e06,inset 0 1px #fff}.text-button{border-radius:var(--pill-radius);color:var(--muted);text-decoration:none}.primary-button:active{background:var(--surface-primary)}.secondary-button:active{color:var(--brand);background:#e8eee7}@media (hover:hover){.primary-button:hover{background:var(--surface-primary);box-shadow:0 11px 22px #245b5030,inset 0 1px #ffffff30}.secondary-button:hover,.showcase-header .nav-purchase:hover{background:#fff;box-shadow:0 7px 20px #20332e0d,inset 0 1px #fff}.text-button:hover{color:var(--brand);background:#ffffff85}}}@layer screens{.screen-viewport:has(.merchant-hub){background:linear-gradient(145deg,#f4f4ed,#eaf0e8)}.merchant-hub{min-height:100%}.hub-card,.network-identity,.gift-card{border-radius:var(--card-radius);border-color:var(--surface-edge);background:var(--surface-frost);box-shadow:var(--surface-shadow)}.hub-card{padding:14px}.hub-card.primary{--surface-primary:linear-gradient(145deg, color-mix(in srgb, var(--merchant-brand,var(--brand)) 90%, #91c3ac), var(--merchant-brand,var(--brand)));background:var(--surface-primary);box-shadow:var(--primary-shadow);border-color:#ffffff2e;padding:16px}.hub-card strong{font-weight:560}.hub-card.primary>span:not(.hub-card-icon){color:#edf5ee}.hub-card:active{box-shadow:0 2px 7px #20332e0d,inset 0 1px #ffffffa6}.gift-card{background:linear-gradient(145deg,#fffdf7,#f3f1e8)}.concept-label{border-radius:var(--pill-radius);border-color:#87601516}.merchant-hub .merchant-identity,.compact-merchant .merchant-identity{background:linear-gradient(145deg,#e6eee3,#dfe9df);border-color:#ffffff80;box-shadow:inset 0 1px #ffffff90}@media (hover:hover){.hub-card:hover{background:var(--surface-frost);border-color:var(--surface-edge);box-shadow:var(--surface-hover-shadow)}.hub-card.primary:hover{background:var(--surface-primary);border-color:#ffffff2e;box-shadow:0 13px 28px #245b5030,inset 0 1px #ffffff30}.hub-card:hover strong{transform:none}}}@layer story{.overview-card{border-radius:var(--card-radius);border-color:var(--surface-edge);background:var(--surface-frost);box-shadow:var(--surface-shadow)}.overview-card strong{font-weight:560}.overview-card:active{background:var(--surface-frost)}.future-decoration span{border-color:#8ea68e65;border-radius:18px}@media (hover:hover){.overview-card:hover{background:var(--surface-frost);border-color:var(--surface-edge);box-shadow:var(--surface-hover-shadow)}}}@layer product{.product-gallery{background:linear-gradient(145deg,#eeeee5,#e4ebe3);border-radius:28px;box-shadow:inset 0 1px #fff9}.preview-label{border-radius:var(--pill-radius);background:#eee7d8b0}.purchase-disabled{color:#566451;background:#e2e8de;border-color:#ffffff80;box-shadow:inset 0 1px #ffffff85}.product-faq summary{transition:color var(--surface-motion);border-radius:14px}@media (hover:hover){.product-faq summary:hover{color:var(--brand)}}}@layer objects{.stand-body{background:linear-gradient(105deg,#dbd8ce,#faf8f2 5%,#eeece4 96%,#c9c5b8);border-radius:9%/6%;inset:0 4% 8.5%;box-shadow:2px 3px 5px #20332e1c,inset 0 0 0 1px #fff8}.stand-face:has(img){border-radius:9%/6%;overflow:hidden}.stand-face img{width:var(--face-image-width,100%);height:var(--face-image-height,100%);left:var(--face-image-left,0%);top:var(--face-image-top,0%);object-fit:fill;max-width:none;position:absolute}.stand-base{background:repeating-linear-gradient(2deg,#a0804f00 0 5px,#ad8b591c 6px,#f7e8ca00 8px),linear-gradient(#ead9bd,#dfcbaa 35%,#cdb591);border-radius:4px 5px 8px 8px;height:8.5%;bottom:1%;left:-1%;right:-1%;transform:skew(-4deg);box-shadow:inset 0 1px #fff5,inset 0 -2px 2px #9d815c32,0 2px 2px #80694d12}.stand-base:before{content:"";background:repeating-linear-gradient(173deg,#0000 0 8px,#aa865019 9px,#0000 10px),linear-gradient(90deg,#e9d8ba,#f4e5cd 47%,#e3ceb0);border-radius:4px 5px 1px 1px;height:27%;position:absolute;inset:0 0 auto;box-shadow:inset 0 -1px #b7986a3b}}