:root{--cream:#fbf8f1;--dark:#1d443b;--deep:#143b32;--sage:#eff4ea;--sage-strong:#dae8da;--coral:#e5ac91;--text:#243e36;--muted:#6d7c70;--border:#e7e7de}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.vn-home{margin:0;background:var(--cream)!important;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.notice{background:#1f5549;color:#f7f4e8;text-align:center;padding:9px 24px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.topnav{position:sticky;top:0;z-index:30;background:rgba(251,248,241,.96);backdrop-filter:blur(14px);border-bottom:1px solid #edeadd}
.navinner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:83px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;color:#154d3f;font-weight:800;letter-spacing:-.045em}.brand img{height:45px;width:45px;border-radius:13px}.navlinks{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:650}.navlinks a:hover{color:#3b8d77}.navtools{display:flex;gap:13px;align-items:center}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--dark);border:1px solid var(--dark);border-radius:100px;color:white;font-size:14px;font-weight:750;padding:14px 24px;min-height:48px;transition:.18s}.pill:hover{background:#2d7060;transform:translateY(-1px)}.pill.ghost{background:transparent;color:var(--dark)}.pill.ghost:hover{background:#eaf0e8}.mobiletoggle{display:none;background:none;border:1px solid #d3dbd0;border-radius:14px;width:48px;height:48px;font-size:25px;color:var(--dark)}
.hero{position:relative;overflow:hidden}.hero::before{content:"";position:absolute;right:-140px;top:-150px;width:470px;height:470px;border-radius:50%;background:#e3ece2;filter:blur(4px)}.herogrid{position:relative;display:grid;grid-template-columns:1fr 1.02fr;gap:65px;align-items:center;min-height:625px;padding-block:68px 85px}
.eyebrow{font-size:12px;color:#3d8673;font-weight:800;letter-spacing:.15em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}.eyebrow::before{content:"";width:29px;height:2px;background:#69a18b}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.048em}h1{font-size:clamp(47px,5.1vw,77px);line-height:1.075;margin:24px 0 23px;color:#1c4c40}.italic{font-style:italic;color:#ab816e}.lede{max-width:520px;color:#60776a;font-size:18px;line-height:1.85;margin-bottom:33px}.heroactions{display:flex;gap:12px;flex-wrap:wrap}.checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:33px;font-size:12px;color:#496859;font-weight:700}.checks span{display:inline-flex;align-items:center;gap:6px}.checks svg{height:17px;width:17px;stroke:#49856b}
.heroart{height:525px;position:relative}.photo-shell{position:absolute;inset:0 0 18px 20px;border-radius:45% 45% 23px 23px;overflow:hidden;background:#d7dfce;box-shadow:0 27px 65px rgba(27,65,47,.16)}.photo-shell img{height:100%;width:100%;object-fit:cover;object-position:center}.photo-shell::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,57,42,.25),transparent 32%)}
.sticker{position:absolute;z-index:1;right:-18px;top:48px;background:#f8edcd;border-radius:50%;width:125px;height:125px;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(11deg);color:#255749;box-shadow:0 12px 30px rgba(42,83,63,.1);border:8px solid var(--cream)}.sticker strong{font-size:36px;line-height:1}.sticker small{font-size:11px;font-weight:750;text-align:center;line-height:1.2}.floating{position:absolute;left:-28px;bottom:34px;border-radius:18px;background:#fffefa;padding:16px 20px;box-shadow:0 16px 43px rgba(34,65,41,.17);display:flex;gap:12px;align-items:center;font-size:12px;min-width:220px}.floating-icon{width:45px;height:45px;background:#e9eee2;border-radius:50%;display:grid;place-items:center;font-size:23px}.floating b{font-size:13px;color:#214f43}.floating p{margin:2px 0 0;color:#73847a;font-size:11px}
.trustbar{background:#e9f0e5;border-top:1px solid #dae7d9;border-bottom:1px solid #dae7d9}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-block:25px}.trustitem{display:flex;align-items:center;gap:13px;color:#244e42;font-size:13px;font-weight:750}.trustitem svg{width:25px;height:25px;color:#51846b;flex:none}
.section{padding:105px 0}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#568d76;font-weight:800;margin-bottom:16px}.section h2{font-size:clamp(37px,4vw,57px);color:#1b493d;line-height:1.12;margin-bottom:17px}.sectionlead{max-width:610px;color:#708274;font-size:16px;line-height:1.8}.center{text-align:center}.center .sectionlead{margin-inline:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:49px}.service{background:white;border:1px solid var(--border);border-radius:24px;padding:34px 30px 32px;min-height:300px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(28,80,56,.09)}.sicon{height:60px;width:60px;background:#eef3e8;border-radius:20px;display:grid;place-items:center;color:#21624f;margin-bottom:30px}.sicon svg{width:31px;height:31px;stroke-width:1.8}.service h3{font-size:20px;letter-spacing:-.025em;font-weight:750;margin-bottom:11px;color:#255045}.service p{font-size:14px;line-height:1.75;color:#728177}.service .more{margin-top:auto;font-size:13px;color:#2e735f;font-weight:750}
.feature{background:#eaf2e7}.featuregrid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:75px}.featurepic{min-height:405px;border-radius:32px;overflow:hidden;position:relative;box-shadow:0 25px 55px rgba(30,75,49,.13)}.featurepic img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.featurepic .tag{position:absolute;left:25px;bottom:25px;background:#fffdf7;border-radius:15px;padding:16px 22px;font-weight:700;font-size:13px;color:#235d4b}.bullets{display:grid;gap:15px;margin:26px 0 34px;padding:0;list-style:none}.bullets li{display:flex;gap:12px;align-items:center;color:#416557;font-size:15px}.bullets li::before{content:"✓";display:grid;place-items:center;border-radius:50%;height:25px;width:25px;background:#d3e5d4;color:#1e694d;font-weight:900;flex:none}
.patient{background:#fffdf8}.patient-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.pet-board{background:#225849;padding:27px;border-radius:30px;box-shadow:0 26px 65px rgba(23,64,45,.17)}.pet-board>div{background:#fff;border-radius:19px;padding:24px}.pet-board .b-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:800;color:#1f5344;border-bottom:1px solid #edf1eb;padding-bottom:20px}.pet-board .b-dot{font-size:11px;color:#4c9578;background:#ebf6ea;border-radius:30px;padding:6px 10px}.pet-board .b-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #eef1ec;padding:20px 0}.pet-board .b-row:last-child{border:none;padding-bottom:0}.b-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f3e9dc;font-size:27px}.b-row strong{display:block;font-size:14px}.b-row small{color:#768a7a}.b-row .b-date{margin-left:auto;color:#295e4e;font-size:12px;font-weight:700}
.cta{padding:90px 0;background:#205647;color:#fff;text-align:center;position:relative;overflow:hidden}.cta::before,.cta::after{content:"";position:absolute;width:310px;height:310px;border:1px solid #5e8977;border-radius:50%;opacity:.32;top:-140px;left:-85px}.cta::after{left:auto;right:-85px;top:auto;bottom:-170px}.cta h2{color:#fff;font-size:clamp(38px,4vw,58px);margin-bottom:17px}.cta p{color:#d1e3d9;max-width:600px;margin:0 auto 25px}.cta .pill{background:#fbf2df;color:#205447;border-color:#fbf2df}.cta .pill:hover{background:#fff}
.footer{background:#143e33;color:#e9eee9;padding:57px 0 26px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer .brand{color:#fff}.footer .footdesc{font-size:13px;color:#b7d1c2;max-width:380px;margin-top:17px;line-height:1.7}.footer h4{font-size:13px;margin:3px 0 18px}.footer a,.footer small{color:#c8ddd0;font-size:13px;display:block;margin-bottom:10px}.footbottom{border-top:1px solid #386355;padding-top:23px;margin-top:44px;color:#b4d0be;font-size:12px;display:flex;justify-content:space-between;gap:20px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.navlinks{gap:15px}.herogrid{gap:30px}.heroart{height:440px}.trustgrid{grid-template-columns:repeat(2,1fr)}.featuregrid{gap:35px}}
@media(max-width:730px){.wrap{width:min(100% - 32px,520px)}.mobiletoggle{display:block}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 25px;background:var(--cream);border-top:1px solid var(--border);box-shadow:0 16px 23px #153c321b;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navtools .pill{display:none}.navinner{min-height:77px}.hero::before{display:none}.herogrid{grid-template-columns:1fr;padding-block:46px 70px;min-height:0}.hero h1{font-size:clamp(46px,10vw,66px)}.heroart{height:430px;margin:10px 10px 0}.photo-shell{inset:0 4px 22px}.sticker{right:-8px;width:100px;height:100px}.floating{left:-12px}.trustgrid{gap:15px}.trustitem{font-size:12px}.section{padding:70px 0}.cards{grid-template-columns:1fr}.service{min-height:240px}.featuregrid,.patient-grid{grid-template-columns:1fr}.featurepic{min-height:300px}.featuregrid .featurepic{order:2}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}.footbottom{flex-direction:column}.checks{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service,.pill{transition:none}}