:root{font-family:Inter,Arial,sans-serif;color:#111;background:#f3f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:30px;position:relative}.phone{width:min(410px,calc(100vw - 24px));height:min(800px,calc(100vh - 30px));min-height:650px;background:#fff;border:2px solid #111;border-radius:38px;overflow:hidden;position:relative;box-shadow:0 24px 70px #26334422}.speaker{width:136px;height:21px;border-radius:14px;background:#050505;position:absolute;top:13px;left:50%;transform:translate(-50%);z-index:2}.phone-header{height:100px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 34px 18px}.home-button{width:38px;height:38px;border:1px solid #e5bc15;border-radius:13px;background:#ffca05;color:#111;display:grid;place-items:center;padding:0 0 4px;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #d3aa102c}.home-button:hover{background:#ffd62e;transform:translateY(-1px)}.cart-wrap{position:relative;height:30px}.cart-icon{font-size:25px;filter:grayscale(1)}.cart-wrap b{position:absolute;right:-9px;top:-8px;background:#ffcf00;width:18px;height:18px;display:grid;place-items:center;border:1px solid #111;border-radius:50%;font-size:11px}.screen{padding:12px 25px 25px;height:calc(100% - 100px)}.screen h1{text-align:center;font-size:26px;line-height:1.18;margin:5px 0 18px}.home-screen{text-align:center;overflow-y:auto;scrollbar-width:none}.home-screen::-webkit-scrollbar{display:none}.brand-mark{margin:12px auto 6px;width:72px;height:72px;background:#fc0;border-radius:24px;display:grid;place-items:center;font:800 42px Georgia;transform:rotate(-5deg)}.home-screen h1{margin:12px 0 2px;font-size:30px}.subtitle{color:#72777d;margin:0 0 20px}.service-list{display:grid;gap:8px;text-align:left;padding-bottom:12px}.service-card{border:0;border-radius:15px;min-height:56px;padding:9px 13px;display:grid;grid-template-columns:38px 1fr 15px;align-items:center;gap:9px;background:#f1f1f1;color:#909090}.service-card.active{background:#fff5c9;color:#111;cursor:pointer;box-shadow:inset 0 0 0 1px #f4d24d}.service-card.active:hover{transform:translateY(-1px);box-shadow:0 8px 22px #d6b30028}.service-card span:first-child{font-size:24px}.service-card b,.service-card small{display:block}.service-card small{margin-top:3px;font-size:12px;font-weight:400}.service-card i{font-size:29px;font-style:normal}.insurance-card{background:#f0f0f0;border-radius:18px;padding:17px 13px 15px;font-size:16px}.insurance-card ul{margin:0;padding-left:29px;line-height:1.35}.insurance-card h2{font-size:17px;text-align:center;margin:28px 0 10px}.pet-toggle{background:#fff;border-radius:24px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.pet-toggle button{border:0;background:transparent;border-radius:20px;padding:10px 5px;cursor:pointer;white-space:nowrap}.pet-toggle button.selected{background:#ffca05}.insurance-card .details{margin-top:25px;min-height:130px}.price{font-size:24px;font-weight:700;text-align:center;margin:19px 0 17px}.primary,.secondary{width:100%;min-height:58px;border:0;border-radius:30px;font-size:20px;cursor:pointer}.primary{background:#ffca05}.primary:hover{background:#ffd62e}.primary:disabled{opacity:.65;cursor:wait}.secondary{background:#a1e6bf;margin-top:20px}.result-screen{display:flex;flex-direction:column;justify-content:center;padding-bottom:80px}.result-screen .result-icon{height:145px;display:grid;place-items:center;margin-bottom:23px}.mockup-result-art{display:block;background-image:url(/mockup-icons.png);background-repeat:no-repeat;background-size:2000px 926px}.mockup-result-art.cart-art{width:125px;height:144px;background-position:-1172px -299px}.mockup-result-art.error-art{width:103px;height:138px;background-position:-1652px -305px}.result-icon svg{width:122px;height:122px;overflow:visible;fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.result-icon .gesture-fill{fill:#ffca05}.result-icon .success-check{stroke-width:7}.result-screen h1{margin-bottom:28px}.success-copy{text-align:center;color:#60656a;margin:-10px 0 20px}.transaction-label{text-align:center;color:#60656a;font-size:13px;margin:0 0 7px}.transaction{background:#f2f2f2;border-radius:10px;padding:11px;text-align:center;margin:0 0 22px}.toast{position:absolute;left:20px;right:20px;bottom:20px;background:#1b1b1b;color:#fff;padding:13px 16px;border-radius:12px;font-size:13px}.demo-note{position:fixed;left:max(24px,calc(50vw - 465px));top:50%;transform:translateY(-50%);display:grid;gap:8px;width:245px;color:#4f5964}.demo-note strong{color:#171a1d;font-size:18px}.demo-note a{width:fit-content;color:#3d55b5;font-size:13px;line-height:1.45;margin-bottom:5px;text-decoration:none;font-weight:700}.demo-note a:hover{text-decoration:underline}.demo-note code{background:#fff;border:1px solid #dde2e7;border-radius:7px;padding:7px 9px;font-size:11px;color:#26313b}@media(max-width:950px){.demo-note{display:none}}@media(max-height:720px){.phone{transform:scale(.88);height:760px}.page-shell{padding:0;overflow:hidden}}