body{background:#f1ebe0}.pet-main{max-width:1440px;margin:auto;padding:144px 6vw 72px}.pet-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center}.pet-hero h1{font-family:Serif,serif;font-size:clamp(28px,3.3vw,58px);font-weight:400;line-height:1.25;margin:0 0 28px}.lead{font-family:Serif,serif;font-size:clamp(24px,2.3vw,38px);line-height:1.45}.pet-main p{line-height:1.85}.pet-hero>div>p:not(.lead):not(.eyebrow){font-size:17px;max-width:620px;color:#575750}.hero-phones{display:flex;gap:18px;align-items:center;padding:24px;background:#e1e6d4;border-radius:24px}.hero-phones img{width:calc(50% - 9px);border-radius:16px;box-shadow:0 12px 28px #29352418}.hero-phones img:last-child{margin-top:48px}.pet-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.pet-actions .back{margin-top:0}.pet-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-block:1px solid #29292725;margin-top:54px;padding:24px 0;font-size:14px;line-height:1.8}.pet-meta b{display:block;margin-bottom:8px}.case-nav{display:flex;gap:32px;padding:22px 0;flex-wrap:wrap;font-size:14px}.case-nav a:hover{text-decoration:underline}.case-section{padding:70px 0;border-bottom:1px solid #29292725;scroll-margin-top:95px}.case-section h2{font-family:Serif,serif;font-weight:400;font-size:clamp(25px,2.5vw,42px);line-height:1.35;margin:0 0 30px}.case-section h3{font-size:23px;line-height:1.5;margin:16px 0}.section-intro{max-width:850px;font-size:18px}.decision-grid,.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.decision-grid article,.evidence-grid article{padding:28px;background:#faf7ef;border-radius:16px}.decision-grid article>span,.feature-number{color:#597147;font-size:14px;font-weight:600}.decision-grid p,.evidence-grid p{font-size:16px}.feature{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center;margin-top:64px}.feature.reverse figure{order:2}.feature.reverse{grid-template-columns:1.2fr 1fr}.feature figure{margin:0;text-align:center;background:#e1e6d4;border-radius:20px;padding:28px}.feature img{width:min(100%,280px);height:auto;border-radius:16px;display:block;margin:auto}.feature p{font-size:18px}.feature figcaption{font-size:12px;line-height:1.6;margin-top:18px;color:#535c4c}.takeaway{border-left:3px solid #799952;padding:14px 20px;margin-top:28px;background:#e6e9d8;line-height:1.7}.estimate{display:grid;gap:12px;background:#faf7ef;border-radius:14px;padding:24px;margin:24px 0}.estimate strong{font-size:32px;color:#526d3d}.estimate span{line-height:1.7;font-size:15px}.demo-section{display:grid;grid-template-columns:1fr 360px;gap:8vw;align-items:center}.demo-section video{display:block;width:100%;max-height:660px;background:#e1e6d4;border-radius:20px}.note{font-size:13px!important;color:#6b6c63;line-height:1.75}.evidence-grid dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #29292722;padding:14px 0;font-size:14px}.evidence-grid dd{margin:0;font-weight:600}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0 24px}.result-grid strong{display:block;font-size:clamp(28px,3.2vw,48px);font-weight:500}.result-grid span{display:block;margin-top:12px;font-size:15px}.reflection{max-width:900px;margin-top:38px}.pet-main a:focus-visible{outline:2px solid #597147;outline-offset:5px}@media(max-width:800px){.pet-main{padding:110px 22px 40px}.pet-hero,.feature,.feature.reverse,.demo-section{grid-template-columns:1fr;gap:30px}.hero-phones{max-width:480px;margin-top:15px}.pet-meta{grid-template-columns:1fr;gap:16px}.case-nav{gap:18px}.case-section{padding:44px 0}.decision-grid,.evidence-grid{grid-template-columns:1fr}.feature.reverse figure{order:0}.feature{margin-top:44px}.feature figure{padding:24px}.feature img{width:240px}.demo-section video{max-width:340px;margin:auto}.result-grid{gap:12px}.result-grid span{font-size:13px}.detail-header strong{font-size:20px}.detail-header a{font-size:12px}}

/* Fixed section navigation and a fan of real product screens. */
.detail-header{gap:24px;background:rgba(241,235,224,.78);backdrop-filter:blur(18px);flex-wrap:wrap}
.pet-top-nav{display:flex;gap:24px;margin-left:auto}.pet-top-nav a{font-size:13px;white-space:nowrap;padding:8px 0}.pet-top-nav a:hover{box-shadow:0 1px currentColor}
.hero-phones{position:relative;display:block;height:530px;padding:0;background:transparent;margin:0}
.hero-phones img{position:absolute;width:43%;max-width:218px;left:28%;top:42px;margin:0!important;border-radius:16px;box-shadow:0 18px 40px #29352428;transform-origin:50% 90%;border:3px solid #fff}
.hero-phones img:nth-child(1){transform:translateX(-48%) rotate(-17deg);z-index:1}
.hero-phones img:nth-child(2){transform:translateX(46%) rotate(16deg);z-index:2}
.hero-phones img:nth-child(3){transform:translateX(-19%) rotate(-6deg);z-index:3}
.hero-phones img:nth-child(4){transform:translateX(15%) translateY(14px) rotate(5deg);z-index:4}
.validation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.validation-grid article{padding:20px;background:#faf7ef;border-radius:12px}.validation-grid h4{margin:0 0 12px;font-size:18px}.validation-grid p{font-size:15px}
.reflection{max-width:none}
@media(max-width:1100px){.detail-header{gap:12px}.pet-top-nav{gap:14px}.hero-phones{height:450px}}
@media(max-width:800px){.detail-header{padding:16px 22px;justify-content:space-between}.pet-top-nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px;overflow-x:auto}.pet-top-nav a{font-size:12px}.pet-main{padding-top:150px}.case-section{scroll-margin-top:130px}.hero-phones{height:400px;width:100%;max-width:460px;margin:0 auto}.hero-phones img{width:42%;top:28px}.validation-grid{grid-template-columns:1fr}}

@media(max-width:800px){.hero-phones{transform:scale(.82);transform-origin:center center}}

/* Warm case canvas and centered section navigation. */
body{background:#f7f5ef}
.detail-header{background:rgba(247,245,239,.82)}
@media(min-width:801px){.detail-header{display:grid;grid-template-columns:1fr auto 1fr}.pet-top-nav{margin:0;justify-self:center}.detail-header>a:last-child{justify-self:end}}
@media(max-width:800px){.pet-top-nav{justify-content:center}}