.hero{padding-top:clamp(36px,4.5vw,56px)}.hero-in{text-align:center;justify-items:center;gap:18px;display:grid}.hero h1{font-size:var(--t-display);letter-spacing:var(--track-d);line-height:1.02}.hero h1 span{white-space:nowrap;display:block}.lead{font-size:var(--t-lead);color:var(--ink-2);max-width:60ch;line-height:1.55}.cap-slot{justify-content:center;width:100%;height:60px;margin-top:8px;display:flex}.stage{height:calc(560px * var(--s,1));margin-top:clamp(20px,2.6vw,32px);position:relative;overflow:clip visible}.scene-wrap{width:1120px;height:560px;transform:translateX(calc(-50% + var(--ox,0px))) scale(var(--s,1));transform-origin:top;perspective:2200px;position:absolute;top:0;left:50%}.scene{transform-style:preserve-3d;transform:rotateX(var(--rx,9deg)) rotateY(var(--ry,-7deg));position:absolute;inset:0}.scene-wrap,.scene{pointer-events:none}.ground{filter:blur(10px);pointer-events:none;background:radial-gradient(closest-side,#0e0f1229,#0e0f1200);border-radius:50%;height:90px;position:absolute;bottom:6px;left:140px;right:120px;transform:translateZ(-60px)}.slot{transform-style:preserve-3d;position:absolute}.slot[role=button]{cursor:pointer;pointer-events:auto}.slot-browser{width:660px;height:420px;top:24px;left:200px;transform:translateZ(2px)}.slot-phone{width:232px;height:468px;top:78px;left:790px;transform:translateZ(120px)}.slot-card{pointer-events:none;width:252px;top:286px;left:64px;transform:translateZ(80px)}.stage[data-mode=pair] .slot-card,.stage[data-mode=phone] .slot-card{display:none}.flip{transform-style:preserve-3d;transition:transform 1.2s var(--ease-out);pointer-events:none;position:absolute;inset:0}.flip.is-code{transform:rotateY(180deg)}.face{backface-visibility:hidden;box-shadow:var(--shadow-float);position:absolute;inset:0;overflow:hidden}.back{transform:rotateY(180deg)}.slot:focus-visible{outline:none}.slot:focus-visible .face{box-shadow:var(--shadow-float), 0 0 0 3px var(--ink)}.win{background:var(--panel);border-radius:14px;grid-template-rows:40px 1fr;display:grid}.win-bar{background:#f7f8fa;align-items:center;gap:12px;padding:0 14px;display:flex}.dots{gap:6px;display:flex}.dots i{background:#d9dbe0;border-radius:50%;width:9px;height:9px}.win-bar .url{color:var(--ink-2);background:var(--panel);border-radius:999px;margin-inline:auto;padding:4px 14px;font-size:11.5px;box-shadow:0 0 0 1px #0e0f120f}.win-body{text-align:left;grid-template-columns:150px 1fr;min-height:0;display:grid}.win-side{background:#fbfbfc;align-content:start;gap:2px;padding:14px 10px;display:grid}.win-side span{color:var(--ink-2);border-radius:8px;padding:6px 10px;font-size:12px}.win-side span.on{background:var(--wash);color:var(--ink);font-weight:550}.win-main{align-content:start;gap:12px;min-width:0;padding:16px 18px;display:grid}.win-head{align-items:center;gap:10px;display:flex}.win-head b{letter-spacing:-.02em;font-size:16px;font-weight:600}.win-head .count{color:var(--ink-2);background:var(--wash);border-radius:999px;padding:2px 8px;font-size:11px}.win-head .new{color:#fff;background:var(--ink);border-radius:999px;margin-left:auto;padding:6px 12px;font-size:11.5px;font-weight:550}.tbl{border-collapse:separate;border-spacing:0 3px;font-variant-numeric:tabular-nums;width:100%;font-size:11.5px}.tbl th{text-align:left;color:var(--ink-3);padding:0 8px 4px;font-weight:500}.tbl td{white-space:nowrap;background:#f8f9fa;padding:9px 8px}.tbl td:first-child{font-family:var(--f-mono);color:var(--ink-2);border-radius:8px 0 0 8px}.tbl td:last-child{border-radius:0 8px 8px 0}.tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:550;display:inline-block}.tag-1{background:var(--ink);color:#fff}.tag-2{box-shadow:inset 0 0 0 1px #0e0f1240}.tag-3{background:#e3e5e9}.tag-4{color:var(--ink-3);background:0 0;box-shadow:inset 0 0 0 1px #0e0f121f}.phone{background:var(--panel);box-shadow:var(--shadow-float), 0 0 0 1px #0e0f1214 inset;border-radius:36px;padding:10px}.phone-screen{text-align:left;background:#fbfbfc;border-radius:28px;grid-template-rows:auto auto 1fr auto auto;gap:12px;height:100%;padding:12px 14px 14px;display:grid;overflow:hidden}.phone-top{justify-content:space-between;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:flex}.phone-top svg{width:26px;height:10px}.phone-title b{letter-spacing:-.025em;font-size:17px;font-weight:650;display:block}.phone-title span{color:var(--ink-2);font-size:11px}.steps{align-content:start;gap:6px;display:grid}.steps li{background:var(--panel);border-radius:10px;align-items:center;gap:9px;padding:9px 10px;font-size:11.5px;display:flex;box-shadow:0 0 0 1px #0e0f120d}.steps svg{flex:none;width:16px;height:16px}.steps .todo{color:var(--ink-2)}.bill{background:var(--panel);border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;display:flex;box-shadow:0 0 0 1px #0e0f120d}.bill span{color:var(--ink-3);font-size:11px}.bill b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.phone-btn{background:var(--ink);color:#fff;border-radius:999px;place-items:center;height:40px;font-size:12.5px;font-weight:550;display:grid}.card{background:var(--panel);text-align:left;box-shadow:var(--shadow-float);border-radius:14px;gap:10px;padding:14px 16px;display:grid;position:relative}.card-top{align-items:center;gap:8px;font-size:12px;font-weight:550;display:flex}.card b{letter-spacing:-.01em;font-size:13px;font-weight:600}.card dl{gap:5px;margin:0;font-size:11.5px;display:grid}.card dl div{justify-content:space-between;gap:10px;display:flex}.card dt{color:var(--ink-2)}.card dd{font-family:var(--f-mono);margin:0;font-size:11px}.code{background:var(--night);color:#c9cdd4;text-align:left;border-radius:14px;grid-template-rows:40px 1fr;display:grid}.code-bar{font-family:var(--f-mono);color:var(--night-ink-2);background:#0b0c0f;align-items:center;gap:10px;padding:0 14px;font-size:11.5px;display:flex}.code-bar b{color:var(--night-ink);background:var(--night);align-items:center;height:100%;margin-left:-14px;padding:0 12px;font-weight:500;display:inline-flex}pre.src{font-family:var(--f-mono);font-size:var(--t-code);white-space:pre;counter-reset:ln;font-variant-ligatures:none;margin:0;padding:18px 20px;line-height:1.75;overflow:hidden}pre.src .l{counter-increment:ln;display:block}pre.src .l:before{content:counter(ln);text-align:right;color:#80858e;width:2.2em;margin-right:1em;display:inline-block}.k{color:#fff;font-weight:600}.s{color:#9ea3ac}.c{color:#8d929b}.f{color:#e9ebef}.phone .code-face{background:var(--night);border-radius:36px;padding:10px}.phone-code{color:#c9cdd4;background:#0b0c0f;border-radius:28px;grid-template-rows:auto 1fr;height:100%;display:grid;overflow:hidden}.phone-code .code-bar{background:0 0;height:40px;padding-top:6px}.phone-code pre.src{padding:6px 10px 12px;font-size:9px;line-height:1.85}.phone-code pre.src .l:before{display:none}.m-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 48px;margin-bottom:28px;display:flex}.m-head .sec-sub{max-width:46ch;margin-top:0}.acc{gap:10px;display:grid}.acc-item{background:var(--panel);border-radius:var(--r-cap)}.acc-btn{text-align:left;cursor:default;background:0 0;border:0;border-radius:40px;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:20px;width:100%;min-height:72px;padding:14px 16px 14px 30px;display:grid}.acc-title{letter-spacing:-.02em;white-space:nowrap;font-size:1.25rem;font-weight:600}.acc-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;transition:opacity .25s;display:flex}.acc-chips span{background:var(--canvas);height:32px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;font-size:13.5px;display:inline-flex}.acc-ic{display:none}.acc-panel>div{min-height:0}.acc-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,56px);padding:0 clamp(18px,3vw,30px) clamp(18px,3vw,26px);display:grid}.acc:not(.is-guided) .acc-chips,.pin-hint{display:none}.acc.is-guided{gap:10px}.acc.is-guided .acc-item{transition:border-radius .45s var(--ease-out);border-radius:40px}.acc.is-guided .acc-item.is-open{border-radius:var(--r-cap)}.acc.is-guided .acc-btn{cursor:pointer}.acc.is-guided .acc-ic{background:var(--fill);width:44px;height:44px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:15px;font-weight:600;transition:background-color .3s,color .3s;display:grid;position:relative}.acc.is-guided .acc-btn:hover .acc-ic{background:var(--fill-hover)}.acc.is-guided .acc-item.is-open .acc-ic{background:var(--ink);color:#fff}.acc.is-guided .acc-item.is-open .acc-ic:before{content:"";background:conic-gradient(var(--ink) calc(var(--p,0) * 1turn), #0e0f121f 0);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}.acc.is-guided .acc-item.is-open .acc-chips{opacity:0}.acc.is-guided .acc-panel{transition:grid-template-rows .55s var(--ease-out);grid-template-rows:0fr;display:grid}.acc.is-guided .acc-item.is-open .acc-panel{grid-template-rows:1fr}.acc.is-guided .acc-panel>div{overflow:hidden}.acc.is-guided .acc-inner{height:var(--acc-h,300px);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}.acc.is-guided .acc-inner .device,.acc.is-guided .acc-inner .ops{aspect-ratio:auto;height:auto}.acc.no-anim,.acc.no-anim *{transition:none!important}.pin-mode .m-head h2{max-width:none}.pin-mode .pin-sticky{top:var(--pin-top,88px);position:sticky}.pin-mode .pin-hint{text-align:center;color:var(--ink-3);margin-top:14px;font-size:13.5px;transition:opacity .3s;display:block}.pin-mode .pin-hint.is-done{opacity:0}@media (max-height:820px){.acc.is-guided{gap:8px}.acc.is-guided .acc-btn{min-height:62px;padding-block:9px}.acc.is-guided .tp-text{gap:14px}.acc.is-guided .offers a{padding-block:7px}.acc.is-guided .ops{gap:10px;padding:18px 20px}.pin-mode .pin-hint{margin-top:10px}}.voices{text-align:center;overflow-x:clip}.v-stage{justify-items:center;display:grid}.v{opacity:0;visibility:hidden;width:100%;transform:translateX(var(--x,28px));transition:opacity .45s ease, transform .9s var(--ease-out), visibility 0s linear .9s;grid-area:1/1;align-content:start;justify-items:center;gap:26px;margin:0;display:grid}.v.is-on{opacity:1;visibility:visible;transition:opacity .7s ease .12s, transform .9s var(--ease-out) .12s, visibility 0s;transform:none}.v blockquote{letter-spacing:-.022em;text-wrap:balance;max-width:40ch;margin:0;font-size:clamp(1.375rem,1rem + 1.15vw,1.875rem);font-weight:500;line-height:1.38}.v figcaption{background:var(--panel);font-size:var(--t-small);border-radius:999px;align-items:center;gap:10px;padding:9px 18px;display:inline-flex}.v figcaption b{font-size:14.5px;font-weight:600}.v figcaption span{color:var(--ink-2)}.v-dots{justify-content:center;align-items:center;gap:6px;margin-top:40px;display:flex}.v-dots button{background:0 0;border:0;border-radius:999px;place-items:center;height:28px;padding:0 2px;display:grid}.v-dots i{width:8px;height:8px;transition:width .45s var(--ease-out);background:#0e0f122e;border-radius:999px;display:block;position:relative;overflow:hidden}.v-dots i:after{content:"";background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.v-dots button[aria-current=true] i{width:40px}.v-dots button[aria-current=true] i:after{animation:7s linear forwards v-fill}.v-dots button:hover i{background:#0e0f124d}.voices.is-paused .v-dots button[aria-current=true] i:after,.voices.is-off .v-dots button[aria-current=true] i:after{animation-play-state:paused}@keyframes v-fill{to{transform:scaleX(1)}}@media (max-width:1000px){.acc-inner{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.hero h1 span{white-space:normal;display:inline}}@media (max-width:640px){.acc-btn{grid-template-columns:minmax(0,1fr);min-height:64px;padding-left:24px}.acc-title{white-space:normal;font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.flip,.v,.acc-item,.acc-panel,.acc-chips{transition:none!important}.v-dots button[aria-current=true] i:after{animation:none;transform:scaleX(1)}}