.hero{isolation:isolate;text-align:center;padding-top:clamp(48px,7vw,96px);position:relative;overflow:clip}.hero-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(22% 20% at 50% 64%,#356af157,#0000 70%),radial-gradient(38% 30% at 50% 72%,#356af138,#0000 72%),radial-gradient(28% 26% at 31% 64%,#bcb2ffc7,#0000 72%),radial-gradient(28% 26% at 69% 60%,#a0dbfad1,#0000 72%),radial-gradient(60% 40% at 50% 0,#fff,#0000 70%);position:absolute;inset:0}.hero-backdrop:after{content:"";background-image:radial-gradient(#0f15281a 1px,#0000 1.3px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 45% at 50% 38%,#000,#0000 80%);mask-image:radial-gradient(55% 45% at 50% 38%,#000,#0000 80%)}.hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(to bottom, #f7f7f400, var(--canvas) 88%);height:200px;position:absolute;inset:auto 0 0}.hero-copy{z-index:4;flex-direction:column;align-items:center;display:flex;position:relative}.hero-kicker{text-align:start;-webkit-backdrop-filter:blur(10px);background:#ffffffbd;border-radius:20px;align-items:center;gap:10px;margin-bottom:30px;padding:5px 16px 5px 5px;font-size:14px;font-weight:550;line-height:1.3;display:inline-flex;box-shadow:inset 0 0 0 1px #0f152814,0 1px 2px #0f15280d,0 8px 24px -12px #1738a44d}.hero-kicker img{border-radius:7px;flex-shrink:0}.hero h1{letter-spacing:-.058em;max-width:14ch;color:var(--ink);background:linear-gradient(#0f1528 35%,#33406d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;padding-block:.06em;font-size:clamp(3.2rem,1.2rem + 6.6vw,7rem);font-weight:700;line-height:.98}.hero-lede{max-width:40ch;color:var(--muted);margin-bottom:36px;font-size:clamp(18px,1rem + .45vw,21px);line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;scroll-margin-top:120px;display:flex}.hero-platforms{color:var(--muted);margin:20px 0 0;font-size:14px}.hero-stage{width:min(1180px,100%);height:660px;margin:72px auto 0;position:relative}.stage-rings{z-index:-1;position:absolute;top:330px;left:50%;translate:-50% -50%}.stage-rings span{aspect-ratio:1;background:linear-gradient(145deg,#ffffff57,#fff0 60%);border:1px solid #3156d829;border-radius:29%;position:absolute;top:50%;left:50%;translate:-50% -50%}.stage-rings span:first-child{width:480px}.stage-rings span:nth-child(2){border-color:#3156d81f;width:700px}.stage-rings span:nth-child(3){border-color:#3156d817;width:940px}.stage-rings span:nth-child(4){border-color:#3156d80f;width:1200px}.phone.hero-phone{z-index:1;position:absolute;top:0;left:50%;translate:-50%}.chip{z-index:3;text-align:start;-webkit-backdrop-filter:blur(16px)saturate(1.6);background:#ffffffd6;border-radius:24px;align-items:center;gap:14px;padding:12px 20px 12px 12px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #0f15280f,0 2px 4px #0f15280d,0 22px 44px -14px #17286e42}.chip-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.chip-name{letter-spacing:-.01em;font-size:15px;font-weight:650}.chip .address{color:var(--muted);font-size:13px}.chip-newsletter{top:96px;right:calc(50% + 150px)}.chip-shop{border-radius:28px;padding:14px 16px 14px 14px;top:262px;left:calc(50% + 116px)}.chip-shop .chip-name{font-size:16px}.chip-shop .address{color:var(--ink);font-size:14px}.chip-shuffle{width:36px;height:36px;color:var(--blue);background:var(--tint);border-radius:50%;place-items:center;margin-inline-start:6px;display:grid}.chip-travel{top:452px;right:calc(50% + 150px)}@keyframes fresh{0%{box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #3156d899,0 0 #3156d859,0 22px 44px -14px #17286e42}to{box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #0f15280f,0 0 0 14px #3156d800,0 22px 44px -14px #17286e42}}@keyframes pop{0%{scale:.6}}@keyframes spin{to{rotate:360deg}}.stage-caption{z-index:3;color:var(--muted);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex;position:absolute;top:492px;left:calc(50% + 176px)}.stage-caption:before{content:"";opacity:.5;background:currentColor;width:28px;height:1px}.phone{--phone-w:320px;width:var(--phone-w);padding:calc(var(--phone-w) * .034);border-radius:calc(var(--phone-w) * .175);box-shadow:inset 0 0 0 1.5px #ffffff24, inset 0 0 0 calc(var(--phone-w) * .012) #05060a, 0 2px 4px #0f15282e, 0 50px 80px -30px #14246e73, 0 30px 60px -40px #0009;background:linear-gradient(150deg,#3b4150,#11141b 40%,#0b0d12 70%,#2a2f3a);position:relative}.phone-screen{border-radius:calc(var(--phone-w) * .145);width:100%}.phone-island{left:50%;top:calc(var(--phone-w) * .058);width:29%;height:calc(var(--phone-w) * .084);background:#05060a;border-radius:100px;position:absolute;translate:-50%}.section-head h2{max-width:18ch}.section-head-center{text-align:center;margin-inline:auto}.section-head-center h2{margin-inline:auto}.features{padding-top:64px}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.bento-card{background:var(--paper);border-radius:32px;flex-direction:column;grid-column:span 6;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0f15280f,0 1px 2px #0f15280a,0 30px 60px -40px #0f152838}.bento-collection,.bento-format{grid-column:span 7}.bento-inbox,.bento-setup{grid-column:span 5}.bento-visual{isolation:isolate;height:300px;position:relative;overflow:hidden}.bento-copy{padding:28px 34px 34px}.bento-copy h3{letter-spacing:-.03em;margin-bottom:10px;font-size:24px}.bento-copy p{max-width:44ch;color:var(--muted);margin:0;font-size:16px;line-height:1.6}.bento-collection .bento-visual{background:radial-gradient(60% 80%,#e6ebff,#f6f7fd 70%)}.bento-inbox .bento-visual{background:radial-gradient(70% 80% at 50% 40%,#fff1e2,#fdf9f4 72%)}.bento-setup .bento-visual{background:radial-gradient(70% 80%,#e3f5fc,#f4fafc 72%)}.bento-format .bento-visual{background:radial-gradient(60% 80% at 40%,#f1ecff,#f9f7fe 70%)}.orbit{position:absolute;top:50%;left:50%;translate:-50% -50%}.orbit span{aspect-ratio:1;border:1px dashed #3156d838;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.orbit span:first-child{background:#fff9;border-style:solid;width:150px}.orbit span:nth-child(2){width:290px}.orbit span:nth-child(3){border-color:#3156d824;width:450px}.orbit-core{filter:drop-shadow(0 12px 20px #1738a459);position:absolute;top:50%;left:50%;translate:-50% -50%}.orbit-pill{background:#fff;border-radius:100px;align-items:center;gap:10px;padding:7px 14px 7px 7px;display:flex;position:absolute;box-shadow:0 0 0 1px #0f15280f,0 10px 24px -12px #17286e4d}.orbit-pill .alias-mark{border-radius:50%}.orbit-pill .address{color:var(--ink);font-size:13px}.orbit-pill-1{top:18%;left:7%}.orbit-pill-2{top:28%;right:6%}.orbit-pill-3{bottom:17%;left:10%}.orbit-pill-4{bottom:10%;right:9%}.inbox{gap:12px;display:grid;position:absolute;inset:44px 36px auto}.message{background:#fffc;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #0f15280d,0 6px 18px -10px #3c280a38}.message.is-marked{background:#fff;scale:1.04;box-shadow:0 0 0 2px #ff94008c,0 18px 36px -16px #a05a0a73}.message-avatar{color:#8a90a2;background:#eceef3;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:650;display:grid}.message-lines{flex:1;gap:7px;min-width:0;display:grid}.message-lines i{background:#e6e8ee;border-radius:8px;height:8px;display:block}.message-lines i:first-child{background:#d5d9e2;width:58%}.message-lines i:last-child{width:86%}.message-badge{background:color-mix(in srgb, currentColor 13%, #fff);white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:7px;padding:4px 11px 4px 4px;font-size:13px;font-weight:600;display:inline-flex}.message-badge .alias-mark{background:#fff;border-radius:50%}.message-badge.tag-blue{color:#0647a0}.message-badge.tag-orange{color:#824700}.message-badge.tag-teal{color:#0a5261}.message-badge.tag-blue .alias-mark{color:#007aff}.message-badge.tag-orange .alias-mark{color:#ff9400}.message-badge.tag-teal .alias-mark{color:#30a1b8}.setup{flex-direction:column;justify-content:center;gap:14px;padding-inline:36px;display:flex;position:absolute;inset:0}.setup-option{background:#fff;border-radius:22px;align-items:center;gap:14px;padding:14px 18px 14px 14px;display:flex;position:relative;box-shadow:0 0 0 1px #0f15280f,0 12px 28px -18px #0a3c5a66}.setup-option img{border-radius:10px}.setup-option .address{font-size:17px;font-weight:500}.setup-globe{color:#0a5261;background:#d9f0f6;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.setup-check{border-radius:50%;width:24px;height:24px;margin-inline-start:auto;position:relative;box-shadow:inset 0 0 0 1.5px #c9cdd8}.setup-check:after{content:"";background:radial-gradient(circle, #fff 30%, transparent 32%), var(--blue);border-radius:50%;position:absolute;inset:0}.setup-option:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--blue);position:absolute;inset:-1px}.setup-own:after,.setup-own .setup-check:after{opacity:0}.specimen{background:#fff;border-radius:26px;align-items:center;gap:20px;padding:20px;display:flex;position:absolute;top:46px;left:36px;right:36px;box-shadow:0 0 0 1px #0f15280f,0 20px 40px -24px #3c1e7859}.specimen-address{flex-wrap:wrap;align-items:baseline;font-size:22px;font-weight:500;display:flex}.specimen-address b{color:#3b2a78;background:#efeafd;border-radius:8px;padding:2px 6px;font-weight:600}.specimen-address i{color:#8a82b8;padding-inline:4px;font-style:normal}.specimen-address span{color:var(--muted);padding-inline-start:2px;font-size:17px}.swatches{direction:ltr;gap:12px;display:flex;position:absolute;bottom:44px;left:36px}.swatches span:not(.swatch-ring){background:currentColor;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 -3px 6px #00000024,inset 0 2px 3px #ffffff73}.swatch-ring{width:38px;height:38px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;position:absolute;top:-5px;left:-5px}.how{background:linear-gradient(180deg, #eef1fb00, var(--tint) 18%, var(--tint) 82%, #eef1fb00);padding-block:120px;position:relative}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:0;padding:0;list-style:none;display:grid;position:relative}.steps:before{content:"";top:36px;background:repeating-linear-gradient(90deg,#3156d859 0 8px,#0000 8px 16px);height:2px;position:absolute;inset-inline:36px calc(33.3333% - 68px)}.steps li{position:relative}.step-index{color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(#356af1,#1738a4);border-radius:24px;place-items:center;width:72px;height:72px;margin-bottom:30px;font-size:30px;font-weight:650;display:grid;position:relative;box-shadow:inset 0 1px #ffffff4d,0 16px 32px -14px #1738a4b3}.steps h3{letter-spacing:-.03em;margin-bottom:12px;font-size:23px}.steps p{max-width:34ch;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.platforms{isolation:isolate;color:#eef1fb;background:#0b1124;border-radius:40px;grid-template-columns:1.1fr 1fr;gap:48px;padding:88px 72px 0;display:grid;position:relative;overflow:hidden}.platforms:before{content:"";z-index:-1;background:radial-gradient(40% 60% at 74% 52%,#356af199,#0000 70%),radial-gradient(30% 40% at 92% 96%,#8c8cda73,#0000 70%),radial-gradient(40% 50% at 0 0,#356af138,#0000 70%);position:absolute;inset:0}.platforms:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 72%,#000,#0000 75%);mask-image:radial-gradient(60% 70% at 72%,#000,#0000 75%)}.platforms-copy{padding-bottom:88px}.platforms h2{color:#fff;max-width:12ch;margin-bottom:24px}.platforms-lede{color:#b6bed6;max-width:38ch;margin-bottom:36px;font-size:18px;line-height:1.65}.device-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.device-list li{color:#fff;background:#ffffff12;border-radius:100px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:15px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.device-list svg{color:#9fb4ff}.platforms-stage{justify-content:center;align-items:flex-start;height:540px;display:flex;position:relative}.platforms-stage:before{content:"";aspect-ratio:1;border:1px solid #9fb4ff2e;border-radius:29%;width:460px;position:absolute;top:40px;left:50%;translate:-50%}.platforms-phone{--phone-w:300px;box-shadow:inset 0 0 0 1.5px #ffffff2e, inset 0 0 0 calc(var(--phone-w) * .012) #05060a, 0 40px 80px -20px #000000b3;margin-top:8px;rotate:4deg}@media (forced-colors:active){.hero h1{-webkit-text-fill-color:currentColor;background:0 0}}@media (prefers-reduced-motion:no-preference){.chip{animation:8s ease-in-out infinite float}.chip-shop{animation-delay:-2.6s}.chip-travel{animation-delay:-5.2s}.setup-option:after,.setup-check:after{animation:7s ease-in-out infinite choose}.setup-own:after,.setup-own .setup-check:after{animation-name:choose-other}.swatch-ring{animation:15s step-end infinite swatch}.specimen-mark{animation:15s step-end infinite tint}.orbit span:nth-child(2){animation:6s ease-in-out infinite breathe}.orbit span:nth-child(3){animation:6s ease-in-out -3s infinite breathe}.chip-shop.is-fresh .alias-mark svg{animation:.6s cubic-bezier(.3,1.5,.5,1) pop}.chip-shop.is-fresh .chip-shuffle svg{animation:.8s cubic-bezier(.3,0,.15,1) spin}.chip-shop.is-fresh{animation:.9s ease-out fresh,8s ease-in-out -2.6s infinite float}@supports (animation-timeline:view()){.bento-card,.steps li{animation:linear both rise view();animation-range:entry entry 55%}.platforms{animation:linear both settle view();animation-range:entry entry 50%}.steps:before{transform-origin:0;animation:linear both draw view();animation-range:entry 30% cover 45%}[dir=rtl] .steps:before{transform-origin:100%}.hero-phone{animation:linear both lift scroll(root);animation-range:0 700px}.stage-rings{animation:linear both widen scroll(root);animation-range:0 700px}}}@keyframes float{50%{translate:0 -10px}}@keyframes choose{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes choose-other{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}@keyframes breathe{50%{opacity:.6;scale:1.04}}@keyframes lift{to{translate:-50% -48px}}@keyframes draw{0%{scale:0 1}}@keyframes draw-down{0%{scale:1 0}}@keyframes widen{to{opacity:.5;scale:1.12}}@keyframes swatch{0%{translate:0}10%{translate:40px}20%{translate:80px}30%{translate:120px}40%{translate:160px}50%{translate:200px}60%{translate:240px}70%{translate:280px}80%{translate:320px}90%{translate:360px}}@keyframes tint{0%{color:#007aff}10%{color:#33b854}20%{color:#5957d6}30%{color:#ff9400}40%{color:#ff2e54}50%{color:#b052de}60%{color:#ff3b30}70%{color:#30a1b8}80%{color:#ffbf00}90%{color:#8f8f94}}[dir=rtl] .hero h1{max-width:16ch}:is([dir=rtl],:lang(hi),:lang(th)) :is(h1,h2,h3,.chip-name){letter-spacing:0}:is(:lang(hi),:lang(th)) .hero h1{line-height:1.24}:is(:lang(ja),:lang(zh-Hans),:lang(zh-Hant),:lang(ko)) .hero h1{letter-spacing:-.04em;line-height:1.12}@media (width<=1100px){.hero-stage{height:620px}.chip-newsletter{right:calc(50% + 136px)}.chip-shop{left:calc(50% + 96px)}.chip-travel{right:calc(50% + 116px)}.stage-caption{display:none}.platforms{gap:24px;padding-inline:48px}.orbit-pill-1{left:4%}.orbit-pill-2{right:3%}.orbit-pill-3{left:5%}.orbit-pill-4{right:4%}}@media (width<=960px){.bento-card,.bento-collection,.bento-format,.bento-inbox,.bento-setup{grid-column:1/-1}.bento-visual{height:280px}.inbox,.setup{max-width:520px;margin-inline:auto}.inbox{padding-inline:36px;inset-inline:0}.setup{inset-inline:0}}@media (width<=860px){.hero-stage{height:560px;margin-top:56px}.hero-phone{--phone-w:280px}.stage-rings{top:290px}.chip-newsletter{top:150px;right:calc(50% + 70px)}.chip-shop{top:290px;left:calc(50% + 60px)}.chip-travel{top:400px;right:calc(50% + 84px)}.how{padding-block:88px}.steps{grid-template-columns:1fr;gap:36px;max-width:560px;margin-inline:auto}.steps:before{top:36px;bottom:36px;background:repeating-linear-gradient(#3156d859 0 8px,#0000 8px 16px);width:2px;height:auto;inset-inline:35px auto;transform-origin:top!important;animation-name:draw-down!important}.steps li{min-height:72px;padding-inline-start:100px}.step-index{inset-inline-start:0;margin:0;position:absolute;top:0}.platforms{grid-template-columns:1fr;padding:56px 40px 0}.platforms-copy{padding-bottom:0}.platforms-stage{height:440px}}@media (width<=600px){.hero{padding-top:40px}.hero-kicker{margin-bottom:24px;font-size:13px}.hero h1{margin-bottom:22px;font-size:clamp(2.7rem,1rem + 8.4vw,3.6rem)}.hero-lede{margin-bottom:28px;font-size:17px}.hero-actions{flex-direction:column;align-items:stretch;width:min(100%,340px)}.hero-stage{height:480px;margin-top:48px}.hero-phone{--phone-w:244px}.stage-rings{top:250px}.stage-rings span:first-child{width:330px}.stage-rings span:nth-child(2){width:480px}.stage-rings span:nth-child(n+3){display:none}.chip{border-radius:20px;gap:10px;padding:9px 14px 9px 9px}.chip .alias-mark{--mark-size:34px!important}.chip-name{font-size:14px}.chip .address{font-size:12px}.chip-newsletter{top:132px;left:12px;right:auto}.chip-shop{padding:10px;top:300px;left:auto;right:12px}.chip-shop .chip-name{font-size:14px}.chip-shop .address{font-size:12.5px}.chip-shuffle{width:30px;height:30px}.chip-travel{display:none}.features{padding-top:40px}.bento{gap:14px}.bento-card{border-radius:26px}.bento-visual{height:250px}.bento-copy{padding:22px 22px 26px}.bento-copy h3{font-size:21px}.orbit span:nth-child(3){width:380px}.orbit-pill{gap:8px;padding:5px 11px 5px 5px}.orbit-pill .alias-mark{--mark-size:24px!important}.orbit-pill .address{font-size:11.5px}.orbit-pill-1{top:10%;left:4%}.orbit-pill-2{top:27%;right:3%}.orbit-pill-3{bottom:25%;left:3%}.orbit-pill-4{bottom:8%;right:4%}.inbox{gap:10px;padding-inline:18px;inset:30px 0 auto}.message{gap:10px;padding:10px 11px}.message-avatar{width:30px;height:30px}.message-badge{font-size:12px}.setup{padding-inline:20px}.setup-option .address{font-size:15px}.specimen{gap:14px;padding:16px;top:34px;left:18px;right:18px}.specimen-mark{--mark-size:56px!important}.specimen-address{font-size:17px}.specimen-address span{font-size:14px}.swatches{gap:8px;bottom:36px;left:22px}.swatches span:not(.swatch-ring){width:22px;height:22px}.swatch-ring{width:30px;height:30px;top:-4px;left:-4px}@keyframes swatch{0%{translate:0}10%{translate:30px}20%{translate:60px}30%{translate:90px}40%{translate:120px}50%{translate:150px}60%{translate:180px}70%{translate:210px}80%{translate:240px}90%{translate:270px}}.how{padding-block:72px}.steps li{padding-inline-start:84px}.step-index{border-radius:20px;width:60px;height:60px;font-size:26px}.steps:before{inset-inline-start:29px;top:30px;bottom:30px}.steps h3{font-size:21px}.platforms{border-radius:28px;padding:44px 24px 0}.platforms-lede{font-size:17px}.platforms-stage{height:400px}.platforms-stage:before{width:340px}.platforms-phone{--phone-w:250px}}@media (width<=380px){.hero-phone{--phone-w:228px}.chip .address{font-size:11px}.orbit-pill-2,.orbit-pill-4{display:none}}