.shell{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}@media(max-width:960px){.shell{grid-template-columns:minmax(0,1fr)}.panel{display:none!important}}.col{display:flex;flex-direction:column;min-height:100vh;padding-block:24px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}@media(max-width:480px){.col{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}.url{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;margin-bottom:20px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-family:var(--mono);font-size:12.5px;color:var(--muted);min-width:0;max-width:440px}.url svg{flex:0 0 auto;color:var(--ok)}.url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url b{color:var(--fg);font-weight:500}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}.logo{display:block;flex:0 0 auto}.mark{width:28px;height:28px;border-radius:8px;background:#12b8da;display:grid;place-items:center;box-shadow:0 4px 12px #12b8da59}.mark i{width:12px;height:12px;border:2.5px solid #fff;border-radius:3px}.word{font-weight:700;font-size:18px;letter-spacing:-.03em}.word b{color:var(--blue);font-weight:700}.top-link{font-size:14px;color:var(--muted)}.top-link a{color:var(--fg);font-weight:500;text-decoration:none}.top-link a:hover{text-decoration:underline}.main{flex:1;display:flex;align-items:center;justify-content:center;padding-block:40px}.card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.screen{display:flex;flex-direction:column;gap:24px;animation:in .28s ease both}@keyframes in{0%{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}.head{display:flex;flex-direction:column;gap:8px}.eyebrow{display:none}.eyebrow.keep{display:block;font-size:13px;color:var(--muted);margin-top:4px}h1{font-size:26px;line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0;text-wrap:balance}.success-ic,.mail-ic,.prefix-ic{display:none!important}.sub{margin:0;color:var(--muted);font-size:15px;text-wrap:pretty}.sub strong{color:var(--fg);font-weight:500}.steps{display:flex;gap:6px}.steps span{height:4px;flex:1;border-radius:99px;background:var(--line)}.steps span.on{background:var(--blue)}form{display:flex;flex-direction:column;gap:16px;margin:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:420px){.row2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px;font-weight:500;color:var(--fg-2)}.label a,.linkbtn{font-size:13.5px;font-weight:500;color:var(--blue);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.label a:hover,.linkbtn:hover{text-decoration:underline}.input{position:relative;display:flex;align-items:center;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--field);transition:border-color .15s,box-shadow .15s}.input:hover{border-color:color-mix(in srgb,var(--line) 50%,var(--faint))}.input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-ring)}.input.bad{border-color:var(--err);box-shadow:0 0 0 4px color-mix(in srgb,var(--err) 14%,transparent)}.input input,.input select{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:inherit;color:var(--fg);padding:0 14px}.input select{appearance:none;cursor:pointer;padding-right:36px}.input .chev{position:absolute;right:12px;pointer-events:none;color:var(--faint)}.input input::placeholder{color:var(--faint)}.input .suffix{padding:0 14px 0 0;color:var(--muted);font-family:var(--mono);font-size:13.5px;white-space:nowrap}.input .prefix-ic{padding-left:14px;color:var(--faint);display:flex}.input .prefix-ic+input{padding-left:10px}.eye{border:0;background:none;padding:0 12px;height:100%;color:var(--faint);cursor:pointer;display:flex;align-items:center}.eye:hover{color:var(--fg)}.hint{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.hint.err{color:var(--err)}.hint.ok{color:var(--ok)}.meter{display:flex;gap:4px}.meter span{flex:1;height:3px;border-radius:9px;background:var(--line);transition:background .2s}.check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:18px;height:18px;margin:0;accent-color:var(--blue);cursor:pointer}.btn{height:44px;border-radius:9px;border:0;background:var(--btn);color:var(--btn-fg);font-weight:500;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.btn:hover{background:var(--btn-hover)}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible,.ghost:focus-visible,.linkbtn:focus-visible,.store-chip button:focus-visible,.eye:focus-visible{outline:none;box-shadow:0 0 0 3px var(--blue-ring),0 0 0 1.5px var(--blue)}.ghost{height:44px;border-radius:9px;border:1px solid var(--line);background:var(--bg);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.ghost:hover{background:var(--bg-soft)}.spin{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--err-soft);color:var(--err);font-size:13.5px}.alert.ok{background:var(--ok-soft);color:var(--ok)}.store-chip{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.avatar{width:36px;height:36px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:700;font-size:15px;letter-spacing:-.02em;flex:0 0 auto}.store-chip .meta{flex:1;min-width:0;display:flex;flex-direction:column}.store-chip .meta b{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-chip .meta span{font-family:var(--mono);font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-chip button{border:0;background:none;color:var(--blue);font-size:13.5px;font-weight:500;cursor:pointer;padding:6px 8px;border-radius:8px;white-space:nowrap}.store-chip button:hover{background:var(--blue-soft)}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp input{height:52px;width:100%;min-width:0;text-align:center;font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--fg);outline:0;transition:border-color .15s,box-shadow .15s}.otp input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-ring)}.otp input.filled{border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:420px){.chip{padding:10px;font-size:12.5px}}.chip{border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--field);cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;font-size:13.5px;font-weight:500;transition:border-color .15s,background .15s}.chip svg{color:var(--muted)}.chip:hover{border-color:var(--faint)}.chip[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 1px var(--blue) inset}.chip[aria-pressed=true] svg{color:var(--blue)}.ind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ind-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--field);cursor:pointer;text-align:left;font-size:14px;font-weight:500;transition:border-color .15s,background .15s}.ind-opt svg{color:var(--fg-2)}.ind-opt:hover{border-color:var(--faint)}.ind-opt:focus-visible{outline:none;box-shadow:0 0 0 3px var(--blue-ring);border-color:var(--blue)}.ind-opt[aria-checked=true]{border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.ind-opt[aria-checked=true] svg{color:var(--blue)}.ind-opt em{position:absolute;top:10px;right:10px;font-style:normal;font-size:11px;font-weight:600;color:#fff;background:var(--blue);padding:2px 8px;border-radius:99px}.divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12.5px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.foot{font-size:14px;color:var(--muted);text-align:center}.foot a,.foot button{color:var(--fg);font-weight:500}.fine{font-size:12.5px;color:var(--faint);text-align:center}.fine a{color:var(--muted)}.success-ic{width:56px;height:56px;border-radius:16px;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center}.mail-ic{width:56px;height:56px;border-radius:16px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.recent{display:flex;flex-direction:column;gap:8px}.recent .lbl{font-size:12.5px;color:var(--muted)}.recent button{all:unset;cursor:pointer}.recent .store-chip{transition:border-color .15s}.recent button:hover .store-chip{border-color:var(--faint)}.recent button:focus-visible .store-chip{box-shadow:0 0 0 3px var(--blue-ring);border-color:var(--blue)}.bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}.bottom a{color:var(--faint);text-decoration:none}.bottom a:hover{color:var(--fg)}.panel{position:relative;overflow:hidden;margin:12px;border-radius:18px;background:#aee9f0;border:1px solid #95dce5;display:flex;flex-direction:column;min-height:calc(100vh - 24px)}.slides{position:relative;flex:1}.slide{position:absolute;inset:0;display:flex;flex-direction:column;gap:28px;padding:52px 0 0 52px;opacity:0;transform:translate(16px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.slide.on{opacity:1;transform:none;pointer-events:auto}@media(prefers-reduced-motion:reduce){.slide{transition:none}}.s-copy{display:flex;flex-direction:column;gap:10px;max-width:440px;padding-right:52px}.s-tag{font-size:13px;font-weight:600;color:#0a6b79}.s-copy h2{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.s-copy p{margin:0;color:#2c4a52;font-size:15.5px;text-wrap:pretty}.win{flex:none;width:720px;height:560px;transform-origin:top left;transform:scale(var(--k, 1));margin-right:-1px;background:#fff;border:1px solid var(--line);border-right:0;border-bottom:0;border-radius:12px 0 0;box-shadow:0 24px 60px -20px #0b0d122e;display:flex;flex-direction:column;overflow:hidden;font-size:13px;color:#0b0d12}.w-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #eef0f4}.w-bar h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.w-bar h3 em{font-style:normal;font-size:11.5px;font-weight:500;color:#12b8da;background:#e4f7fb;padding:2px 7px;border-radius:99px}.w-btn{font-size:12.5px;font-weight:500;background:#12b8da;color:#fff;padding:7px 12px;border-radius:7px;white-space:nowrap}.w-btn.dark{background:#0b0d12}.w-tabs{display:flex;gap:4px;padding:10px 18px;border-bottom:1px solid #eef0f4;color:#6b7080;font-size:12.5px}.w-tabs span{padding:4px 10px;border-radius:6px}.w-tabs span.on{background:#f1f3f6;color:#0b0d12;font-weight:500}.w-table{width:100%;border-collapse:collapse;font-size:13px}.w-table th{text-align:left;font-weight:500;font-size:11.5px;color:#8a8f9c;padding:10px 18px;border-bottom:1px solid #eef0f4;white-space:nowrap}.w-table td{padding:12px 18px;border-bottom:1px solid #f3f4f6;white-space:nowrap;vertical-align:middle}.w-table td.m{font-family:var(--mono);font-size:12px;color:#5a5f6c}.w-table td.r,.w-table th.r{text-align:right;font-variant-numeric:tabular-nums}.w-table td small{display:block;color:#8a8f9c;font-size:12px}.st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:99px}.st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.st.b{background:#e4f7fb;color:#12b8da}.st.g{background:#e7f7ee;color:#0e8a43}.st.a{background:#fff4de;color:#a86400}.st.n{background:#f1f3f6;color:#6b7080}.cart{display:grid;grid-template-columns:minmax(0,1fr) 230px;flex:1}.cart .lines{border-right:1px solid #eef0f4}.sum{padding:16px 18px;display:flex;flex-direction:column;gap:10px;font-variant-numeric:tabular-nums}.sum div{display:flex;justify-content:space-between;color:#5a5f6c}.sum .tot{color:#0b0d12;font-weight:600;font-size:18px;padding-top:10px;border-top:1px solid #eef0f4}.sum .pay{margin-top:6px;text-align:center;background:#0e8a43;color:#fff;font-weight:600;padding:11px;border-radius:8px;display:block}.sum .meth{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.sum .meth span{border:1px solid #e6e8ec;border-radius:7px;padding:7px 0;text-align:center;font-size:12px;color:#3a3f4b;display:block}.sum .meth span.on{border-color:#12b8da;color:#12b8da;background:#e4f7fb}.trade{display:grid;grid-template-columns:minmax(0,1fr) 220px;flex:1}.trade .checks{padding:6px 0;border-right:1px solid #eef0f4}.ck{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;border-bottom:1px solid #f3f4f6}.ck b{font-weight:500}.yes{color:#0e8a43;font-weight:500;font-size:12.5px}.no{color:#d92d20;font-weight:500;font-size:12.5px}.offer{padding:18px;display:flex;flex-direction:column;gap:12px}.offer small{color:#8a8f9c;font-size:12px}.offer .big{font-size:30px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.grade{display:flex;gap:6px}.grade span{flex:1;text-align:center;border:1px solid #e6e8ec;border-radius:7px;padding:6px 0;font-weight:500;color:#6b7080}.grade span.on{background:#0b0d12;border-color:#0b0d12;color:#fff}.tp{flex:0 0 auto;margin-right:52px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -20px #0b0d122e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:56px 32px;text-align:center;color:#0b0d12}.tp-brand{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:600;letter-spacing:-.02em}.tp-stars{display:flex;gap:5px}.tp-stars span{width:52px;height:52px;display:grid;place-items:center;background:linear-gradient(90deg,#00b67a var(--f, 100%),#dcdce6 var(--f, 100%))}.tp-score{font-size:56px;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.tp-score small{font-size:20px;color:#8a8f9c;font-weight:500;letter-spacing:-.01em}.tp-word{font-size:18px}.tp-word b{font-weight:700}.ctrl{position:absolute;right:24px;top:24px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px;border-radius:99px;background:#ffffffeb;box-shadow:0 0 0 1px #e6e8ec,0 6px 20px #0b0d1214}.ctrl button{border:0;background:none;cursor:pointer;color:#3a3f4b;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.ctrl button:hover{background:#f1f3f6}.ctrl button:focus-visible{outline:2px solid var(--blue)}.dots{display:flex;gap:6px;padding:0 4px}.dots button{width:22px;height:4px;border-radius:9px;background:#d9dce3;padding:0;position:relative;overflow:hidden}.dots button.on{background:#d9dce3}.dots button.on:after{content:"";position:absolute;inset:0;background:#12b8da;transform-origin:left;animation:fill var(--dur, 6s) linear forwards}.panel.paused .dots button.on:after{animation-play-state:paused}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.dots button.on:after{animation:none}}.demo-note{margin:0;padding:8px 12px;border-radius:9px;background:var(--accent-soft);color:#0a6b79;font-size:13px}.col,.top-link{min-width:0}.tp-img{display:block;width:min(440px,calc(100% - 52px));height:auto;aspect-ratio:1;border-radius:16px;box-shadow:0 24px 60px -20px #0b0d1240;background:#fff}:root{color-scheme:light;--bg: #ffffff;--bg-soft: #f6f7f9;--fg: #0b0d12;--fg-2: #3a3f4b;--muted: #6b7080;--faint: #8a8f9c;--line: #e6e8ec;--line-2: #eef0f4;--accent: #12b8da;--accent-text: #0ea5c6;--accent-soft: #e4f7fb;--accent-ring: rgba(18, 184, 218, .22);--panel: #aee9f0;--btn: #0b0d12;--btn-fg: #ffffff;--ok: #12a150;--ok-soft: #e7f7ee;--warn: #a86400;--err: #d92d20;--err-soft: #fef1f0;--field: #ffffff;--btn-hover: #262a33;--shadow: 0 1px 2px rgba(11, 13, 18, .06), 0 8px 24px rgba(11, 13, 18, .06);--blue: var(--accent-text);--blue-soft: var(--accent-soft);--blue-ring: var(--accent-ring);--sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}