
:root {--paper:#fdfaf5; --brown:#58341e; --muted:#9b7c6b; --pink:#ff328f;--border:#eadbcb;}
* {box-sizing:border-box}
html { scroll-behavior:smooth; }
body {margin:0;background:var(--paper);color:var(--brown);font-family:'DM Sans','Arial',sans-serif;-webkit-font-smoothing:antialiased;}
.content {width:min(448px,calc(100% - 32px));margin:0 auto;padding-top:47px;padding-bottom:47px}
.offer-header {text-align:center}
.title {margin:0;color:var(--brown);font-family:'Playfair Display',Georgia,serif;font-size:29px;font-weight:900;line-height:.96;letter-spacing:-.8px;text-transform:uppercase}
.headline-highlight {margin:11px auto 0;line-height:1}
.headline-highlight span {display:inline-block;background:var(--pink);color:white;font-family:'Playfair Display',Georgia,serif;font-size:30px;line-height:1.1;font-weight:900;border-radius:5px;padding:1px 8px 3px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap}
.intro {font-size:12.3px;line-height:1.5;margin:23px auto 31px;max-width:408px;color:#a38777}
.intro strong {color:#7b6252;font-weight:800}
.intro .hot {color:var(--pink)}
.expert-image-wrap {position:relative;width:100%;border-radius:22px;overflow:hidden;background:#e6d9ca;container-type:inline-size;box-shadow:0 17px 24px rgba(100,64,35,.07)}
.hero-photo {display:block;width:100%;height:auto;}
.expert-image-type {position:absolute;z-index:2;top:8.1%;right:3%;width:40%;text-align:center;color:#41240d;font-family:Georgia,'Times New Roman',serif;line-height:1}
.expert-name {font-size:10.6cqw;letter-spacing:-.08em;line-height:.91;font-weight:400}
.expert-name span {display:block;}
.expert-name span:last-child {font-size:.80em;letter-spacing:-.052em;}
.expert-subtitle {font-size:4.7cqw;white-space:nowrap;margin-top:3.4cqw}
.expert-divider {height:1px;width:18%;background:#785b43;margin:4.2cqw auto 2.6cqw}
.expert-quote {font-style:italic;line-height:1.13;font-size:3.55cqw;margin:0;white-space:nowrap;transform:translateX(-2%)}
.benefit {max-width:390px;margin:30px auto 0;text-align:center;color:#9b7c6b;font-size:12.5px;line-height:1.55}
.benefit strong{font-weight:800;color:#816454}
.instruction{text-align:center;margin:20px auto 23px;font-size:12.6px;color:#72503d}
.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;text-align:center;border-radius:999px;background:var(--pink);color:white;text-decoration:none;font-weight:800;font-size:11.5px;padding:11px 16px;transition:filter .2s,transform .2s}
.cta:hover{filter:brightness(.95);transform:translateY(-1px)}
.cta:active{transform:translateY(0)}
.cta:focus-visible{outline:3px solid #a52468;outline-offset:3px}
.reviews {margin-top:45px}
.reviews h2 {font-family:'Playfair Display',Georgia,serif;font-size:19.5px;line-height:1.25;font-weight:800;margin:0 0 17px;text-align:center;color:var(--brown)}
.reviews-window {width:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;border-radius:20px 0 0 20px;touch-action:pan-x pan-y;}
.reviews-window::-webkit-scrollbar{display:none}
.reviews-track {display:flex;gap:10px;align-items:stretch;width:max-content;padding:0 0 3px}
.review-card {flex:0 0 332px;width:332px;min-height:405px;border-radius:18px;border:1px solid var(--border);background:#fffaf2;overflow:hidden;box-shadow:0 2px 3px rgba(79,44,21,.03);scroll-snap-align:start;}
.review-work{display:block;width:100%;height:250px;object-fit:cover;object-position:center 49%}
.review-body{padding:10px 15px 14px;color:#8e7565}
.rating {color:var(--pink);font-size:14px;letter-spacing:1px;height:17px;line-height:16px}
.review-author {display:flex;align-items:center;gap:9px;margin-top:3px;margin-bottom:7px}
.review-author img{display:block;border-radius:50%;height:33px;width:33px;object-fit:cover;}
.review-author div {min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.12}
.review-author strong {font-weight:800;color:#674c39;font-size:12.5px}
.review-author small{font-size:10px;color:#a38a79}
.review-body p {font-size:11.8px;line-height:1.45;color:#9b8272;margin:0}
.cta-bottom {margin-top:23px;position:relative}
.cta-bottom span{font-size:20px;font-weight:400;margin-left:12px;line-height:1}
.disclaimer {color:#b19a89;font-size:10.3px;text-align:center;line-height:1.55;margin:17px 0 0}
footer {text-align:center;font-size:9px;color:#b5a08f;margin-top:51px}
@media (max-width:480px){
 .content{padding-top:31px;padding-bottom:35px}
 .title {font-size:clamp(21px,6.25vw,29px);letter-spacing:-.5px}
 .headline-highlight span {font-size:clamp(23px,6.2vw,30px)}
 .intro {margin-top:19px;margin-bottom:25px;font-size:12px}
 .benefit{margin-top:20px}
 .reviews {margin-top:39px}
 .reviews h2{font-size:18px}
 .review-card {width:min(332px,80vw);flex-basis:min(332px,80vw)}
 .review-work{height:220px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
