:root{--bg:#eef1ec;--canvas:#f7f8f4;--surface:#ffffff;--surface-2:#f4f6f2;--primary:#3fae8f;--primary-d:#2f8f76;--primary-dd:#266f5d;--primary-tint:#e8f5f0;--primary-tint-2:#d8eee6;--ink:#23302c;--ink-2:#3a4843;--muted:#7c8a85;--muted-2:#9aa6a1;--line:#e7ebe6;--line-2:#dde3dd;--blue:#5b93cf;--blue-d:#3f78b6;--blue-tint:#eaf2fb;--green:#3fae8f;--green-tint:#e8f5f0;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--shadow-sm:0 2px 8px rgba(35,48,44,.05);--shadow-md:0 8px 24px rgba(35,48,44,.07);--shadow-lg:0 30px 70px rgba(35,48,44,.13);--shadow-primary:0 12px 28px rgba(63,174,143,.32);--ease:cubic-bezier(.22,.61,.36,1);--ease-soft:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Nunito,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}.page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 28px;background:radial-gradient(50% 45% at 12% 6%,rgba(63,174,143,.12),transparent 60%),radial-gradient(46% 42% at 94% 96%,rgba(91,147,207,.1),transparent 60%),var(--bg)}.page-top{align-items:flex-start}.appbar{position:fixed;top:26px;left:34px;z-index:30;display:flex;align-items:center;gap:11px}.appbar .mk{width:38px;height:38px;border-radius:12px;background:linear-gradient(160deg,var(--primary),var(--primary-d));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-sm)}.appbar .wm{font-size:18px;font-weight:900;letter-spacing:-.4px;color:var(--ink)}.appbar .wm b{color:var(--primary-d)}.hero{width:100%;max-width:980px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;min-height:560px;animation:fadeUp .6s var(--ease) both}.hero-art{position:relative;background:linear-gradient(150deg,#46b596,#2f8f76 70%);padding:56px 52px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden}.hero-art:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#ffffff14;top:-120px;right:-120px}.hero-art:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffffff0f;bottom:-90px;left:-70px}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;background:#ffffff29;padding:8px 14px;border-radius:99px;align-self:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:2}.hero-mark{width:110px;height:110px;border-radius:32px;background:#ffffff29;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:2;margin:6px 0;box-shadow:inset 0 2px 6px #ffffff40;animation:floaty 5.5s var(--ease-soft) infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-art-foot{position:relative;z-index:2;display:flex;flex-direction:column;gap:13px}.hero-pt{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600}.hero-pt .pic{width:32px;height:32px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.hero-body{padding:60px 56px;display:flex;flex-direction:column;justify-content:center}.brand-name{font-size:40px;font-weight:900;letter-spacing:-.9px;margin:0;line-height:1}.brand-name b{color:var(--primary-d)}.brand-tag{font-size:17px;line-height:1.6;color:var(--muted);font-weight:500;margin:18px 0 0;max-width:380px;text-wrap:pretty}.hero-steps{display:flex;flex-direction:column;gap:2px;margin:30px 0 34px}.hero-step{display:flex;align-items:center;gap:13px;padding:7px 0}.hero-step .n{width:30px;height:30px;border-radius:50%;background:var(--primary-tint);color:var(--primary-d);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex:0 0 auto}.hero-step .t{font-size:15px;font-weight:700;color:var(--ink-2)}.welcome-note{font-size:13px;color:var(--muted-2);font-weight:600;margin:16px 0 0;text-align:center}.window{width:100%;max-width:940px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;grid-template-columns:316px 1fr;min-height:600px;animation:fadeUp .55s var(--ease) both}.aside{position:relative;background:linear-gradient(160deg,#46b596,#2d8a72 75%);padding:40px 34px;color:#fff;display:flex;flex-direction:column;overflow:hidden}.aside:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff12;bottom:-110px;right:-90px}.aside-logo{display:flex;align-items:center;gap:11px;position:relative;z-index:2;margin-bottom:42px}.aside-logo .mk{width:40px;height:40px;border-radius:13px;background:#ffffff2e;display:flex;align-items:center;justify-content:center}.aside-logo .wm{font-size:19px;font-weight:900;letter-spacing:-.4px}.stepper{display:flex;flex-direction:column;position:relative;z-index:2;flex:1 1 auto}.step-item{display:flex;align-items:flex-start;gap:15px;position:relative;padding-bottom:30px}.step-item:last-child{padding-bottom:0}.step-item .rail{position:absolute;left:16px;top:34px;bottom:4px;width:2px;background:#ffffff38;border-radius:2px;overflow:hidden}.step-item .rail i{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}.step-item.done .rail i{transform:scaleY(1)}.step-item .dot{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;transition:all .35s var(--ease);border:2px solid rgba(255,255,255,.45);color:#fffc;background:transparent}.step-item.active .dot{background:#fff;color:var(--primary-d);border-color:#fff;box-shadow:0 0 0 5px #ffffff38}.step-item.done .dot{background:#fff;color:var(--primary-d);border-color:#fff}.step-item .meta{padding-top:5px}.step-item .meta{display:flex;flex-direction:column}.step-item .lab{display:block;font-size:15px;font-weight:800;color:#fff;transition:.3s}.step-item .desc{display:block;font-size:12.5px;font-weight:600;color:#ffffffb3;margin-top:3px}.step-item.todo .lab{color:#fff9}.step-item.todo .desc{color:#ffffff73}.aside-foot{position:relative;z-index:2;margin-top:30px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#ffffffd9;background:#ffffff1f;padding:13px 15px;border-radius:14px}.aside-foot .ic{display:flex;flex:0 0 auto}.aside-mobile{display:none}.main{position:relative;display:flex;flex-direction:column;overflow:hidden}.main-inner{flex:1 1 auto;display:flex;flex-direction:column;padding:48px 52px 40px}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.enter-fwd{animation:slideInRight .46s var(--ease) both}.enter-back{animation:slideInLeft .46s var(--ease) both}.enter-fade{animation:fadeUp .55s var(--ease) both}.stagger>*{opacity:0;animation:fadeUp .55s var(--ease) forwards}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.11s}.stagger>*:nth-child(3){animation-delay:.18s}.stagger>*:nth-child(4){animation-delay:.25s}.stagger>*:nth-child(5){animation-delay:.32s}.eyebrow{font-size:13px;font-weight:800;color:var(--primary-d);letter-spacing:.3px;margin:0 0 9px;display:flex;align-items:center;gap:7px;white-space:nowrap}.h1{font-size:29px;line-height:1.16;font-weight:800;letter-spacing:-.5px;margin:0 0 9px;color:var(--ink);text-wrap:balance}.sub{font-size:16px;line-height:1.5;color:var(--muted);margin:0 0 26px;font-weight:500;text-wrap:pretty;max-width:440px}.field{margin-bottom:20px;max-width:440px}.field-label{display:block;font-size:13.5px;font-weight:700;color:var(--ink-2);margin:0 0 8px 4px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .lead{position:absolute;left:16px;color:var(--muted-2);display:flex;pointer-events:none;transition:color .25s}.input-wrap .prefix{position:absolute;left:46px;font-weight:700;color:var(--ink-2);font-size:16px;pointer-events:none}.input{width:100%;height:56px;border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--line);padding:0 16px 0 48px;font-size:16px;font-weight:600;color:var(--ink);transition:border-color .25s,box-shadow .25s,background .25s;outline:none}.input.with-prefix{padding-left:90px}.input::placeholder{color:var(--muted-2);font-weight:500}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3fae8f24;background:#fff}.input-wrap:focus-within .lead{color:var(--primary)}.textarea{width:100%;min-height:190px;border-radius:var(--radius-lg);background:var(--surface);border:1.5px solid var(--line);padding:18px;font-size:16px;line-height:1.55;font-weight:600;color:var(--ink);resize:none;transition:border-color .25s,box-shadow .25s;outline:none;max-width:520px;display:block}.textarea::placeholder{color:var(--muted-2);font-weight:500}.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3fae8f24}.char-row{display:flex;justify-content:flex-end;margin-top:8px;padding-right:4px;font-size:12.5px;font-weight:700;color:var(--muted-2);max-width:520px;white-space:nowrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:440px}.animal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:6px;max-width:520px}.animal-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;aspect-ratio:1/1.02;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);color:var(--ink-2);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .25s,background .25s,color .25s;box-shadow:var(--shadow-sm)}.animal-card .ic{color:var(--muted);transition:color .25s,transform .35s var(--ease)}.animal-card .nm{font-size:13px;font-weight:700;color:var(--ink-2);transition:color .25s}.animal-card:hover{background:var(--surface-2);transform:translateY(-2px)}.animal-card:active{transform:scale(.95)}.animal-card.sel{background:var(--primary-tint);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 14px 28px #3fae8f38}.animal-card.sel .ic{color:var(--primary-d);transform:scale(1.08)}.animal-card.sel .nm{color:var(--primary-dd)}.animal-card .tick{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .3s var(--ease);box-shadow:0 3px 8px #2f8f7680}.animal-card.sel .tick{transform:scale(1)}.collapse{overflow:hidden;transition:max-height .5s var(--ease),opacity .45s var(--ease),margin .4s var(--ease);max-width:440px}.footer{flex:0 0 auto;display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:28px;max-width:520px}.btn{height:56px;border-radius:99px;font-size:16px;font-weight:800;letter-spacing:.2px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .18s var(--ease),box-shadow .25s,background .25s,opacity .25s,color .2s}.btn:active{transform:scale(.965)}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-d));color:#fff;box-shadow:var(--shadow-primary);padding:0 30px}.btn-primary.grow{flex:1 1 auto}.btn-primary:hover{box-shadow:0 14px 32px #3fae8f6b;transform:translateY(-1px)}.btn-primary:active{transform:scale(.965)}.btn-primary:disabled{background:var(--surface-2);color:var(--muted-2);box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--ink-2);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);padding:0 24px}.btn-ghost:hover{background:var(--surface-2)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-spin{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.summary{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:22px;margin-bottom:24px;max-width:480px}.summary-top{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px dashed var(--line-2);margin-bottom:18px}.summary-ic{flex:0 0 auto;width:50px;height:50px;border-radius:15px;background:var(--primary-tint);color:var(--primary-d);display:flex;align-items:center;justify-content:center}.summary-top>div{min-width:0}.summary-name{font-size:16px;font-weight:800;color:var(--ink);line-height:1.3}.summary-desc{font-size:13px;font-weight:600;color:var(--muted);margin-top:4px}.summary-line{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:14.5px;font-weight:600;color:var(--muted);margin-bottom:11px}.summary-line span{white-space:nowrap}.summary-line .v{color:var(--ink-2);font-weight:700}.summary-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:4px}.summary-total .l{font-size:15px;font-weight:700;color:var(--ink-2)}.summary-total .v{font-size:26px;font-weight:900;color:var(--ink);letter-spacing:-.4px;white-space:nowrap}.summary-total .v span{font-size:14px;font-weight:700;color:var(--muted);margin-left:4px}.pay-label{font-size:13.5px;font-weight:700;color:var(--ink-2);margin:0 0 13px 4px}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px;max-width:480px}.pay-chip{position:relative;height:60px;border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s var(--ease),border-color .25s,box-shadow .25s,background .25s}.pay-chip:hover{background:var(--surface-2)}.pay-chip:active{transform:scale(.96)}.pay-chip.sel{border-color:var(--primary);background:var(--primary-tint);box-shadow:0 8px 18px #3fae8f2e}.pay-logo{font-weight:900;font-size:16px;letter-spacing:.2px;color:var(--ink)}.pay-chip.sel .pay-logo{color:var(--primary-dd)}.pay-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);transition:.25s;display:flex;align-items:center;justify-content:center}.pay-chip.sel .pay-dot{border-color:var(--primary);background:var(--primary);color:#fff}.pay-dot svg{opacity:0;transition:opacity .2s}.pay-chip.sel .pay-dot svg{opacity:1}.secure-note{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--muted);margin-top:16px}.secure-note .ic{color:var(--primary-d);display:flex}.form-error{margin-top:14px;font-size:13.5px;font-weight:700;color:#c0392b;background:#fdecea;border:1.5px solid #f5c6c0;border-radius:var(--radius-sm);padding:11px 14px}.card-center{width:100%;max-width:520px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:52px 48px;animation:fadeUp .55s var(--ease) both}.card-center.wide{max-width:600px}.confirm-in{display:flex;flex-direction:column;align-items:center;text-align:center}.check-badge{width:124px;height:124px;border-radius:50%;background:var(--primary-tint);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:30px;animation:popin .6s var(--ease) both}@keyframes popin{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.check-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--primary);opacity:.35;animation:ringout 1.1s .25s var(--ease) both}@keyframes ringout{0%{transform:scale(1);opacity:.4}to{transform:scale(1.4);opacity:0}}.check-circle{width:86px;height:86px;border-radius:50%;background:linear-gradient(160deg,var(--primary),var(--primary-d));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.check-svg{width:48px;height:48px}.check-svg path{stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .55s .35s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.confetti i{position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:2px;opacity:0}@keyframes conf{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1) rotate(var(--r))}}.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;padding:9px 16px;border-radius:99px}.status-pill.wait{background:var(--blue-tint);color:var(--blue-d)}.status-pill.done{background:var(--green-tint);color:var(--primary-dd)}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-pill.wait .dot{animation:blink 1.6s var(--ease) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-head{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-row .dr-label{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:6px}.demo-toggle{position:relative;display:flex;background:var(--surface-2);border-radius:99px;padding:4px;box-shadow:inset 0 1px 2px #23302c0d;flex:0 0 auto}.demo-toggle button{position:relative;height:36px;padding:0 18px;border-radius:99px;font-size:13px;font-weight:800;color:var(--muted);z-index:2;transition:color .3s}.demo-toggle button.on{color:var(--primary-dd)}.demo-toggle .slider{position:absolute;top:4px;left:4px;height:36px;border-radius:99px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),width .4s var(--ease)}.req-card{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:18px;margin-bottom:20px}.req-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.req-id{font-size:12.5px;font-weight:700;color:var(--muted)}.req-pet{display:flex;align-items:center;gap:13px}.req-pet-ic{width:48px;height:48px;border-radius:14px;background:var(--primary-tint);color:var(--primary-d);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.req-pet-name{font-size:16px;font-weight:800;color:var(--ink)}.req-pet-meta{font-size:13px;font-weight:600;color:var(--muted);margin-top:2px}.wait-state{text-align:center;padding:14px 6px 0;animation:fadeUp .5s var(--ease) both}.wait-orbit{width:92px;height:92px;margin:6px auto 18px;position:relative;display:flex;align-items:center;justify-content:center}.wait-orbit .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--blue-tint)}.wait-orbit .ring:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid transparent;border-top-color:var(--blue);animation:spin 1.4s var(--ease) infinite}.wait-orbit .core{width:52px;height:52px;border-radius:50%;background:var(--blue-tint);color:var(--blue-d);display:flex;align-items:center;justify-content:center}.wait-title{font-size:18px;font-weight:800;color:var(--ink);margin:0 0 6px}.wait-text{font-size:14.5px;line-height:1.55;color:var(--muted);font-weight:500;margin:0 auto;max-width:300px;text-wrap:pretty}.wait-steps{margin-top:22px;text-align:left;display:flex;flex-direction:column;gap:2px;max-width:320px;margin-left:auto;margin-right:auto}.wait-step{display:flex;align-items:center;gap:13px;padding:11px 6px}.wait-step .num{width:27px;height:27px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.wait-step.done .num{background:var(--primary);color:#fff}.wait-step.active .num{background:var(--blue);color:#fff;box-shadow:0 0 0 4px var(--blue-tint)}.wait-step.todo .num{background:var(--surface-2);color:var(--muted-2)}.wait-step .lbl{font-size:14px;font-weight:700;color:var(--ink-2)}.wait-step.todo .lbl{color:var(--muted-2);font-weight:600}.result-section{animation:fadeUp .5s var(--ease) both}.doctor{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-tint),var(--primary-tint-2));margin-bottom:16px}.doctor-av{width:54px;height:54px;border-radius:50%;flex:0 0 auto;background:linear-gradient(160deg,var(--primary),var(--primary-d));color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;box-shadow:var(--shadow-sm)}.doctor-name{font-size:16px;font-weight:800;color:var(--ink)}.doctor-role{font-size:13px;font-weight:600;color:var(--primary-dd);margin-top:2px;display:flex;align-items:center;gap:5px}.result-block{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:18px;margin-bottom:14px}.result-block .rb-label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--primary-d);margin-bottom:9px}.result-block .rb-diag{font-size:19px;font-weight:800;color:var(--ink);line-height:1.35}.result-block .rb-text{font-size:15px;line-height:1.62;color:var(--ink-2);font-weight:500;text-wrap:pretty}.result-foot{display:flex;gap:12px;margin-top:6px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:860px){.page{padding:84px 18px 28px;align-items:flex-start}.appbar{top:20px;left:20px}.hero{grid-template-columns:1fr;max-width:520px;min-height:0}.hero-art{padding:38px 34px;flex-direction:row;align-items:center;gap:20px;justify-content:flex-start}.hero-art-foot,.hero-badge{display:none}.hero-mark{width:74px;height:74px;border-radius:22px;margin:0}.hero-body{padding:36px 34px 40px}.brand-name{font-size:32px}.window{grid-template-columns:1fr;max-width:560px;min-height:0}.aside{padding:20px 24px}.aside-logo{margin-bottom:18px}.stepper,.aside-foot{display:none}.aside-mobile{display:block;position:relative;z-index:2}.aside-mobile .am-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.aside-mobile .am-step{font-size:13px;font-weight:800;color:#fff;letter-spacing:.2px}.aside-mobile .am-count{font-size:13px;font-weight:700;color:#fffc}.aside-mobile .am-track{height:7px;background:#ffffff40;border-radius:99px;overflow:hidden}.aside-mobile .am-fill{height:100%;background:#fff;border-radius:99px;transition:width .6s var(--ease)}.main-inner{padding:34px 30px 32px}.h1{font-size:25px}.card-center{padding:40px 30px}}@media (max-width:520px){.page{padding:72px 0 0;align-items:stretch;background:var(--canvas)}.appbar{top:18px;left:18px}.appbar .wm{font-size:16px}.hero,.window,.card-center{max-width:none;border-radius:0;box-shadow:none;min-height:calc(100dvh - 72px)}.card-center{display:flex;flex-direction:column;justify-content:center}.animal-grid{grid-template-columns:repeat(3,1fr)}.pay-grid{grid-template-columns:1fr 1fr}.main{min-height:calc(100dvh - 164px)}.footer{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(247,248,244,0),var(--surface) 30%);padding-bottom:20px}}