.page{min-height:100dvh;display:flex;justify-content:center;background:var(--bg)}.phone{width:100%;max-width:420px;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--border)}.screen{flex:1;display:flex;flex-direction:column;padding:26px 20px calc(32px + var(--safe-b));animation:fadeIn .4s ease both}.spacer{flex:1;min-height:24px}.topbar{display:flex;align-items:center;gap:16px;padding:16px 20px 0}.topbar .logo{flex:none}.segments{display:flex;gap:4px;flex:1;max-width:170px;margin-left:auto}.segments__item{flex:1;padding:6px 0;border:none;background:transparent}.segments__item--tappable{cursor:pointer}.segments__bar{height:3px;border-radius:2px;background:#e0ddd6;transition:background .2s}.segments__bar--on{background:var(--ink)}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}.h-lg{font-size:30px;line-height:1.2;letter-spacing:-.015em}.h-md{font-size:25px;line-height:1.24;letter-spacing:-.01em}.h-sm{font-size:23px;line-height:1.26;letter-spacing:-.01em}.lead-text{font-size:16.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.body-text{font-size:16px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.note-text{font-size:13px;line-height:1.45;color:var(--muted-2);text-align:center;text-wrap:pretty}.logo{display:flex;align-items:center;gap:9px}.logo__mark{width:22px;height:22px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;flex:none}.logo__dot{width:7px;height:7px;border-radius:50%;background:var(--accent-light)}.logo__text{font-size:18px;letter-spacing:-.025em;line-height:1}.logo__text b{font-weight:600;color:var(--ink)}.logo__text span{font-weight:400;color:var(--muted)}.btn{display:block;width:100%;border:none;border-radius:var(--r-btn);padding:16px;font-size:16.5px;font-weight:500;text-align:center;transition:background .15s,border-color .15s,transform .08s}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn--primary{background:var(--ink);color:var(--surface)}.btn--ghost{background:var(--card);color:var(--ink);border:1px solid var(--stroke);font-size:16px;padding:15px}.btn--tall{padding:17px}.btn--pay{padding:18px;font-size:17px;border-radius:15px}.btn--left{text-align:left;font-size:15.5px}.btn--link{width:auto;padding:9px 16px;border-radius:10px;background:#f7f6f3eb;color:var(--ink);font-size:14.5px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.btn--back{width:auto;align-self:flex-start;background:transparent;padding:4px 0;font-size:14.5px;font-weight:400;color:var(--ink-3)}.btn--restart{background:transparent;color:var(--muted-2);font-size:14px;font-weight:400;font-family:var(--mono);padding:15px}.btn--send{width:auto;align-self:flex-start;padding:12px 18px;border-radius:12px;background:var(--ink);color:var(--surface);font-size:15px}@media (hover: hover){.btn--primary:hover{background:#000}.btn--ghost:hover{border-color:var(--ink)}.btn--back:hover,.btn--link:hover{color:#000}}.avatar{flex:none;border-radius:50%;overflow:hidden;background:repeating-linear-gradient(135deg,#e7e2da 0,#e7e2da 5px,#efebe4 5px,#efebe4 10px);display:flex;align-items:flex-end;justify-content:center;box-shadow:inset 0 0 0 1px #1b1b190f}.avatar__photo{width:100%;height:100%;object-fit:cover;display:block}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}.chat__head{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--hair)}.chat__peer{position:relative;z-index:3;display:flex;align-items:center;gap:11px;background:var(--card);border-radius:14px;padding:5px 12px 5px 5px;margin:-5px}.chat__meta{display:flex;flex-direction:column;gap:1px}.chat__name{font-size:15px;font-weight:500}.chat__status{font-size:12px;color:var(--green)}.chat__status--off{display:inline-flex;align-self:flex-start;margin-top:5px;font-size:12px;font-weight:500;color:var(--red-deep);background:var(--red-tint);border:1px solid var(--red);border-radius:7px;padding:2px 8px;animation:statusFlip .6s ease both,borderBlink 1.4s .6s ease-in-out infinite}.chat__body{padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;min-height:132px}.chat__composer{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--hair);background:#fbfaf8}.composer__field{flex:1;min-height:40px;display:flex;align-items:center;gap:1px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:9px 14px;font-size:15.5px;line-height:1.3;color:var(--ink)}.composer__field--locked{background:#f2f0ec;color:var(--faint);font-size:15px}.composer__caret{display:inline-block;width:2px;height:19px;background:var(--accent);animation:blink 1.05s step-end infinite}.composer__send{width:40px;height:40px;flex:none;border-radius:50%;background:#e9e6e0;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:15px}.composer__send--locked{background:#f2f0ec;color:#dad6ce}.msg{display:flex;align-items:flex-end;gap:8px;max-width:92%;animation:bubbleIn .35s ease both}.msg--her{align-self:flex-start}.msg--me{position:relative;align-self:flex-end;max-width:82%}.msg--indent{align-self:flex-start;margin-left:34px;max-width:84%}.msg--drift{animation:drift .4s ease both}.bubble{padding:11px 14px;font-size:15.5px;line-height:1.42;text-wrap:pretty}.bubble--me{background:var(--accent-soft);border-radius:16px 16px 5px}.bubble--her{background:var(--panel);border-radius:16px 16px 16px 5px}.bubble--her-mid{background:var(--panel);border-radius:16px}.bubble--faded{opacity:.75;filter:blur(.4px)}.bubble--faded-2{opacity:.5;filter:blur(.9px)}.ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:19px;border:2px solid var(--accent);pointer-events:none;animation:fadeIn .3s ease both,ringBlink 1.4s .3s ease-in-out infinite}.typing{align-self:flex-start;margin-left:34px;display:flex;gap:4px;align-items:center;padding:12px 14px;background:var(--panel);border-radius:16px 16px 16px 5px;width:62px}.typing i{width:6px;height:6px;border-radius:50%;background:#9a968e;animation:dots 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.silence{align-self:center;margin-top:14px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:19px;letter-spacing:.04em;color:var(--ink-3)}.silence__rule{width:30px;height:1px;background:#d2cdc4;animation:silLine 1s ease both}.silence__word{display:flex;align-items:baseline;gap:1px}.silence__word span{display:inline-block;animation:silLetter .5s ease both}.silence__word i{display:inline-block;font-style:normal;animation:silDot 1.6s ease-in-out infinite}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-card);background:var(--panel);display:flex;flex-direction:column;gap:14px;padding:20px;overflow:auto;animation:fadeIn .4s ease both}.overlay--center{justify-content:center;gap:15px;padding:22px}.overlay--sheet{position:absolute;inset:auto 0 0 0;border-radius:0 0 var(--r-card) var(--r-card);border-top:1px solid var(--border);align-items:center;animation:fadeUp .45s ease both}.overlay--veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#f7f6f3b8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border-radius:0;display:flex;align-items:center;justify-content:center;padding:40% 26px 26px;animation:fadeIn .7s ease both}.veil__inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.veil__inner .btn--primary{animation:fadeUp .5s .2s ease both}.veil__inner .btn--link{animation:fadeUp .5s .3s ease both}.accent-quote{border-left:2px solid oklch(.7 .09 232);padding-left:12px;font-size:15.5px;font-weight:500;line-height:1.42;text-wrap:pretty}.step{display:flex;gap:12px;align-items:flex-start}.step__n{font-family:var(--mono);font-size:12.5px;color:var(--accent);margin-top:4px;flex:none}.step__title{font-size:16px;font-weight:500;line-height:1.35}.step__text{margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}.note{border-top:1px solid var(--hair);padding:14px 16px 16px;animation:fadeUp .4s ease both}.note__tag{font-family:var(--mono);font-size:11.5px;color:var(--accent);margin-bottom:8px}.note__tag--muted{color:var(--muted-2)}.note__title{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em;text-wrap:pretty}.note__text{margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.note .btn{margin-top:14px}.handoff{display:flex;flex-direction:column;align-items:center}.handoff__line{width:2.4px;height:26px;background:linear-gradient(to bottom,rgba(27,27,25,0),var(--ink));animation:lineGrow .5s ease both}.handoff__arrow{display:flex;align-items:center;justify-content:center;width:22px;height:16px;margin-top:-4px;animation:arrowDrop 1.5s .5s cubic-bezier(.4,0,.3,1) infinite}.handoff__arrow i{width:12px;height:12px;border-right:2.4px solid var(--ink);border-bottom:2.4px solid var(--ink);transform:rotate(45deg) translate(-2px,-2px)}.handoff__card{margin-top:8px;width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:16px;animation:fadeUp .5s .15s ease both}.fade-bottom{position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.canvas-wrap{margin-top:20px;position:relative;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--border);background:#f1efea;align-self:center;width:100%;max-width:340px}.canvas-wrap canvas{display:block;width:100%;aspect-ratio:340 / 520}.hits{position:absolute;bottom:12px;left:14px;font-family:var(--mono);font-size:12px;color:var(--ink-3);background:#ffffffd1;padding:5px 9px;border-radius:8px}.quiz{position:absolute;top:0;right:0;bottom:0;left:0;background:#edeae4f7;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:22px;overflow:auto;animation:fadeIn .5s ease both}.quiz__card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:15px 16px}.quiz__label{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);margin-bottom:7px}.quiz__label--accent{color:var(--accent)}.quiz__text{font-size:15.5px;line-height:1.45;text-wrap:pretty}.hr{height:1px;background:#dbd7cf}.table{margin-top:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}.table__head,.table__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table__head{padding:13px 16px;border-bottom:1px solid var(--hair);background:#faf9f6;font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}.table__head b{font-weight:400;color:var(--ink)}.table__row{padding:14px 16px;border-top:1px solid var(--hair-2);animation:fadeUp .45s ease both;font-size:14.5px;line-height:1.4;text-wrap:pretty}.table__row span{color:var(--muted-2)}.table__row b{color:var(--ink);font-weight:500}.plan{width:100%;text-align:left;background:var(--card);border:1.5px solid var(--border);border-radius:var(--r-card);padding:20px;display:flex;gap:14px;align-items:flex-start;transition:border-color .15s}.plan--active{border-color:var(--ink)}.radio{width:20px;height:20px;flex:none;margin-top:3px;border-radius:50%;border:1.5px solid #c9c2b6;display:flex;align-items:center;justify-content:center}.radio--on{background:var(--ink);border-color:var(--ink)}.radio i{width:7px;height:7px;border-radius:50%;background:#fff}.plan__body{display:flex;flex-direction:column;gap:7px}.plan__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan__title{font-size:19px;font-weight:500;letter-spacing:-.01em}.badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:#f1efea;border-radius:6px;padding:3px 7px}.badge--accent{color:#076c92;background:var(--accent-tint)}.plan__price-row{display:flex;align-items:baseline;gap:8px}.plan__price{font-size:28px;font-weight:500;letter-spacing:-.02em}.plan__per{font-size:13.5px;color:var(--muted-2)}.plan__text{font-size:14.5px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}.acc{margin-top:16px;display:flex;flex-direction:column;border-top:1px solid #e7e3dc}.acc__row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:none;border-bottom:1px solid #e7e3dc;padding:15px 2px;text-align:left;font-size:15px;color:var(--ink-2)}.acc__sign{font-size:13px;color:var(--faint);font-family:var(--mono)}.acc__body{padding:14px 2px 16px;border-bottom:1px solid #e7e3dc;display:flex;flex-direction:column;gap:9px;animation:fadeIn .3s ease both}.acc__li{display:flex;gap:10px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}.acc__li b{color:var(--faint);font-weight:400}.acc__li span{text-wrap:pretty}.field{width:100%;padding:13px 14px;border:1px solid #e1ddd5;border-radius:12px;background:var(--card);font-size:16px;line-height:1.45;color:var(--ink);outline:none;resize:none;transition:border-color .15s}.field:focus{border-color:var(--ink)}.field:disabled{opacity:.6}.field--lg{margin-top:12px;padding:17px 16px;border-radius:15px;font-size:16.5px}.form-error{font-size:14px;line-height:1.4;color:var(--red-deep)}.summary{margin-top:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.summary__title{font-size:16.5px;font-weight:500}.summary__note{margin-top:3px;font-size:13.5px;color:var(--muted-2)}.summary__price{font-size:22px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}.method{width:100%;text-align:left;background:var(--card);border:1.5px solid var(--border);border-radius:15px;padding:16px 18px;display:flex;align-items:center;gap:13px;transition:border-color .15s}.method--active{border-color:var(--ink)}.method .radio{width:18px;height:18px;margin-top:0}.method .radio i{width:6px;height:6px}.method__title{font-size:16px;font-weight:500}.method__sub{margin-top:2px;font-size:13px;color:var(--muted-2)}@media (hover: hover){.plan:hover,.method:hover{border-color:var(--ink)}.acc__row:hover{color:var(--ink)}}.refund{margin-top:12px;display:flex;align-items:flex-start;justify-content:center;gap:8px;font-size:14px;line-height:1.45;font-weight:500;color:var(--ink-2);text-wrap:pretty}.refund__mark{flex:none;width:17px;height:17px;margin-top:1px;border-radius:50%;background:#d6f0da;color:#2b6339;display:flex;align-items:center;justify-content:center;font-size:10px}.gift{margin-top:22px;background:var(--accent-tint);border:1px solid oklch(.86 .05 232);border-radius:var(--r-card);padding:18px 20px;display:flex;flex-direction:column;gap:4px;animation:fadeUp .45s ease both}.gift__kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#076c92}.gift__amount{margin-top:2px;font-size:27px;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:#005473;color:oklch(.42 .12 232)}.gift__label{margin-top:4px;font-size:15px;line-height:1.45;color:var(--ink);text-wrap:pretty}.gift__note{font-size:13.5px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}.check{width:38px;height:38px;border-radius:50%;background:#d6f0da;display:flex;align-items:center;justify-content:center;color:#2b6339;font-size:17px}.feedback{margin-top:30px;padding-top:26px;border-top:1px solid var(--border)}.feedback__q{margin-top:6px;font-size:18.5px;font-weight:500;line-height:1.32;text-wrap:pretty}.feedback textarea{margin-top:14px;min-height:104px;border-radius:15px;padding:15px}.testbadge{position:fixed;left:14px;bottom:calc(14px + var(--safe-b));z-index:50;display:inline-flex;align-items:center;gap:6px;background:var(--red-tint);border:1px solid var(--red);color:var(--red-deep);border-radius:8px;padding:5px 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.metrics{position:fixed;right:14px;bottom:calc(14px + var(--safe-b));max-width:210px;max-height:40vh;overflow:auto;background:#1b1b19e6;color:#e8e5df;border-radius:12px;padding:12px 14px;font-family:var(--mono);font-size:11px;line-height:1.6;z-index:50}.metrics__title{opacity:.55;margin-bottom:5px}:root{--bg: #efede8;--surface: #f7f6f3;--card: #ffffff;--panel: #edeae4;--border: #e4e1db;--hair: #efedeb;--hair-2: #f2f0eb;--stroke: #d8d4cc;--ink: #1b1b19;--ink-2: #56534e;--ink-3: #6e6b66;--muted: #8a867e;--muted-2: #9a968e;--faint: #b2ada4;--accent: oklch(.55 .1 232);--accent-deep: oklch(.45 .1 232);--accent-soft: oklch(.94 .028 232);--accent-light: oklch(.75 .11 232);--accent-tint: oklch(.95 .03 232);--green: oklch(.55 .1 150);--red: oklch(.62 .19 25);--red-deep: oklch(.5 .18 25);--red-tint: oklch(.96 .03 25);--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--r-card: 18px;--r-btn: 14px;--safe-b: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0;font-weight:500}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font-family:inherit;color:inherit}a{color:var(--accent);text-decoration:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes silLine{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}@keyframes silLetter{0%{opacity:0;filter:blur(3px);transform:translateY(2px)}to{opacity:1;filter:none;transform:none}}@keyframes silDot{0%,to{opacity:.2}50%{opacity:1}}@keyframes lineGrow{0%{opacity:0;transform:scaleY(0);transform-origin:top}to{opacity:1;transform:none}}@keyframes arrowDrop{0%{transform:translateY(0)}18%{transform:translateY(9px)}34%{transform:translateY(0)}48%{transform:translateY(6px)}60%,to{transform:translateY(0)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes statusFlip{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes dots{0%,20%{opacity:.25}50%{opacity:1}to{opacity:.25}}@keyframes drift{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ringBlink{0%,to{border-color:var(--accent);box-shadow:0 0 0 3px #227ba221}50%{border-color:#227ba24d;box-shadow:0 0 0 3px #227ba200}}@keyframes borderBlink{0%,to{border-color:var(--red);box-shadow:0 0 0 3px #e2494724}50%{border-color:#e2494747;box-shadow:0 0 0 3px #e2494700}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}