.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)}.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}.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-h{font:inherit;letter-spacing:inherit;text-wrap:initial}.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}}@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,.acc-item,.acc-panel,.acc-chips{transition:none!important}}