@font-face{font-family:Inter;src:url('assets/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{color-scheme:light;--paper:#fff7ef;--ink:#232027;--muted:#6b6570;--orange:#ff7900;--line:#e9dace;--gradient:linear-gradient(145deg,#ffb432 0%,#ff8507 36%,#ff5b00 100%)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:#f1e9e0;font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.5}button:not(:disabled){transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}button:not(:disabled):active{transform:scale(.975)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ab5100;outline-offset:3px}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,b,strong{font-family:Nunito,Inter,sans-serif}h1,h2,h3,b{font-weight:900}small{font-size:inherit}img{display:block;max-width:100%}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.art{display:block;overflow:hidden;pointer-events:none}.preview-shell{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:64px;padding:36px}.review-sidebar{width:270px;align-self:center}.review-logo{width:175px;margin-bottom:27px}.review-sidebar h1{font-size:34px;line-height:1.1;letter-spacing:-1px}.review-sidebar>p{font-size:12px;line-height:1.7;color:var(--muted);margin:17px 0 24px}.screen-index{display:grid;grid-template-columns:1fr;gap:3px}.screen-index button{display:flex;align-items:center;gap:15px;text-align:left;padding:8px 12px;border-radius:10px;font-size:13px}.screen-index button span{font-size:10px;font-weight:700;color:#a29386}.screen-index button[aria-current=page]{background:#fff7ee;color:#b94f00;box-shadow:0 3px 10px #8e63300a}.screen-index button:hover{background:#fff9f3}.reset-button{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:var(--muted);margin:23px 0 15px;padding:0}.review-sidebar>small{display:block;color:#8f7b68;font-size:10px}.phone-shell{border:1px solid #dccfc3;border-radius:36px;padding:7px;background:#fffaf5;box-shadow:0 30px 90px #6a412321,0 3px 10px #6a412310}.app{width:410px;height:min(900px,calc(100svh - 90px));min-height:640px;background:radial-gradient(ellipse at 86% 6%,#ffe9cf55,transparent 38%),var(--paper);position:relative;display:flex;flex-direction:column;border-radius:29px;overflow:hidden}.demo-strip{height:23px;flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:1.15px;color:#a27859;background:#f8eddf80}.demo-strip:hover{background:#f7e2cc}#app-header{flex-shrink:0;padding:10px 12px 0}#screen{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e5cdb5 transparent;outline:none;scroll-behavior:smooth}.page{padding:0 16px 22px;animation:page-in .22s ease-out}.brandbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.brandbar.boxed{height:59px;border:1px solid var(--line);border-radius:23px;background:#fffdfb90;padding:9px 10px;box-shadow:0 3px 8px #a65b0b08}.brand{padding:0;width:214px;flex-shrink:0}.brand-tools{display:flex;align-items:center;gap:8px;margin-left:8px}.brandbar.boxed .brand{width:202px;min-width:0}.balance{display:flex;align-items:center;gap:7px;border:1px solid #efdccd;border-radius:30px;background:#fffaf5;padding:4px 4px 4px 10px;white-space:nowrap}.balance b{font-size:14px;line-height:1}.balance span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,#ffca41,#ff9f00)}.balance .icon{width:18px;height:18px;stroke-width:2.5}.bell{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;box-shadow:0 2px 3px #5e382311}.bell .icon{width:19px;height:19px}.back-header{height:52px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 34px;text-align:center}.back-header b{font-size:20px;line-height:1.1}.back{position:absolute;left:0;width:33px;height:40px;padding:0;display:grid;place-items:center}.back .icon{width:22px}.app-nav{display:flex;flex-shrink:0;justify-content:space-around;padding:7px 9px max(8px,env(safe-area-inset-bottom));margin:0 6px 7px;border:1px solid #ecdfd6;border-radius:24px;background:#fffdfbd9;box-shadow:0 -2px 16px #c7884010;gap:5px}.app-nav[hidden]{display:none}.app-nav button{width:25%;min-height:48px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 1px}.app-nav button b{font-size:10px;font-weight:750}.app-nav .icon{width:22px;height:22px;stroke-width:1.6}.app-nav button[aria-current=page]{background:linear-gradient(130deg,#ffce58,#ff9d38);box-shadow:inset 0 0 0 1px #fff7e4}.app-nav button[aria-current=page] .icon{color:#282219}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:51px;border-radius:19px;font-family:Nunito,Inter,sans-serif;font-weight:900;font-size:19px;line-height:1.15;padding:12px 13px;text-align:center}.primary{color:white;background:var(--gradient);border:1.5px solid #fff8e6;box-shadow:0 4px 8px #ee71001a,inset 0 1px 2px #fff8d777}.primary:not(:disabled):hover{box-shadow:0 5px 15px #f87b0030,inset 0 1px 2px #fff8d777}.primary .icon{width:24px;height:24px;stroke-width:2}.secondary{background:#fffdf9;border:1px solid #e9d8c8;box-shadow:0 3px 6px #ba774208;color:#333039}.page>.primary+.secondary{margin-top:12px}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#fffdfaee,#fff7efcc);border-radius:22px;box-shadow:0 3px 7px #b5783e08}.round-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;color:#f77d00;background:radial-gradient(circle at 25% 25%,#ffecd5,#ffe7c5);border-radius:20px}.round-icon .icon{width:31px;height:31px;stroke-width:2.1}.text-link{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;color:#a85b23;font-size:14px;font-weight:650;padding:20px 4px;text-underline-offset:3px}.text-link .icon{width:18px;height:18px}.demo-note{text-align:center;font-size:10px;line-height:1.6;color:#9b8270;margin:14px 8px}.page>h1{font-size:28px}.page>h2{font-size:21px}.section-intro{position:relative;min-height:188px;display:flex;align-items:center;padding:17px 13px 15px;margin:0 -16px 4px;overflow:hidden}.section-intro>div{width:66%;z-index:1;pointer-events:none}.section-intro h1{font-size:28px;line-height:1.1;letter-spacing:-.7px;margin-bottom:16px}.section-intro p{font-family:Nunito,Inter,sans-serif;font-weight:650;font-size:16px;line-height:1.32;max-width:240px;color:#4d4641}.section-mascot{position:absolute;right:0;top:-6px;height:205px;width:43%;z-index:0;mask-image:linear-gradient(to right,transparent,black 10%)}
/* Home: original illustration remains unchanged, displayed through its crop. */
.home-page{padding:0 9px 17px}.welcome-hero{height:229px;position:relative;margin:3px -9px 6px;isolation:isolate}.hero-dark{position:absolute;background:radial-gradient(ellipse at 77% 15%,#44312d,#2d2421 75%);inset:2px 0 8px 25%;border-radius:52% 27% 16% 10%/20% 29% 16% 18%;z-index:-1}.hero-dog{position:absolute;left:0;top:4px;width:44%;height:222px;object-fit:contain}.hero-text{position:absolute;left:43%;right:4%;top:28px;color:#fffaf6}.hero-text h1{font-size:22px;line-height:1.05;letter-spacing:-.2px;font-weight:1000}.hero-text>p{font-size:11px;line-height:1.25;color:#e4d8d1;margin:7px 0 12px;letter-spacing:-.25px}.hero-connect{display:flex;align-items:center;width:100%;justify-content:space-between;gap:7px;min-height:49px;padding:5px 11px;border:2px solid #fff5c8;border-radius:30px;background:linear-gradient(130deg,#ffb433,#ff7a00 48%,#ee5800);color:#fff;box-shadow:0 0 7px #ffa722ab,inset 0 0 4px #ffe9a7}.hero-connect .icon{width:27px;height:27px}.hero-connect .icon:last-child{width:14px}.hero-connect b{font-size:17px;line-height:1.04;text-align:left}.hero-how{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:33px;padding:5px 12px;border:1.5px solid #fffaf2;border-radius:23px;background:linear-gradient(120deg,#fff6e8,#ffe6c8);color:#34251e;box-shadow:0 1px 2px #fff8e7a0;margin-top:7px}.hero-how .icon{width:22px;height:22px}.hero-how .icon:last-child{width:13px}.hero-how b{font-size:13px;white-space:nowrap}.days-banner{position:relative;display:flex;align-items:center;gap:13px;isolation:isolate;width:100%;height:76px;background:linear-gradient(100deg,#ffe7d1,#fff0df 65%,#ffbd72);border-radius:23px;overflow:hidden;text-align:left;margin:3px 0 13px;padding:10px 16px}.days-banner>span{z-index:2}.days-icon{color:#ff7800}.days-icon .icon{width:33px;height:33px;stroke-width:2.6}.days-banner small{display:block;font-family:Nunito,sans-serif;font-weight:850;font-size:13px;color:#645e64}.days-banner b{font-size:31px;line-height:1.13;letter-spacing:-.8px}.banner-dog{position:absolute;right:0;bottom:0;height:87px;width:37%;z-index:1;mask-image:linear-gradient(to right,transparent,black 9%)}.flight{position:absolute;right:32%;bottom:6px;width:87px;height:42px;fill:none;stroke:#ff890c;stroke-width:1.3;z-index:0}.flight path:first-child{stroke-dasharray:4 3}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;margin-bottom:14px}.home-card{position:relative;display:flex;align-items:center;gap:8px;padding:11px 8px;min-height:83px;border:1px solid #e6d7cb;border-radius:22px;background:linear-gradient(125deg,#fffaf4,#fff6ed);box-shadow:0 2px 4px #99633306;text-align:left;overflow:hidden}.home-card>.round-icon{width:44px;height:48px;border-radius:18px}.home-card>.round-icon .icon{width:31px;height:31px}.home-card b{display:block;font-size:16px;line-height:1.07;letter-spacing:-.5px}.home-card small{display:block;font-size:11px;line-height:1.17;color:#635e68;margin-top:5px;letter-spacing:-.25px}.home-card small strong{font-weight:950;font-size:13px;color:#302b34}.home-card>.icon{width:16px;height:16px;border-radius:50%;padding:2px;background:#fff0e0;margin-left:auto;position:absolute;right:6px;top:50%}.home-card.promo{border-color:#ffc58e;background:linear-gradient(130deg,#fffaf4 48%,#ffe3bd)}.home-card i{position:absolute;right:0;top:0;background:var(--gradient);color:white;font-style:normal;font-weight:850;font-size:22px;border-bottom-left-radius:22px;padding:2px 8px 5px 13px;line-height:1}.manage-home{min-height:45px;font-size:19px;border-radius:30px;padding:10px 15px;gap:14px}.manage-home .icon:first-child{width:26px;height:26px}.manage-home .icon:last-child{width:19px;height:19px;margin-left:auto}
/* Plans and subscription */
.plan-list{display:flex;flex-direction:column;gap:12px}.plan{position:relative;min-height:79px;width:100%;display:flex;align-items:center;text-align:left;gap:17px;padding:15px 19px;background:linear-gradient(135deg,#fffefb,#fff2e2);border:1px solid #f3e4d6;box-shadow:0 4px 7px #b78b5a10;border-radius:25px}.plan[aria-pressed=true]{border:2px solid #ff850b;padding:14px 18px;box-shadow:inset 0 0 0 3px #fff,0 3px 8px #e9a05c1a;background:linear-gradient(130deg,#fff9e9,#ffebcc)}.radio{width:25px;height:25px;flex-shrink:0;border:2px solid #ffd48c;border-radius:50%;background:#fffdf4;box-shadow:0 0 0 2px #fff}.plan[aria-pressed=true] .radio{border-color:#ffa426;background:#ff8800;box-shadow:inset 0 0 0 3px #fff2bf,0 0 0 2px #ffe7ae}.plan b{font-size:19px;line-height:1.2;white-space:nowrap}.plan small{display:block;color:#898177;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;margin-top:4px}.price{margin-left:auto;text-align:right}.price b{font-size:24px;letter-spacing:-.5px}.plan i,.checkout-plan i{position:absolute;right:106px;top:-8px;border-radius:15px;padding:3px 9px;border:2px solid #fff6e9;background:linear-gradient(135deg,#ff9a1e,#ff5c00);color:#fff;font-family:Nunito,sans-serif;font-size:13px;font-weight:950;font-style:normal;line-height:1.2}.feature-list{list-style:none;margin:23px 0 24px;padding:0 17px;display:flex;flex-direction:column;gap:11px}.feature-list li{display:flex;align-items:center;gap:12px;font-family:Nunito,sans-serif;font-size:19px;font-weight:750;letter-spacing:-.4px}.feature-list li>span{color:#469722;background:#e9edc8;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.feature-list .icon{width:25px;height:25px;stroke-width:3.5;filter:drop-shadow(0 1px 0 #fff)}.checkout-page{padding-top:26px}.checkout-plan{padding:20px 22px;background:linear-gradient(130deg,#fff5e3,#ffecd2)}.checkout-plan>div{display:flex;align-items:center;gap:12px;position:relative}.checkout-plan .round-icon{width:44px;height:44px;background:#ffe4af}.checkout-plan>div>b{font-size:23px}.checkout-plan i{right:-10px;top:-6px;font-size:15px}.checkout-plan>strong{display:block;font-size:46px;line-height:1.15;letter-spacing:-1.7px;margin:16px 0 0}.checkout-plan s{font-size:22px;font-weight:650;color:#a09789;margin-left:10px;letter-spacing:-.5px}.checkout-plan>small{font-size:18px;color:#94826b;font-family:Nunito,sans-serif;font-weight:700}.checkout-page>h2{margin:31px 15px 0;font-size:22px}.checkout-page .feature-list{padding-left:17px;margin-top:18px;gap:15px}.checkout-page .pay{margin-top:33px}.terms{font-size:11px;color:#82766b;line-height:1.6;text-align:center;margin:20px 8px}.terms button{display:inline;padding:0;text-decoration:underline;text-underline-offset:2px;color:#b16630;font-size:inherit}.active-sub{background:linear-gradient(125deg,#f5ffef,#e8f5dd);border:1px solid #b5d9a8;border-radius:24px;margin:22px 0 17px;padding:20px;min-height:225px;position:relative;overflow:hidden}.active-sub h2{color:#369431;font-size:22px;display:flex;align-items:center;gap:9px;position:relative;z-index:2}.active-sub h2>span{display:grid;place-items:center;color:#fff;background:#69ba49;width:26px;height:26px;border:2px solid #fff;border-radius:50%}.active-sub h2 .icon{width:20px;height:20px;stroke-width:3}.active-sub>div{position:relative;z-index:2;margin-top:23px;width:65%}.active-sub>div>b{font-size:22px;letter-spacing:-.7px}.active-sub p{font-family:Nunito,sans-serif;font-size:18px;font-weight:700;line-height:1.3;margin-top:16px;color:#46443d}.manage-dog{position:absolute;bottom:0;right:0;width:47%;height:147px;mask-image:linear-gradient(to right,transparent,black 14%)}.active-sub.expired{background:#fff0e2;border-color:#f0c49d}.active-sub.expired h2{color:#b56a30}.payments{padding:18px;margin-top:23px}.section-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 0 13px;text-align:left}.section-link h2{font-size:22px}.section-link>.icon{width:17px;color:#b29c83}.payment-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-top:1px solid #e9ddcd}.payment-row>.icon{color:#c99954;width:21px;height:21px}.payment-row>span{display:flex;flex-direction:column;gap:2px}.payment-row b{font-size:18px;line-height:1.2}.payment-row strong{font-size:22px;line-height:1.2}.payment-row small{font-size:12px;color:#9b8d80;margin-top:3px}.payment-row em{font-family:Nunito,sans-serif;font-weight:800;font-size:12px;font-style:normal;color:#519c3d;background:#edf6dc;border-radius:11px;padding:5px 9px;margin-left:auto}.empty-copy{color:var(--muted);padding:20px;text-align:center}
/* Devices, account, promotions */
.device-summary{display:flex;align-items:center;padding:20px 18px;gap:16px;margin:10px 0 16px;background:linear-gradient(115deg,#fff9f0,#ffeed8)}.device-summary .round-icon{width:60px;height:61px}.device-summary .round-icon .icon{width:40px;height:40px}.device-summary>div>span{font-family:Nunito,sans-serif;font-size:18px;font-weight:800}.device-summary strong{display:block;font-size:42px;line-height:1.2}.device-summary strong small{font-size:23px;color:#8c7c6c;font-weight:600}.devices-panel{padding:20px;margin-top:26px;min-height:230px}.devices-panel h2{font-size:24px}.empty-devices{padding:25px 0 13px;text-align:center;color:#99866e}.clouds{position:relative;isolation:isolate;width:160px;height:78px;margin:0 auto 15px;display:grid;place-items:center;color:#c2a17c}.clouds:before,.clouds:after{content:'';position:absolute;z-index:-1;border-radius:60px;background:#f7ecdd;width:100px;height:45px}.clouds:before{left:0;top:15px}.clouds:after{right:0;top:25px}.clouds .icon{width:77px;height:77px;stroke-width:1.3}.empty-devices p{font-family:Nunito,sans-serif;font-size:18px;line-height:1.3}.identity{display:flex;gap:13px;align-items:center;text-align:left;width:100%;padding:16px;margin-bottom:16px}.identity .round-icon{width:51px;height:51px;background:linear-gradient(130deg,#ffc052,#f79c2e);color:#fff2cf;border-radius:50%}.identity b{display:block;font-size:20px}.identity small{display:block;color:#9b8873;margin-top:4px;font-size:16px}.identity>.icon{margin-left:auto;color:#d3b58f;width:21px}.menu-group{padding:0 14px;overflow:hidden}.menu-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #ebdfd1;width:100%;text-align:left}.menu-row:last-child{border-bottom:0}.menu-row .round-icon{width:42px;height:43px;border-radius:15px}.menu-row .round-icon .icon{width:28px;height:28px}.row-copy{flex:1}.menu-row b{display:block;font-size:19px;line-height:1.2}.menu-row small{display:block;font-size:13px;color:#a08b75;margin-top:4px}.menu-row>.icon{width:17px;height:17px;color:#cda875}.notifications{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;width:100%;margin:17px 0}.notifications b{display:block;font-size:20px}.notifications small{display:block;font-size:13px;margin-top:4px;color:#a08b75}.notifications .round-icon{width:41px;height:43px}.filter-tabs{display:flex;gap:5px;justify-content:space-between;margin:10px 0 20px;border-bottom:1px solid #ebdac5;padding-bottom:11px}.filter-tabs button{font-size:15px;color:#8c7964;font-family:Nunito,sans-serif;font-weight:800;padding:8px 12px;border-radius:15px}.filter-tabs button[aria-pressed=true]{background:var(--gradient);color:white;box-shadow:0 3px 6px #ff910022}.offer-list{display:flex;flex-direction:column;gap:14px}.offer{display:flex;align-items:center;text-align:left;gap:15px;padding:20px 16px;min-height:100px;background:linear-gradient(115deg,#fff9ef,#ffecd0)}.offer>.round-icon{width:57px;height:57px;background:#ffe5bb;border-radius:50%}.offer>.round-icon .icon{width:38px;height:38px}.offer b{font-size:21px;line-height:1.13;display:block}.offer small{display:block;font-size:15px;line-height:1.3;margin-top:6px;color:#917a5f}.offer>.icon{width:17px;margin-left:auto;color:#be8b49}
/* Secondary illustrated screens */
.wide-art{width:100%;margin:0 auto}.connect-page>.wide-art{height:240px;margin-top:13px}.steps{list-style:none;counter-reset:steps;margin:13px 0 30px;padding:0 7px;display:flex;flex-direction:column;gap:23px}.steps li{counter-increment:steps;position:relative;display:flex;align-items:center;gap:18px;font-family:Nunito,sans-serif;font-size:22px;line-height:1.2;font-weight:850}.steps li:before{content:counter(steps);display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;background:var(--gradient);color:#fff;border-radius:50%;border:2px solid #fff7dc;box-shadow:0 2px 5px #fba03433;font-size:24px}.connect-page>.primary{font-size:18px}.referrals-page>.wide-art{height:205px;margin-top:10px}.referrals-page>h2{text-align:center;font-size:30px;line-height:1.12;margin:9px 0 22px}.referrals-page>h2>span{color:#ff8b00}.referral-balance{display:flex;align-items:center;padding:15px 22px;justify-content:space-between;background:linear-gradient(125deg,#fff3de,#ffedcf)}.referral-balance small{color:#8e7760;font-size:14px}.referral-balance b{display:block;font-size:30px;margin-top:3px}.referral-balance button{border:1px solid #f7f0de;background:#f6e3c7;border-radius:14px;font-family:Nunito,sans-serif;font-size:18px;font-weight:850;color:#a88a61;padding:10px 18px}.referral-link{padding:16px 18px;margin:15px 0 17px}.referral-link>small{display:block;color:#9a876e;font-size:13px;margin-bottom:10px}.referral-link button{display:flex;align-items:center;width:100%;gap:12px;padding:0;justify-content:space-between;font-family:Nunito,sans-serif;font-weight:800;font-size:18px;word-break:break-all;text-align:left}.referral-link .icon{color:#c39351;width:21px}.code-page>.wide-art{height:225px;margin-top:16px}.code-intro{text-align:center;font-family:Nunito,sans-serif;font-size:21px;line-height:1.25;margin:6px 0 28px;font-weight:700}.code-input{display:flex;align-items:center;gap:5px;padding:5px 12px 5px 18px;border:1px solid #e1caaa;border-radius:17px;background:#fffaf1;box-shadow:inset 0 2px 4px #976f2510;min-height:57px}.code-input input{border:0;background:transparent;width:100%;min-width:0;font-family:Nunito,sans-serif;font-size:19px;font-weight:700;color:#4c3a2c;text-transform:uppercase}.code-input input::placeholder{text-transform:none;color:#aa957c}.code-input button{color:#b99562;padding:3px}.code-input input:focus{outline:none}.code-input:focus-within{outline:2px solid #ffaf52;outline-offset:2px}.form-error{font-size:12px;line-height:1.4;color:#b94820;margin:7px 4px 9px;min-height:8px}.primary:disabled{background:linear-gradient(100deg,#f5dab2,#f1d1a7);color:#ac895c;box-shadow:none;opacity:1;border-color:#f9e9ce}.promo-help{display:flex;text-align:left;align-items:center;gap:14px;padding:19px 15px;margin-top:31px;width:100%;background:linear-gradient(125deg,#fff3df,#ffecd0)}.promo-help .round-icon{width:54px;height:54px;background:#ffe2b0;border-radius:50%}.promo-help b{display:block;font-size:21px}.promo-help small{display:block;font-size:13px;line-height:1.4;margin-top:7px;color:#9d876d}.support-actions{padding:13px;margin:12px 0 24px}.support-actions .primary,.support-actions .secondary{font-size:17px;border-radius:16px;min-height:52px;justify-content:flex-start}.support-actions .secondary{margin-top:12px}.support-actions .icon:last-child{margin-left:auto;width:17px}.faq{padding:19px 17px;scroll-margin-top:15px}.faq h2{font-size:22px;margin-bottom:16px}.faq details{border-bottom:1px solid #ecdec9}.faq summary{display:flex;justify-content:space-between;align-items:center;list-style:none;gap:12px;padding:15px 0;font-family:Nunito,sans-serif;font-size:17px;font-weight:750;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:14px;height:14px;color:#bd9666;transition:transform .18s}.faq details[open] summary .icon{transform:rotate(90deg)}.faq details>p{font-size:13px;line-height:1.6;color:#8e775f;padding:0 3px 16px}.faq>.secondary{margin-top:18px;font-size:16px;background:#fff1d8}.topup-page{padding-top:27px}.topup-page>p{color:var(--muted);margin:10px 0 30px}.topup-page form>label{display:block;color:#8a745f;margin-bottom:10px}.amount-input{display:flex;align-items:center;padding:12px 18px;background:#fffdf8;border:1px solid #d9c8b5;border-radius:16px}.amount-input input{width:100%;border:0;background:none;min-width:0;font-size:28px;font-weight:750}.amount-input>span{font-size:27px;color:#a08c73}.amount-chips{display:flex;gap:9px;margin:11px 0 27px}.amount-chips button{flex:1;border-radius:12px;background:#ffecd2;padding:10px;font-weight:650}.methods{display:flex;gap:12px;margin:12px 0 24px}.methods button{display:flex;gap:10px;align-items:center;justify-content:center;flex:1;border:1px solid #e1cdb5;border-radius:16px;background:#fffbf5;padding:15px}.methods button[aria-pressed=true]{border:2px solid #ff9a24;background:#ffefd9;padding:14px}.methods .icon{color:#e88812}
/* Dialogs, feedback and motion */
.toast{position:absolute;bottom:84px;left:20px;right:20px;z-index:30;background:#382922ed;color:#fff7ed;padding:12px 15px;border:1px solid #6d4c3455;border-radius:16px;font-size:12px;line-height:1.4;text-align:center;box-shadow:0 6px 20px #22140f25;opacity:0;transform:translateY(9px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:none}.app-nav[hidden]~.toast{bottom:20px}dialog{border:1px solid #f1d8bf;border-radius:27px;background:var(--paper);color:var(--ink);padding:30px 25px 24px;width:min(380px,calc(100vw - 32px));max-height:85svh;box-shadow:0 25px 100px #27170d45;overflow:auto}dialog::backdrop{background:#2c1e165c;backdrop-filter:blur(5px)}dialog[open]{animation:modal-in .2s cubic-bezier(.2,.7,.25,1)}.dialog-close{position:absolute;right:13px;top:9px;color:#9f826b;font-size:28px;line-height:1;width:32px;height:32px}.modal-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:17px;background:#ffe9c9;color:#eb8500;margin-bottom:16px}.modal-mark .icon{width:25px}.modal-copy{font-size:14px;line-height:1.6;color:#7f6854;margin:12px 0 25px}.modal-copy p+p{margin-top:14px}dialog h2{font-size:26px;line-height:1.1}.modal-copy .demo-note{text-align:left;margin:14px 0 0}.modal-copy ol{padding-left:21px}.modal-copy li+li{margin-top:9px}dialog .primary,dialog .secondary{font-size:16px;min-height:46px}dialog .primary+.secondary{margin-top:10px}.copy-value{user-select:all;overflow-wrap:anywhere;background:#fff0da;border-radius:10px;padding:10px;font-family:monospace;font-size:15px}
@keyframes page-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1000px){.screen-index button:hover{transform:translateX(3px)}}
@media(max-width:800px){.review-sidebar{display:none}.preview-shell{padding:0;min-height:100svh}.phone-shell{padding:0;border:0;border-radius:0;box-shadow:none;width:100%;display:flex;justify-content:center;background:var(--paper)}.app{width:100%;max-width:480px;min-height:0;height:100svh;border-radius:0}.demo-strip{height:20px}.app-nav{margin-bottom:max(6px,env(safe-area-inset-bottom));padding-bottom:7px}.page{padding-bottom:25px}#app-header{padding-top:7px}.brandbar.boxed .brand{width:53%}.brand-tools{gap:7px}.brandbar.boxed{height:57px}.welcome-hero{height:235px}.hero-dog{height:226px}.hero-text{top:27px}.hero-text h1{font-size:23px}.home-page{padding-bottom:16px}.days-banner{height:77px}.home-card{min-height:88px}.manage-home{min-height:47px}.section-intro{min-height:194px}.section-mascot{height:214px}.plan{min-height:80px}}
@media(min-width:430px) and (max-width:800px){.welcome-hero{height:269px}.hero-dog{height:264px}.hero-text{top:35px}.hero-text h1{font-size:27px}.hero-text>p{font-size:13px;margin-bottom:13px}.hero-connect{min-height:57px}.hero-connect b{font-size:20px}.hero-how{height:39px}.hero-how b{font-size:16px}.days-banner{height:86px}.home-card{min-height:96px;padding:12px}.home-card b{font-size:18px}.home-card small{font-size:13px}.home-card>.round-icon{width:50px}.home-grid{gap:12px}.manage-home{font-size:22px}.section-intro{min-height:218px}.section-mascot{height:230px}.section-intro h1{font-size:32px}.section-intro p{font-size:18px}}
@media(max-width:360px){#app-header{padding-left:9px;padding-right:9px}.brandbar.boxed{padding:7px}.brand-tools{gap:5px;margin-left:5px}.balance{gap:4px;padding-left:7px}.balance b{font-size:12px}.balance span{width:22px;height:22px}.bell{width:28px;height:28px}.hero-text h1{font-size:20px}.hero-text>p{font-size:9px;letter-spacing:-.1px}.hero-connect{padding:5px 8px;gap:4px;min-height:43px}.hero-connect b{font-size:14px}.hero-connect .icon{width:23px;height:23px}.hero-how{padding:5px 8px;gap:3px}.hero-how b{font-size:11px}.hero-how .icon{width:19px}.welcome-hero{height:225px}.hero-dog{height:206px}.hero-text{top:25px}.days-banner{gap:8px;padding-left:12px;height:68px}.days-icon .icon{width:28px;height:28px}.days-banner b{font-size:28px}.days-banner small{font-size:11px}.banner-dog{height:77px}.home-card{gap:6px;padding:10px 6px;min-height:80px}.home-card>.round-icon{width:34px;height:40px}.home-card>.round-icon .icon{width:25px;height:25px}.home-card b{font-size:14px}.home-card small{font-size:10px}.home-card>.icon{width:13px;right:3px}.manage-home{font-size:17px;gap:8px}.manage-home .icon{width:22px;height:22px}.section-intro{min-height:177px;padding-left:11px;margin-left:-13px;margin-right:-13px}.section-intro h1{font-size:25px;margin-bottom:13px}.section-intro p{font-size:13px}.section-mascot{height:186px;width:44%}.plan{padding:13px 12px;gap:12px;min-height:74px}.plan[aria-pressed=true]{padding:12px 11px}.plan b{font-size:17px}.price b{font-size:22px}.plan i{right:87px}.feature-list{padding-left:7px}.feature-list li{font-size:17px}.page{padding-left:13px;padding-right:13px}.home-page{padding-left:9px;padding-right:9px}.menu-row b{font-size:16px}.menu-row small{font-size:12px}.menu-row{gap:10px}.identity b{font-size:18px}.notifications b{font-size:18px}.device-summary>div>span{font-size:15px}.device-summary{padding:17px 13px;gap:12px}.filter-tabs button{font-size:14px;padding:8px 9px}.offer{padding:17px 12px;gap:10px}.offer b{font-size:18px}.offer small{font-size:14px}.offer>.round-icon{width:47px;height:47px}.back-header b{font-size:18px}.active-sub{padding:16px;min-height:210px}.active-sub h2{font-size:20px}.active-sub>div>b{font-size:19px}.active-sub p{font-size:16px}.active-sub>div{width:70%}.section-link h2{font-size:20px}.payment-row{gap:8px}.payment-row b{font-size:16px}.payment-row em{font-size:11px;padding:4px 7px}.connect-page>.wide-art{height:210px}.steps li{font-size:20px}.connect-page>.primary{font-size:16px;gap:7px}.referrals-page>h2{font-size:27px}.referrals-page>.wide-art{height:185px}.promo-help{gap:10px;padding:16px 12px}.promo-help b{font-size:18px}.support-actions{padding:10px}.support-actions .primary,.support-actions .secondary{font-size:14px;gap:7px;padding:10px}.faq summary{font-size:15px}.faq h2{font-size:20px}}
.section-mascot,.wide-art,.manage-dog{mix-blend-mode:darken}
.wide-art{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Subscription-only replacement: full crown, face and pendant; original PNG alpha. */
.section-mascot.subscription-mascot{top:4px;right:6px;width:43%;height:calc(100% - 8px);object-fit:contain;object-position:center bottom;mask-image:none;mix-blend-mode:normal}
/* The card owns its background; the illustration must not bring the mockup's outer paper margin. */
.days-banner{background:linear-gradient(100deg,#ffe7d1 0%,#fff0df 56%,#ffe2bb 74%,#ff982f 100%)}
.days-banner .banner-dog{height:calc(100% + 2px);width:39%;right:-1px;bottom:-1px;mask-image:linear-gradient(to right,transparent,black 17%)}
.manage-dog.manage-mascot{right:7px;bottom:0;width:40%;height:147px;object-fit:contain;object-position:right bottom;mask-image:none;mix-blend-mode:normal}
@media(max-width:360px){.manage-dog.manage-mascot{width:34%;height:125px;right:5px}}

/* Promotions: full, crisp brand mascot holding its gift. */
.promos-page .section-intro>div{width:56%}
.promos-page .section-intro p{font-size:15px}
.promos-page .section-intro::before{content:"";position:absolute;right:7px;bottom:9px;width:36%;height:58%;border-radius:48% 43% 30px 33px;background:linear-gradient(135deg,#ffe8aa,#ffc246);z-index:0}
.section-mascot.promos-mascot{top:7px;right:3px;width:43%;height:calc(100% - 14px);object-fit:contain;object-position:center bottom;mask-image:none;mix-blend-mode:normal}
@media(min-width:430px) and (max-width:800px){.promos-page .section-intro p{font-size:17px}}
@media(max-width:360px){.promos-page .section-intro p{font-size:13px}}

/* Referral banner: original PNG alpha and no blur mask or blend mode. */
.referral-hero{position:relative;height:205px;margin:10px auto 0;isolation:isolate}
.referral-hero::before{content:"";position:absolute;inset:25% 8% 2%;border-radius:48% 45% 32px 40px;background:radial-gradient(ellipse at 58% 80%,#ffc946 0%,#ffe8b2 52%,#fff2d8 80%);z-index:-1}
.referral-hero .referrals-mascot{width:100%;height:100%;mask-image:none;mix-blend-mode:normal}
.referral-link-empty{display:block;font-family:Nunito,Inter,sans-serif;font-size:17px;font-weight:750;color:#9a876e;line-height:1.4}
.referral-link button>span{min-width:0;overflow-wrap:anywhere}
.referral-link button>.icon{flex-shrink:0}
@media(max-width:360px){.referral-hero{height:185px}.referrals-page>h2{font-size:25px}.referral-link button{font-size:15px}.referral-link-empty{font-size:15px}}

/* Support: high-resolution mascot; the headset and ears stay inside the header. */
.support-page .section-intro>div{width:56%}
.support-page .section-intro p{font-size:15px}
.support-page .section-intro::before{content:"";position:absolute;right:8px;bottom:9px;width:34%;height:78%;border-radius:42px 36px 30px 38px;background:linear-gradient(145deg,#ffd665,#ff9d21);z-index:0}
.section-mascot.support-mascot{top:7px;right:3px;width:43%;height:calc(100% - 14px);mask-image:none;mix-blend-mode:normal}
@media(min-width:430px) and (max-width:800px){.support-page .section-intro p{font-size:17px}}
@media(max-width:360px){.support-page .section-intro p{font-size:13px}.support-page .section-intro::before{border-radius:29px 27px 24px 28px}}

/* Devices: crisp branded laptop portrait and a real external guide. */
.profile-page .section-intro>div{width:57%}
.profile-page .section-intro p{font-size:15px}
.section-mascot.profile-mascot{top:7px;right:3px;width:43%;height:calc(100% - 14px);object-fit:contain;object-position:center bottom;mask-image:none;mix-blend-mode:normal}
.notification-check{display:grid;place-items:center;margin-left:auto;flex-shrink:0;width:31px;height:31px;border-radius:50%;background:#fff0d5;color:#e98500}
.notification-check .icon{width:19px;height:19px;stroke-width:2.5}
@media(min-width:430px) and (max-width:800px){.profile-page .section-intro p{font-size:17px}}
@media(max-width:360px){.profile-page .section-intro p{font-size:13px}.profile-page .notifications{gap:9px}.notification-check{width:27px;height:27px}}
.devices-page .section-intro{min-height:212px;padding-top:22px;padding-bottom:22px}
.devices-page .section-intro>div{width:57%}
.devices-page .section-intro p{font-size:15px}
.section-mascot.devices-mascot{top:8px;right:4px;width:43%;height:calc(100% - 16px);object-fit:contain;object-position:center bottom;mask-image:none;mix-blend-mode:normal}
a.primary,a.secondary,a.device-guide{text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #ab5100;outline-offset:3px}
a.primary,a.secondary{transition:transform .16s ease,box-shadow .16s ease}
a.primary:active,a.secondary:active{transform:scale(.975)}
.device-guide{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 3px 3px;color:#9e571e;font-family:Nunito,Inter,sans-serif;font-weight:800;font-size:14px;line-height:1.3;text-align:left}
.device-guide .icon{width:21px;height:21px;flex-shrink:0}
.device-guide .icon:last-child{width:15px;height:15px}
.device-guide:hover span{text-decoration:underline;text-underline-offset:3px}
.devices-page .devices-panel{margin-top:22px}
dialog .secondary+.primary,dialog .secondary+.secondary{margin-top:10px}
@media(min-width:430px) and (max-width:800px){.devices-page .section-intro{min-height:224px}.devices-page .section-intro p{font-size:17px}}
@media(max-width:360px){.devices-page .section-intro{min-height:185px}.devices-page .section-intro p{font-size:13px}.devices-page .section-intro>div{width:56%}.devices-page .primary{font-size:17px;gap:8px}.device-guide{font-size:12px;gap:7px}}

/* Duration -> device quantity -> payment. All prices are for the selected period. */
.purchase-steps{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0;margin:8px 0 24px;gap:6px;color:#97826e}
.purchase-steps li{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:650;white-space:nowrap}
.purchase-steps li>span{width:23px;height:23px;border:1px solid #e4cfb8;display:grid;place-items:center;border-radius:50%;font-family:Nunito,sans-serif;font-weight:900;font-size:12px;background:#fff9f1}
.purchase-steps .current{color:#b95500}.purchase-steps .current>span{background:var(--gradient);color:white;border-color:#ffb85a;box-shadow:0 2px 5px #ff980022}
.purchase-steps .done>span{background:#fff0d9;color:#d57400;border-color:#f4cd98}.purchase-steps .icon{width:14px;height:14px;stroke-width:2.5}
.plan .price .price-from{display:inline;font-family:Inter,sans-serif;font-size:11px;font-weight:550;color:#8e765e;margin:0}
.plan-base-note{text-align:center;font-size:11px;color:#937b65;margin:13px 0 0}
.device-count-page{padding-top:10px}.device-count-page .purchase-steps{margin-bottom:21px}
.chosen-period{display:flex;align-items:center;gap:11px;padding:15px;margin-bottom:25px;background:linear-gradient(130deg,#fffaf2,#ffefd9)}
.chosen-period .round-icon{width:42px;height:43px;border-radius:15px}.chosen-period .round-icon .icon{width:25px;height:25px}
.chosen-period>div{flex:1;min-width:0}.chosen-period small{display:block;font-size:11px;color:#8d7864;margin-bottom:4px}
.chosen-period b{font-size:19px;line-height:1.15;display:block}.chosen-period b span{font-size:11px;color:#a08a72;font-weight:650;white-space:nowrap}
.chosen-period>button{font-size:11px;font-weight:650;color:#b45c15;text-decoration:underline;text-underline-offset:3px;padding:7px 0 7px 4px}
.device-count-page h1{font-size:28px;line-height:1.15;letter-spacing:-.5px}
.selection-description{color:#82705f;font-size:14px;line-height:1.5;margin-top:10px}
.device-count-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:23px 0 21px}
.device-count-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:74px;background:#fffdf8;border:1px solid #e7d6c3;border-radius:17px;box-shadow:0 2px 4px #b07a3408}
.device-count-grid button>.icon{width:22px;height:22px;color:#ba9470}.device-count-grid b{font-size:22px;line-height:1}
.device-count-grid button[aria-pressed=true]{border-color:#ff910f;background:var(--gradient);color:white;box-shadow:0 3px 9px #ff96002c,inset 0 0 0 1px #ffd18a}
.device-count-grid button[aria-pressed=true]>.icon{color:white}.device-count-grid button:disabled{background:#f1e9df;opacity:.45}
.selection-note{font-size:11px;line-height:1.5;color:#927960;margin:12px 3px}.selection-note.centered{text-align:center}
.quantity-summary{padding:19px;margin-bottom:21px;background:linear-gradient(140deg,#fffaf2,#fff0da)}
.selected-quantity{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #ead7bb}
.selected-quantity>div{flex:1}.selected-quantity b{font-size:22px;line-height:1.15;display:block}.selected-quantity small{font-size:12px;color:#95806a;margin-top:4px;display:block}
.quantity-check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffe1a8;color:#d77b05}.quantity-check .icon{width:17px;height:17px;stroke-width:2.5}
.quantity-summary dl{margin:16px 0 0}.quantity-summary dl>div{display:flex;justify-content:space-between;gap:12px;margin-top:11px;font-size:12px;color:#8c755d;line-height:1.4}
.quantity-summary dd{margin:0;color:#5b4939;font-weight:650;white-space:nowrap}
.quantity-summary dl>.quantity-total{border-top:1px solid #ead7bb;padding-top:16px;margin-top:16px;align-items:center;color:#4a382a;font-family:Nunito,sans-serif;font-size:16px;font-weight:850}
.quantity-summary .quantity-total dd{font-size:30px;line-height:1;font-weight:950;letter-spacing:-1px;color:#241d18}
.checkout-page .purchase-steps{margin:0 0 24px}.checkout-plan .checkout-devices{display:flex;align-items:center;gap:7px;border-top:1px solid #e8d4b6;padding:14px 0 0;margin-top:18px;width:100%;text-align:left;font-size:12px;color:#7d6044}
.checkout-devices .icon{width:19px;height:19px;color:#ed8c16}.checkout-devices u{margin-left:auto;font-size:11px;text-underline-offset:3px;color:#b45c15}
.active-device-limit{display:flex;align-items:center;gap:7px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;color:#538144;margin-top:12px;white-space:nowrap}.active-device-limit>.icon{width:19px;height:19px}
@media(max-width:360px){.purchase-steps li{font-size:10px;gap:4px}.purchase-steps li>span{width:21px;height:21px}.chosen-period{padding:12px;gap:9px}.chosen-period b{font-size:17px}.chosen-period b span{display:block;margin-top:3px}.chosen-period>button{font-size:10px}.device-count-page h1{font-size:26px}.selection-description{font-size:13px}.device-count-grid{gap:7px}.device-count-grid button{height:66px;border-radius:14px}.device-count-grid b{font-size:21px}.quantity-summary{padding:15px}.selected-quantity b{font-size:20px}.quantity-summary dl>div{font-size:11px}.quantity-summary dl>.quantity-total{font-size:14px}.quantity-summary .quantity-total dd{font-size:27px}.plan .price .price-from{font-size:10px}.checkout-devices span{font-size:11px}}