.cluster-planning{background:#fff}
.cluster-preview-hero{padding-block:clamp(62px,8vw,116px);background:radial-gradient(circle at 88% 17%,#f8dbe9 0,transparent 33%),linear-gradient(125deg,#faf7f2 0%,#f1f5f1 100%)}
.cluster-preview-hero .container{position:relative}
.cluster-preview-hero h1{font-size:clamp(3rem,7vw,6.3rem);max-width:11ch;letter-spacing:-.045em;margin:10px 0 20px}
.cluster-preview-lead{font-size:clamp(1rem,1.45vw,1.18rem);color:#514d57;max-width:69ch}
.cluster-presentation-link{margin-top:22px}
.cluster-preview-count{position:absolute;right:var(--space);bottom:0;width:190px;padding:18px 22px;border-left:1px solid #d6b4c4;display:flex;flex-direction:column;color:var(--wine)}
.cluster-preview-count strong{font:500 4.2rem/1 var(--font-heading)}
.cluster-preview-count span{font:.72rem/1.3 var(--font-accent);text-transform:uppercase;letter-spacing:.13em}
.cluster-preview-nav{background:#fff;border-block:1px solid var(--border);position:sticky;top:88px;z-index:80}
.cluster-preview-nav .container{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;padding-block:8px}
.cluster-preview-nav a{white-space:nowrap;text-decoration:none;color:var(--ink);font-size:.74rem;font-weight:650;padding:9px 14px;border-radius:99px;min-height:40px;display:inline-flex;align-items:center;gap:9px}
.cluster-preview-nav a:hover,.cluster-preview-nav a:focus-visible{background:var(--pink)}
.cluster-preview-nav a span{font-size:.68rem;color:var(--brand-dark)}
.cluster-compare{padding-block:clamp(70px,8vw,110px);scroll-margin-top:155px}
.cluster-compare:nth-of-type(even){background:#fbf9f6}
.cluster-compare__heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}
.cluster-compare__heading h2{font-size:clamp(2.4rem,4.6vw,4.3rem);margin:2px 0}
.cluster-compare__heading>p{max-width:35ch;color:var(--muted);margin:0 0 8px;font-size:.95rem}
.cluster-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.cluster-panel{border:1px solid var(--border);border-radius:24px;background:#fff;min-width:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 36px #1a1a2e09}
.cluster-panel--upgrade{border-color:#d8a8c1;box-shadow:0 18px 54px #6b2d5c14}
.cluster-panel__label{display:flex;align-items:center;gap:10px;padding:18px 22px;font:.7rem var(--font-accent);text-transform:uppercase;letter-spacing:.17em;color:var(--wine)}
.cluster-panel__dot{width:8px;height:8px;border-radius:50%;background:#b2ada7}
.cluster-panel--upgrade .cluster-panel__dot{background:var(--brand)}
.cluster-original-browser{margin:0 22px;border:1px solid #e4e0de;border-radius:12px;overflow:hidden;background:#fafafa}
.cluster-original-browser__bar{min-height:35px;background:#f1f0ef;border-bottom:1px solid #e4e0de;display:flex;align-items:center;gap:14px;padding:7px 12px;color:#858187;font-size:.65rem;overflow:hidden}
.cluster-original-browser__bar span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cluster-original-browser__bar span:first-child{letter-spacing:.15em;color:#beb8b9}
.cluster-original-browser img{display:block;width:100%;height:clamp(160px,19vw,245px);object-fit:contain;background:#f5ecef;filter:saturate(.68)}
.cluster-original-browser__body{padding:19px 22px 24px}
.cluster-original-browser__body small,.cluster-upgrade-body small{font:.68rem var(--font-accent);text-transform:uppercase;letter-spacing:.13em;color:var(--brand-dark)}
.cluster-original-browser__body h3,.cluster-upgrade-body h3{font-size:clamp(1.65rem,2.4vw,2.25rem);margin:8px 0}
.cluster-original-browser__body p,.cluster-upgrade-body p{font-size:.86rem;color:var(--muted);margin:0}
.cluster-upgrade-visual{margin:0 22px;position:relative;border-radius:13px;overflow:hidden;background:var(--pink)}
.cluster-upgrade-visual img{display:block;width:100%;height:clamp(160px,19vw,245px);object-fit:contain}
.cluster-upgrade-visual__stamp{position:absolute;bottom:14px;left:16px;background:#ffffffed;padding:8px 12px;border-radius:99px;font:700 .67rem var(--font-accent);letter-spacing:.13em;color:var(--wine)}
.cluster-upgrade-visual__stamp span{font-weight:400;margin-left:6px}
.cluster-upgrade-body{padding:19px 22px 0;flex:1}
.cluster-evidence{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.cluster-evidence li{border-top:1px solid #e8e0e2;padding-top:8px;font-size:.78rem;line-height:1.4;color:#4d4c5d}
.cluster-evidence li::before{content:'•';color:var(--brand-dark);margin-right:9px}
.cluster-evidence--upgrade li::before{content:'✓'}
.cluster-price-preview{margin-top:20px;padding-top:14px;border-top:1px solid #e8e0e2}
.cluster-price-preview>p{font-weight:700;color:var(--ink);margin:0 0 10px}
.cluster-price-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cluster-price-preview span{display:flex;justify-content:space-between;gap:6px;padding:9px;background:#fff;border:1px solid #e8e0e2;border-radius:8px;color:#4d4c5d;font-size:.68rem;line-height:1.25}
.cluster-price-preview strong{color:var(--wine);white-space:nowrap}
.cluster-price-preview>small{display:block;margin-top:10px;font-size:.64rem;line-height:1.4;text-transform:none;letter-spacing:normal;color:var(--muted)}
.cluster-upgrade-body .cluster-page-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 10px}
.cluster-upgrade-body .cluster-page-list li{border:1px solid #edc8da;background:#fff8fb;color:var(--wine);border-radius:99px;padding:6px 10px;font-size:.7rem;line-height:1.3}
.cluster-panel__link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 22px 22px;padding-top:15px;border-top:1px solid var(--border);color:var(--brand-dark);font-weight:700;font-size:.82rem;text-decoration:none;min-height:44px}
.cluster-panel__link:hover{text-decoration:underline}
.cluster-panel__pending{margin:auto 22px 22px;padding-top:15px;border-top:1px solid var(--border);font-size:.76rem;color:var(--muted)}
.cluster-preview-end{background:var(--wine);padding-block:clamp(72px,8vw,110px);color:#fff;text-align:center}
.cluster-preview-end .container{max-width:780px}
.cluster-preview-end .eyebrow{color:#f7d2e3}
.cluster-preview-end h2{font-size:clamp(2.5rem,4.6vw,4rem);margin:8px 0 18px}
.cluster-preview-end p:not(.eyebrow){margin:0 auto 28px;color:#f7eaf0}
.cluster-preview-end .button{background:#fff;color:var(--wine);border-color:#fff}
@media(max-width:980px){.cluster-preview-count{position:static;width:auto;max-width:240px;margin-top:28px;padding:12px 18px}.cluster-preview-nav{top:80px}.cluster-compare{scroll-margin-top:145px}}
@media(max-width:700px){.cluster-compare__grid{grid-template-columns:1fr}.cluster-compare__heading{display:block}.cluster-compare__heading>p{max-width:none}.cluster-original-browser img,.cluster-upgrade-visual img{height:240px}.cluster-preview-nav a{font-size:.7rem}.cluster-compare{padding-block:64px}}
@media(max-width:400px){.cluster-original-browser,.cluster-upgrade-visual{margin-inline:15px}.cluster-panel__label{padding-inline:15px}.cluster-original-browser__body,.cluster-upgrade-body{padding-inline:16px}.cluster-panel__link,.cluster-panel__pending{margin-inline:16px}}
/* Client review: visual story and responsive comparison */
.cluster-preview-hero{overflow:hidden}
.cluster-preview-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(36px,5vw,90px)}
.cluster-preview-hero__copy{min-width:0}
.cluster-preview-hero h1{max-width:10ch;font-size:clamp(3.5rem,6vw,5.8rem);line-height:1.03;margin-bottom:24px}
.cluster-preview-lead{max-width:54ch;line-height:1.65}
.cluster-preview-count{position:static;width:auto;max-width:none;margin-top:34px;padding:0 0 0 18px;display:flex;flex-direction:row;align-items:center;gap:14px}
.cluster-preview-count strong{font-size:3.5rem}
.cluster-preview-count span{max-width:15ch}
.cluster-preview-hero__visual{height:clamp(410px,39vw,540px);position:relative;isolation:isolate}
.cluster-preview-hero__visual::before{content:'';position:absolute;inset:8% 7% 8% 3%;border-radius:48% 48% 42% 42%;background:#e9c3d7;transform:rotate(-9deg);z-index:-1}
.cluster-preview-hero__visual img{display:block;width:100%;height:100%;object-fit:cover}
.cluster-preview-hero__portrait{position:absolute;left:3%;top:0;width:65%;height:96%;overflow:hidden;border:9px solid #fff;border-radius:170px 170px 26px 26px;box-shadow:0 24px 55px #6b2d5c25;background:#241f25}
.cluster-preview-hero__portrait img{object-position:center 12%}
.cluster-preview-hero__detail{position:absolute;right:0;width:38%;overflow:hidden;border:7px solid #fff;border-radius:24px;box-shadow:0 18px 38px #6b2d5c22;background:#f7edf2}
.cluster-preview-hero__detail--iv{top:8%;height:37%}
.cluster-preview-hero__detail--skin{bottom:1%;right:5%;height:39%}
.cluster-preview-hero__detail img{object-position:center}
.cluster-upgrade-visual{isolation:isolate;background:#532947}
.cluster-upgrade-visual img{height:clamp(220px,21vw,285px);object-fit:cover;object-position:center 28%}
.cluster-upgrade-visual::after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#281728d9);pointer-events:none}
.cluster-upgrade-visual__stamp{top:14px;bottom:auto;left:14px;z-index:2;background:#fff}
.cluster-upgrade-visual__caption{position:absolute;z-index:2;left:24px;right:24px;bottom:21px;color:#fff;display:grid;gap:5px;text-shadow:0 2px 12px #28172888}
.cluster-upgrade-visual__caption small{font:700 .64rem var(--font-accent);letter-spacing:.15em;text-transform:uppercase;color:#ffe0ef}
.cluster-upgrade-visual__caption strong{font:500 clamp(1.7rem,2.4vw,2.5rem)/1.05 var(--font-heading);max-width:14ch}
.cluster-preview-end__note{display:block;max-width:65ch;margin:22px auto 0;color:#e9d8e4;font-size:.72rem;line-height:1.5}
@media(max-width:1100px){.cluster-preview-hero__grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:28px}.cluster-preview-hero h1{font-size:clamp(3.2rem,5.3vw,5rem)}}
@media(max-width:760px){.cluster-preview-hero{padding-block:55px 70px}.cluster-preview-hero__grid{grid-template-columns:1fr}.cluster-preview-hero h1{font-size:clamp(3.2rem,11vw,5rem);max-width:11ch}.cluster-preview-hero__visual{height:390px;max-width:550px;width:100%;margin:8px auto 0}.cluster-preview-count{margin-top:25px}.cluster-compare__heading{margin-bottom:24px}.cluster-upgrade-visual img{height:250px}}
@media(max-width:430px){.cluster-preview-hero__visual{height:305px}.cluster-preview-hero__portrait{border-width:6px;border-radius:110px 110px 20px 20px}.cluster-preview-hero__detail{border-width:5px;border-radius:18px}.cluster-preview-hero h1{font-size:3.25rem}.cluster-upgrade-visual__caption{left:16px;right:16px;bottom:16px}.cluster-upgrade-visual__caption strong{font-size:1.8rem}}