.vyva-how-it-works .hw-lede{max-width:62ch;font-size:1.12rem;color:var(--ink-soft);margin-top:14px}.vyva-how-it-works .hw-lede{max-width:56ch}.vyva-how-it-works .hw3{display:grid;grid-template-columns:1fr 190px 1fr 190px 1fr;align-items:stretch;margin:48px 0 22px}.vyva-how-it-works .hw3 .nd{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:12px;box-shadow:var(--shadow);align-content:start}.vyva-how-it-works .hw3 .hd{display:flex;align-items:center;gap:10px}.vyva-how-it-works .hw3 .hd b{font:700 1.05rem var(--f-body)}.vyva-how-it-works .hw3 .hd small{display:block;font-size:.8rem;color:var(--muted);font-weight:500}.vyva-how-it-works .hw3 .ic{width:38px;height:38px;border-radius:12px;background:var(--lavender);color:var(--accent);display:grid;place-items:center;flex:none;font-weight:700;font-size:.85rem}.vyva-how-it-works .hw3 .ic svg{width:20px;height:20px}.vyva-how-it-works .hw3 .lbl{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.vyva-how-it-works .hw3 .row{display:flex;align-items:center;gap:10px;background:var(--warm);border-radius:12px;padding:11px 12px;font-size:.88rem}.vyva-how-it-works .hw3 .row b{display:block;font-size:.92rem}.vyva-how-it-works .hw3 .row span{color:var(--muted)}.vyva-how-it-works .hw3 .tg{font-size:.7rem;font-weight:800;padding:4px 7px;border-radius:6px;flex:none}.vyva-how-it-works .hw3 .tg.a{background:var(--amber-soft);color:var(--amber)}.vyva-how-it-works .hw3 .tg.r{background:var(--alert-soft);color:var(--alert)}.vyva-how-it-works .hw3 .tg.g{background:var(--trust-soft);color:var(--trust)}.vyva-how-it-works .hw3 .core{position:relative;background:linear-gradient(150deg,#4e1d7a,#7a3fb5);color:#fff;border:0;text-align:center;justify-items:center;align-content:center;gap:10px;overflow:hidden}.vyva-how-it-works .hw3 .core:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #ffffff1a;box-shadow:none;top:50%;left:50%;transform:translate(-50%,-50%)}.vyva-how-it-works .hw3 .core>*{position:relative}.vyva-how-it-works .hw3 .core b{font:700 2.1rem var(--f-body);letter-spacing:.1em}.vyva-how-it-works .hw3 .core small{color:#eadcf5;font-size:.95rem}.vyva-how-it-works .hw3 .chn{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}.vyva-how-it-works .hw3 .chn span{background:#ffffff24;border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:600}.vyva-how-it-works .hw3 .bub{border-radius:14px;padding:10px 13px;font-size:.9rem;line-height:1.4;max-width:90%}.vyva-how-it-works .hw3 .bub.v{background:var(--lavender);color:var(--ink);border-bottom-left-radius:4px}.vyva-how-it-works .hw3 .bub.p{background:#642997;color:#fff;justify-self:end;border-bottom-right-radius:4px}.vyva-how-it-works .hw3 .done{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--trust)}.vyva-how-it-works .hw3 .done:before{content:"✓";width:20px;height:20px;border-radius:50%;background:var(--trust-soft);display:grid;place-items:center;font-size:.75rem}.vyva-how-it-works .hw3 .cn{display:grid;align-content:center;gap:26px;padding:0 12px}.vyva-how-it-works .hw3 .ln{display:grid;gap:8px}.vyva-how-it-works .hw3 .ln p{margin:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;font-weight:700;color:var(--accent);text-align:center;line-height:1.25}.vyva-how-it-works .hw3 .ln p i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--paper);display:grid;place-items:center;font-size:.74rem;flex:none}.vyva-how-it-works .hw3 .ln.back p{color:var(--amber)}.vyva-how-it-works .hw3 .ln.back p i{background:var(--amber)}.vyva-how-it-works .hw3 .tr{position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 6px,transparent 6px 11px)}.vyva-how-it-works .hw3 .ln.back .tr{background:repeating-linear-gradient(90deg,var(--amber) 0 6px,transparent 6px 11px)}.vyva-how-it-works .hw3 .tr:after{content:"";position:absolute;right:-3px;top:-5px;border:6px solid transparent;border-left:9px solid var(--accent);border-right:0}.vyva-how-it-works .hw3 .ln.back .tr:after{right:auto;left:-3px;border-left:0;border-right:9px solid var(--amber)}.vyva-how-it-works .hw3 .ln.both .tr:before{content:"";position:absolute;left:-3px;top:-5px;border:6px solid transparent;border-right:9px solid var(--accent);border-left:0}.vyva-how-it-works .hw3 .tr b{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent);animation:hwgo 3.2s linear infinite}.vyva-how-it-works .hw3 .ln.back .tr b{background:var(--amber);animation-direction:reverse;box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 25%,transparent)}@keyframes hwgo{0%{left:0}to{left:calc(100% - 10px)}}@media(prefers-reduced-motion:reduce){.vyva-how-it-works .hw3 .tr b{animation:none;left:45%}}.vyva-how-it-works .hw-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;font-size:.88rem;color:var(--muted);font-weight:600}.vyva-how-it-works .hw-foot span:before{content:"●";color:var(--accent-soft);font-size:.6rem;margin-right:8px;vertical-align:2px}@media(max-width:960px){.vyva-how-it-works .hw3{grid-template-columns:1fr;gap:4px}.vyva-how-it-works .hw3 .cn{gap:6px;padding:12px 0}.vyva-how-it-works .hw3 .tr{display:none}.vyva-how-it-works .hw3 .core{min-height:200px}}.vyva-how-it-works .hw3 .ph{margin:-22px -22px 2px;height:170px;border-radius:21px 21px 0 0;overflow:hidden}.vyva-how-it-works .hw3 .ph img{width:100%;height:100%;object-fit:cover;display:block}.vyva-how-it-works .hw3 .ph{position:relative;height:190px}.vyva-how-it-works .hw3 .ph figcaption{position:absolute;left:12px;bottom:12px;background:#fffffff0;color:#2f223d;border-radius:12px;padding:7px 12px;line-height:1.2;box-shadow:0 6px 18px -8px #0006}.vyva-how-it-works .hw3 .ph figcaption b{display:block;font-size:.95rem}.vyva-how-it-works .hw3 .ph figcaption small{font-size:.76rem;color:#74677f;font-weight:600}.vyva-how-it-works .hw3 .ln p{font-size:.8rem}.vyva-how-it-works .hw3 .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-top:6px}.vyva-how-it-works .hw3 .stats div{background:#ffffff1c;border-radius:12px;padding:10px 6px}.vyva-how-it-works .hw3 .stats b{display:block;font:700 1.35rem var(--f-body);letter-spacing:-.02em}.vyva-how-it-works .hw3 .stats span{font-size:.72rem;color:#eadcf5;line-height:1.2;display:block}.vyva-how-it-works .hw3 .stats .g{background:#e9c97f;color:#2a1440}.vyva-how-it-works .hw3 .stats .g span{color:#4a2a10}.vyva-how-it-works .hw3 .tday{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#e9c97f;margin-top:8px}.vyva-how-it-works .hw3{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) 150px minmax(0,1fr)}@media(max-width:960px){.vyva-how-it-works .hw3{grid-template-columns:1fr}}.vyva-how-it-works{background:var(--warm);color:var(--ink)}.vyva-how-it-works :is(.row,.stats span,.done,figcaption){overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.vyva-how-it-works :is(.nd,.cn,.stats>div){min-width:0;max-width:100%}.vyva-how-it-works .ph figcaption{max-width:calc(100% - 24px)}.vyva-how-it-works .hw-sample{text-align:center;color:var(--muted);font-size:.78rem;margin:0 0 12px}@media(prefers-color-scheme:dark){.vyva-how-it-works{--warm: #17111f;--cloud: #1e1628;--paper: #211830;--lavender: #291d3a;--blush: #33244a;--accent: #c39bf0;--accent-strong: #dcc2fa;--accent-soft: #a77bdb;--ink: #f3ecf8;--ink-soft: #d5c8e0;--muted: #a898b6;--trust: #8fc3a8;--trust-soft: #1f3229;--amber: #e3b862;--amber-soft: #33281a;--alert: #f08aa2;--alert-soft: #3a1d26;--border: #c39bf033;--line: #3a2d4a;--shadow: 0 18px 50px -24px #000a;--night: #120b1a;--night-2: #1d1329;--on-night: #f6eefc;--on-night-soft: #bda9d2;--hero-base: #17111f;--hero-ink: #f3ecf8;color-scheme:dark}}.vyva-how-it-works .scenes{position:relative;height:320px;min-width:0}.vyva-how-it-works .sc{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:10px;align-content:start;opacity:0;visibility:hidden;animation:vyva-resident-scene 28s infinite}.vyva-how-it-works .when{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.vyva-how-it-works .done.warn{color:var(--amber)}.vyva-how-it-works .done.warn:before{content:"!";background:var(--amber-soft)}.vyva-how-it-works .sdots{display:flex;gap:6px;justify-content:center;margin-top:4px}.vyva-how-it-works .sdots i{width:7px;height:7px;border-radius:50%;background:var(--line);animation:vyva-resident-dot 28s infinite}@keyframes vyva-resident-scene{0%{opacity:0;visibility:visible;transform:translateY(10px)}2.5%,12.5%{opacity:1;visibility:visible;transform:none}14.3%,to{opacity:0;visibility:hidden;transform:translateY(-6px)}}@keyframes vyva-resident-dot{0%,14%{background:var(--accent)}14.3%,to{background:var(--line)}}@media(prefers-reduced-motion:reduce){.vyva-how-it-works :is(.sc,.sdots i){animation:none}.vyva-how-it-works .sc:first-child{opacity:1;visibility:visible;transform:none}.vyva-how-it-works .sdots{display:none}}.vyva-start-now{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:6px;min-width:0}.vyva-start-now b{font-size:1rem}.vyva-start-now a{color:var(--accent);font-weight:700;text-decoration:none;overflow-wrap:anywhere}.vyva-start-now a:hover{text-decoration:underline}