/* Light presentation theme, informed by the PetsSystem public landing page. */
:root{--bg:#fff;--panel:#fff;--accent:#16865c;--ink:#172e25;--muted:#5e6e66;--line:#e1e9e5;--button:#26ad78}
body{background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6}
h1,h2,h3,.brand{font-family:inherit}
h1{font-weight:650;letter-spacing:-.055em;line-height:1.08}
h2{font-weight:600;letter-spacing:-.045em}
.hero{padding-top:76px;padding-bottom:80px;gap:60px}
.hero:before{background:radial-gradient(ellipse at 75% 40%,#eaf7ef80,transparent 58%);inset:0 -2% 0 20%}
.hero-visual{background:radial-gradient(ellipse at center,#ecf8f1 0,transparent 72%)}
.hero h1 em{background:none;-webkit-text-fill-color:initial;color:var(--ink);animation:none}
.hero h1 .accent-word{color:var(--accent)}
em{color:var(--ink)}
header{height:86px;background:#ffffffed;border-bottom-color:var(--line)}
header.scrolled{background:#fffffff5;border-color:var(--line);box-shadow:0 6px 25px #163a2607}
.brand{color:var(--ink);font-weight:750}
nav{color:#50645b;font-weight:550}
.nav-cta{border-color:#d6e4dc;color:var(--ink);border-radius:10px;background:#fff}
.nav-cta:hover{background:#f3f9f5;border-color:#8bc4a7;box-shadow:0 5px 16px #16744d0a}
.button{background:var(--button);color:#fff;border-radius:12px;font-size:14px;padding:16px 23px;box-shadow:0 5px 15px #16875e12}
.button:hover{background:#1c996a;box-shadow:0 8px 24px #16875e26}
.button:before{background:linear-gradient(90deg,transparent,#ffffff45,transparent)}
.actions{gap:22px}.text-link{font-size:13px;color:#425c4e;font-weight:550}
.hero-copy>p{color:#566b5f;font-size:16px}
.hero-note{font-size:11px;color:#617568}
.eyebrow{font-size:10px;letter-spacing:1.7px;color:#16845b}
.visual-top,.visual-bottom{color:#708479;font-size:8px}
.visual-top{gap:20px;letter-spacing:1.2px}
.app{background:#fff;border-color:#d7e5dc;box-shadow:0 30px 65px -20px #194b3529,0 4px 12px #194b3507;border-radius:16px}
.app-head{background:#fff;border-bottom-color:#e3ece6;height:48px;color:var(--ink)}
.mini-brand{color:#19633f}.avatar{background:#e9f5ee;color:#26714f}
.app aside{background:#f5f8f6;color:#62776a;border-color:#e0e9e3}
.side-active{background:#e1f3e9;color:#19724b;font-weight:650}
.app-main{background:#fbfdfc}
.app-main>small{color:#77867d}
.app-main h3{color:#223c2e;font-weight:650}
.kpis>div{background:#fff;border-color:#e1e9e4;border-radius:7px;box-shadow:0 3px 10px #194b3503}
.kpis small{color:#748579}.kpis strong{color:#254233}.kpis i{color:#738679}
.agenda-top>span{color:#667c6c}.agenda-top b{color:#294835}
.appointment{border-top-color:#e5ece8}.appointment time{color:#76877c}
.initial{background:#edf4ef;color:#4a705a}.appointment b{color:#294635}.appointment small{color:#738478}
.status{color:#217349;background:#e7f5ec}.status.pending{color:#8b703a;background:#fbf4e7}
.week span{color:#7b8c80}.week i{background:#c6e9d6}.week span:nth-child(4) i{background:#30af78}
.floating{background:#fff;border-color:#dce8e0;border-radius:12px;box-shadow:0 12px 32px #234b3510}
.floating b{color:#294533}.floating small{color:#718276}.check{background:#eaf7ef;color:#218455}
.illustration{color:#7b897f}
.strip{background:#fafcfb;border-color:#e7ede9;padding:27px 0}
.strip .wrap{color:#61776a}.strip i{color:#a9cbb8;font-size:14px}
.section{padding-top:90px;padding-bottom:90px}
.tabs{border-color:#e1e9e4}.tabs button{color:#6b7d70;font-size:13px}
.tabs button:hover{background:#f4f9f6;color:#31553f}.tabs button[aria-current=step]{color:#16865c}
.tab-marker{background:#20a16b;box-shadow:none}
.module h3{color:#223c2d;font-weight:550}.module ul{color:#425f4b}
.module-preview{background:#fff;border-color:#e0e9e3;border-radius:14px;box-shadow:0 10px 32px #1d4c3507}
.module-preview:hover{border-color:#c4dccc}
.preview-head{color:#2e4838}.preview-head span{color:#567c63}.preview-row{border-color:#e7ede9}
.preview-row>span{color:#2f8960}.preview-row b{color:#294635}.preview-row small{color:#718276}.preview-row i{color:#367451}
.preview-label{color:#7b897f}
.resources{background:#f8faf9;border-block-color:#e7ede9}
.feature-grid{gap:18px}.feature-grid article{background:#fff;border:1px solid #e0e8e3;border-radius:15px;box-shadow:0 4px 18px #203f2c03}
.feature-grid article.revealed:hover{border-color:#bdddc9;box-shadow:0 14px 35px #234b3510}
.feature-grid h3{font-weight:600;color:#263e2f}.feature-grid p{color:#65776a}
.icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#edf7f0;color:#248354;font-size:24px}
.feature-grid article:hover .icon{background:#e4f4ea;color:#126f47}
.feature-grid article:before,.module-preview:before,.closing:before{background:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,50%),#229e6806,transparent 70%)}
.billing{border-top:0}
.soon{background:#f1f8f4;border-color:#d9e9df;color:#28724e;font-weight:650;letter-spacing:1px}
.billing h2 em{color:var(--ink)}
.billing-copy .billing-note{color:#79867d}
.chat-demo{background:#fff;border-color:#dce6df;border-radius:18px;box-shadow:0 18px 45px #1d4c350a}
.chat-title{background:#fff;border-color:#e4ece7;padding:20px 24px}.chat-title b{color:#2d4535}.chat-title .check{background:#e8f5ed;color:#247a4d}
.chat-body{background:#fafcfb}.bubble{background:#fff;border:1px solid #e1e9e4;color:#405b49;box-shadow:0 2px 5px #213f2c03}
.bubble.customer{background:#e7f5ed;border-color:#d7eadf;color:#315a40}
.pix-demo{background:#fbfdfb;border-color:#c8ded1}.pix-demo span{color:#287e52}.pix-demo small{color:#778b7e}
.chat-result{background:#f0f8f3;border-color:#d5e9dd;color:#296442}.chat-result small{color:#6c8273}
.chat-controls{padding-top:15px;background:#fff;border-top:1px solid #edf1ee}.chat-controls>span{color:#809085}
.replay-chat{background:#fff;border-color:#d7e6dc;color:#32865b}.replay-chat:hover{background:#eef7f1;border-color:#a9cfb9}
.billing-steps article{border-color:#e0e9e3}.billing-steps article:before{background:linear-gradient(90deg,#8ac5a4,#e3eee7)}
.billing-steps h3{color:#304c3b;font-weight:600}.billing-steps span{color:#397c54}
.journey{border-color:#e5ece7}.journey h3{color:#2a4534}.journey li{border-color:#e5ece7}.journey li:hover{border-color:#b2d4bf}
.faq details{border-color:#e2eae5}.faq summary{font-weight:500;color:#334d3c}.faq summary:after{color:#2c8a58}
.closing{background:#fafcfb;border-color:#dfebe3;box-shadow:0 10px 40px #1f4d3205;border-radius:20px;padding:65px 20px}
.closing h2{color:#243e2e}.closing h2 em{color:#243e2e}.closing p{color:#6e8073}
footer{color:#7b8b80;border-top:1px solid #e6ece8;padding-top:30px}
.reading-progress{background:linear-gradient(90deg,#259363,#74c598)}
@media(max-width:950px){.hero{gap:30px}.tabs button{font-size:12px}}
@media(max-width:650px){header{height:75px}.hero{gap:22px;padding-top:45px;padding-bottom:40px}h1{font-size:clamp(43px,11vw,58px)}.hero-copy>p{font-size:15px}.hero h1 br:nth-child(2){display:block}.hero-visual{margin-top:10px}.visual-top{font-size:7px;letter-spacing:.8px}.section{padding-top:60px;padding-bottom:60px}.feature-grid{gap:10px}.feature-grid article{padding:22px 15px}.icon{width:38px;height:38px;font-size:21px}.tabs button{font-size:10px}.closing{padding:45px 18px}.chat-title{padding:18px}.button{font-size:13px}.hero .actions{gap:18px}}
@media(prefers-reduced-motion:reduce){.hero h1 em{color:var(--ink)}.hero h1 .accent-word{color:var(--accent)}}

/* Requested brand accents: the same green as the main CTA. */
header,header.scrolled{background:var(--button);border-color:var(--button);box-shadow:0 5px 25px #26ad781a}
header .brand,header .brand>span:last-child,header .brand-icon,header nav,header nav a,header nav a:hover{color:#fff}
header nav a:after{background:#fff}
header .nav-cta{background:#ffffff18;color:#fff;border-color:#ffffff70;box-shadow:none}
header .nav-cta:hover{background:#ffffff2e;border-color:#fff}
.hero-visual{background:radial-gradient(ellipse at 50% 47%,#26ad784a 0%,#26ad781c 50%,transparent 72%);padding:38px 0}
.hero-visual .app{box-shadow:0 25px 65px #26ad7835,0 5px 20px #153c2a10}
.strip{background:var(--button);border-color:var(--button)}
.strip .wrap,.strip i{color:#fff}.strip i{opacity:.7}
.official-viewport{position:relative;width:100%;aspect-ratio:1280 / 900;overflow:hidden;background:#f7fbf9}
.official-viewport iframe{display:block;width:1280px;height:900px;border:0;transform:scale(var(--preview-scale,.45));transform-origin:top left;pointer-events:none}
.official-hero{transform:perspective(1800px) rotateY(-4deg)}
.module{grid-template-columns:.7fr 1.3fr;gap:40px;min-height:440px}
.official-preview{padding:0;overflow:hidden}.official-preview .preview-head{padding:17px 20px;margin:0;border-bottom:1px solid var(--line);align-items:center}
.official-preview .preview-label{margin:0;padding:11px 20px;border-top:1px solid var(--line);font-size:10px}
.tabs{margin-bottom:14px}.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px;color:#7a8b80;font-size:11px}
#tour-toggle{background:#fff;border:1px solid #dce9e1;color:#28724e;border-radius:8px;padding:8px 13px;font:inherit;cursor:pointer}
#tour-toggle:hover{background:#eef8f2;border-color:#26ad78}
.feature-grid .icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:26px;background:#26ad7810}
.chat-demo{border-color:#26ad7880;box-shadow:0 20px 50px #26ad781a}
.chat-title{background:var(--button);border-color:var(--button)}.chat-title b{color:#fff}.chat-title small{color:#effff8}.chat-title .check{background:#fff;color:var(--button)}
.chat-body{background:#edf9f2}.bubble{background:#fff;border-color:#d4eade}.bubble.customer{background:var(--button);border-color:var(--button);color:#fff}
.pix-demo{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #b9dfca;padding:10px;border-radius:10px}
.pix-demo img{display:block;width:144px;height:144px;max-width:50%;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.pix-demo b{font-size:12px}.pix-demo .qr-caption{display:block;font-size:10px;line-height:1.6;color:#6c8374;margin-top:7px}
.chat-result{background:#d9f3e5;border-color:#9cd9b7;color:#1b6b42}.chat-result .check{background:var(--button);color:#fff}
.chat-controls{background:#f6fcf8}.replay-chat{color:#18724d;border-color:#92d5b2}
.billing .soon{background:var(--button);border-color:var(--button);color:#fff}
.billing-steps article:before{background:var(--button)}
@media(max-width:950px){.module{grid-template-columns:.8fr 1.2fr;gap:25px}.pix-demo{flex-direction:column;align-items:flex-start}.pix-demo img{max-width:100%;width:150px;height:150px}}
@media(max-width:650px){.module{grid-template-columns:1fr;min-height:620px}.hero-visual{padding:25px 0}.official-hero{transform:none}.official-preview .preview-head{padding:13px}.official-preview .preview-label{padding:10px 13px;font-size:9px}.tour-controls{font-size:10px}.pix-demo{flex-direction:row;align-items:center}.pix-demo img{width:130px;height:130px;max-width:50%}.strip .wrap{line-height:1.8}}