:root{--bg:#F2F5EF;--surface:#FBFCF8;--text:#24332B;--muted:#536258;--primary:#34593D;--deep:#34593D;--deeper:#203C29;--soft:#DCE7D3;--line:#DDE5D8;--cream:#F8F3EA;--font:Inter,"Segoe UI","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}em{font-style:normal;color:var(--primary)}:focus-visible{outline:3px solid #9DC3B3;outline-offset:4px}.shell{width:min(100% - 64px,1320px);margin-inline:auto}.section-pad{padding:132px 0}.skip-link{position:absolute;left:12px;top:-70px;z-index:999;padding:12px 18px;background:white;color:var(--deep)}.skip-link:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:#A8C3B3;z-index:1000;pointer-events:none}
.site-header{position:absolute;z-index:50;top:0;left:0;right:0;color:white}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:24px;border-bottom:1px solid rgba(255,255,255,.18)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:1.45rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.wordmark-mark{width:32px;height:32px;border:2px solid currentColor;border-radius:10px 10px 10px 4px;display:grid;place-items:center;font-size:18px;line-height:1;transform:rotate(-8deg);letter-spacing:0}.wordmark-period{color:#C4DDC7;margin-left:-10px}.desktop-nav{display:flex;gap:35px;align-items:center}.desktop-nav a{font-size:.91rem;color:rgba(255,255,255,.82);transition:color .2s}.desktop-nav a:hover{color:white}.header-cta{border:1px solid rgba(255,255,255,.52);border-radius:999px;padding:11px 24px;font-size:.92rem;font-weight:700;transition:background .2s,color .2s}.header-cta:hover{background:white;color:var(--deep)}
.hero{position:relative;min-height:710px;overflow:hidden;color:white;background:radial-gradient(ellipse at 75% 39%,#426E59 0%,#315746 32%,#234537 66%,#19372D 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.18)}.hero-glow{position:absolute;width:880px;height:880px;border-radius:50%;right:-145px;top:-120px;background:radial-gradient(circle,rgba(199,223,193,.19) 0%,rgba(199,223,193,.08) 35%,transparent 67%);pointer-events:none}.hero-leaf{position:absolute;opacity:.18;pointer-events:none;filter:brightness(1.65)}.hero-leaf-one{width:510px;top:-215px;right:-100px;transform:rotate(32deg)}.hero-leaf-two{width:330px;bottom:-170px;left:-100px;transform:rotate(-27deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;min-height:640px;padding-top:96px}.hero-copy{max-width:740px;padding:24px 0 30px}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700}.eyebrow{display:flex;gap:14px;align-items:center;color:#D3E4D7;margin:0 0 31px}.eyebrow-line{width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(3.3rem,5.2vw,5.7rem);line-height:1.065;letter-spacing:-.075em;margin:0 0 27px;font-weight:650;max-width:770px}.hero h1 em{color:#C6DDC5}.hero-lead{max-width:590px;font-size:1.17rem;line-height:1.65;color:#DFEAE1;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:58px;padding:0 30px;border-radius:100px;font-weight:700;font-size:.98rem;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-3px)}.button span{font-size:1.2rem;font-weight:400}.button-light{background:#F5F8F2;color:var(--deeper);box-shadow:0 10px 30px rgba(10,30,20,.16)}.button-light:hover{background:#fff;box-shadow:0 16px 34px rgba(10,30,20,.2)}.button-dark{background:var(--deep);color:white}.button-dark:hover{background:var(--deeper);box-shadow:0 14px 30px rgba(20,56,41,.17)}.text-link{border-bottom:1px solid rgba(255,255,255,.58);padding-bottom:6px;font-size:.96rem;font-weight:600;color:white;transition:border-color .2s}.text-link:hover{border-color:white}.hero-note{font-size:.87rem;color:#BBD0C1;margin:23px 0 0}.hero-art{position:relative;min-height:560px;align-self:end;display:grid;place-items:center}.snake-halo{position:absolute;width:min(88%,630px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(211,231,207,.3),rgba(177,209,180,.12) 48%,transparent 70%);filter:blur(10px)}.hero-snake{width:min(90%,570px);height:auto;position:relative;z-index:2;filter:drop-shadow(0 35px 32px rgba(5,20,12,.28));animation:snake-float 7s ease-in-out infinite}.hero-orbit{position:absolute;border:1px solid rgba(217,236,217,.16);border-radius:50%;aspect-ratio:1;pointer-events:none}.orbit-one{width:540px}.orbit-two{width:680px}.floating-card{position:absolute;z-index:3;background:rgba(248,250,245,.93);color:#254737;border:1px solid rgba(255,255,255,.68);box-shadow:0 18px 44px rgba(17,40,26,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.floating-card-top{top:128px;right:-5px;display:flex;gap:12px;align-items:center;border-radius:18px;padding:12px 18px;transform:rotate(4deg);animation:card-drift 6s ease-in-out infinite}.floating-card-top strong,.floating-card-top small{display:block}.floating-card-top strong{font-size:.82rem}.floating-card-top small{font-size:.75rem;color:#65756B;margin-top:2px}.floating-card-icon{width:34px;height:34px;border-radius:12px;background:#DCE8D9;display:grid;place-items:center;font-size:1.1rem}.floating-card-bottom{left:0;bottom:65px;border-radius:999px;padding:14px 19px;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:10px;transform:rotate(-5deg);animation:card-drift 7s ease-in-out 1s infinite}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#3E6B5A;box-shadow:0 0 0 4px #DCE6E1}.hero-footer{position:relative;z-index:2;display:flex;gap:24px;align-items:center;justify-content:center;height:70px;color:#D5E6D8;text-transform:uppercase;font-size:.73rem;font-weight:700;letter-spacing:.17em;border-top:1px solid rgba(255,255,255,.17)}.hero-footer i{width:3px;height:3px;border-radius:50%;background:#B4D5B8}
.intro{background:var(--bg)}.intro-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-bottom:58px}.section-index{display:block;color:var(--primary);margin-bottom:22px}.section-heading h2,.steps-heading h2,.community h2,.demo-copy h2,.final-inner h2{font-size:clamp(2.8rem,4.45vw,5.25rem);font-weight:650;letter-spacing:-.067em;line-height:1.1;margin:0}.intro-side{color:var(--muted);font-size:1.07rem;line-height:1.7;margin:0 0 7px;max-width:450px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:325px;background:white;border:1px solid #E7ECE5;border-radius:26px;padding:31px;display:flex;flex-direction:column;box-shadow:0 16px 36px rgba(33,61,44,.035);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-7px);box-shadow:0 24px 46px rgba(33,61,44,.1)}.feature-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:47px}.feature-number{font-size:.76rem;color:#8A9C8F;font-weight:700;letter-spacing:.1em}.feature-icon{width:54px;height:54px;border-radius:17px;background:#EBF2EB;display:grid;place-items:center}.feature-icon img{width:27px;height:27px;object-fit:contain}.feature-icon-text{font-size:1.8rem;color:var(--primary)}.feature-card h3{font-size:1.55rem;letter-spacing:-.035em;margin:0 0 12px;color:var(--deeper)}.feature-card p{font-size:.99rem;line-height:1.6;color:var(--muted);margin:0 0 25px;max-width:350px}.feature-trail{margin-top:auto;border-top:1px solid #EDF0EB;padding-top:17px;color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:.04em}
.demo-section{position:relative;overflow:hidden;background:#EAF0E8}.demo-leaf{position:absolute;width:420px;left:-175px;bottom:-150px;opacity:.48;transform:rotate(28deg);pointer-events:none}.demo-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:86px;align-items:center}.demo-copy h2{margin-bottom:24px}.demo-copy p:not(.demo-caption){color:var(--muted);font-size:1.1rem;line-height:1.7;max-width:510px}.animal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}.animal-tab{border:1px solid #C9D7CC;background:transparent;padding:11px 17px;border-radius:999px;color:var(--deep);font-size:.88rem;font-weight:700;transition:background .2s,color .2s,transform .2s}.animal-tab:hover{transform:translateY(-2px)}.animal-tab.active{background:var(--deep);color:white;border-color:var(--deep)}.demo-caption{font-size:.79rem;color:#697A70;margin-top:13px}.demo-window{position:relative;z-index:1;background:#FAFCF8;border:1px solid #D5E2D5;border-radius:24px;box-shadow:0 32px 70px rgba(24,59,39,.13);overflow:hidden;transform:rotate(1.5deg)}.demo-window-bar{height:61px;border-bottom:1px solid #E5ECE2;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-brand{display:flex;align-items:center;gap:7px;font-weight:800;color:var(--deep);letter-spacing:-.035em;font-size:.9rem}.mini-brand-mark{width:21px;height:21px;border:1.8px solid var(--deep);border-radius:6px;display:grid;place-items:center;font-size:.75rem}.demo-label{color:#7C9181;font-size:.74rem;font-weight:600}.window-dots{display:flex;gap:5px}.window-dots b{width:5px;height:5px;border-radius:50%;background:#BDD0BD}.demo-pet-head{display:flex;align-items:center;gap:16px;padding:29px 29px 25px}.demo-avatar{width:67px;height:67px;background:linear-gradient(145deg,#DCE8D9,#F2F6EF);border-radius:22px;color:var(--primary);display:grid;place-items:center;font-size:1.7rem;font-weight:800}.demo-subtitle{font-size:.77rem;color:#839489}.demo-pet-head h3{margin:3px 0 0;font-size:1.7rem;line-height:1.1;letter-spacing:-.04em;color:var(--deeper)}.demo-status{margin-left:auto;border-radius:999px;padding:7px 10px;background:#E5F1E7;color:var(--primary);font-size:.7rem;font-weight:700;white-space:nowrap}.demo-window-body{background:white;border:1px solid #E7EDE7;border-radius:19px;margin:0 20px;padding:24px}.demo-panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #EDF0ED}.demo-panel-title h4{margin:0;color:var(--deeper);font-size:1rem}.demo-panel-title span{font-size:.75rem;color:#8C9D90}.event-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #F0F2EF}.event-row:last-child{border:0;padding-bottom:0}.event-icon{width:39px;height:39px;background:#EDF4ED;border-radius:12px;display:grid;place-items:center;flex:none}.event-icon img{width:20px;height:20px;object-fit:contain}.event-text{flex:1;min-width:0}.event-text strong,.event-text small{display:block}.event-text strong{font-size:.86rem;color:#254737}.event-text small{font-size:.73rem;color:#87988B;margin-top:3px}.event-date{font-size:.73rem;color:#66796C;white-space:nowrap}.demo-window-foot{padding:18px 29px 23px;display:flex;justify-content:space-between;color:#738779;font-size:.75rem}.foot-sparkle{font-size:1.1rem;color:var(--primary)}.demo-foot-dots{letter-spacing:.2em}
.steps{background:#fff}.steps-heading{margin-bottom:73px}.steps-line{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:50px}.step-no{color:var(--primary);font-size:.86rem;font-weight:800;letter-spacing:.07em}.step-rule{height:1px;width:100%;background:#CEDBD0;position:relative;margin:22px 0 30px}.step-rule:before{content:"";position:absolute;left:0;top:-5px;width:11px;height:11px;border-radius:50%;background:var(--primary)}.step h3{margin:0 0 10px;color:var(--deeper);font-size:1.53rem;letter-spacing:-.035em}.step p{margin:0;max-width:320px;color:var(--muted);line-height:1.6;font-size:1rem}.quote-section{background:#E8EFE7;padding:94px 0}.quote-inner{display:flex;align-items:flex-start;gap:34px}.quote-mark{font-family:Georgia,serif;font-size:8rem;line-height:.85;color:#7FA38C}.quote-inner p{font-size:clamp(2rem,3.2vw,4rem);line-height:1.25;letter-spacing:-.055em;color:var(--deeper);margin:0;flex:1}.quote-sign{align-self:flex-end;font-size:.86rem;font-weight:800;letter-spacing:.04em;color:var(--primary)}
.community{background:var(--bg)}.community-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.community-copy p{max-width:430px;color:var(--muted);font-size:1.07rem;line-height:1.7;margin:25px 0 0}.social-list{display:grid;gap:11px}.social-card{background:white;border:1px solid #E3EAE2;border-radius:19px;min-height:92px;padding:18px 21px;display:flex;align-items:center;gap:17px;transition:transform .25s,border-color .25s,box-shadow .25s}.social-card:hover{transform:translateX(5px);border-color:#ABC6B4;box-shadow:0 12px 28px rgba(32,65,42,.08)}.social-monogram{width:48px;height:48px;flex:none;border-radius:14px;display:grid;place-items:center;background:#E8F0E7;color:var(--primary);font-size:1rem;font-weight:800}.social-card strong,.social-card small{display:block}.social-card strong{color:var(--deeper);font-size:1rem}.social-card small{color:#829188;margin-top:3px;font-size:.77rem}.social-external{margin-left:auto;color:#7D9A85;font-size:1.25rem}
.final-cta{position:relative;overflow:hidden;background:var(--deep);color:white;text-align:center;padding:118px 0 126px}.final-leaf{position:absolute;right:-160px;bottom:-280px;width:580px;opacity:.18;transform:rotate(-20deg);filter:brightness(1.5);pointer-events:none}.final-inner{position:relative;z-index:1}.final-inner .section-index{color:#BAD8C1}.final-inner h2{font-size:clamp(3.4rem,6vw,7rem);margin-bottom:21px}.final-inner h2 em{color:#C5DDC4}.final-inner p{font-size:1.08rem;color:#D5E5D8;line-height:1.6;margin:0 0 34px}.site-footer{background:#F8FAF6;padding:42px 0}.footer-inner{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:22px;align-items:center}.site-footer .wordmark{color:var(--deep);font-size:1.3rem}.site-footer .wordmark-mark{width:28px;height:28px;font-size:15px}.site-footer .wordmark-period{color:var(--primary)}.footer-inner p{font-size:.85rem;color:#738176;margin:0;max-width:240px;line-height:1.5}.footer-links{display:flex;gap:16px;flex-wrap:wrap;color:var(--primary);font-size:.8rem;font-weight:700}.footer-links a:hover{text-decoration:underline}.copyright{font-size:.8rem;color:#89958B;white-space:nowrap}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.feature-card:nth-child(2){transition-delay:.08s}.feature-card:nth-child(3){transition-delay:.16s}.step:nth-child(2){transition-delay:.1s}.step:nth-child(3){transition-delay:.2s}@keyframes snake-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes card-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
.consent-banner[hidden]{display:none}.consent-banner{position:fixed;z-index:200;bottom:18px;left:18px;right:18px;max-width:850px;margin:auto;background:#FBFCF8;color:#24332B;border:1px solid #DDE5D8;border-radius:20px;padding:20px 22px;box-shadow:0 20px 50px rgba(19,44,26,.2);display:flex;align-items:center;gap:20px}.consent-banner p{margin:0;flex:1;font-size:.85rem;line-height:1.5}.consent-banner p a{text-decoration:underline;color:var(--primary)}.consent-actions{display:flex;gap:8px;flex-wrap:wrap}.consent-actions button{border:1px solid var(--primary);border-radius:999px;padding:10px 15px;background:transparent;color:var(--primary);font-size:.78rem;font-weight:700}.consent-actions button:last-child{background:var(--primary);color:white}.consent-actions button:hover{filter:brightness(.9)}
@media(max-width:1100px){.shell{width:min(100% - 48px,1320px)}.hero h1{font-size:clamp(3.45rem,5.7vw,5rem)}.hero-art{min-height:580px}.floating-card-top{right:-18px}.demo-layout{gap:45px}.community-grid{gap:55px}.footer-inner{grid-template-columns:1fr 1fr}.footer-links{justify-content:flex-start}}
@media(max-width:760px){.shell{width:min(100% - 36px,1320px)}.section-pad{padding:88px 0}.header-inner{min-height:74px}.wordmark{font-size:1.26rem}.wordmark-mark{width:29px;height:29px;font-size:16px}.desktop-nav{display:none}.header-cta{padding:9px 19px;font-size:.86rem}.hero{min-height:auto}.hero-grid{display:flex;flex-direction:column;min-height:auto;padding-top:100px}.hero-copy{padding:26px 0 10px;max-width:100%}.eyebrow{font-size:.67rem;letter-spacing:.14em;margin-bottom:24px}.hero h1{font-size:clamp(2.9rem,10.6vw,5rem);letter-spacing:-.07em}.hero-lead{font-size:1.03rem;margin-bottom:28px}.hero-art{width:100%;min-height:440px;max-width:510px;align-self:center;margin-top:6px}.hero-snake{width:92%}.orbit-one{width:75%}.orbit-two{width:96%}.floating-card-top{top:68px;right:0}.floating-card-bottom{bottom:30px;left:0}.hero-footer{height:auto;min-height:72px;flex-wrap:wrap;gap:11px 17px;padding:18px 0;font-size:.63rem}.intro-grid,.demo-layout,.community-grid{grid-template-columns:1fr;gap:28px}.intro-grid{margin-bottom:35px}.intro-side{max-width:650px}.section-heading h2,.steps-heading h2,.community h2,.demo-copy h2{font-size:clamp(2.55rem,8vw,4rem)}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:0;padding:26px}.feature-top{margin-bottom:30px}.feature-card p{max-width:500px}.demo-layout{gap:42px}.demo-window{transform:none}.steps-heading{margin-bottom:50px}.steps-line{grid-template-columns:1fr;gap:32px;margin-bottom:42px}.step-rule{margin:13px 0 20px}.step p{max-width:540px}.quote-section{padding:72px 0}.quote-inner{gap:14px}.quote-mark{font-size:5rem}.quote-inner p{font-size:clamp(1.8rem,5.5vw,3rem)}.quote-sign{display:none}.community-grid{gap:38px}.final-cta{padding:94px 0 100px}.final-leaf{width:420px;right:-230px;bottom:-230px}.consent-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.hero h1{font-size:clamp(2.65rem,11vw,3.75rem)}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-art{min-height:370px}.floating-card-top{top:40px;right:-8px;padding:9px 11px}.floating-card-top strong{font-size:.7rem}.floating-card-top small{font-size:.65rem}.floating-card-icon{width:29px;height:29px}.floating-card-bottom{bottom:24px;font-size:.68rem;padding:10px 12px}.hero-footer i:nth-of-type(4){display:none}.demo-pet-head{padding:20px 18px;gap:12px}.demo-avatar{width:53px;height:53px;border-radius:16px}.demo-pet-head h3{font-size:1.42rem}.demo-status{font-size:.6rem}.demo-window-body{margin:0 10px;padding:17px}.demo-window-bar{padding:0 17px}.demo-label{display:none}.event-row{gap:8px}.event-icon{width:35px;height:35px}.event-date{font-size:.64rem}.event-text strong{font-size:.78rem}.event-text small{font-size:.67rem}.demo-window-foot{padding:15px 19px 18px}.footer-inner{grid-template-columns:1fr;gap:18px}.footer-links{gap:10px 20px}.copyright{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.hero-snake,.floating-card{animation:none}.button,.feature-card,.social-card,.animal-tab{transition:none}}
.button-reptilium{background:#dce7d3;color:#19372d;box-shadow:0 10px 30px rgba(10,30,20,.18)}
.button-reptilium:hover{background:#e5efdc;box-shadow:0 16px 34px rgba(10,30,20,.22)}

/* Feedback iteration: readable branding, compact feature section, real example views. */
.wordmark{gap:11px;font-size:1.48rem;font-weight:600;letter-spacing:-.035em;line-height:1.15}.wordmark-mark,.site-footer .wordmark-mark{display:block;width:42px;height:42px;min-width:42px;border:0;border-radius:0;transform:none;object-fit:contain}.site-header .wordmark-mark{filter:brightness(0) invert(1)}.site-footer .wordmark{font-size:1.38rem;font-weight:600;letter-spacing:-.035em}.site-footer .wordmark-mark{width:38px;height:38px;min-width:38px}.mini-brand{font-weight:600;letter-spacing:-.02em}.mini-brand img{width:25px;height:25px;object-fit:contain}
.floating-card-top{min-width:245px;padding:15px 19px;gap:13px}.floating-card-top strong{font-size:1rem;line-height:1.2;font-weight:600;letter-spacing:-.015em}.floating-card-top small{font-size:.9rem;font-weight:400;line-height:1.25;color:#52675A;margin-top:4px}
.intro{padding-top:76px;padding-bottom:82px}.intro-grid{margin-bottom:38px}.feature-card{min-height:285px;padding:28px}.feature-top{margin-bottom:24px}.feature-card h3{font-weight:600}.feature-card p{margin-bottom:22px}.steps .step h3{font-weight:600}
.demo-layout{grid-template-columns:.78fr 1.22fr;gap:64px}.demo-window{transform:none}.demo-copy h2{font-size:clamp(2.8rem,4.1vw,4.8rem)}.animal-tabs{margin-top:30px}.animal-tab{font-weight:600}.demo-caption{max-width:440px;line-height:1.5}.demo-window-foot{padding:14px 23px 17px}
.real-pet-card{display:grid;grid-template-columns:42% 1fr;min-height:355px;padding:22px;gap:23px}.real-pet-photo{width:100%;height:100%;max-height:355px;object-fit:contain;border-radius:17px;background:radial-gradient(circle,#e8eee7,#f7f9f4)}.real-pet-info{min-width:0;align-self:center}.real-overline{font-size:.74rem;color:#688576}.real-pet-info h3{font-size:clamp(2rem,3vw,2.6rem);font-weight:650;letter-spacing:-.045em;color:var(--deeper);margin:10px 0 26px}.real-metrics{display:grid;gap:12px}.real-metrics span{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid #e3ebe2;border-radius:13px;background:white;color:#6d8172;font-size:.73rem}.real-metrics strong{color:var(--deeper);font-size:.97rem;font-weight:600}.real-pet-info p{color:var(--muted);font-size:.82rem;line-height:1.5;margin:18px 0 0}
.real-history,.real-calendar{min-height:355px;margin:20px;padding:22px 25px;border:1px solid #e5ece4;background:white;border-radius:18px}.real-view-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eee8;padding-bottom:14px}.real-view-title h3{color:var(--deeper);font-size:1.1rem;margin:0;font-weight:650}.real-view-title span{font-size:.75rem;color:#859787}.real-history-row{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #eef1ee}.real-history-row:last-child{border:0}.real-history-date{font-size:.73rem;color:#7b8f80;line-height:1.5}.real-history-main strong,.real-history-main small{display:block}.real-history-main strong{color:var(--deeper);font-size:.9rem;font-weight:650}.real-history-main small{color:#657969;font-size:.77rem;line-height:1.45;margin-top:4px}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-weekdays{color:#8b9c8e;font-size:.65rem;padding-top:14px}.calendar-days{margin-top:7px}.calendar-days span{min-height:27px;display:grid;place-items:center;color:#405c49;font-size:.72rem}.calendar-days .calendar-record{color:white;background:var(--primary);border-radius:8px;font-weight:700}.calendar-detail{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:10px 12px;background:#eef4eb;border-radius:12px;color:var(--deeper)}.calendar-detail strong{font-size:.77rem}.calendar-detail small{font-size:.71rem;color:#647c6a}.calendar-empty{font-size:.7rem;line-height:1.4;color:#708274;margin:10px 0 0}
.community{padding-top:90px;padding-bottom:90px}.community-grid{grid-template-columns:1fr .5fr;gap:70px}.social-list{width:130px;justify-self:center;gap:17px}.social-card{position:relative;width:124px;height:124px;min-height:0;padding:0;border:0;border-radius:29px;display:grid;place-items:center;box-shadow:0 14px 29px rgba(31,64,49,.11)}.social-card:hover{transform:translateX(5px) scale(1.03)}.social-card img{width:73px;height:73px;object-fit:contain;filter:brightness(0) invert(1)}.social-telegram{background:#26A5E4}.social-max{background:#1769FF}.social-vk{background:#0077FF}.vk-glyph{color:white;font-family:Arial,sans-serif;font-size:3.6rem;font-weight:800;letter-spacing:-.12em;line-height:1;padding-right:.1em}.social-card::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 17px);top:50%;transform:translate(-5px,-50%);opacity:0;pointer-events:none;background:var(--deeper);color:white;font-size:.78rem;font-weight:600;padding:8px 11px;border-radius:9px;white-space:nowrap;transition:opacity .2s,transform .2s}.social-card:hover::after,.social-card:focus-visible::after{opacity:1;transform:translate(0,-50%)}
@media(max-width:1100px){.demo-layout{gap:36px}.community-grid{grid-template-columns:1fr .4fr}}
@media(max-width:760px){.intro{padding-top:72px;padding-bottom:74px}.intro-grid{margin-bottom:30px}.feature-card{min-height:0}.demo-layout,.community-grid{grid-template-columns:1fr}.social-list{justify-self:start;display:flex;width:auto}.social-card{width:84px;height:84px;border-radius:20px}.social-card img{width:49px;height:49px}.vk-glyph{font-size:2.5rem}.social-card::after{left:50%;top:calc(100% + 10px);transform:translate(-50%,-5px)}.social-card:hover::after,.social-card:focus-visible::after{transform:translate(-50%,0)}.real-pet-card{min-height:0}}
@media(max-width:480px){.wordmark{font-size:1.2rem}.wordmark-mark{width:35px;height:35px;min-width:35px}.floating-card-top{min-width:0;padding:10px 12px}.floating-card-top strong{font-size:.78rem}.floating-card-top small{font-size:.72rem}.real-pet-card{grid-template-columns:1fr;gap:12px}.real-pet-photo{height:180px}.real-pet-info h3{margin:4px 0 12px}.real-metrics{grid-template-columns:1fr 1fr;gap:7px}.real-metrics span{font-size:.65rem;padding:8px}.real-metrics strong{font-size:.75rem}.real-pet-info p{margin-top:9px}.real-history,.real-calendar{margin:10px;padding:14px}.real-history-row{grid-template-columns:75px 1fr;gap:8px}.real-history-date{font-size:.65rem}.real-history-main small{font-size:.68rem}.social-card{width:76px;height:76px}}
.intro{padding-bottom:54px}.demo-section{padding-top:82px}.calendar-days span{min-height:25px}
@media(max-width:760px){.intro{padding-bottom:54px}.demo-section{padding-top:72px}}
.social-card{border:1px solid #b9cfbd;background:#e4eee3;box-shadow:0 14px 29px rgba(31,64,49,.09)}.social-card img{filter:none}.social-telegram,.social-max,.social-vk{background:#e4eee3}.vk-glyph{color:var(--primary)}.social-card:hover{border-color:var(--primary);background:#d6e6d6}
@media(max-width:760px){.social-list{display:grid;width:84px;justify-self:center;gap:14px}.social-card{width:84px;height:84px}}
@media(max-width:480px){.social-list{width:76px}.social-card{width:76px;height:76px}}
/* Faithful, compact views of the pet page. The viewport stays the same height across tabs. */
.floating-card-bottom{font-size:1rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}.feature-top{margin-bottom:10px}
.demo-window{height:515px;overflow:hidden;background:#f8faf5}.demo-window #demo-view{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#c8d7c9 transparent}
.sample-card-view,.sample-history,.sample-calendar{height:100%;padding:17px 20px;color:#213d2a}.sample-pet-heading,.sample-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sample-pet-heading h3,.sample-history h3,.sample-calendar-heading h3{font-size:1.6rem;line-height:1.1;letter-spacing:-.04em;margin:0;font-weight:650;color:#233c2b}.sample-share{display:grid;place-items:center;width:30px;height:30px;background:#34593d;border-radius:9px;color:white;font-size:1.25rem}
.sample-pet-overview{display:grid;grid-template-columns:31% 1fr;gap:13px;min-height:235px}.sample-pet-media{min-width:0}.sample-photo{height:195px;border-radius:15px;background:#edf3e9;display:grid;place-items:center;overflow:hidden}.sample-photo img{height:100%;width:100%;object-fit:contain}.sample-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.sample-media-actions span{padding:6px 2px;border-radius:8px;text-align:center;background:#34593d;color:white;font-size:.64rem;font-weight:600}.sample-media-actions span+span{color:#34593d;background:#eef2ed}.sample-pet-details{min-width:0}.sample-pet-chips{display:flex;gap:4px;flex-wrap:wrap;align-items:center;min-height:48px;margin-bottom:6px}.sample-pet-chips span{display:inline-block;padding:5px 7px;border-radius:8px;background:#e9eee7;font-size:.62rem;line-height:1.15;white-space:nowrap}.sample-pet-chips .sample-warning{color:#b9553d;background:#f5e5e1}.sample-passport{min-height:175px;border-radius:14px;background:white;padding:10px 12px;box-shadow:0 5px 18px rgba(33,61,44,.07)}.sample-passport h4{font-size:.77rem;margin:0 0 8px;color:#173923}.sample-passport-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px 11px}.sample-passport-fields div{display:flex;flex-direction:column;min-width:0;gap:2px;font-size:.64rem;line-height:1.25}.sample-passport-fields span{color:#6a7b6b}.sample-passport-fields strong{font-weight:600;overflow-wrap:anywhere}
.sample-care{margin-top:10px;background:white;border-radius:15px;padding:11px 12px;box-shadow:0 5px 18px rgba(33,61,44,.07)}.sample-care-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}.sample-care-heading strong{font-size:.83rem}.sample-care-heading span{font-size:.63rem;color:#7b8a7e}.sample-care-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sample-care-grid>div{min-width:0;min-height:92px;display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid #e8eee6;border-radius:10px}.sample-care-grid strong{font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-care-grid small{font-size:.58rem;color:#697b6d;line-height:1.25;flex:1}.sample-care-grid span{padding:5px 2px;border-radius:7px;background:#34593d;color:white;text-align:center;font-size:.56rem;font-weight:600;white-space:nowrap}
.sample-history h3{margin-bottom:15px}.sample-history-table{background:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px rgba(33,61,44,.06)}.sample-history-head,.sample-history-row{display:grid;grid-template-columns:17% 18% 17% 1fr;gap:6px;align-items:start;padding:0 12px}.sample-history-head{background:#f0f4ed;color:#536d59;font-size:.67rem;padding-top:12px;padding-bottom:12px}.sample-history-row{border-top:1px solid #e2eadf;min-height:88px;padding-top:10px;padding-bottom:10px;font-size:.67rem;line-height:1.35}.sample-history-row>span:not(:last-child){padding-top:2px}.sample-comment{display:grid;gap:3px}.sample-comment small{display:block;font-size:.65rem;line-height:1.28;color:#2c4533}.sample-comment .alert{color:#b9553d}
.sample-calendar-heading{margin-bottom:16px}.sample-calendar-heading span{background:#34593d;color:white;border-radius:10px;padding:8px 10px;font-weight:600;font-size:.67rem;white-space:nowrap}.sample-calendar-layout{display:grid;grid-template-columns:minmax(0,39%) minmax(0,61%);gap:12px;height:calc(100% - 49px)}.sample-month,.sample-upcoming{min-width:0;border-radius:16px;background:white;box-shadow:0 5px 18px rgba(33,61,44,.06);padding:14px}.sample-month-heading{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:.76rem;margin-bottom:13px}.sample-month-heading strong{white-space:nowrap}.sample-month-heading span{color:#34593d;font-size:1.2rem}.sample-weekdays,.sample-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;text-align:center;max-width:260px;margin-inline:auto}.sample-weekdays{font-size:.62rem;color:#7b8e7b}.sample-days{margin-top:11px;row-gap:5px}.sample-days span{height:27px;display:grid;place-items:center;font-size:.69rem;color:#2d4632}.sample-days .outside{color:#bac5ba}.sample-days .today{font-weight:700}.sample-days .scheduled{border:1px solid #34593d;border-radius:50%;font-weight:700}.sample-count{display:block;font-size:.7rem;color:#5e735f;margin-bottom:12px}.sample-upcoming-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:11px 10px;margin-bottom:7px;border-radius:10px;background:#f3f6f1}.sample-upcoming-row strong{font-size:.72rem}.sample-upcoming-row span{grid-column:1;font-size:.68rem;color:#5f725f}.sample-upcoming-row time{grid-column:2;grid-row:1/3;font-size:.66rem;white-space:nowrap;color:#34593d}
.social-card,.social-telegram,.social-max,.social-vk{background:#34593d;border-color:#34593d}.social-card:hover{background:#42684a;border-color:#42684a}.social-card img{width:70px;height:70px;filter:none}.social-vk img{width:76px;height:76px}
@media(max-width:760px){.demo-window{height:565px}.sample-card-view,.sample-history,.sample-calendar{padding:15px}.sample-pet-overview{grid-template-columns:30% 1fr}.sample-photo{height:180px}.sample-pet-chips span{font-size:.58rem}.sample-care-grid strong{font-size:.62rem}.sample-calendar-layout{grid-template-columns:38% 62%;gap:7px}.sample-month,.sample-upcoming{padding:10px}.sample-days span{height:24px;font-size:.62rem}.social-card img{width:51px;height:51px}.social-vk img{width:57px;height:57px}}
@media(max-width:480px){.floating-card-bottom{font-size:.78rem}.demo-window{height:585px}.sample-card-view,.sample-history,.sample-calendar{padding:12px}.sample-pet-overview{grid-template-columns:31% 1fr;gap:8px}.sample-photo{height:170px}.sample-media-actions{grid-template-columns:1fr}.sample-media-actions span{font-size:.53rem}.sample-pet-chips{min-height:0}.sample-pet-chips span{font-size:.52rem;padding:4px}.sample-passport{padding:8px}.sample-passport-fields{gap:6px}.sample-passport-fields div{font-size:.54rem}.sample-care{padding:9px}.sample-care-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-care-grid>div{min-height:68px}.sample-care-grid small{font-size:.54rem}.sample-history-head,.sample-history-row{grid-template-columns:16% 20% 19% 1fr;gap:3px;padding-left:6px;padding-right:6px}.sample-history-head{font-size:.56rem}.sample-history-row{font-size:.58rem;min-height:100px}.sample-comment small{font-size:.55rem}.sample-calendar-layout{grid-template-columns:1fr;height:auto}.sample-month,.sample-upcoming{padding:10px}.sample-days span{height:24px}.sample-calendar-heading h3{font-size:1.35rem}.sample-calendar-heading span{font-size:.57rem}.sample-upcoming-row{grid-template-columns:1fr auto}}
.sample-photo img{width:94%;height:94%;max-width:94%;max-height:94%;object-fit:contain;object-position:center}.sample-calendar-layout{grid-template-columns:minmax(0,35%) minmax(0,65%)}.sample-upcoming-row{padding:7px 10px;margin-bottom:5px}.sample-upcoming-row strong{font-size:.69rem}.sample-upcoming-row span,.sample-upcoming-row time{font-size:.63rem}
@media(max-width:480px){.sample-calendar-layout{grid-template-columns:1fr}}
@media(max-width:480px){.demo-window{height:680px}}

/* Keep the three example views compact and give calendar dates round markers. */
.demo-window{height:455px}
.sample-calendar-layout{height:auto;align-items:start}
.sample-days span{width:25px;height:25px;justify-self:center}
.sample-days .scheduled{aspect-ratio:1}
.social-vk img{width:92px;height:92px}
@media(max-width:760px){
  .demo-window{height:520px}
  .sample-days span{width:23px;height:23px}
  .social-list{display:flex;flex-direction:row;justify-self:center;width:auto;gap:14px}
  .social-card{width:84px;height:84px}
  .social-vk img{width:67px;height:67px}
}
@media(max-width:480px){
  .demo-window{height:530px}
  .sample-calendar-heading{margin-bottom:10px}
  .sample-month,.sample-upcoming{padding:8px}
  .sample-month-heading{margin-bottom:7px}
  .sample-days{margin-top:7px;row-gap:2px}
  .sample-days span{width:20px;height:20px}
  .sample-count{margin-bottom:6px}
  .sample-upcoming-row{gap:2px 8px;padding:3px 7px;margin-bottom:3px}
  .social-list{width:auto}
  .social-card{width:76px;height:76px}
  .social-vk img{width:62px;height:62px}
}