:root{--ink:#13231d;--muted:#66756f;--paper:#f4f7f5;--card:#fff;--line:#dce5e0;--accent:#147a55;--accent-dark:#0f563d;--soft:#e6f3ed;--radius:18px;color-scheme:light}*{box-sizing:border-box}html{background:#dfe6e2}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 50% 0,#eef4f0 0,#dfe6e2 58%,#d7dfda 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{touch-action:manipulation}.phone-shell{width:min(100%,480px);min-height:100dvh;margin:0 auto;background:var(--paper);padding:calc(14px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 0 55px rgba(18,52,39,.12);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:760;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--ink);color:#fff;font-size:15px}.region{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;text-align:right}.region img{width:26px;height:19px;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px rgba(10,35,25,.12)}.region span{display:flex;flex-direction:column;max-width:140px;line-height:1.05}.region strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750}.region small{margin-top:4px;color:var(--muted);font-size:9px}.intro{padding:34px 2px 22px;transition:padding .25s ease}.eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}h1{max-width:420px;margin:10px 0 11px;font-size:clamp(31px,8.3vw,42px);line-height:.98;letter-spacing:-.052em;font-weight:780}h1 em{color:var(--accent);font-style:normal}.intro>p{max-width:385px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}.rate-chip{display:inline-flex;align-items:center;gap:9px;margin-top:17px;padding:9px 11px;border:1px solid #cbe0d5;border-radius:12px;background:var(--soft);font-size:10px;color:var(--accent-dark)}.rate-chip strong{font-size:12px}.hook-card{position:relative;margin-top:18px;padding:18px;border-radius:var(--radius);overflow:hidden;background:var(--ink);color:#fff;box-shadow:0 18px 38px rgba(19,35,29,.18)}.hook-card:after{content:"";position:absolute;right:-42px;top:-54px;width:150px;height:150px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.035),0 0 0 52px rgba(255,255,255,.025)}.hook-top{position:relative;z-index:1;display:grid;gap:7px;max-width:310px}.hook-top span{color:#83d6b1;font-size:9px;font-weight:850;letter-spacing:.14em}.hook-top strong{font-size:20px;line-height:1.08;letter-spacing:-.035em}.benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.benefits span{display:grid;gap:6px;align-content:start;min-height:54px;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.055)}.benefits i{color:#83d6b1;font-size:8px;font-style:normal;font-weight:800}.benefits b{font-size:9px;line-height:1.25}.start-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 15px;border:0;border-radius:13px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;transition:transform .12s ease,background .18s ease}.start-button:hover{background:#f0faf5}.start-button:active{transform:scale(.985)}.start-button b{font-size:18px}.flow-card{min-height:432px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 18px 45px rgba(26,61,47,.07)}.flow-card[hidden]{display:none}.flow-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.step-dots{display:flex;gap:5px}.step-dots i{display:block;width:18px;height:3px;border-radius:9px;background:#dce5e0;transition:.25s ease}.step-dots i.active{background:var(--accent)}.view{animation:enter .28s ease both}.view[hidden]{display:none}.view h2{margin:18px 0 16px;max-width:370px;font-size:22px;line-height:1.1;letter-spacing:-.035em}.choices{display:grid;gap:9px}.choice{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;width:100%;min-height:68px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .12s}.choice:hover{border-color:#9bc9b4;background:#fbfdfc}.choice:active{transform:scale(.985)}.choice:focus-visible,.back:focus-visible,.start-button:focus-visible{outline:3px solid rgba(20,122,85,.25);outline-offset:2px}.choice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--accent-dark);font-size:10px;font-weight:850;letter-spacing:.03em}.choice-copy{min-width:0}.choice strong{display:block;font-size:13px;line-height:1.2}.choice small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.3}.arrow{color:#97aaa1;font-size:20px;line-height:1}.back{margin-top:14px;padding:0;border:0;background:none;color:var(--accent);font-size:11px;font-weight:750;cursor:pointer}.view .back+h2{margin-top:10px}.matching{text-align:center;padding:24px 4px 8px}.match-orbit{position:relative;width:78px;height:78px;margin:0 auto 20px;border:1px solid #b8dacb;border-radius:50%}.match-orbit span{position:absolute;inset:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px var(--soft)}.match-orbit i{position:absolute;left:34px;top:-4px;width:10px;height:10px;border-radius:50%;background:#d2a94f;transform-origin:5px 43px;animation:orbit 1.7s linear infinite}.match-kicker{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.matching h2{margin:8px auto 10px;font-size:25px}.matching p{min-height:38px;margin:0 auto 22px;max-width:340px;color:var(--muted);font-size:12px;line-height:1.5}.progress-track{height:8px;overflow:hidden;border-radius:20px;background:#e4ebe7}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .12s linear}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:10px}.progress-meta strong{color:var(--ink)}.matching>small{display:block;margin:25px auto 0;max-width:340px;color:#7a8982;font-size:9px;line-height:1.45}.flow-started .intro{padding-bottom:16px}.flow-started .hook-card,.flow-started .intro>p{display:none}.flow-started h1{font-size:clamp(28px,7vw,35px)}footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:16px 4px 0;color:#75837d;font-size:9px;text-align:center}.privacy-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.is-loading .flow-card{opacity:.72;pointer-events:none}[dir="rtl"] .choice{text-align:right}[dir="rtl"] .region{text-align:left}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@media (min-width:700px){body{padding:22px 0}.phone-shell{min-height:calc(100dvh - 44px);border-radius:28px;padding-left:22px;padding-right:22px}}@media (max-width:374px){.phone-shell{padding-left:13px;padding-right:13px}.intro{padding-top:26px}.hook-card{padding:14px}.benefits{gap:6px}.benefits span{padding:7px}.flow-card{padding:14px}.choice{min-height:63px;padding:9px}.choice-icon{width:38px;height:38px}.view h2{font-size:20px}}@media (max-height:700px){.intro{padding:22px 2px 16px}.hook-card{margin-top:14px}.benefits{margin:13px 0}.flow-card{min-height:400px}.choice{min-height:60px}.view h2{margin-top:14px;margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}