@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer ui-sdk;:root{--bg:#f4f8f7;--surface:#fff;--mint:#e3efec;--ink:#0b2422;--muted:#4a6360;--line:#0b24221a;--teal:#0f766e;--teal-bright:#138075;--teal-deep:#115e59;--teal-ink:#0d4f4a;--peach:#ffb48a;--ease-glide:cubic-bezier(.22, 1, .36, 1);--radius-l:28px;--radius-m:20px;--gutter:clamp(20px, 4vw, 56px);--max:1240px;font-feature-settings:"ss01", "cv11";color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Geist Variable,ui-sans-serif,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);margin:0;overflow-x:clip}img{max-width:100%;display:block}h1,h2,h3,p,ul,ol,blockquote,figure{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.btn{background:var(--teal);color:#fff;height:48px;font:inherit;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.btn:hover{background:var(--teal-deep)}.btn[aria-disabled=true]{cursor:progress;opacity:.8}.btn-lg{height:54px;padding:0 28px;font-size:16px}.btn-quiet{color:var(--muted);background:0 0}.btn-quiet:hover{color:var(--ink);background:#0b24220f}.label{letter-spacing:.28em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.4}.accent-dot{color:var(--teal)}.mask{margin-block:-.12em -.1em;padding-block:.12em .1em;display:block;overflow:clip}@keyframes mask-up{0%{transform:translateY(105%)}}@keyframes rise{0%{opacity:0;translate:0 12px}}@keyframes fade{0%{opacity:0}}html,body{height:100%;overflow:hidden}.page{height:100svh;padding:clamp(16px, 3svh, 32px) var(--gutter) clamp(16px, 3svh, 32px) clamp(16px, 3svh, 32px);background:radial-gradient(50% 60% at 78% 30%, #8fd9cc38, transparent 70%), radial-gradient(40% 50% at 92% 95%, #ffc9a838, transparent 70%), var(--bg);grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:clamp(32px,4.4vw,72px);display:grid}.portrait{background:var(--mint);border-radius:6px;min-height:0;animation:1.3s cubic-bezier(.76,0,.24,1) .1s both wipe-up;position:relative;overflow:hidden}.portrait-img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;animation:settle 1.8s var(--ease-glide) .1s both;position:absolute;inset:0}@keyframes wipe-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes settle{0%{transform:scale(1.08)}}.badge{-webkit-backdrop-filter:blur(18px)saturate(1.3);animation:rise .7s var(--ease-glide) 1.2s both;background:#ffffffa8;border:1px solid #fffc;border-radius:999px;margin:0;padding:2px 4px;list-style:none;display:flex;position:absolute;top:16px;left:16px}.badge li{color:var(--muted);white-space:nowrap;padding:6px 12px;font-size:13px}.badge li+li{border-left:1px solid #0b24221f}.badge strong{color:var(--ink);font-weight:600}.voice{-webkit-backdrop-filter:blur(18px)saturate(1.3);max-width:380px;animation:rise .7s var(--ease-glide) both;background:#ffffffa8;border:1px solid #fffc;border-radius:14px;padding:18px 20px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.portrait>.voice{animation-delay:1.1s}.voice-label{color:var(--teal-ink);grid-area:1/1;margin-bottom:8px}.voice-slide{opacity:0;filter:blur(6px);transition:opacity .7s var(--ease-glide) .3s, translate .9s var(--ease-glide) .3s, filter .7s var(--ease-glide) .3s;grid-area:2/1;align-content:start;gap:8px;display:grid;translate:0 10px}.voice-slide[data-state=active]{opacity:1;filter:blur();translate:0}.voice-slide[data-state=leaving]{transition-duration:.45s;transition-delay:0s;transition-timing-function:ease-in;translate:0 -10px}.voice-slide[data-state=waiting]{transition:none}.voice-area{letter-spacing:-.03em;color:var(--ink);font-size:22px;font-weight:600}.stage{min-height:0;position:relative}.intro{grid-template-rows:1fr auto 1fr;height:100%;transition:opacity .3s .22s,translate .3s .22s;display:grid}.page[data-wizard] .intro{opacity:0;transition-duration:.16s;transition-delay:0s;translate:-16px}.intro-main{grid-row:2;max-width:600px}.title{font-weight:inherit}.greeting{color:var(--teal-ink);animation:rise .8s var(--ease-glide) .45s both;margin-bottom:14px;display:block}.name{letter-spacing:-.055em;animation:mask-up 1.1s var(--ease-glide) .5s both;font-size:clamp(56px,min(7.4vw,13svh),120px);font-weight:600;line-height:.95;display:block}.headline{letter-spacing:-.04em;margin-top:clamp(14px,2.6svh,28px);font-size:clamp(26px,min(3.3vw,6svh),50px);font-weight:500;line-height:1.06}.line{animation:mask-up 1.1s var(--ease-glide) .62s both;display:block}.line-2{color:var(--teal-ink);animation-delay:.7s}.lede{max-width:34ch;color:var(--muted);text-wrap:pretty;animation:rise .9s var(--ease-glide) .85s both;margin-top:clamp(14px,3svh,28px);font-size:clamp(16px,min(1.25vw,2.1svh),19px);line-height:1.55}.actions{animation:rise .9s var(--ease-glide) .95s both;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(20px,4.5svh,44px);display:flex}.note{color:var(--muted);font-size:14px}.stats{border-top:1px solid var(--line);grid-row:3;align-self:end;gap:clamp(20px,3vw,48px);padding-top:18px;animation:1s 1.1s both fade;display:flex}.stats li{align-content:start;gap:6px;display:grid}.stats strong{white-space:nowrap;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(22px,min(2vw,3.6svh),30px);font-weight:600}.stat-before{color:var(--muted);font-weight:500;text-decoration-color:#4a636099;text-decoration-thickness:2px}.stats strong:has(.stat-arrow){align-items:center;display:inline-flex}.stat-arrow{width:.7em;height:.7em;color:var(--muted);flex:none;margin:0 .3em}.stats li:has(.stat-before) strong{color:var(--teal)}:is(.stats li:has(.stat-before) .stat-before,.stats li:has(.stat-before) .stat-arrow){color:var(--muted)}.stats .label{color:var(--muted);letter-spacing:.22em;font-size:10px}.panel{--panel-radius:22px;z-index:5;border-radius:var(--panel-radius);isolation:isolate;background:#fbfdfc;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 80px -40px #0b242259}.panel-inner{height:100%;position:relative}.wizard{flex-direction:column;height:100%;display:flex}.wizard-head{align-items:center;gap:18px;padding:18px 18px 0 clamp(20px,3vw,40px);display:flex}.progress{gap:10px;display:flex}.progress span{width:8px;height:8px;transition:background .4s var(--ease-glide), border-color .4s var(--ease-glide), width .4s var(--ease-glide);border:1px solid #0b242259;border-radius:999px}.progress span[data-state=current]{border-color:var(--teal);background:var(--teal);width:28px}.progress span[data-state=done]{border-color:var(--teal);background:var(--teal)}.step-count{color:var(--muted)}.wizard-close{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#0b24220d;border:0;border-radius:999px;place-items:center;margin-left:auto;padding:0;display:grid}.wizard-close svg{width:20px;height:20px}.wizard-close:hover{background:#0b24221a}.wizard-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:clamp(20px,3svh,32px) clamp(20px,3vw,40px) 32px;overflow-y:auto}.step{animation:step-in .45s var(--ease-glide) both;gap:30px;display:grid}.step[data-direction=back]{animation-name:step-back}@keyframes step-in{0%{opacity:0;translate:40px}}@keyframes step-back{0%{opacity:0;translate:-40px}}.step-title{letter-spacing:-.045em;text-wrap:balance;outline:none;font-size:clamp(28px,min(3vw,5svh),42px);font-weight:600;line-height:1.04}.step-hint{color:var(--muted);margin-top:8px;font-size:16px}.question{gap:12px;display:grid}.question-label{letter-spacing:-.01em;font-size:16px;font-weight:600}.question-hint{color:var(--muted);margin-top:-8px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s, border-color .2s, color .2s, scale .2s var(--ease-glide);-webkit-tap-highlight-color:transparent;border:1px solid #0b242224;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:500;display:inline-flex;position:relative}@media (hover:hover){.chip:hover{border-color:#0f766e80}}.chip:active{scale:.97}.chip-input{border-radius:inherit;opacity:0;cursor:pointer;background:0 0;border:0;margin:0;position:absolute;inset:0}.chip:has(.chip-input:focus-visible){outline:2px solid var(--teal);outline-offset:3px}.chip[data-pressed]{border-color:var(--teal);background:var(--teal);color:#fff}.chip:has([data-checked]){border-color:var(--teal);background:var(--teal);color:#fff}.chip-tick{opacity:0;width:0;height:16px;transition:width .25s var(--ease-glide), opacity .2s, margin .25s var(--ease-glide);margin-left:-6px}.chip[data-pressed] .chip-tick{opacity:1;width:16px;margin-left:-4px}.feel{gap:10px;display:grid}.question.inline{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}.question.inline .question-label{color:var(--muted);font-size:15px;font-weight:500}.reading{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:16px}.exact{gap:6px;display:grid}.exact-label{color:var(--muted);font-size:12px;font-weight:500}.exact-box{background:#edf4f2;border-radius:14px;align-items:center;width:128px;height:44px;padding:0 14px 0 0;transition:background .15s;display:flex}.exact-box:focus-within,.phone:focus-within,.text-field>[data-slot=input]:focus{background:#e1ece9}.exact-box [data-slot=input]:focus-visible,.phone [data-slot=input]:focus-visible,.text-field>[data-slot=input]:focus-visible{outline:none}.exact-box [data-slot=input]{width:100%;min-width:0;height:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:0;outline:none;padding:0 8px 0 14px;font-size:16px;font-weight:600}.exact-unit{color:var(--muted);font-size:13px}.pair{grid-template-columns:minmax(0,1fr) 120px;gap:12px;display:grid}.text-field{gap:10px;display:grid}.text-field>[data-slot=input],.phone{height:54px;font:inherit;color:var(--ink);background:#edf4f2;border:0;border-radius:16px;font-size:17px;transition:background .15s}.text-field>[data-slot=input]{outline:none;width:100%;padding:0 16px}.phone{align-items:center;display:flex}.phone-code{color:var(--muted);padding:0 4px 0 16px;font-weight:500}.phone [data-slot=input]{min-width:0;height:100%;font:inherit;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 16px 0 12px;font-size:17px}.wizard-foot{border-top:1px solid var(--line);align-items:center;gap:16px;padding:14px 18px 18px clamp(20px,3vw,40px);display:flex}.wizard-error{color:#a33a12;flex:1;font-size:14px;font-weight:500}.wizard-actions{align-items:center;gap:8px;display:flex}.done{align-content:center;justify-items:start;gap:18px;height:100%;padding:48px clamp(24px,5vw,64px);display:grid}.done>*{animation:rise .8s var(--ease-glide) both}.done>:nth-child(2){animation-delay:80ms}.done>:nth-child(3){animation-delay:.16s}.done>:nth-child(4){animation-delay:.24s}.done-mark{background:radial-gradient(circle at 60% 60%, #ffd9c2 0%, #8fd9cc 45%, var(--teal) 100%);width:72px;height:72px;animation:rise .8s var(--ease-glide) both, breathe 4s ease-in-out .8s infinite;border-radius:999px;margin-bottom:12px;box-shadow:0 0 0 10px #8fd9cc40,0 0 0 22px #8fd9cc1f,0 30px 60px -20px #0f766e99}@keyframes breathe{50%{scale:1.06}}.done-title{letter-spacing:-.055em;outline:none;font-size:clamp(48px,min(6vw,11svh),96px);font-weight:600;line-height:.95}.done-text{max-width:30ch;color:var(--muted);margin-bottom:12px;font-size:19px;line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (width<=860px){.page{padding:12px 20px max(20px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:20px}.badge{top:10px;left:10px}.badge li{padding:5px 10px;font-size:12px}.voice{padding:12px 14px;bottom:10px;left:10px;right:10px}.voice-slide{gap:4px}.voice-area{font-size:18px}.intro{display:block}.name{font-size:clamp(48px,min(14vw,8.5svh),88px)}.headline{margin-top:10px;font-size:clamp(22px,min(6.4vw,3.7svh),40px)}.lede{margin-top:12px;font-size:15px}.actions{margin-top:20px}.actions .btn{flex:1}.note,.stats{display:none}.panel{--panel-radius:0px;z-index:20;background:#fbfdfc;border:0;position:fixed;inset:0}.wizard-head{padding:max(14px, env(safe-area-inset-top)) 12px 0 20px}.wizard-body{padding:20px 20px 28px}.wizard-foot{padding:12px 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:8px}.wizard-error:empty{display:none}.wizard-actions .btn:not(.btn-quiet){flex:1}.feel{gap:10px;display:grid}.question.inline{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}.question.inline .question-label{color:var(--muted);font-size:15px;font-weight:500}.reading{grid-template-columns:1fr;row-gap:12px}.chip{min-height:42px;padding:0 14px}}@media (width<=860px) and (height<=700px){.lede{display:none}}
