@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans:wght@500;600;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0&display=swap');

:root{--bg:#1b191f;--surface:#242129;--surface-2:#2b2831;--ink:#f5f3fa;--muted:#bbb6c5;--muted-contrast:#b3aeb8;--violet:#6755d9;--violet-deep:#403578;--violet-soft:#c5bcff;--teal:#25a696;--gold:#f0a329;--coral:#d96c62;--light:#eae8f0;--light-surface:#f5f3fa;--light-ink:#34313b;--light-muted:#706b7a;--line:rgba(255,255,255,.09);--radius:24px;--container:1180px;--container-wide:1320px;--display:'IBM Plex Sans',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}body.modal-open{overflow:hidden}::selection{background:var(--violet);color:#fff}a{color:inherit;text-decoration:none}button,select{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.container-wide{width:min(var(--container-wide),calc(100% - 40px))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}
.site-header{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 28px));min-height:62px;padding:9px 10px 9px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(20,18,24,.68);box-shadow:0 16px 50px rgba(0,0,0,.24);backdrop-filter:blur(22px) saturate(150%)}.brand{display:inline-flex;align-items:center;font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.04em}.brand-mark{width:24px;height:24px;margin-right:9px;display:grid;place-items:center;border-radius:8px;color:transparent;background:var(--violet);box-shadow:inset 0 0 0 6px #f5f2ff,0 0 20px rgba(103,85,217,.3)}.brand em{margin-left:5px;color:var(--violet-soft);font-style:normal;font-weight:500}.site-header nav{display:flex;align-items:center;gap:26px;color:#d0ccd5;font-size:14px;font-weight:600}.site-header nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.lang-control select{min-height:38px;padding:0 28px 0 12px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#242129;cursor:pointer}.button{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:13px;color:#fff;background:linear-gradient(135deg,#7865ed,var(--violet));box-shadow:0 14px 34px rgba(103,85,217,.3);font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(103,85,217,.42)}.button-small{min-height:42px;padding-inline:17px;border-radius:10px;font-size:14px}.button-ghost{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);box-shadow:none}.button-ghost:hover{background:rgba(255,255,255,.11);box-shadow:none}
.hero{position:relative;min-height:820px;height:100svh;overflow:hidden;display:grid;grid-template-columns:1fr minmax(380px,600px) 1fr;align-items:center;padding:110px max(20px,4vw) 48px;isolation:isolate;background:#111015}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,16,21,.05) 0%,rgba(17,16,21,.35) 34%,rgba(17,16,21,.86) 46%,rgba(17,16,21,.72) 72%,#111015 100%),linear-gradient(0deg,#111015 0%,transparent 24%)}.hero-photo{position:absolute;z-index:-2;inset:0;background:url('/images/hero-pet-vitae.png') center/cover no-repeat}.hero-copy{grid-column:2;align-self:center;text-align:center;position:relative;z-index:2}.eyebrow{display:inline-block;color:var(--violet-soft);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pill{padding:7px 12px;border:1px solid rgba(197,188,255,.22);border-radius:999px;background:rgba(103,85,217,.13);letter-spacing:.03em;text-transform:none}.hero h1,.section-head h2,.split-copy h2,.faq-heading h2,.final-section h2{margin:20px 0 0;font-family:var(--display);letter-spacing:-.052em;line-height:.98}.hero h1{font-size:clamp(42px,5.25vw,76px);text-shadow:0 12px 44px #000}.hero h1 span{display:block;margin-top:8px;color:var(--violet-soft)}.hero-copy>p{max-width:580px;margin:24px auto 0;color:#d4d0d9;font-size:18px;line-height:1.6}.hero-actions{margin-top:30px;display:flex;justify-content:center;gap:11px}.trust-row{margin-top:22px;display:flex;justify-content:center;gap:19px;color:#aaa5b0;font-size:12px}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row b{color:var(--teal)}.phone-wrap{grid-column:3;justify-self:center;position:relative;z-index:3;width:280px;transform:rotate(2.5deg) translateY(18px)}.phone-glow{position:absolute;inset:12% -20%;filter:blur(60px);background:rgba(103,85,217,.32)}.phone{position:relative;overflow:hidden;min-height:575px;padding:32px 14px 14px;border:8px solid #111015;border-radius:42px;background:#f5f3fa;color:#34313b;box-shadow:0 42px 90px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.35)}.phone-notch{position:absolute;top:8px;left:50%;width:78px;height:20px;transform:translateX(-50%);border-radius:20px;background:#111015}.app-head{display:flex;align-items:center;gap:10px;padding:8px 2px 13px}.pet-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--violet),var(--teal));font-weight:800}.pet-avatar.large{width:52px;height:52px;border-radius:17px}.app-head div:nth-child(2),.timeline-pet div{display:flex;flex:1;flex-direction:column}.app-head small,.timeline small,.timeline-pet small,.history-item small{color:#77717e;font-size:9px}.app-tabs{display:flex;gap:14px;overflow:hidden;border-bottom:1px solid #ddd9e3;color:#8b8591;font-size:9px;white-space:nowrap}.app-tabs>*{padding:5px 0 9px}.app-tabs b{color:var(--violet);border-bottom:2px solid var(--violet)}.care-card{margin-top:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#6856d9,#403578);color:#fff;box-shadow:0 15px 28px rgba(64,53,120,.25)}.care-card>small{opacity:.7;font-size:9px;text-transform:uppercase}.care-card>div{display:flex;align-items:center;gap:10px;margin-top:7px}.care-card .material-symbols-rounded{padding:8px;border-radius:10px;background:rgba(255,255,255,.13)}.care-card p{display:flex;flex-direction:column;margin:0;font-size:12px}.care-card p small{font-size:9px;opacity:.72}.phone h4{margin:18px 4px 7px;font-size:11px}.timeline{display:grid;gap:6px}.timeline>div{position:relative;min-height:53px;display:flex;align-items:center;gap:9px;padding:8px;border:1px solid #e4e1e9;border-radius:12px;background:#fff}.timeline>div>span{font-family:'Material Symbols Rounded';font-size:18px;color:var(--violet)}.timeline p{display:flex;flex:1;flex-direction:column;margin:0;font-size:10px;font-weight:700}.dot{width:5px;height:5px;border-radius:50%;background:var(--teal)}.dot-1{background:var(--coral)}.dot-2{background:var(--gold)}.app-fab{position:absolute;right:18px;bottom:45px;width:40px;height:40px;border:0;border-radius:14px;color:#fff;background:var(--violet);box-shadow:0 8px 18px rgba(103,85,217,.34);font-size:24px}.app-bottom{position:absolute;inset:auto 0 0;height:36px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #e2dee8;background:#fff;color:#837d8a;font-family:'Material Symbols Rounded';font-size:17px}.app-bottom span:nth-child(2){color:var(--violet)}
.dark-section{background:#111015}.light-section{background:var(--light);color:var(--light-ink)}.section-head{max-width:740px;text-align:center}.section-head h2,.split-copy h2,.faq-heading h2,.final-section h2{font-size:clamp(34px,4.4vw,62px)}.section-head>p,.split-copy>p,.faq-heading>p{margin:20px auto 0;color:var(--muted);font-size:17px}.light-section .eyebrow{color:var(--violet-deep)}.light-section p{color:var(--light-muted)}
.video-section{padding:90px 0 110px}.video-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video-card{position:relative;overflow:hidden;aspect-ratio:16/9;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:18px;color:#fff;background:#2a2632;cursor:pointer;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.24);transition:transform .25s ease,border-color .25s ease}.video-card:hover{transform:translateY(-5px);border-color:rgba(197,188,255,.34)}.video-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 65% 35%,rgba(103,85,217,.8),transparent 30%),linear-gradient(135deg,#251f39,#17151d)}.video-1 .video-art{background:radial-gradient(circle at 35% 40%,rgba(37,166,150,.7),transparent 30%),linear-gradient(135deg,#132e2c,#17151d)}.video-2 .video-art{background:radial-gradient(circle at 58% 40%,rgba(217,108,98,.65),transparent 30%),linear-gradient(135deg,#38201e,#17151d)}.video-art>.material-symbols-rounded{font-size:96px;opacity:.33}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 65%)}.play-button{position:absolute;inset:50% auto auto 50%;width:52px;height:52px;display:grid;place-items:center;padding-left:3px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(17,16,21,.52);backdrop-filter:blur(9px)}.video-label{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;gap:14px;align-items:end}.video-label b{font-family:var(--display);font-size:15px}.video-label small{font-size:11px;color:#d7d3dc}
.features-section{position:relative;padding:110px 0;background:radial-gradient(circle at 50% 35%,rgba(103,85,217,.12),transparent 42%),var(--bg)}.feature-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px}.feature-card{--feature-rgb:37,166,150;position:relative;min-width:0;display:grid;grid-template-columns:42.4% 57.6%;aspect-ratio:1.475;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.05);transition:transform .25s ease,background .25s ease,border-color .25s ease}.feature-card:nth-child(2),.feature-card:nth-child(4),.feature-card:nth-child(9){--feature-rgb:240,163,41}.feature-card:nth-child(3),.feature-card:nth-child(5),.feature-card:nth-child(7){--feature-rgb:103,85,217}.feature-card:nth-child(6),.feature-card:nth-child(8){--feature-rgb:37,166,150}.feature-card:hover{transform:translateY(-4px);border-color:rgba(var(--feature-rgb),.28);background:rgba(var(--feature-rgb),.075)}.feature-content{position:relative;z-index:2;min-width:0;min-height:0;display:flex;flex-direction:column;padding:20px 22px 19px 18px}.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-number{color:#77717e;font-size:12px;font-weight:700}.feature-top .material-symbols-rounded{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:rgb(var(--feature-rgb));background:rgba(var(--feature-rgb),.14)}.feature-content>small{display:block;margin-top:auto;padding-top:16px;color:rgb(var(--feature-rgb));font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.feature-card h3{margin:8px 0 10px;font-family:var(--display);font-size:20px;line-height:1.2}.feature-card p{margin:0;color:#aaa5b0;font-size:13px;line-height:1.5}.feature-media{position:relative;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(145deg,rgba(var(--feature-rgb),.44),rgba(var(--feature-rgb),.12))}.feature-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.25) contrast(1.08) brightness(.82)}.feature-media:before{content:'';position:absolute;z-index:1;inset:0;background:rgb(var(--feature-rgb));mix-blend-mode:color;opacity:.72;pointer-events:none}.feature-media:after{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(28,25,33,.574) 100%),linear-gradient(0deg,rgba(17,16,21,.196),transparent 45%);pointer-events:none}
.feature-card .feature-top{position:absolute;top:18px;right:22px;left:18px}
.story-section,.prevention-section,.family-section{padding:120px 0}.split-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,8vw,110px)}.split-layout.reverse>div:first-child{order:2}.split-layout.reverse>div:last-child{order:1}.split-copy h2{margin-top:15px}.split-copy ul{display:grid;gap:12px;padding:0;margin:25px 0 0;list-style:none}.split-copy li{display:flex;align-items:center;gap:10px;color:#5f5967;font-weight:600}.split-copy li>span:first-child{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:50%;color:#fff;background:var(--teal);font-size:12px}.split-copy li>span:last-child{min-width:0}.timeline-card{max-width:460px;border:1px solid rgba(64,53,120,.12);border-radius:28px;background:#f8f7fa;box-shadow:0 28px 80px rgba(64,53,120,.14);transform:rotate(4.5deg)}.text-link{display:inline-flex;align-items:center;gap:7px;margin-top:25px;color:var(--violet-deep);font-weight:800}
.steps-section{padding:120px 0;background:#f5f3fa;color:var(--light-ink)}.steps-section .section-head>p{color:var(--light-muted)}.steps-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps-grid article>span{color:var(--violet);font-size:12px;font-weight:800}.step-visual{height:260px;margin:12px 0 21px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#dcd7f7,#c4b9ff);overflow:hidden}.step-1{background:linear-gradient(145deg,#cfe8e4,#8fd5cc)}.step-2{background:linear-gradient(145deg,#f3dfca,#efb67f)}.step-visual i{width:120px;height:120px;display:grid;place-items:center;border-radius:35px;color:#fff;background:rgba(64,53,120,.75);box-shadow:0 24px 50px rgba(64,53,120,.2);font-size:62px;transform:rotate(-7deg)}.step-1 i{background:rgba(23,120,109,.72);transform:rotate(5deg)}.step-2 i{background:rgba(165,72,65,.72);transform:rotate(-3deg)}.steps-grid h3{margin:0;font-family:var(--display);font-size:21px}.steps-grid p{margin:8px 0 0;color:var(--light-muted);font-size:14px}
.pricing-section{padding:120px 0}.billing-toggle{width:max-content;margin:28px auto 0;padding:4px;display:flex;border:1px solid var(--line);border-radius:13px;background:#211e25}.billing-toggle button{position:relative;min-width:105px;min-height:42px;padding:0 13px;border:0;border-radius:9px;color:#9f99a6;background:transparent;cursor:pointer;font-weight:700}.billing-toggle button.active{color:#fff;background:#393440}.billing-toggle small{position:absolute;top:-24px;left:50%;width:max-content;transform:translateX(-50%);color:#93e1d6;font-size:10px}.pricing-grid{max-width:850px;margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.price-card{position:relative;padding:32px;border:1px solid var(--line);border-radius:24px;background:#211e25}.pro-card{border-color:rgba(197,188,255,.36);background:linear-gradient(160deg,rgba(103,85,217,.18),#211e25 45%);box-shadow:0 28px 70px rgba(0,0,0,.25)}.plan-name{color:#948e9c;font-size:11px;font-weight:800;letter-spacing:.15em}.popular{position:absolute;right:20px;top:18px;padding:5px 9px;border-radius:7px;color:#fff;background:var(--violet);font-size:10px;font-weight:800}.price-card h3{margin:18px 0 0;font-family:var(--display);font-size:39px}.price-card h3 small{margin-left:5px;color:#9c96a3;font-family:var(--body);font-size:13px;font-weight:500}.price-card>p{margin:3px 0 21px;color:#aaa5b0}.price-card ul{min-height:205px;padding:20px 0 0;margin:0 0 26px;border-top:1px solid var(--line);display:grid;gap:11px;list-style:none;color:var(--teal);font-weight:800}.price-card li span{margin-left:8px;color:#d8d4dc;font-weight:500}.price-card .button{width:100%}.annual-note{margin:-12px 0 10px;color:var(--violet-soft);font-size:11px}
.faq-section{padding:120px 0}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-heading{position:sticky;top:110px;align-self:start}.faq-heading h2{margin-top:14px}.faq-list article{border-bottom:1px solid rgba(64,53,120,.14)}.faq-list button{width:100%;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;color:var(--light-ink);background:transparent;cursor:pointer;text-align:left;font-family:var(--display);font-size:17px;font-weight:700}.faq-list button i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--violet);background:#e2def2;font-style:normal;font-size:20px}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-answer p{overflow:hidden;margin:0;color:var(--light-muted)}.faq-list article.open .faq-answer{grid-template-rows:1fr}.faq-list article.open .faq-answer p{padding:0 45px 20px 0}
.final-section{position:relative;overflow:hidden;padding:130px 0;text-align:center;background:#151319}.final-section .container{position:relative}.final-glow{position:absolute;width:700px;height:450px;left:50%;bottom:-300px;transform:translateX(-50%);border-radius:50%;background:rgba(103,85,217,.5);filter:blur(100px)}.final-icon{width:64px;height:64px;display:grid;place-items:center;margin:auto;border-radius:20px;color:#fff;background:var(--violet);font-size:34px}.final-section h2{max-width:780px;margin:25px auto 0}.final-section p{margin:18px 0 28px;color:#aaa5b0;font-size:18px}footer{padding:46px 0 25px;background:#0e0d10;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer-top p{margin:8px 0 0;color:#7f7985;font-size:13px}.footer-top>div:last-child{display:flex;flex-wrap:wrap;gap:22px;color:#9b95a1;font-size:13px}.footer-bottom{margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);color:#625d67;font-size:11px}
.video-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(8,7,10,.82);backdrop-filter:blur(12px);animation:fade-in .25s ease}.video-modal-panel{position:relative;width:min(94vw,1500px);aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#000;box-shadow:0 40px 120px #000;animation:zoom-in .25s ease}.video-modal-player{display:block;width:100%;height:100%;object-fit:contain;background:#000}.video-modal-close{position:absolute;z-index:2;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:12px;color:#fff;background:rgba(0,0,0,.65);cursor:pointer;font-size:29px}.video-modal-error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(103,85,217,.35),#111015 65%)}.video-modal-error .material-symbols-rounded{margin:auto;font-size:60px;color:var(--violet-soft)}.video-modal-error p{margin:14px 0 2px;color:#fff}.video-modal-error small{color:#77717e}@keyframes fade-in{from{opacity:0}}@keyframes zoom-in{from{opacity:0;transform:scale(.97)}}
.trust-row,.feature-card p,.price-card>p,.final-section p{color:var(--muted-contrast)}
@media(max-width:1180px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.hero{grid-template-columns:.7fr minmax(350px,520px) .7fr}.phone-wrap{width:245px}.phone{min-height:525px}.site-header nav{gap:16px}}
@media(max-width:820px){.site-header{top:8px;min-height:56px;padding-left:14px}.site-header nav{display:none}.brand{font-size:18px}.brand-mark{width:21px;height:21px}.button-small{display:none}.hero{height:auto;min-height:900px;display:flex;align-items:flex-start;justify-content:center;padding:118px 20px 60px}.hero-photo{background-position:34% center;opacity:.48}.hero:after{background:linear-gradient(180deg,rgba(17,16,21,.48),#111015 63%)}.hero-copy{max-width:620px}.phone-wrap{position:absolute;bottom:-210px;right:50%;transform:translateX(50%) rotate(1.5deg);width:230px}.phone{min-height:500px}.hero h1{font-size:clamp(40px,11vw,65px)}.hero-copy>p{font-size:16px}.trust-row{flex-wrap:wrap}.video-section{padding-top:270px}.video-grid,.feature-grid,.steps-grid{grid-template-columns:1fr 1fr}.split-layout,.faq-layout{grid-template-columns:1fr;gap:55px}.split-layout.reverse>div:first-child,.split-layout.reverse>div:last-child{order:initial}.timeline-card{margin:auto}.faq-heading{position:static}.book{width:110px}.pricing-grid{max-width:620px}}
@media(max-width:560px){.container,.container-wide{width:min(100% - 28px,var(--container))}.lang-control select{min-height:36px}.hero{min-height:830px;padding-top:100px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.trust-row{gap:10px 14px}.phone-wrap{bottom:-230px;width:210px}.phone{min-height:465px;border-width:6px}.video-section{padding:240px 0 76px}.video-grid,.feature-grid,.steps-grid,.pricing-grid{grid-template-columns:1fr}.video-card{border-radius:15px}.features-section,.story-section,.prevention-section,.family-section,.steps-section,.pricing-section,.faq-section{padding:78px 0}.section-head h2,.split-copy h2,.faq-heading h2,.final-section h2{font-size:35px}.feature-card{aspect-ratio:auto;min-height:280px}.feature-content{padding:20px 18px 20px 14px}.feature-card h3{font-size:19px}.feature-card p{font-size:12.5px}.reminder-stack{min-height:350px}.reminder-1{left:14px}.reminder-2{right:8px}.pet-shelf{gap:5px;padding-inline:11px}.book{width:31%;height:210px;padding:18px 8px}.book-1{height:240px}.book-2{height:195px}.book b{font-size:16px}.book .material-symbols-rounded{font-size:35px}.step-visual{height:210px}.pricing-grid{max-width:430px}.price-card ul{min-height:0}.faq-list button{font-size:15px}.final-section{padding:90px 0}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.video-modal{padding:10px}.video-modal-panel{border-radius:12px}.video-modal-close{top:8px;right:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Vanilla/static overrides: portable from the domain root or any subfolder. */
[hidden]{display:none!important}
.hero-photo{background-image:url('images/hero-pet-vitae.png')}
.video-modal{opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.video-modal.is-open{opacity:1;visibility:visible}

/* Os vídeos do app são verticais e ocupam a altura útil da tela. */
.video-modal-panel{width:min(calc(56.25vh - 1.125rem),calc(100vw - 2rem));width:min(calc(56.25dvh - 1.125rem),calc(100vw - 2rem));height:auto;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);aspect-ratio:9/16}

/* Legibilidade: textos originalmente definidos com até 13px recebem +8%. */
small{font-size:.864em}
.eyebrow,.trust-row,.split-copy li>span:first-child{font-size:.81rem}
.app-head small,.timeline small,.timeline-pet small,.history-item small,.app-tabs,.care-card>small,.care-card p small{font-size:.6075rem}
.timeline p,.billing-toggle small,.popular{font-size:.675rem}
.phone h4,.video-label small,.plan-name,.annual-note,.footer-bottom{font-size:.7425rem}
.feature-content>small{font-size:.70875rem}
.care-card p{font-size:.81rem}
.feature-card p{font-size:.8775rem;text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}
.history-item b,.price-card h3 small,.footer-top p,.footer-top>div:last-child{font-size:.8775rem}
@media(max-width:560px){.feature-card p{font-size:.84375rem}}

/* Mockups em JPG: substitua estes arquivos na pasta images mantendo os nomes. */
.mockup-frame,.phone-wrap{overflow:hidden;background:linear-gradient(145deg,rgba(103,85,217,.2),rgba(37,166,150,.08));box-shadow:0 1.75rem 5rem rgba(0,0,0,.22)}
.mockup-frame{width:min(100%,28.75rem);aspect-ratio:4/3;border:1px solid rgba(103,85,217,.14);border-radius:1.75rem}
.mockup-image{display:block;width:100%;height:100%;object-fit:cover}
.phone-wrap{aspect-ratio:9/19.5;border:.45rem solid #000;border-radius:2.6rem;background:#17131f;box-shadow:0 2.625rem 5.625rem rgba(0,0,0,.65)}
.hero-mockup{position:relative;z-index:1;border-radius:2.1rem}
.timeline-card{padding:0;transform:rotate(4.5deg)}
.reminder-stack{position:relative;min-height:0}
.pet-shelf{padding:0}
.step-visual{position:relative;height:auto;aspect-ratio:16/10;background:linear-gradient(145deg,#dcd7f7,#c4b9ff)}
.step-visual .mockup-image{position:absolute;inset:0}

/* Mesmo padrão de idioma da LP Rollup Money: globo + nome completo. */
.lang-control{display:flex;align-items:center;gap:.375rem;color:#9ca3af}
.lang-control>.material-symbols-rounded{font-size:1.25rem}
.lang-control select{min-height:2.375rem;padding:0 1.9rem 0 .7rem;appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#e5e7eb;background-color:rgba(255,255,255,.06);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;font-size:.8rem;font-weight:600;line-height:1;cursor:pointer;transition:border-color .2s,background-color .2s}
.lang-control select:hover{border-color:rgba(103,85,217,.6);background-color:rgba(255,255,255,.09)}
.lang-control select:focus{outline:none;border-color:var(--violet-soft)}
.lang-control option{color:#e5e7eb;background:#000}

/* As áreas escuras usam preto absoluto. */
:root{--bg:#000}
body,.dark-section,.pricing-section,.final-section,footer{background:#000}
.features-section{background:radial-gradient(circle at 50% 35%,rgba(103,85,217,.12),transparent 42%),#000}
.hero{background:#000}
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 34%,rgba(0,0,0,.86) 46%,rgba(0,0,0,.72) 72%,#000 100%),linear-gradient(0deg,#000 0%,transparent 24%)}

/* Fauna da seção PRO: composição editorial exclusiva para desktop. */
.pricing-section{position:relative;overflow:hidden;isolation:isolate;min-height:62rem;padding-bottom:8.25rem}
.pricing-section>.container{position:relative;z-index:2}
.pricing-animals{position:absolute;z-index:1;right:0;bottom:0;left:0;pointer-events:none;user-select:none}
.pricing-animals img{display:block;width:100%;height:auto}
@media(max-width:74.9375rem){.pricing-animals{display:none}.pricing-section{min-height:0;padding-bottom:7.5rem}}

@media(max-width:820px){.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.48),#000 63%)}.mockup-frame{margin-inline:auto}}
@media(max-width:560px){.lang-control{gap:.25rem}.lang-control>.material-symbols-rounded{font-size:1.125rem}.lang-control select{min-height:2.25rem;padding-left:.55rem;padding-right:1.6rem;font-size:.72rem;background-position:right .45rem center}.timeline-card{transform:rotate(4.5deg)}.pricing-section{padding-bottom:4.875rem}}

/* Tipografia fluida; dimensões físicas de imagens, bordas e breakpoints permanecem em px por precisão. */
html{font-size:100%}
body{font-size:1rem}
.hero h1{font-size:clamp(2.625rem,5.25vw,4.75rem)}
.section-head h2,.split-copy h2,.faq-heading h2,.final-section h2{font-size:clamp(2.125rem,4.4vw,3.875rem)}
.section-head>p,.split-copy>p,.faq-heading>p{font-size:clamp(1rem,1.2vw,1.0625rem)}
.steps-grid article>span{font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums}
.feature-card .feature-top{left:auto}
.feature-number{position:absolute;z-index:3;right:.875rem;bottom:.75rem;color:rgba(var(--feature-rgb),.5);font-size:1.5rem;font-weight:800;line-height:1;text-shadow:none}
.reminder i{width:auto;min-width:3.75rem;padding-inline:.625rem;font-size:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:560px){.hero h1{font-size:clamp(2.625rem,11vw,4.0625rem)}.section-head h2,.split-copy h2,.faq-heading h2,.final-section h2{font-size:clamp(2rem,9vw,2.1875rem)}}

/* Planos: frente com FREE + PRO e verso com comparação de mercado. */
.pricing-flip{max-width:850px;margin-top:42px;perspective:1600px}
.pricing-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.75,.25,1);will-change:transform}
.pricing-flip.is-flipped .pricing-flip-inner{transform:rotateY(180deg)}
.pricing-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.pricing-face-back{transform:rotateY(180deg)}
.pricing-flip .pricing-grid{max-width:none;margin-top:0}
.pro-addon{min-height:44px!important;margin:0 0 17px!important;padding:10px 12px;border:1px solid rgba(197,188,255,.18);border-radius:11px;color:#d8d3e1!important;background:rgba(197,188,255,.07);font-size:.81rem;line-height:1.45}
.compare-prompt{margin:17px 0 0!important;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem;color:#ded9e4!important;text-align:center;font-size:.81rem;line-height:1.45}
.compare-icon{color:#62e6ac;font-size:1.2rem;opacity:.92}
.compare-link{padding:0;border:0;color:#62e6ac;background:transparent;cursor:pointer;font-size:1rem;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.compare-link:hover{color:#9affd2}
.comparison-card{height:100%;min-height:520px;padding:32px;border:1px solid rgba(197,188,255,.36);border-radius:24px;background:radial-gradient(circle at 92% 5%,rgba(103,85,217,.25),transparent 34%),#211e25;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.comparison-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}
.comparison-heading h3{margin:8px 0 0;font-family:var(--display);font-size:1.875rem;line-height:1.08;letter-spacing:-.035em}
.comparison-heading p{margin:8px 0 0;color:var(--muted-contrast);font-size:.8775rem}
.comparison-close{flex:0 0 auto;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#e3dfe8;background:rgba(255,255,255,.055);cursor:pointer;font-size:.81rem;font-weight:700}
.comparison-close .material-symbols-rounded{font-size:1.1rem}
.comparison-close:hover{border-color:rgba(197,188,255,.35);background:rgba(197,188,255,.11)}
.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.comparison-table{width:100%;min-width:700px;border-collapse:collapse;text-align:left}
.comparison-table th,.comparison-table td{padding:16px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.comparison-table tr>*:last-child{border-right:0}
.comparison-table tbody tr:last-child>*{border-bottom:0}
.comparison-table thead>tr>th:first-child{width:13%;color:#958f9d;font-size:.7425rem;letter-spacing:.08em;text-transform:uppercase}
.comparison-company{width:29%;vertical-align:top;background:rgba(255,255,255,.025)}
.comparison-company strong,.comparison-company small,.comparison-company span{display:block}
.comparison-company strong{font-family:var(--display);font-size:1.0625rem;line-height:1.15}
.comparison-company small{margin-top:4px;color:#aaa4b1;font-size:.7425rem;font-weight:600}
.comparison-company span{margin-top:9px;color:#edeaf1;font-size:.81rem;font-weight:700}
.comparison-company.app-a strong{color:#ed9459}
.comparison-company.app-b strong{color:#f3b545}
.comparison-company.pet-vitae{background:rgba(103,85,217,.13)}
.comparison-company.pet-vitae strong{color:var(--violet-soft)}
.comparison-table tbody th{color:#edeaf1;font-size:.8775rem;white-space:nowrap}
.comparison-table tbody td{color:#c5c0ca;font-size:.81rem;font-weight:600;white-space:nowrap}
.comparison-table tbody td:last-child{color:#fff;background:rgba(103,85,217,.08);font-weight:800}
.compare-link:focus-visible,.comparison-close:focus-visible{outline:3px solid rgba(197,188,255,.55);outline-offset:3px}
@media(max-width:820px){.pricing-flip{max-width:620px}.comparison-card{padding:25px}.comparison-heading{align-items:flex-end}.comparison-heading h3{font-size:1.6875rem}}
@media(max-width:560px){.pricing-flip{max-width:430px}.comparison-card{padding:20px}.comparison-heading{align-items:flex-start;flex-direction:column}.comparison-close{width:100%}.comparison-table{min-width:650px}.pro-addon,.compare-prompt{font-size:.78125rem}}
@media(prefers-reduced-motion:reduce){.pricing-flip-inner{transition:none}}

/* Marca compacta: livro + pata ampliados para permanecerem legíveis no cabeçalho. */
.brand img.brand-mark{width:1.75rem;height:1.75rem;margin-right:.55rem;display:block;object-fit:contain;border-radius:.42rem;background:none;box-shadow:none}
@media(max-width:820px){.brand img.brand-mark{width:1.5rem;height:1.5rem}}

/* Ícones das features funcionam como metadado; título e número mantêm a hierarquia. */
.feature-meta{margin-top:auto;padding-top:1rem;display:flex;align-items:center;gap:.4rem;color:rgba(var(--feature-rgb),.62)}
.feature-meta .material-symbols-rounded{width:auto;height:auto;display:inline-block;border-radius:0;color:inherit;background:transparent;font-size:1rem;opacity:.72}
.feature-meta small{color:inherit;font-size:.70875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

/* Comparativo: leitura vertical, cálculo explicado e benefício Essencial secundário. */
.pricing-flip-inner{position:relative;transition:transform .68s cubic-bezier(.2,.75,.25,1),height .35s ease}
.pricing-face-back{position:absolute;inset:0 auto auto 0;width:100%}
.comparison-card{height:auto}
.comparison-company.app-a,.comparison-table tbody td.app-a{background:rgba(237,148,89,.085)}
.comparison-company.app-b,.comparison-table tbody td.app-b{background:rgba(243,181,69,.075)}
.comparison-company.pet-vitae,.comparison-table tbody td.pet-vitae{background:rgba(103,85,217,.13)}
.comparison-value{display:block;font-size:.81rem;font-weight:700}
.five-pet-breakdown{margin-top:.7rem;padding:.65rem;border:1px solid rgba(197,188,255,.16);border-radius:.65rem;display:grid;gap:.16rem;color:#bdb7c5;background:rgba(17,16,21,.28);font-size:.6875rem;font-weight:500;line-height:1.35;white-space:normal}
.five-pet-breakdown span,.five-pet-breakdown strong{display:block}
.five-pet-breakdown strong{margin-top:.15rem;color:#fff;font-size:.78rem}
.essential-note{margin-top:1.25rem;padding:1.15rem 1.25rem;border:1px solid rgba(255,255,255,.075);border-radius:1rem;color:#aaa4b1;background:rgba(255,255,255,.018);font-size:.78rem;line-height:1.5}
.essential-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}
.essential-heading h4{margin:0;color:#d8d3df;font-family:var(--display);font-size:.95rem;letter-spacing:.025em}
.essential-heading span{padding:.18rem .45rem;border-radius:999px;color:#bdb5f6;background:rgba(103,85,217,.13);font-size:.625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.essential-note>p{margin:.55rem 0 .8rem;color:#aaa4b1}
.essential-eligible{margin:.7rem 0;color:#aaa4b1}
.essential-eligible summary{width:max-content;max-width:100%;color:#c4becb;cursor:pointer;font-weight:700}
.essential-eligible ul{margin:.7rem 0 0;padding:.75rem 1rem .75rem 1.8rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem .9rem;border-radius:.75rem;background:rgba(255,255,255,.025)}
.essential-rates{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.8rem 0}
.essential-rates p{margin:0;padding:.65rem .7rem;border-radius:.7rem;color:#bdb7c5;background:rgba(37,166,150,.055)}
.essential-note h5{margin:.9rem 0 .35rem;color:#c9c3cf;font-size:.78rem}
.essential-rules{margin:0;padding-left:1.1rem;display:grid;gap:.2rem}
@media(max-width:560px){.essential-rates{grid-template-columns:1fr}.essential-eligible ul{grid-template-columns:repeat(2,minmax(0,1fr))}.essential-note{padding:1rem}.five-pet-breakdown{min-width:9rem}}
@media(prefers-reduced-motion:reduce){.pricing-flip-inner{transition:none}}