/* ==========================================================================
   DermPRO — landing styles
   ========================================================================== */

:root{
	/* Legacy homepage tokens (kept until each page is rebuilt from PDF). */
	--cream:#FFFCF9;
	--cream-2:#F3EEE4;
	--ink:#1A1A2D;
	--ink-soft:#2A3550;
	--navy:#314472;
	--navy-deep:#1E2950;
	--teal-1:#16403C;
	--teal-2:#2C6A5E;
	--gold:#C19C69;
	--gold-soft:#D9BD8A;
	--muted:#6A7280;
	--muted-2:#9AA0A8;
	--line:#E7E2D6;
	--line-soft:#EFEBE1;
	--white:#fff;
	--maxw:1500px;
	--maxw-wide:1500px;
	--gutter:32px;
	--r-card:30px;
	--r-md:18px;
	--r-sm:14px;

	/* Design tokens sampled from PDF exports (source of truth for rebuilt pages). */
	--dp-bg:        #FFFCF9;
	--dp-ink:       #1A1A2D;
	--dp-cream:     #F4F0E9;
	--dp-icon-cream:#FFF8E6;
	--dp-gold:      #C19C69;
	--dp-gold-dark: #B18952;
	--dp-navy:      #314472;
	--dp-indigo:    #3B3FBF;
	--dp-blue-soft: #9AADDE;
}
body{background:var(--dp-bg);}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
	margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	background:var(--cream);color:var(--ink);font-size:16px;line-height:1.6;
	-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.08;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
svg{display:block;}

/* Full-width container (1500) — used for hero cards and other wide panels.
 * `.container.narrow` reserves the narrower content column (1180) used by
 * body text, stats rows, and multi-column grids inside sections. Both share
 * the same gutter so vertical alignment against the wide container reads
 * as an intentional inset, not a random offset. */
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
.container.narrow,.container-narrow{max-width:1180px;}
.section{padding:72px 0;}
.accent{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;color:var(--gold);letter-spacing:0;}
.accent.no-italic{font-family:inherit;font-style:normal;font-weight:inherit;}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;padding:14px 24px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:.18s ease;white-space:nowrap;}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{background:#C29C69;border-color:#C29C69;color:#fff;}
.btn-outline{background:transparent;border-color:#cfd2dc;color:var(--navy);}
.btn-outline:hover{background:var(--navy);color:#fff;border-color:var(--navy);}
.btn-light{background:#fff;color:var(--navy);}
.btn-light:hover{background:#eee;}
.btn-lg{padding:16px 30px;font-size:14.5px;}

/* ---------- Badges ---------- */
/* Base pill — every variant shares layout, padding, radius, shadow. Only bg/color changes. */
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:500;line-height:1;box-shadow:0 1px 3px rgba(20,30,60,.08);}
.badge-dot::before,.badge-light::before,.badge-dark-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;}
.badge-dark-dot{background:#fff;color:var(--navy);box-shadow:none;}
.badge-light-dot{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:none;}
.badge-light-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-soft);flex:none;}
.badge-navy{background:var(--navy);color:#fff;}

/* ---------- Section heads ---------- */
.section-head{margin-bottom:46px;}
.section-head.center{text-align:center;max-width:860px;margin-left:auto;margin-right:auto;}
.section-head.center .badge{margin-bottom:16px;}
.section-title,.hero-title,.statement-title,.platform-title{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;}
.section-title .accent,.hero-title .accent,.statement-title .accent,.platform-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.section-head.center .section-title,.hero-title{text-align:center;}
.section-head.center .section-title{margin-bottom:16px;}
.section-lead{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:30px;max-width:860px;margin:0 auto;}
.integrations .section-lead{font-size:16px;line-height:22px;}
.section-head.split{display:flex;justify-content:space-between;align-items:center;gap:48px;}
.section-head.split .badge{margin-bottom:14px;}
.section-head-aside{max-width:580px;}
.section-head-aside p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-bottom:20px;}

/* ==========================================================================
   Header
   ========================================================================== */
.site-header{position:sticky;top:0;z-index:50;background:var(--cream);transition:.2s;}
.site-header.is-stuck{box-shadow:0 1px 0 rgba(20,30,60,.06);background:rgba(251,248,242,.9);backdrop-filter:saturate(150%) blur(8px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:80px;gap:30px;}
.brand{display:flex;align-items:center;font-weight:700;font-size:22px;letter-spacing:.2em;}
.brand-img{height:24px;width:auto;}
.brand-1{color:#9AA1AE;}
.brand-2{color:var(--navy);}
.primary-nav{flex:1;display:flex;justify-content:center;}
.nav-list{display:flex;align-items:center;gap:32px;}
.nav-list a{font-size:14.5px;font-weight:500;color:var(--ink);transition:.15s;}
.nav-list a:hover{color:var(--navy);}
.nav-list .has-caret>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:6px;opacity:.55;}
.nav-cta{display:flex;align-items:center;gap:10px;}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.nav-toggle span{width:22px;height:2px;background:var(--ink);display:block;border-radius:2px;}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{padding-top:8px;}
.hero-card{
	position:relative;overflow:hidden;border-radius:var(--r-card);
	padding:66px 40px 34px;
	background:#DCE6F7 url('../images/hero.webp') center/cover no-repeat;
}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:1180px;margin:0 auto;}
.hero-inner .badge{margin-bottom:22px;background:rgba(255,255,255,.72);color:var(--ink);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 3px rgba(20,30,60,.06);}
.hero-inner .badge::before{background:var(--gold);}
.hero-title{max-width:860px;margin:0 auto 18px;}
.hero-sub{color:#2A3550;font-size:15px;max-width:480px;margin:0 auto 26px;line-height:1.6;}
.hero-card .btn-navy{background:var(--navy-deep);}
.hero-card .btn-navy:hover{background:#C29C69;border-color:#C29C69;}

/* Revenue loop panel */
.loop-panel{position:relative;z-index:2;margin:46px auto 0;max-width:1180px;border-radius:24px;padding:28px 30px 32px;
	background:linear-gradient(180deg,#36456F 0%,#28366090 38%,#1F2B53 100%);
	border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.loop-title{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:35px;margin-bottom:22px;}
.loop-title strong{font-weight:700;}
.loop-steps{display:flex;align-items:stretch;gap:0;}
.loop-card{position:relative;flex:1;background:#fff;border-radius:16px;padding:20px 20px;display:flex;flex-direction:column;min-height:160px;}
.loop-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;}
.loop-num{border-radius:15px;background:#C29C69;color:#fff;width:35px;height:17px;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"DM Mono",monospace;font-size:12px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;margin-bottom:4px;}
.loop-icon{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:11px;border:2px solid rgba(194,160,106,.55);color:var(--navy);display:flex;align-items:center;justify-content:center;}
.loop-icon svg{width:19px;height:19px;}
.loop-card h3{color:#324472;font-family:"DM Sans",sans-serif;font-size:30px;font-style:normal;font-weight:500;line-height:30px;padding-right:8px;margin-bottom:auto;}
.loop-card p{color:#324472;font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:16px;margin-top:12px;}
.loop-arrow{display:flex;align-items:center;color:#C29C69;padding-right:4px;}

/* ==========================================================================
   Audience
   ========================================================================== */
.aud-tabs{display:flex;justify-content:center;gap:6px;background:#F0EBE0;border-radius:999px;padding:6px;width:fit-content;max-width:100%;margin:0 auto 42px;flex-wrap:wrap;}
.aud-tab{border:0;background:#fff;color:#324472;text-align:center;font-family:"DM Mono",monospace;font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2.5px;text-transform:uppercase;display:flex;width:195px;height:30px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;cursor:pointer;transition:.18s;box-shadow:0 1px 2px rgba(20,30,60,.06);}
.aud-tab:hover{color:#16203f;}
.aud-tab.is-active{background:#324472;color:#fff;border-radius:15px;box-shadow:none;}
.aud-panel{display:none;grid-template-columns:auto 1fr;gap:60px;align-items:center;}
.aud-panel.is-active{display:grid;}
.aud-panel-text{width:440px;max-width:100%;max-height:360px;border-radius:25px;background:rgba(255,255,255,.6);padding:32px;display:flex;flex-direction:column;gap:14px;}
.aud-eyebrow-line{width:36px;height:0;border:0;border-top:1px solid #C29C69;margin:0 0 4px;}
.aud-eyebrow{color:#C29C69;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;}
.aud-heading{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:30px;font-style:normal;font-weight:500;line-height:30px;margin:0;}
.aud-desc{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.aud-panel-media img{width:720px;max-width:100%;height:360px;border-radius:25px;object-fit:cover;}

/* ==========================================================================
   Statement (dark) + stats
   ========================================================================== */
.statement-panel{position:relative;overflow:hidden;border-radius:var(--r-card);padding:58px 40px 54px;
	background:#1A2447 url('../images/second-section.webp') center/cover no-repeat;}
.statement-panel>*{position:relative;z-index:2;}
.statement-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:58px;}
.statement-left .badge{margin-bottom:22px;}
.statement-title{color:#fff;text-align:left;margin-bottom:22px;}
.statement-sub{color:#fff;font-weight:600;font-size:14.5px;margin-bottom:14px;}
.statement-para{color:#fff;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:460px;}
.statement-right{padding-top:6px;}
.statement-right h3{color:#D2D4FF;font-family:"DM Mono",monospace;font-size:18px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:16px;}
.statement-right p{color:#fff;font-family:"DM Sans",sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:14px;}
.statement-bold{color:#fff!important;font-family:"DM Sans",sans-serif;font-size:18px;font-style:normal;font-weight:700!important;line-height:24px;}
.stats-section{padding-top:0;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:0;}
.stat{text-align:center;padding:0 28px;position:relative;}
.stat+.stat::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:129px;background:linear-gradient(180deg,#F5F1EA 0%,#C29C69 50%,#F5F1EA 97.6%);}
.stat-value{color:#C29C69;text-align:center;font-family:"DM Sans",sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:55px;margin-bottom:8px;}
.stat-label{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:22px;max-width:200px;margin:0 auto;}

/* Subpage stats — thin gold hairline ABOVE each stat, left-aligned, tighter. */
.stats-section--sub{padding:40px 0 12px;}
.stats-section--sub .stats{gap:28px;}
.stats-section--sub .stat{text-align:left;padding:16px 0 0;}
.stats-section--sub .stat+.stat::before{display:none;}
.stats-section--sub .stat::after{content:"";position:absolute;left:0;top:0;height:2px;width:61px;background:var(--dp-gold-dark);}
.stats-section--sub .stat-value{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:25px;text-align:left;margin-bottom:6px;letter-spacing:0;}
.stats-section--sub .stat-label{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px;text-align:left;max-width:220px;margin:0;}
@media(max-width:820px){.stats-section--sub .stats{grid-template-columns:repeat(2,1fr);gap:22px;}}
@media(max-width:560px){.stats-section--sub .stats{grid-template-columns:1fr;}}

/* ==========================================================================
   Solutions
   ========================================================================== */
.sol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.sol-card{background:#fff;border:0;border-radius:16px;padding:24px 22px;}
.sol-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;}
.sol-icon{width:60px;height:60px;min-width:60px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;border-radius:13px;}
.sol-icon svg{width:22px;height:22px;}
.sol-head-text{display:flex;flex-direction:column;gap:7px;padding-top:2px;}
.sol-num{color:#C29C69;text-align:left;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;}
.sol-card h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:20px;}
.sol-desc{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin-bottom:18px;}
.sol-features li{position:relative;padding-left:24px;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;margin-bottom:10px;}
.sol-features li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#FAF1DD;}
.sol-features li::after{content:"";position:absolute;left:5.5px;top:6.5px;width:4px;height:7px;border-right:1.6px solid var(--gold);border-bottom:1.6px solid var(--gold);transform:rotate(45deg);}

/* ==========================================================================
   Platform (teal)
   ========================================================================== */
.platform{background:#FFFDF9;}
.platform-panel{position:relative;overflow:hidden;border-radius:var(--r-card);padding:76px 56px;text-align:center;
	background:#0E2926 url('../images/green-section.webp') center/cover no-repeat;}
.platform-panel>*{position:relative;z-index:2;}
.platform-panel .badge{margin-bottom:22px;}
.platform-title{color:#fff;max-width:860px;margin:0 auto 18px;text-align:center;}
.platform-sub{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:860px;margin:0 auto 28px;}
.platform-panel .btn-light{display:flex;width:200px;height:50px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0 auto;background:#2A666C;color:#fff;border:0;border-radius:25px;}
.platform-panel .btn-light:hover{background:#1F4E53;}
.platform-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:fit-content;max-width:100%;margin:34px auto 0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 12px;}
.pill{display:flex;width:200px;height:50px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#2A666C;border:0;border-radius:25px;color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;}

/* ==========================================================================
   Store
   ========================================================================== */
.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.store-text .badge{margin-bottom:16px;}
.store-text .section-title{margin-bottom:16px;}
.store-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:560px;margin-bottom:26px;}
.store-intro strong{font-weight:700;color:#1A1A2E;}
.store-features li{display:flex;gap:14px;margin-bottom:22px;align-items:flex-start;}
.store-num{flex:none;display:flex;width:35px;height:17px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:#C29C69;color:#fff;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;margin-top:2px;}
.store-check{width:24px;height:24px;min-width:24px;border-radius:7px;background:#FAF1DD;color:var(--gold);display:flex;align-items:center;justify-content:center;margin-top:2px;}
.store-features h4{color:#324472;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:4px;}
.store-features p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;max-width:400px;}
.store-mockup img{width:100%;height:auto;border-radius:18px;}

/* ==========================================================================
   Integrations
   ========================================================================== */
.int-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.int-grid--2{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.int-grid--2 .int-card{flex:0 1 373px;max-width:373px;}
.int-card{position:relative;overflow:hidden;background:#fff;border:0;border-radius:18px;min-height:340px;}
.int-card-body{position:relative;z-index:2;padding:24px 22px 18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.int-card h3{font-size:18px;margin:0;}
.int-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;}
.int-count{color:#324472;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;}
.int-pills{display:flex;flex-wrap:wrap;gap:7px;}
.int-pill{display:inline-flex;padding:6px 12px;justify-content:center;align-items:center;border-radius:15px;background:#E0E5F7;color:#324472;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;}
.int-card:nth-child(2) .int-pill{background:#FFF8E7;color:#C29C69;}
.int-card:nth-child(3) .int-pill{background:#F8F8FC;color:#1A1A2E;}
.int-card:nth-child(4) .int-pill{background:rgba(116,165,173,.20);color:#2A666C;}
.int-media{position:absolute;left:0;right:0;bottom:-16px;z-index:1;line-height:0;}
.int-media img{width:100%;height:auto;display:block;}

/* ==========================================================================
   Why (full-bleed right slider)
   ========================================================================== */
.why{position:relative;}
.why .section-head{margin-bottom:36px;}
.why-grid-wrap{position:relative;}
.why-grid-wrap::before,.why-grid-wrap::after{content:"";position:absolute;top:0;bottom:0;pointer-events:none;z-index:2;}
.why-grid-wrap::before{left:0;width:max(var(--gutter), calc((100vw - 1500px) / 2 + var(--gutter)));background:linear-gradient(to right, var(--cream) 0%, rgba(255,252,249,0) 100%);}
.why-grid-wrap::after{right:0;width:var(--gutter);background:linear-gradient(to left, var(--cream) 0%, rgba(255,252,249,0) 100%);}
.why-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;
	padding-left:max(var(--gutter), calc((100vw - 1500px) / 2 + var(--gutter)));
	scroll-padding-left:max(var(--gutter), calc((100vw - 1500px) / 2 + var(--gutter)));
	padding-right:var(--gutter);padding-top:6px;padding-bottom:10px;}
.why-grid::-webkit-scrollbar{display:none;}
.why-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;}
.why-grid.is-dragging .why-card{pointer-events:none;}
.why-card,.why-media img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;}
.why-card{flex:0 0 410px;max-width:410px;height:437px;scroll-snap-align:start;position:relative;}
.why-media{height:100%;border-radius:20px;overflow:hidden;background:var(--cream-2);}
.why-media img{width:100%;height:100%;object-fit:cover;}
.why-body{position:absolute;left:16px;right:16px;bottom:16px;min-height:160px;background:#fff;border-radius:16px;padding:24px;display:flex;flex-flow:column;justify-content:space-between;}
.why-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;}
.why-card-head h3{color:#324472;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:20px;}
.why-tag{display:flex;width:38px;height:17px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:#C29C69;color:#fff;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;flex:none;}
.why-body p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;}
.why-nav{display:flex;gap:10px;margin-top:16px;}
.why-prev,.why-next{display:flex;width:50px;height:40px;padding:10px;justify-content:center;align-items:center;gap:10px;border:0;border-radius:25px;background:#D1DEFF;color:#324472;cursor:pointer;transition:.15s;}
.why-prev:hover,.why-next:hover{color:#fff;}

/* ==========================================================================
   Final CTA — full width, grayscale → color on hover
   ========================================================================== */
.cta-final{position:relative;overflow:hidden;margin-top:24px;padding:112px var(--gutter);text-align:center;color:#fff;}
.cta-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position-x:center;background-position-y:-220px;filter:grayscale(1) brightness(1) saturate(1);transform:scale(1);transform-origin:center;transition:filter .8s ease, transform .8s cubic-bezier(.22,.61,.36,1);}
@media(max-width:1024px){.cta-bg{background-position-y:center;}}
.cta-final::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(16,24,42,.46),rgba(16,24,42,.62));}
.cta-final:hover .cta-bg{filter:grayscale(0) brightness(1.15) saturate(1.15);transform:scale(1.08);}
.cta-blur{position:absolute;left:0;right:0;bottom:0;height:80%;background:linear-gradient(180deg,rgba(50,68,114,0) 0%,rgba(50,68,114,.08) 20%,rgba(50,68,114,.22) 40%,rgba(50,68,114,.45) 65%,rgba(50,68,114,.75) 88%,rgba(50,68,114,.95) 100%);filter:blur(40px);opacity:0;transform:translateY(20%);transition:opacity 1s ease-out, transform 1.2s cubic-bezier(.22,.61,.36,1);pointer-events:none;z-index:1;}
.cta-final:hover .cta-blur{opacity:1;transform:translateY(0);}
.cta-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;}
.cta-final .badge{margin-bottom:22px;}
.cta-title{font-size:46px;font-weight:600;margin-bottom:16px;}
.cta-title .accent{color:#fff;font-weight:300;}
.cta-sub{color:rgba(255,255,255,.88);font-size:15px;max-width:520px;margin:0 auto 26px;line-height:1.55;}
.cta-final .btn-navy{background:var(--navy);}
.cta-final .btn-navy:hover{background:#C29C69;border-color:#C29C69;color:#fff;}

/* ==========================================================================
   Footer — navy (design)
   ========================================================================== */
.site-footer{background:var(--navy-deep) url('../images/footer-background.webp') top center/100% auto no-repeat;color:#fff;padding:64px 0 36px;margin-top:0;}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr;grid-template-areas:'brand links' 'brand news';gap:10px;padding-bottom:42px;align-items:start;}
.footer-brand{grid-area:brand;display:flex;flex-direction:column;height:100%;}
.footer-brand .footer-logo{margin-bottom:0;}
.footer-brand .footer-contact{margin-top:80px;}
.footer-links{grid-area:links;}
.footer-news{grid-area:news;padding-top:20px;max-width:363px;}
.footer-logo{font-size:22px;font-weight:700;letter-spacing:.2em;margin-bottom:26px;}
.footer-logo .brand-1{color:#fff;}
.footer-logo .brand-2-light{color:#aab2cf;}
.footer-contact .fc{margin-bottom:16px;}
.footer-contact .fc-row{display:flex;gap:38px;}
.footer-contact h4{font-size:10.5px;letter-spacing:.15em;color:#8893b5;font-weight:600;margin-bottom:6px;}
.footer-contact p,.footer-contact a{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:22px;transition:.15s;}
.footer-contact a:hover{color:#fff;}
.footer-links{display:flex;gap:60px;}
.fcol h4{font-size:10.5px;letter-spacing:.15em;color:#8893b5;font-weight:600;margin-bottom:16px;}
.fcol li{margin-bottom:11px;}
.fcol a{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:22px;transition:.15s;}
.fcol a:hover{color:#fff;}
.footer-news h4{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:16px;}
.news-form{display:flex;justify-content:space-between;align-items:center;gap:10px;width:363px;max-width:100%;height:50px;padding:10px;background:transparent;border:1px solid rgba(225,232,254,.50);border-radius:45px;}
.news-form input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;outline:none;}
.news-form input::placeholder{color:#fff;opacity:.7;}
.news-form button{display:flex;width:38px;height:38px;padding:10px;justify-content:center;align-items:center;gap:10px;border:0;border-radius:25px;background:#D3D4FF;cursor:pointer;flex:none;}
.news-form button svg{width:8px;height:13px;}
.footer-bottom{display:flex;flex-direction:column;gap:20px;padding-top:0;}
.footer-bottom .copyright{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:22px;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);}
.footer-note{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:22px;opacity:.6;max-width:none;width:100%;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media(max-width:1024px){
	.section-title,.statement-title,.platform-title,.cta-title{font-size:34px;}
	.hero-title{font-size:42px;}
	.sol-grid,.int-grid{grid-template-columns:repeat(2,1fr);}
	.footer-top{grid-template-columns:1fr 1fr;grid-template-areas:'brand links' 'news news';gap:36px;}
	.footer-news{max-width:100%;}
}
@media(max-width:820px){
	.primary-nav,.nav-cta{display:none;}
	.nav-toggle{display:flex;}
	.site-header.nav-open .primary-nav{display:flex;position:absolute;top:80px;left:0;right:0;background:var(--cream);flex-direction:column;padding:18px var(--gutter);box-shadow:0 12px 24px -16px rgba(0,0,0,.3);}
	.site-header.nav-open .nav-list{flex-direction:column;align-items:flex-start;gap:16px;}
	.statement-inner,.store-grid,.aud-panel.is-active{grid-template-columns:1fr;gap:32px;}
	.loop-steps{flex-direction:column;}
	.loop-arrow{transform:rotate(90deg);padding:6px 0;justify-content:center;}
	.stats{grid-template-columns:repeat(2,1fr);gap:30px 0;}
	.section-head.split{flex-direction:column;align-items:flex-start;gap:22px;}
}
@media(max-width:560px){
	.container{padding:0 18px;}
	.section{padding:52px 0;}
	.sol-grid,.int-grid{grid-template-columns:1fr;}
	.why-card{flex-basis:80%;}
	.hero-title,.section-title,.statement-title,.platform-title,.cta-title{font-size:28px;}
	.hero-card,.statement-panel,.platform-panel{padding:38px 22px;}
	.footer-top{grid-template-columns:1fr;grid-template-areas:'brand' 'links' 'news';gap:32px;padding-bottom:32px;}
	.footer-links{flex-direction:column;gap:32px;}
	.footer-contact .fc-row{flex-direction:column;gap:14px;}
	.news-form{width:100%;}
	.footer-news{max-width:100%;padding-top:0;}
}

/* ==========================================================================
   Primary nav dropdown
   ========================================================================== */
.nav-list{position:relative;}
.nav-list .menu-item-has-children{position:relative;}
.nav-list .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:6px;opacity:.55;}
.nav-list .sub-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(4px);min-width:330px;background:#fff;border:0;border-radius:18px;box-shadow:0 20px 36px -22px rgba(20,30,60,.35);padding:14px;opacity:0;visibility:hidden;transition:.18s;z-index:60;display:flex;flex-direction:column;gap:2px;}
.nav-list .menu-item-has-children:hover>.sub-menu,
.nav-list .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-list .sub-menu li{margin:0;}
.nav-list .sub-menu a{display:block;padding:10px 14px;font-size:13.5px;color:var(--ink);border-radius:10px;white-space:normal;line-height:1.35;}
.nav-list .sub-menu a:hover{background:var(--cream-2);color:var(--navy);}
.nav-list .sub-menu .menu-item-title{display:block;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;color:#1A1A2E;line-height:1.3;margin-bottom:3px;}
.nav-list .sub-menu .menu-item-desc{display:block;font-family:"DM Sans",sans-serif;font-size:12.5px;font-weight:400;color:#6A7280;line-height:1.4;}
.nav-list .sub-menu a:hover .menu-item-title{color:var(--navy);}
.sol-anchor{display:block;height:0;width:0;overflow:hidden;scroll-margin-top:100px;}
.btn-primary{background:var(--navy);color:#fff;}
.btn-primary:hover{background:#C29C69;border-color:#C29C69;}
.btn-outline-light{background:transparent;border-color:rgba(255,255,255,.35);color:#fff;}
.btn-outline-light:hover{background:#fff;color:var(--navy);}
@media(max-width:820px){
	.nav-list .sub-menu{position:static;transform:none;box-shadow:none;border:0;padding:6px 0 6px 16px;background:transparent;opacity:1;visibility:visible;display:none;min-width:0;}
	.nav-list .menu-item-has-children.is-open>.sub-menu{display:flex;}
}

/* ==========================================================================
   Rich text helper (paragraphs from textarea splits)
   ========================================================================== */
.rich p{color:var(--muted);font-size:14.5px;line-height:1.65;margin-bottom:14px;}
.rich p:last-child{margin-bottom:0;}

/* ==========================================================================
   Subpage hero — side variant (page-hero.php)
   ========================================================================== */
.page-hero{padding-top:8px;}
.page-hero .container{padding-left:var(--gutter);padding-right:var(--gutter);}
.page-hero-card{position:relative;overflow:hidden;border-radius:var(--r-card);padding:52px 48px;color:#fff;}
.page-hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;}
.page-hero-text .badge{margin-bottom:20px;}
.page-hero-title{color:#fff;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;max-width:100%;margin:0 0 18px;}
.page-hero-sub strong{color:#fff;font-weight:700;}
.page-hero-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.page-template-page-retain-reactivate .page-hero-title .accent,
.page-template-page-brand-building .page-hero-title .accent{color:#fff;}
.page-hero-sub{color:#fff;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:520px;margin:0 0 26px;}
.page-hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.page-hero-media{position:relative;}
.page-hero-media img{width:100%;height:100%;object-fit:cover;border-radius:20px;aspect-ratio:5/4;box-shadow:0 20px 40px -22px rgba(20,30,60,.4);}
.page-hero-card::after{content:"";position:absolute;inset:0;background:url('../images/hero-dots.svg') top right/100% 100% no-repeat;opacity:.32;pointer-events:none;z-index:1;}
.page-hero-card>*{position:relative;z-index:2;}
.page-hero--gold .page-hero-card{background:linear-gradient(135deg,#C6A26E 0%,#A88855 60%,#8C6E3F 100%);}
.page-hero--navy .page-hero-card{background:linear-gradient(135deg,#2C3A6B 0%,#1E2A54 60%,#171F42 100%);}
.page-hero--teal .page-hero-card{background:linear-gradient(135deg,#1F5A54 0%,#153F3B 100%);}
.page-hero--has-bg .page-hero-card{background-size:cover;background-position:center;}
.page-hero--has-bg .page-hero-card::after{display:none;}
/* Solid white pill for the hero badge (not translucent glass). */
.page-hero .badge-light{background:#fff;color:var(--ink);border:0;box-shadow:0 1px 3px rgba(20,30,60,.08);}
.page-hero .badge-light::before{background:var(--gold);}
/* Design-spec button color for the hero CTA. */
.page-hero .btn-navy{background:#324472;color:#fff;}
.page-hero .btn-navy:hover{background:#243358;border-color:#243358;}
@media(max-width:820px){
	.page-hero-card{padding:36px 26px;}
	.page-hero-inner{grid-template-columns:1fr;gap:28px;}
	.page-hero-title{font-size:32px;}
}

/* ==========================================================================
   Subpage hero — centered variant (page-hero-centered.php)
   ========================================================================== */
.page-hero-c{padding-top:8px;}
.page-hero-c-card{position:relative;overflow:hidden;border-radius:var(--r-card);padding:52px 48px;text-align:center;color:#fff;}
.page-hero-c-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;}
.page-hero-c-card::after{content:"";position:absolute;inset:0;background:url('../images/hero-dots.svg') top right/100% 100% no-repeat;opacity:.32;pointer-events:none;z-index:1;}
.page-hero-c-card>*{position:relative;z-index:2;}
.page-hero-c--light .page-hero-c-card::after{display:none;}
.page-hero-c-card .badge{margin-bottom:22px;}
.page-hero-c-title{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;max-width:860px;margin:0 auto 18px;}
.page-hero-c-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.page-hero-c-sub{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:860px;margin:0 auto 28px;}
.page-hero-c-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.page-hero-c--teal .page-hero-c-card{background:radial-gradient(120% 100% at 50% 0%, #2C6A5E 0%, #143936 100%);}
.page-hero-c--teal .page-hero-c-cta .btn-navy{background:#2A666C;border-radius:25px;}
.page-hero-c--teal .page-hero-c-cta .btn-navy:hover{background:#C29C69;border-color:#C29C69;}
.page-hero-c--navy .page-hero-c-card{background:linear-gradient(135deg,#2C3A6B 0%,#1E2A54 60%,#171F42 100%);}
.page-hero-c--navy .page-hero-c-card::after{background:url('../images/why-hero-bg.svg') center/cover no-repeat;opacity:1;}
.page-hero-c--gold .page-hero-c-card{background:linear-gradient(135deg,#C6A26E 0%,#8C6E3F 100%);}
.page-hero-c--light .page-hero-c-card{background:var(--cream);color:var(--ink);}
.page-hero-c--light .page-hero-c-title{color:var(--ink);}
.page-hero-c--light .page-hero-c-title .accent{color:var(--gold);}
.page-hero-c--light .page-hero-c-sub{color:var(--muted);}
.page-hero-c--light .badge{background:transparent;border:0;color:var(--muted);}
@media(max-width:820px){.page-hero-c-title{font-size:32px;}.page-hero-c-card{padding:48px 22px;}}

/* ==========================================================================
   Section: Unified inbox (Lead capture)
   ========================================================================== */
.subp-inbox-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:start;}
.subp-inbox-text .badge{margin-bottom:14px;}
.subp-inbox-text .section-title{font-size:36px;line-height:1.12;margin-bottom:20px;}
.subp-inbox-text .section-title .accent{color:var(--gold);}
.subp-inbox-text .rich p{font-size:13.5px;line-height:1.65;}
.subp-inbox-card{background:#FBF3E1;background-size:cover;background-position:center;border:0;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 40px -30px rgba(120,90,40,.25);}
.subp-inbox-item{display:flex;gap:14px;background:#fff;border:0;border-radius:14px;padding:16px 18px;box-shadow:0 8px 18px -14px rgba(20,30,60,.18);}
.subp-inbox-ico{flex:none;width:36px;height:36px;border-radius:10px;background:#FAF1DD;color:var(--gold);display:flex;align-items:center;justify-content:center;}
.subp-inbox-ico img{width:22px;height:22px;display:block;}
.subp-ctl-stage-ico img{width:16px;height:16px;display:block;}
.subp-inbox-item h3{font-size:15px;margin-bottom:4px;}
.subp-inbox-item p{color:var(--muted);font-size:13px;line-height:1.5;}
@media(max-width:820px){.subp-inbox-grid{grid-template-columns:1fr;gap:36px;}}

/* Section: Close the loop (Lead capture) */
.subp-ctl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:34px;}
.subp-ctl-col{background:#F5EFE1;border:0;border-radius:20px;padding:28px 30px 26px;}
.subp-ctl-col h3{font-size:22px;margin:10px 0 14px;color:var(--ink);}
.subp-ctl-col p{color:var(--muted);font-size:13.5px;line-height:1.65;margin-bottom:12px;}
.subp-ctl-col p:last-child{margin-bottom:0;}
.subp-ctl-kicker{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;display:inline-block;}
.subp-ctl-kicker--gold{color:var(--gold);}
.subp-ctl-stagebar{display:flex;justify-content:center;margin-bottom:22px;}
.subp-ctl-pill{display:inline-flex;align-items:center;gap:8px;background:#FBF3E1;border:1px solid #EAD9AE;border-radius:999px;padding:9px 22px;font-size:11.5px;letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase;font-weight:600;}
.subp-ctl-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.subp-ctl-stage{background:#5C6DB8;color:#fff;border-radius:14px;padding:18px 18px 20px;min-height:130px;position:relative;display:flex;flex-direction:column;}
.subp-ctl-stage-ico{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;}
.subp-ctl-stage-ico svg{width:16px;height:16px;}
.subp-ctl-stage h4{font-size:16.5px;margin-bottom:10px;padding-right:46px;line-height:1.25;font-weight:600;color:#fff;}
.subp-ctl-stage p{color:rgba(255,255,255,.78);font-size:12.5px;line-height:1.5;}
@media(max-width:820px){.subp-ctl-grid{grid-template-columns:1fr;}.subp-ctl-stages{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.subp-ctl-stages{grid-template-columns:1fr;}}

/* ==========================================================================
   Section: Retention story + navy feature grid (Retain)
   ========================================================================== */
.subp-story{background:#FFFDF9;}
.subp-story .section-head.center{text-align:center;margin-bottom:36px;}
.subp-story-body{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:22px;}
.subp-story-body p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:24px;margin:0;text-align:center;}
.subp-story-body strong{font-weight:700;}
.subp-feat-grid--navy{background:#FFFDF9;padding:52px 0;}
.subp-feat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;}
.subp-feat-card{background:linear-gradient(358deg,#1A1A2E -6.64%,rgba(26,26,46,0) 57.33%),#324472;color:#fff;border:0;border-radius:25px;padding:28px 26px;min-height:220px;display:flex;flex-direction:column;gap:16px;}
.subp-feat-ico{width:40px;height:40px;padding:8px;border-radius:12px;background:#B28953;color:#fff;display:flex;align-items:center;justify-content:center;}
.subp-feat-ico svg{width:22px;height:22px;color:#fff;}
.subp-feat-card h3{color:#fff;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:30px;margin:0;}
.subp-feat-card p{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0;}
@media(max-width:820px){.subp-feat-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.subp-feat-cards{grid-template-columns:1fr;}}

/* ==========================================================================
   Section: Brand-building system (Brand Building)
   ========================================================================== */
.subp-sys-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:start;}
.subp-sys-text .badge{margin-bottom:14px;}
.subp-sys-text .section-title{margin-bottom:22px;}
.subp-sys-card{position:relative;overflow:hidden;background:#FBF3E1 url('../images/brand-building-box.svg') center/cover no-repeat;border:1px solid #EFDFB2;border-radius:25px;padding:22px;}
.subp-sys-card ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.subp-sys-card li{display:flex;gap:14px;background:#fff;border:0;border-radius:15px;padding:16px 18px;align-items:flex-start;}
.subp-sys-num{flex:none;display:flex;width:26px;height:26px;padding:6px;border-radius:50%;background:#C29C69;color:#fff;font-family:"DM Mono",monospace;font-weight:500;font-size:11px;letter-spacing:.5px;align-items:center;justify-content:center;}
.subp-sys-card h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:700;line-height:20px;margin:0 0 4px;}
.subp-sys-card p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:18px;margin:0;}
@media(max-width:820px){.subp-sys-grid{grid-template-columns:1fr;gap:36px;}}

/* Flywheel (dark) */
.subp-flywheel-panel{position:relative;overflow:hidden;background:#1F2B53 url('../images/brand-building-section.svg') center/cover no-repeat;border-radius:var(--r-card);padding:52px 44px;color:#fff;}
.subp-flywheel-panel>*{position:relative;z-index:1;}
.subp-flywheel-head{text-align:center;margin-bottom:34px;}
.subp-flywheel-head .badge{margin-bottom:16px;}
.subp-flywheel-head h2{color:#fff;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;max-width:860px;margin:0 auto 16px;}
.subp-flywheel-head h2 .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.subp-flywheel-head p{color:#fff;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:720px;margin:0 auto;opacity:.85;}
.subp-flywheel-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:rgba(50,68,114,.70);border-radius:25px;padding:40px;}
.subp-fly-card{background:#fff;color:#1A1A2E;border:0;border-radius:25px;padding:20px;display:flex;flex-direction:column;gap:10px;}
.subp-fly-top{display:flex;align-items:center;gap:10px;margin-bottom:4px;}
.subp-fly-num{display:inline-flex;padding:6px 10px;border-radius:15px;background:#C29C69;color:#fff;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;}
.subp-fly-kicker{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:8px;font-style:normal;font-weight:900;line-height:18px;letter-spacing:1.2px;text-transform:uppercase;}
.subp-fly-card h3{color:#324472;font-family:"DM Sans",sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:25px;margin:0;}
.subp-fly-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin:0 0 4px;}
.subp-fly-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start;}
.subp-fly-card li{display:inline-flex;align-items:center;gap:8px;padding:0;background:transparent;}
.subp-fly-card li span{display:inline-flex;padding:6px 10px;border-radius:15px;background:#E0E5F7;color:#324472;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;}
.subp-fly-check{flex:none;width:16px;height:16px;}
@media(max-width:820px){.subp-flywheel-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.subp-flywheel-cards{grid-template-columns:1fr;}.subp-flywheel-panel{padding:34px 20px;}}

/* Compounding table (Brand Building) */
.subp-table-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px;}
.subp-table-kicker{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:15px;font-style:normal;font-weight:900;line-height:25px;letter-spacing:2.25px;text-transform:uppercase;display:inline-block;margin-bottom:8px;}
.subp-table-pill{display:flex;width:300px;height:34px;padding:10px;justify-content:center;align-items:center;gap:8px;background:#B28953;color:#fff;text-align:right;font-family:"DM Mono",monospace;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:0;border-radius:25px;flex:none;}
.subp-table-pill::before{display:none;}
.subp-table-panel{background:rgba(245,241,234,.60);border-radius:25px;padding:40px;}
.subp-table-wrap{background:#FFFDF9;border:0;border-radius:25px;padding:24px 32px;overflow-x:auto;}
.subp-tbl{width:100%;border-collapse:collapse;font-size:13.5px;}
.subp-tbl th{text-align:right;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:10px;font-style:normal;font-weight:900;line-height:18px;letter-spacing:1.5px;text-transform:uppercase;padding:14px 12px;border-bottom:1px solid var(--line);}
.subp-tbl th:first-child{text-align:left;}
.subp-tbl td{padding:20px 12px;border-bottom:1px solid var(--line-soft);color:var(--ink-soft);vertical-align:middle;}
.subp-tbl tr:last-child td{border-bottom:0;}
.subp-tbl-label{color:var(--ink)!important;font-weight:500;min-width:200px;}
.subp-tbl-kicker{display:block;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;}
.subp-tbl-name{font-size:15px;font-weight:600;color:var(--ink);}
.subp-tbl-cell{display:flex;align-items:center;gap:12px;justify-content:flex-end;}
.subp-tbl-bar{position:relative;flex:1;max-width:120px;height:6px;border-radius:999px;background:#EFEBE1;overflow:hidden;}
.subp-tbl-bar span{position:absolute;left:0;top:0;bottom:0;background:var(--gold);border-radius:999px;}
.subp-tbl-val{font-size:15px;font-weight:600;color:var(--ink);min-width:44px;text-align:right;}
.subp-tbl-row--gold .subp-tbl-bar span{background:var(--gold);}
.subp-tbl-row--gold .subp-tbl-kicker{color:var(--gold);}
.subp-tbl-row--teal .subp-tbl-bar span{background:var(--teal-2);}
.subp-tbl-row--teal .subp-tbl-kicker{color:var(--teal-2);}
.subp-tbl-row--navy .subp-tbl-bar span{background:var(--navy);}
.subp-tbl-row--navy .subp-tbl-kicker{color:var(--navy);}
.subp-tbl-row--red .subp-tbl-bar{display:none;}
.subp-tbl-row--red .subp-tbl-kicker,.subp-tbl-row--red .subp-tbl-val{color:#C64B3A;}
.subp-tbl-row--red .subp-tbl-cell{justify-content:flex-end;}
.subp-table-footer{color:var(--muted);font-size:12px;margin-top:14px;line-height:1.5;padding:0 8px;}
@media(max-width:820px){.subp-table-head{flex-direction:column;align-items:flex-start;gap:14px;}.subp-tbl-bar{max-width:60px;}}

/* ==========================================================================
   Section: Compare 2-col (Ecommerce / Laser)
   ========================================================================== */
.subp-cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.subp-cmp-col{padding:0;}
.subp-cmp-col--left{border-radius:25px;background:rgba(245,241,234,.60);padding:36px 32px;}
.subp-cmp-col--right{padding:36px 32px;}
.subp-cmp-title{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:30px;margin-bottom:14px;}
.subp-cmp-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:26px;}
.subp-cmp-list{display:flex;flex-direction:column;gap:18px;list-style:none;padding:0;margin:0;}
.subp-cmp-list li{display:flex;gap:14px;align-items:flex-start;}
.subp-cmp-list strong{display:block;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;line-height:22px;margin-bottom:4px;}
.subp-cmp-list p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0;}
.subp-cmp-num{display:flex;flex:none;width:35px;height:17px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:#C29C69;color:#fff;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-top:2px;}
.subp-cmp-check{display:flex;flex:none;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#F5F5FF;margin-top:2px;}
.subp-cmp-check svg{width:15px;height:11px;}
@media(max-width:820px){.subp-cmp-grid{grid-template-columns:1fr;gap:32px;}}

/* Per-SKU (Ecommerce) */
.subp-sku-card{background:#F5F1EA;border-radius:32px;padding:64px 64px 44px;}
.subp-sku-card .section-head.center{margin-bottom:36px;}
.subp-sku-wrap{background:#fff;border-radius:25px;padding:8px 28px;overflow-x:auto;}
.subp-sku-tbl{width:100%;border-collapse:collapse;}
.subp-sku-tbl th{text-align:left;color:#C29C69;font-family:"DM Mono",monospace;font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;padding:22px 14px;border-bottom:1px solid rgba(50,68,114,.10);}
.subp-sku-tbl td{padding:22px 14px;border-bottom:1px solid rgba(50,68,114,.10);color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;vertical-align:middle;}
.subp-sku-tbl tr:last-child td{border-bottom:0;}
.subp-sku-label{color:#1A1A2E!important;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;line-height:20px;}
.subp-sku-action{display:flex;gap:12px;align-items:center;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:600;line-height:20px;}
.subp-sku-check{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;}
.subp-sku-check svg{width:24px;height:24px;}
.subp-sku-footer{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:20px;margin-top:22px;text-align:center;opacity:.7;}
@media(max-width:820px){.subp-sku-card{padding:36px 20px;}.subp-sku-wrap{padding:8px 12px;}}

/* Build on any platform (Ecommerce) */
.subp-build{background:#FFFDF9;}
.subp-build-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:transparent;min-height:0;overflow:visible;border-radius:0;}
.subp-build-media{position:relative;inset:auto;border-radius:24px;overflow:hidden;}
.subp-build-media img{width:100%;height:100%;object-fit:cover;display:block;}
.subp-build-cards{position:relative;top:auto;right:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:none;z-index:2;}
.subp-build-card{position:relative;background:#FFF;border-radius:25px;padding:24px 22px;box-shadow:none;display:flex;flex-direction:column;gap:12px;color:#1A1A2E;}
.subp-build-card--2,.subp-build-card--3{background:linear-gradient(224deg,rgba(195,207,230,0) 24.74%,#C3CFE6 162.96%),#2A3753;color:#fff;}
.subp-build-ico{display:inline-flex;width:56px;height:56px;padding:12px;justify-content:center;align-items:center;border-radius:10px;background:#E0E5F7;color:#324472;margin-bottom:6px;}
.subp-build-ico svg{max-width:32px;max-height:32px;width:auto;height:auto;flex:none;}
.subp-build-card h4{color:inherit;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;line-height:20px;margin:0;}
.subp-build-card p{color:inherit;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:18px;margin:0;opacity:.85;}
.subp-build-tag{position:absolute;top:16px;right:16px;display:flex;width:auto;height:25px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:#E0E5F7;color:#324472;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;margin:0;}
.subp-strip{margin-top:44px;text-align:center;}
.subp-strip-label{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:900;line-height:18px;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:26px;}
.subp-strip-marquee{position:relative;overflow:hidden;width:100%;margin-top:40px;mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);}
.subp-strip-track{display:flex;align-items:center;gap:64px;width:max-content;animation:subp-strip-scroll 32s linear infinite;}
.subp-strip-marquee:hover .subp-strip-track{animation-play-state:paused;}
.subp-strip-logo{display:inline-flex;align-items:center;flex:none;}
.subp-strip-logo img{max-height:32px;width:auto;opacity:.55;filter:grayscale(1);transition:.18s;}
.subp-strip-logo:hover img{opacity:1;filter:grayscale(0);}
@keyframes subp-strip-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.subp-strip-track{animation:none;}}
@media(max-width:820px){.subp-build-stage{grid-template-columns:1fr;}.subp-build-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.subp-build-cards{grid-template-columns:1fr;}}

/* ==========================================================================
   Section: Integrations page — normalized + abstraction diagram
   ========================================================================== */
.subp-normalized-body{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:22px;}
.subp-normalized-body p{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0;}
.subp-normalized-body p strong{color:#1A1A2E;font-weight:700;}
.subp-abst-panel{position:relative;overflow:hidden;background:#2A3753 url('../images/integration-layer-bg.svg') center/cover no-repeat;border-radius:var(--r-card);padding:56px 40px;color:#fff;}
.subp-abst-panel>*{position:relative;z-index:1;}
.subp-abst-label{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:15px;font-style:normal;font-weight:900;line-height:20px;letter-spacing:2.25px;text-transform:uppercase;margin-bottom:36px;}
.subp-abst-label-accent{color:#C29C69;}
.subp-abst-diagram{display:grid;grid-template-columns:1.15fr auto 1fr auto 1.15fr;gap:0;align-items:stretch;max-width:1180px;margin:0 auto;}
.subp-abst-side{border-radius:25px;background:rgba(42,55,83,.40);border:0;padding:20px;}
.subp-abst-side h4{color:#fff;text-align:center;font-family:"DM Mono",monospace;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:1.5px;text-transform:none;margin-bottom:32px;}
.subp-abst-pills{display:flex;flex-wrap:wrap;gap:8px;}
.subp-abst-pills span{display:inline-flex;height:25px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:rgba(224,229,247,.20);border:0;color:#fff;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:1px;}
.subp-abst-pills--gold{display:flex;flex-wrap:wrap;gap:8px;}
.subp-abst-pill-row{display:flex;align-items:center;gap:2px;}
.subp-abst-pills--gold span{display:inline-flex;min-width:68px;height:25px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;border:1px solid #C29C69;background:transparent;color:#fff;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:1px;}
.subp-abst-check{flex:none;width:16px;height:16px;border-radius:50%;}
.subp-abst-arrow{align-self:center;display:flex;align-items:center;justify-content:center;}
.subp-abst-arrow svg{width:16px;height:15px;}
.subp-abst-center{position:relative;background:transparent;border-radius:25px;border:3px solid #C29C69;padding:28px 22px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;}
.subp-abst-center h4{color:#C29C69;text-align:center;font-family:"Playfair Display","Newsreader",serif;font-size:26px;font-style:normal;font-weight:500;line-height:28px;margin:0;}
.subp-abst-center-txt{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:22px;margin:0;}
@media(max-width:820px){.subp-abst-diagram{grid-template-columns:1fr;}.subp-abst-arrow{transform:rotate(90deg);padding:6px 0;justify-self:center;}}

/* Same patient (Integration) */
.subp-samep-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 48px;align-items:start;}
.subp-samep-grid > *:nth-child(3),.subp-samep-grid > *:nth-child(4){align-self:center;}
.subp-samep-col{max-width:543px;}
.subp-samep-col .badge{margin-bottom:16px;}
.subp-samep-col .section-title{text-align:left;margin-bottom:20px;}
.subp-samep-col .section-title .accent{text-align:left;}
.subp-samep-col p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin-bottom:14px;}
.subp-samep-col p strong{font-weight:700;color:#1A1A2E;}
.subp-samep-media img{width:100%;height:auto;border-radius:25px;object-fit:cover;}
@media(max-width:820px){.subp-samep-grid{grid-template-columns:1fr;}}

/* Ad loop (Integration) */
.subp-adloop-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:40px;}
.subp-adloop-head-left .badge{margin-bottom:16px;}
.subp-adloop-title{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0;}
.subp-adloop-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.subp-adloop-head-right{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;margin:0;}
.subp-adloop-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;background:transparent;padding:0;border-radius:0;position:relative;}
.subp-adloop-card{background:#2A3968;border:0;border-radius:24px;padding:28px 24px;color:#fff;min-height:340px;display:flex;flex-direction:column;gap:5px;}
.subp-adloop-num{display:flex;width:40px;height:40px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:45px;background:#C29C69;color:#fff;text-align:center;font-family:"DM Mono",monospace;font-size:12px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:3px;margin-bottom:10px;}
.subp-adloop-pill{display:inline-flex;padding:0;background:transparent;color:#C29C69;font-family:"DM Mono",monospace;font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2.5px;text-transform:uppercase;margin:0;}
.subp-adloop-card h4{color:#fff;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:25px;margin:0;}
.subp-adloop-card p{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0;}
.subp-adloop-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;}
.subp-adloop-tags span{display:flex;min-width:60px;height:25px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:rgba(248,248,252,.20);color:#fff;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;}
.subp-adloop-foot{padding-top:14px;display:flex;flex-direction:column;gap:6px;border-top:0;}
.subp-adloop-kicker{color:rgba(255,255,255,.50);font-family:"DM Sans",sans-serif;font-size:8px;font-style:normal;font-weight:900;line-height:18px;letter-spacing:1.2px;text-transform:uppercase;}
.subp-adloop-hr{height:0;border:0;border-top:1px solid rgba(255,255,255,.14);margin:2px 0 4px;}
.subp-adloop-state-text{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;}
.subp-adloop-state-tag{display:inline-flex;align-items:center;gap:8px;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;}
.subp-adloop-state-tag svg{width:12px;height:auto;flex:none;}
.subp-pim{position:relative;overflow:hidden;background:#2A3968 url('../images/integration-pim-bg.svg') center/cover no-repeat;border-radius:25px;padding:26px 32px;color:#fff;margin-top:40px;display:grid;grid-template-columns:.5fr 2fr;gap:32px;align-items:center;}
.subp-pim>*{position:relative;z-index:1;}
.subp-pim-brand{display:flex;flex-direction:column;gap:6px;flex:none;}
.subp-pim-brand h3{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:35px;font-style:normal;font-weight:700;line-height:35px;margin:0;}
.subp-pim-sub{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0;text-transform:none;margin:0;}
.subp-pim-desc{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.subp-pim-desc strong{color:#C29C69;font-weight:400;}
.subp-pim-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:44px;}
.subp-pim-feature{background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:18px;}
.subp-pim-feature-head{display:flex;align-items:center;gap:16px;}
.subp-pim-ico{flex:none;width:60px;height:60px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;}
.subp-pim-ico svg{width:26px;height:26px;color:#fff;}
.subp-pim-feature--1 .subp-pim-ico{background:#324472;}
.subp-pim-feature--2 .subp-pim-ico{background:#C29C69;}
.subp-pim-feature--3 .subp-pim-ico{background:#2A666C;}
.subp-pim-feature--4 .subp-pim-ico{background:#7A2E36;}
.subp-pim-feature h4{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:20px;margin:0;}
.subp-pim-feature p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
@media(max-width:1024px){.subp-adloop-cards{grid-template-columns:repeat(3,1fr);}}
@media(max-width:820px){.subp-adloop-head{grid-template-columns:1fr;gap:24px;align-items:start;}.subp-adloop-cards{grid-template-columns:repeat(2,1fr);}.subp-pim{grid-template-columns:1fr;gap:16px;}.subp-pim-strip{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.subp-adloop-cards,.subp-pim-strip{grid-template-columns:1fr;}}

/* ==========================================================================
   Section: Why DermPRO discipline + evolution + onboarding + did + playing
   ========================================================================== */
.subp-disc-head{max-width:920px;margin:0 auto 46px;text-align:left;}
.subp-disc-head .badge{margin-bottom:16px;}
.subp-disc-head .section-title{text-align:left;margin-bottom:16px;}
.subp-disc-head .section-title .accent{text-align:left;}
.subp-disc-sub{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:720px;}
.subp-disc-list{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:8px;position:relative;padding-left:80px;}
.subp-disc-list li{position:relative;background:#F5F1EA;border:0;border-radius:14px;padding:26px 30px;list-style:none;}
.subp-disc-list li:not(:last-child)::after{content:"";position:absolute;left:-52px;top:70px;height:100%;width:1px;background:linear-gradient(180deg,var(--gold),rgba(194,160,106,.2));}
.subp-disc-footer{max-width:920px;margin:36px auto 0;padding-left:0;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:22px;text-align:left;}
@media(max-width:560px){.subp-disc-footer{padding-left:0;}}
.subp-disc-num{position:absolute;left:-76px;top:22px;display:flex;width:50px;height:50px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:50%;background:var(--gold);color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:normal;}
.subp-disc-kicker{display:block;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:10px;font-style:normal;font-weight:900;line-height:18px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;}
.subp-disc-list h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin-bottom:10px;}
.subp-disc-list p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
@media(max-width:560px){.subp-disc-list{padding-left:60px;}.subp-disc-list::before{left:16px;}.subp-disc-num{left:-58px;width:36px;height:36px;font-size:14px;}}

.subp-evol-panel{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,#2C6A5E 0%,#143936 100%);color:#fff;border-radius:var(--r-card);padding:70px 56px 56px;}
.subp-evol-panel::before{content:"";position:absolute;inset:0;background:url('../images/why-evol-bg.svg') center/cover no-repeat;opacity:1;pointer-events:none;z-index:0;}
.subp-evol-panel>*{position:relative;z-index:1;}
.subp-evol-head{text-align:center;margin-bottom:36px;}
.subp-evol-head .badge{margin-bottom:16px;}
.subp-evol-title{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0 auto 16px;max-width:860px;}
.subp-evol-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.subp-evol-sub{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:720px;margin:0 auto;}
.subp-evol-inner{background:#fff;border-radius:25px;padding:32px;margin-bottom:32px;}
.subp-evol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px;}
.subp-evol-card{display:flex;flex-direction:column;gap:8px;}
.subp-evol-ico{width:50px;height:50px;background:#F9F6F0;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#2A666C;}
.subp-evol-ico img{width:22px;height:22px;}
.subp-evol-card h4{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:24px;margin:0;}
.subp-evol-card p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.subp-evol-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:8px;}
.subp-evol-stat{display:flex;flex-direction:column;gap:8px;position:relative;padding-top:16px;}
.subp-evol-stat::before{content:"";position:absolute;left:0;top:0;width:36px;height:2px;background:var(--gold);}
.subp-evol-stat-label{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:35px;}
.subp-evol-stat-desc{color:#fff;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:18px;opacity:.8;max-width:200px;}
@media(max-width:820px){.subp-evol-grid{grid-template-columns:1fr 1fr;}.subp-evol-stats{grid-template-columns:1fr 1fr;gap:24px;}}
@media(max-width:560px){.subp-evol-grid,.subp-evol-stats{grid-template-columns:1fr;}.subp-evol-panel{padding:44px 22px;}.subp-evol-inner{padding:22px;}}

.subp-onb{background:#FFFDF9;}
.subp-onb-sub{color:#1A1A2E;font-size:16px;line-height:22px;max-width:720px;}
.subp-onb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.subp-onb-card{background:#fff;border:0;border-radius:16px;padding:26px 24px;position:relative;display:flex;flex-direction:column;gap:10px;}
.subp-onb-step{display:inline-flex;padding:6px 10px;border-radius:15px;background:#C29C69;color:#fff;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;letter-spacing:2px;line-height:normal;align-items:center;justify-content:center;align-self:flex-start;margin-bottom:4px;}
.subp-onb-card h4{color:#212B3F;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:25px;margin:0;}
.subp-onb-card p{color:#212B3F;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.subp-onb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:36px;}
.subp-onb-stat{display:flex;flex-direction:column;gap:8px;position:relative;padding-top:16px;}
.subp-onb-stat::before{content:"";position:absolute;left:0;top:0;width:36px;height:2px;background:var(--gold);}
.subp-onb-stat-label{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:35px;}
.subp-onb-stat-desc{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:18px;max-width:200px;}
@media(max-width:820px){.subp-onb-grid{grid-template-columns:1fr 1fr;}.subp-onb-stats{grid-template-columns:1fr 1fr;gap:24px;}}
@media(max-width:560px){.subp-onb-grid{grid-template-columns:1fr;}.subp-onb-stats{grid-template-columns:1fr 1fr;}}

.subp-did{background:#FFFDF9;padding:52px 0;}
.subp-did-wrap{max-width:1500px;margin:0 auto;background:#F5F1EA;border-radius:32px;padding:56px 40px;}
@media(max-width:820px){.subp-did-wrap{padding:40px 22px;border-radius:22px;}}
.subp-did .section-title{color:#1A1A2E;}
.subp-did-sub{color:#1A1A2E;font-size:16px;line-height:22px;}
.subp-did-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:25px;overflow:hidden;}
.subp-did-card{background:#324472;border:0;padding:30px 26px;color:#fff;display:flex;flex-direction:column;gap:12px;}
.subp-did-card:nth-child(1){background:#324472;border-radius:25px 0 0 0;}
.subp-did-card:nth-child(2){background:#3A4C78;}
.subp-did-card:nth-child(3){background:#435480;border-radius:0 25px 0 0;}
.subp-did-card:nth-child(4){background:#4D5C86;border-radius:0 0 0 25px;}
.subp-did-card:nth-child(5){background:#55648C;}
.subp-did-card:nth-child(6){background:#5D6C93;border-radius:0 0 25px 0;}
.subp-did-check{width:40px;height:40px;border-radius:10px;background:#C29C69;display:flex;align-items:center;justify-content:center;}
.subp-did-check img{width:20px;height:20px;filter:brightness(0) invert(1);}
.subp-did-card h4{color:#fff;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:25px;margin:0;}
.subp-did-card p{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.subp-did-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:36px;}
.subp-did-stat{display:flex;flex-direction:column;gap:8px;position:relative;padding-top:16px;}
.subp-did-stat::before{content:"";position:absolute;left:0;top:0;width:36px;height:2px;background:var(--gold);}
.subp-did-stat-label{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:35px;}
.subp-did-stat-desc{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:18px;max-width:200px;}
@media(max-width:820px){.subp-did-stats{grid-template-columns:1fr 1fr;gap:24px;}}
@media(max-width:560px){.subp-did-grid{grid-template-columns:1fr;}.subp-did-card:nth-child(1),.subp-did-card:nth-child(3){border-radius:25px 25px 0 0;}.subp-did-card:nth-child(4),.subp-did-card:nth-child(6){border-radius:0 0 25px 25px;}.subp-did-card:nth-child(2),.subp-did-card:nth-child(3),.subp-did-card:nth-child(4),.subp-did-card:nth-child(5){border-radius:0;}}
@media(max-width:820px){.subp-did-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.subp-did-grid{grid-template-columns:1fr;}}

.subp-plying{background:#FFFDF9;}
.subp-plying-head{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;margin-bottom:40px;}
.subp-plying-head-left .badge{margin-bottom:16px;}
.subp-plying-title{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0;}
.subp-plying-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.subp-plying-head-right{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;margin:0;}
.subp-plying-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.subp-plying-card{border:0;border-radius:25px;background:linear-gradient(328deg,#9AADDE 11.54%,#324472 66.85%);padding:20px;}
.subp-plying-card-inner{background:#FFF;border-radius:15px;padding:48px 24px;height:100%;}
.subp-plying-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
.subp-plying-ico{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#324472;}
.subp-plying-ico svg{width:22px;height:22px;}
.subp-plying-card h4{color:#324472;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:25px;margin:0;}
.subp-plying-card p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.subp-plying-prop{position:relative;overflow:hidden;background:#2A3753 url('../images/why-gradient-section.svg') center/cover no-repeat;border-radius:25px;padding:40px;margin-top:24px;}
.subp-plying-prop h3{color:#fff;font-family:"DM Mono",monospace;font-size:18px;font-style:normal;font-weight:500;line-height:24px;margin:0 0 10px;}
.subp-plying-prop p{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.subp-plying-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:36px;}
.subp-plying-stat{display:flex;flex-direction:column;gap:8px;position:relative;padding-top:16px;}
.subp-plying-stat::before{content:"";position:absolute;left:0;top:0;width:36px;height:2px;background:var(--gold);}
.subp-plying-stat-label{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:35px;}
.subp-plying-stat-desc{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:18px;max-width:200px;}
@media(max-width:820px){.subp-plying-head{grid-template-columns:1fr;gap:24px;align-items:start;}.subp-plying-grid{grid-template-columns:1fr 1fr;}.subp-plying-stats{grid-template-columns:1fr 1fr;gap:24px;}}
@media(max-width:560px){.subp-plying-grid{grid-template-columns:1fr;}.subp-plying-title,.subp-plying-title .accent{font-size:34px;line-height:38px;}}
@media(max-width:820px){.subp-plying-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.subp-plying-grid{grid-template-columns:1fr;}}

/* ===== Three pillars (Why DermPro) ===== */
.subp-pillars{background:#FFFDF9;}
.subp-pillars-panel{position:relative;overflow:hidden;background:#2A3753 url('../images/why-three-pillars-bg.svg') center/cover no-repeat;border-radius:25px;padding:70px 56px 56px;color:#fff;margin-bottom:24px;}
.subp-pillars-head{text-align:center;margin-bottom:40px;}
.subp-pillars-head .badge{margin-bottom:20px;}
.subp-pillars-title{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0 auto 18px;max-width:860px;}
.subp-pillars-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.subp-pillars-sub{color:#fff;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:720px;margin:0 auto;opacity:.85;}
.subp-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.subp-pillar-card{background:#fff;border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;}
.subp-pillar-tag{display:inline-flex;align-self:flex-start;width:167px;height:17px;padding:4px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:#C29C69;color:#fff;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;}
.subp-pillar-tag--2{background:#324472;}
.subp-pillar-tag--3{background:#2A666C;}
.subp-pillar-card h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:20px;font-weight:600;line-height:24px;margin:0;}
.subp-pillar-desc{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:18px;margin:0;}
.subp-pillar-practice{margin-top:6px;padding-top:14px;}
.subp-pillar-practice-kicker{display:block;color:#324472;font-family:"DM Sans",sans-serif;font-size:10px;font-style:normal;font-weight:900;line-height:18px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
.subp-pillar-card--1 .subp-pillar-practice-kicker{color:#C29C69;}
.subp-pillar-card--2 .subp-pillar-practice-kicker{color:#324472;}
.subp-pillar-card--3 .subp-pillar-practice-kicker{color:#2A666C;}
.subp-pillar-practice ul{display:flex;flex-direction:column;gap:8px;}
.subp-pillar-practice li{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:400;line-height:16px;display:flex;align-items:flex-start;gap:8px;}
.subp-pillar-check{flex:none;width:16px;height:16px;margin-top:1px;}
.subp-pillars-footer{position:relative;overflow:hidden;background:#324472 url('../images/why-15yrs-bg.svg') center/cover no-repeat;border-radius:16px;padding:24px 28px;display:flex;align-items:center;gap:24px;}
.subp-pillars-footer-stat{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:36px;flex:none;}
.subp-pillars-footer-body{flex:1;display:flex;flex-direction:column;gap:6px;}
.subp-pillars-footer-title{color:#fff;font-family:"DM Mono",monospace;font-size:18px;font-style:normal;font-weight:500;line-height:24px;margin:0;}
.subp-pillars-footer p{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
@media(max-width:820px){.subp-pillars-grid{grid-template-columns:1fr;}.subp-pillars-panel{padding:44px 22px;}.subp-pillars-footer{flex-direction:column;align-items:flex-start;}}

.subp-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.subp-plan-card{background:#fff;border:0;border-radius:20px;padding:28px 26px;display:flex;flex-direction:column;}
.subp-plan-card--pop{background:#1F2B53;color:#fff;border-color:#1F2B53;}
.subp-plan-card h3{font-size:22px;margin-bottom:4px;}
.subp-plan-card--pop h3{color:#fff;}
.subp-plan-price{font-size:11.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-weight:600;}
.subp-plan-card--pop .subp-plan-price{color:var(--gold-soft);}
.subp-plan-summary{color:var(--muted);font-size:13.5px;line-height:1.55;margin:14px 0 18px;}
.subp-plan-card--pop .subp-plan-summary{color:rgba(255,255,255,.75);}
.subp-plan-card ul{margin-bottom:22px;display:flex;flex-direction:column;gap:9px;}
.subp-plan-card li{display:flex;gap:8px;align-items:flex-start;color:var(--ink-soft);font-size:13px;}
.subp-plan-card--pop li{color:rgba(255,255,255,.85);}
.subp-plan-card svg{color:var(--gold);}
.subp-plan-card .btn{margin-top:auto;align-self:flex-start;}
@media(max-width:820px){.subp-plans-grid{grid-template-columns:1fr;}}

/* ==========================================================================
   Section: Case Studies
   ========================================================================== */
.subp-cs-head{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start;margin-bottom:24px;}
.subp-cs-head-left{display:flex;flex-direction:column;gap:14px;}
.subp-cs-head-right{padding-top:26px;}
.subp-cs-kicker{font-size:10.5px;letter-spacing:.18em;color:var(--gold);font-weight:700;text-transform:uppercase;display:inline-block;}
.subp-cs-head .section-title{margin:0;}
.subp-cs-intro{color:var(--muted);font-size:15px;margin:0;line-height:1.6;}
@media(max-width:820px){.subp-cs-head{grid-template-columns:1fr;gap:20px;}.subp-cs-head-right{padding-top:0;}}
.subp-cs-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:18px 26px;background:#fff;border:0;border-radius:14px;margin-bottom:22px;box-shadow:0 1px 2px rgba(20,30,60,.04);}
.subp-cs-meta-item{padding:4px 28px;position:relative;flex:1;min-width:140px;}
.subp-cs-meta-item + .subp-cs-meta-item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:38px;background:var(--line-soft);}
.subp-cs-meta-logo{flex:0 0 auto;padding-left:0;padding-right:28px;}
.subp-cs-meta-logo img{max-height:40px;width:auto;display:block;}
.subp-cs-meta-label{display:block;font-size:10.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-weight:600;margin-bottom:4px;}
.subp-cs-meta-value{color:var(--ink);font-size:14px;font-weight:600;}
.subp-cs-block{background:#fff;border:1px solid transparent;border-radius:25px;padding:28px 30px 26px;margin-bottom:22px;position:relative;}
.subp-cs-block--gold{border-color:#C29C69;}
.subp-cs-block--navy{border-color:#324472;}
.subp-cs-block-tag{display:inline-block;color:#fff;text-align:center;font-family:'DM Mono','JetBrains Mono','Menlo',monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:none;background:#324472;border-radius:15px;padding:7px 14px;margin-bottom:14px;}
.subp-cs-block--gold > .subp-cs-block-tag{background:#C29C69;}
.subp-cs-block--navy > .subp-cs-block-tag{background:#324472;}
.subp-cs-block-intro{color:var(--ink);font-size:14px;line-height:1.6;margin:0 0 18px;}
.subp-cs-ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 40px;}
.subp-cs-ch-grid ul{list-style:none;padding:0;margin:0;}
.subp-cs-ch-grid li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft);font-size:13px;margin-bottom:10px;line-height:1.5;}
.subp-cs-ch-grid li svg{flex:none;margin-top:0;width:25px;height:25px;}
.subp-cs-work{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;}
.subp-cs-work li{display:flex;gap:14px;align-items:flex-start;padding:2px 0;}
.subp-cs-work-num{flex:none;display:flex;flex-direction:column;justify-content:center;align-items:center;width:25px;height:25px;border-radius:25px;background:#324472;color:#fff;font-weight:700;font-size:12px;margin-top:16px;box-sizing:content-box;}
.subp-cs-work-body{flex:1;padding:20px;border-radius:15px;background:#F6F9FF;}
.subp-cs-work h4{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:20px;margin:0 0 4px;}
.subp-cs-work p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
.subp-cs-results{background:rgba(196,220,222,0.20);border:0;border-radius:25px;padding:20px 26px 22px;margin-bottom:14px;}
.subp-cs-results .subp-cs-block-tag{background:#2A666C;color:#FFF;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;border-radius:15px;padding:7px 14px;text-transform:none;}
.subp-cs-results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.subp-cs-result{padding:0 20px;position:relative;}
.subp-cs-result:first-child{padding-left:0;}
.subp-cs-result:last-child{padding-right:0;}
.subp-cs-result + .subp-cs-result::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:rgba(42,102,108,.25);}
.subp-cs-result-label{display:block;color:#2A666C;text-align:left;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:none;margin-bottom:8px;}
.subp-cs-result-text{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0;text-align:left;}
.subp-cs-quote{box-sizing:border-box;display:block;width:100%;background:#324472;color:#fff;border:1px solid #FFF;border-radius:0 0 25px 25px;padding:28px 30px;margin:0;}
.subp-cs-quote blockquote{margin:0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.65;}
.subp-cs-quote figcaption{margin-top:18px;display:flex;align-items:center;gap:14px;font-size:12.5px;color:rgba(255,255,255,.7);}
.subp-cs-quote-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;}
.subp-cs-quote figcaption div{display:flex;flex-direction:column;gap:3px;}
.subp-cs-quote figcaption strong{color:#fff;font-size:14px;font-weight:600;}
@media(max-width:820px){.subp-cs-ch-grid,.subp-cs-work,.subp-cs-results-grid{grid-template-columns:1fr;}.subp-cs-meta{flex-direction:column;align-items:flex-start;}.subp-cs-meta-item + .subp-cs-meta-item::before{display:none;}.subp-cs-result + .subp-cs-result::before{display:none;}.subp-cs-result{padding:8px 0;border-top:1px solid rgba(20,30,60,.08);}}

.subp-ill .section-lead{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;}
.subp-ill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center;}
.subp-ill-card{background:linear-gradient(328deg,#9AADDE 11.54%,#324472 66.85%),#324472;color:#fff;border-radius:25px;padding:26px 22px 24px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:373px;width:100%;margin:0 auto;}
.subp-ill-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:15px;background:#C29C69;color:#FFF;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:none;margin:0;}
.subp-ill-card h4{color:#FFF;text-align:center;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:25px;margin:0;}
.subp-ill-card p{color:#FFF;text-align:center;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
@media(max-width:820px){.subp-ill-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.subp-ill-grid{grid-template-columns:1fr;}}

/* ==========================================================================
   Section: ROI Calculator
   ========================================================================== */
.subp-calc{padding:64px 0 48px;}

/* Head: 2-column grid — kicker+title on left, intro on right, aligned to title baseline. */
.subp-calc-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:56px;row-gap:14px;align-items:start;margin:0 0 40px;}
.subp-calc-kicker.badge{grid-column:1;grid-row:1;background:transparent;box-shadow:none;border:0;padding:0;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:900;line-height:25px;letter-spacing:2.25px;text-transform:uppercase;margin:0;}
.subp-calc-kicker.badge::before{display:none;}
.subp-calc-head .section-title{grid-column:1;grid-row:2;margin:0;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:45px;font-weight:500;line-height:50px;letter-spacing:normal;}
.subp-calc-head .section-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:45px;font-style:italic;font-weight:400;line-height:50px;letter-spacing:normal;}
.subp-calc-intro{grid-column:2;grid-row:1 / span 2;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:480px;margin:0;align-self:end;padding-bottom:6px;}
@media(max-width:820px){
	.subp-calc-head{grid-template-columns:1fr;row-gap:12px;column-gap:0;}
	.subp-calc-kicker.badge{grid-row:auto;}
	.subp-calc-head .section-title{grid-column:1;grid-row:auto;font-size:34px;line-height:38px;}
	.subp-calc-head .section-title .accent{font-size:34px;line-height:38px;}
	.subp-calc-intro{grid-column:1;grid-row:auto;padding-bottom:0;}
}

.subp-calc-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:0;align-items:stretch;}
.subp-calc-inputs{background:#fff;border:0;border-radius:25px 0 0 25px;padding:30px 30px 20px;display:flex;flex-direction:column;gap:10px;}
.subp-calc-inputs-title{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:25px;letter-spacing:normal;text-transform:none;padding:0 0 10px;margin:0 0 6px;border-bottom:0;}
.subp-calc-row{background:#FBFBFB;border-radius:15px;padding:20px 30px;margin:0;display:flex;flex-direction:column;gap:10px;}
.subp-calc-row-label{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;}
.subp-calc-row-label .subp-calc-acc{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}
.subp-calc-slider-line{display:flex;align-items:center;gap:16px;}
.subp-calc-val{color:#2A666C;text-align:right;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:25px;background:transparent;padding:0;border-radius:0;min-width:56px;flex:none;}
.subp-calc-row.is-accent{background:#F2F9FA;}
.subp-calc-row.is-accent .subp-calc-val{color:#C29C69;font-size:14px;line-height:25px;}
.subp-calc-range{flex:1 1 auto;min-width:0;max-width:405px;-webkit-appearance:none;appearance:none;height:5px;background:#74A5AD;border-radius:999px;outline:none;margin:0;}
.subp-calc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#fff;border:1px solid #000;border-radius:50%;cursor:pointer;margin-top:-5px;box-shadow:none;}
.subp-calc-range::-moz-range-thumb{width:15px;height:15px;background:#fff;border:1px solid #000;border-radius:50%;cursor:pointer;box-shadow:none;}
.subp-calc-range::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,#2A666C 0%,#2A666C var(--fill,50%),#74A5AD var(--fill,50%),#74A5AD 100%);}
.subp-calc-range::-moz-range-track{height:5px;border-radius:999px;background:#74A5AD;}
.subp-calc-range::-moz-range-progress{height:5px;border-radius:999px;background:#2A666C;}
.subp-calc-row-note{display:block;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:16px;margin:0;}
.subp-calc-row-note .subp-calc-acc{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:16px;}

.subp-calc-result{background:#F2F9FA;border:0;border-radius:0 25px 25px 0;padding:36px 40px 30px;display:flex;flex-direction:column;}
.subp-calc-result-label{color:#2A666C;text-align:center;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:25px;letter-spacing:normal;text-transform:none;display:block;margin:0 0 18px;}
.subp-calc-result-value{display:block;text-align:center;font-family:"DM Sans",sans-serif;font-size:60px;font-weight:700;color:#2A666C;letter-spacing:-.03em;margin:0 0 12px;line-height:1;}
.subp-calc-result-sub{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:11px;font-style:normal;font-weight:600;line-height:16px;margin:0 auto 26px;max-width:340px;}
.subp-calc-result-lines{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:18px;}
.subp-calc-result-lines li{list-style:none;margin:0;padding:0;}
.subp-calc-result-line-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;}
.subp-calc-result-line-head span{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;}
.subp-calc-result-line-head b{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;line-height:24px;}
.subp-calc-result-lines li:nth-child(2) .subp-calc-result-line-head b{color:#1A1A2E;}
.subp-calc-result-line-bar{position:relative;width:100%;height:5px;border-radius:999px;background:#E4EEF0;overflow:hidden;}
.subp-calc-result-line-fill{position:absolute;inset:0 auto 0 0;height:100%;width:0;border-radius:999px;background:#C29C69;transition:width .18s ease;}
.subp-calc-result-lines li:nth-child(2) .subp-calc-result-line-fill{background:#2A666C;}
.subp-calc-breakdown{margin-top:6px;padding-top:0;border-top:0;}
.subp-calc-breakdown-head{display:block;text-align:center;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:600;line-height:22px;margin:0 0 14px;letter-spacing:normal;text-transform:none;}
.subp-calc-breakdown-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.subp-calc-bd-card{background:rgba(255,255,255,0.20);border:1px solid rgba(26,26,46,0.20);border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:10px;}
.subp-calc-bd-kicker{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:7px;font-style:normal;font-weight:600;line-height:12px;letter-spacing:1.05px;text-transform:uppercase;}
.subp-calc-bd-body{display:inline-flex;align-items:baseline;gap:6px;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:1.1;flex-wrap:wrap;}
.subp-calc-bd-cur{color:#1A1A2E;font-weight:700;}
.subp-calc-bd-arrow{color:#9AA0A8;font-weight:500;}
.subp-calc-bd-new{color:#C29C69;font-weight:700;}
.subp-calc-result-note{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:16px;margin-top:22px;}
@media(max-width:820px){.subp-calc-grid{grid-template-columns:1fr;}.subp-calc-inputs{border-radius:25px 25px 0 0;}.subp-calc-result{border-radius:0 0 25px 25px;}.subp-calc-result-value{font-size:42px;}}

/* Calculator 02 — navy theme override */
.subp-calc[data-calc="c2"] .subp-calc-kicker.badge{color:#324472;}
.subp-calc[data-calc="c2"] .subp-calc-head .section-title .accent{color:#324472;font-family:"Playfair Display","Newsreader",serif;font-size:45px;font-style:italic;font-weight:400;line-height:50px;letter-spacing:-2.25px;}
.subp-calc[data-calc="c2"] .subp-calc-range{background:#B0CCFF;border-radius:25px;}
.subp-calc[data-calc="c2"] .subp-calc-range::-webkit-slider-runnable-track{background:linear-gradient(to right,#324472 0%,#324472 var(--fill,50%),#B0CCFF var(--fill,50%),#B0CCFF 100%);border-radius:25px;}
.subp-calc[data-calc="c2"] .subp-calc-range::-moz-range-track{background:#B0CCFF;border-radius:25px;}
.subp-calc[data-calc="c2"] .subp-calc-range::-moz-range-progress{background:#324472;border-radius:25px;}
.subp-calc[data-calc="c2"] .subp-calc-val{color:#324472;}
.subp-calc[data-calc="c2"] .subp-calc-row.is-accent{background:#F6F9FF;}
.subp-calc[data-calc="c2"] .subp-calc-result{background:#F6F9FF;border-radius:0 25px 25px 0;}
.subp-calc[data-calc="c2"] .subp-calc-result-label{color:#324472;}
.subp-calc[data-calc="c2"] .subp-calc-result-value{color:#324472;text-align:center;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:700;line-height:55px;letter-spacing:normal;}
@media(max-width:820px){.subp-calc[data-calc="c2"] .subp-calc-result{border-radius:0 0 25px 25px;}}

.subp-method{background:#F4F0E9;padding:64px 0 56px;border-radius:var(--r-card);margin:0 var(--gutter);}
.subp-method .container{padding:0 30px;}
.subp-method .section-head{margin-bottom:36px;}
.subp-method .section-head .badge.badge-dot{background:transparent;box-shadow:none;padding:0;color:#C29C69;text-align:center;font-family:"DM Sans",sans-serif;font-size:15px;font-style:normal;font-weight:900;line-height:25px;letter-spacing:2.25px;text-transform:uppercase;}
.subp-method .section-head .badge.badge-dot::before{display:none;}
.subp-method .section-title{font-size:42px;line-height:1.1;letter-spacing:-.02em;}
.subp-method .section-title .accent{font-size:42px;line-height:1.1;letter-spacing:-.02em;}
.subp-method .section-lead{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:640px;margin:12px auto 0;}
.subp-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.subp-method-card{background:#FFF;border-radius:25px;padding:24px 24px 22px;display:flex;flex-direction:column;align-items:flex-start;}
.subp-method-grid .subp-method-card:nth-child(1){border:1px solid #C29C69;}
.subp-method-grid .subp-method-card:nth-child(2){border:1px solid #324472;}
.subp-method-grid .subp-method-card:nth-child(3){border:1px solid #2A666C;}
.subp-method-kicker{display:inline-block;text-align:left;font-family:"DM Mono",ui-monospace,monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;padding:6px 10px;border-radius:15px;}
.subp-method-grid .subp-method-card:nth-child(1) .subp-method-kicker{color:#C29C69;background:#F9F1E6;}
.subp-method-grid .subp-method-card:nth-child(2) .subp-method-kicker{color:#324472;background:#F6F9FF;}
.subp-method-grid .subp-method-card:nth-child(3) .subp-method-kicker{color:#2A666C;background:#F2F9FA;}
.subp-method-val{display:inline-block;font-size:32px;font-weight:600;color:#C29C69;margin-bottom:10px;line-height:1;letter-spacing:-.02em;}
.subp-method-grid .subp-method-card:nth-child(2) .subp-method-val,
.subp-method-grid .subp-method-card:nth-child(2) h4{color:#324472;}
.subp-method-grid .subp-method-card:nth-child(3) .subp-method-val,
.subp-method-grid .subp-method-card:nth-child(3) h4{color:#2A666C;}
.subp-method-card h4{font-size:18px;font-weight:600;color:#C29C69;margin-bottom:10px;line-height:1.25;}
.subp-method-card p{color:#212B3F;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;}
.subp-method-mult{background:#FFF;border:1px solid #C29C69;border-radius:25px;padding:24px 30px;margin-top:16px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;}
.subp-method-mult-val{font-size:38px;color:#C29C69;font-weight:600;flex:none;line-height:1;letter-spacing:-.02em;display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;}
.subp-method-mult-val-lead{display:block;font:inherit;color:inherit;}
.subp-method-mult-val-tail{display:block;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:12px;letter-spacing:normal;}
.subp-method-mult-body{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px;}
.subp-method-mult-lbl{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:normal;text-transform:none;}
.subp-method-mult p{color:#212B3F;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0;}
@media(max-width:820px){
	.subp-method-grid{grid-template-columns:1fr;}
	.subp-method .section-title,.subp-method .section-title .accent{font-size:30px;}
}

/* ==========================================================================
   Section: Blog & Insights
   ========================================================================== */
.subp-blog-head{text-align:center;padding:60px 0 32px;}
.subp-blog-head .badge{margin-bottom:16px;}
.subp-blog-head h1{font-size:46px;max-width:720px;margin:0 auto 14px;line-height:1.1;}
.subp-blog-head .section-lead{color:var(--muted);font-size:15px;max-width:620px;margin:0 auto 22px;line-height:1.55;}
.subp-blog-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center;}

.subp-blog-feat{padding:8px 0 32px;}
.subp-blog-feat .container{padding-bottom:16px;}
.subp-blog-feat-kicker{font-size:20px;color:var(--ink);font-weight:600;}
.subp-blog-feat-strip{--feat-card-w:min(1180px,calc(100vw - 220px));display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding-inline:calc((100% - var(--feat-card-w))/2);user-select:none;-webkit-user-select:none;}
.subp-blog-feat-strip::-webkit-scrollbar{display:none;}
.subp-blog-feat-strip.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;}
.subp-blog-feat-strip.is-dragging .subp-blog-feat-card{pointer-events:none;}
.subp-blog-feat-card{flex:0 0 var(--feat-card-w);height:420px;border-radius:25px;background-size:cover;background-position:center;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:36px 40px;scroll-snap-align:center;-webkit-user-drag:none;}
.subp-blog-feat-card,.subp-blog-feat-card img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;}
.subp-blog-feat-top{position:relative;z-index:2;max-width:640px;display:flex;flex-direction:column;gap:14px;}
.subp-blog-feat-top h3{font-size:26px;color:#fff;font-weight:600;line-height:1.2;margin:0;}
.subp-blog-tag{color:#fff;font-family:'DM Sans','Inter',sans-serif;font-size:15px;font-weight:900;line-height:15px;letter-spacing:2.25px;text-transform:uppercase;padding:0;background:none;border:0;border-radius:0;position:static;}
.subp-blog-feat-card .subp-blog-meta{position:relative;z-index:2;display:flex;gap:6px;color:rgba(255,255,255,.85);font-size:12.5px;align-items:center;}

.subp-blog-grid-section{padding:24px 0 60px;}
.subp-blog-grid-title{font-size:22px;font-weight:600;margin-bottom:22px;color:var(--ink);}
.subp-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.subp-blog-card{background:#fff;border:0;border-radius:16px;overflow:hidden;color:var(--ink);display:flex;flex-direction:column;transition:.15s;}
.subp-blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(20,30,60,.25);}
.subp-blog-card-img{position:relative;height:170px;background-size:cover;background-position:center;background-color:var(--cream-2);}
.subp-blog-card-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:10px;}
.subp-blog-card-body .subp-blog-cat{align-self:flex-start;display:inline-block;font-size:9.5px;color:#fff;border-radius:6px;padding:5px 10px;letter-spacing:.12em;font-weight:700;background:var(--ink);}
.subp-blog-cat--navy{background:var(--ink)!important;}
.subp-blog-cat--gold{background:var(--gold)!important;}
.subp-blog-cat--teal{background:#1f4a4a!important;}
.subp-blog-card h3{font-size:14.5px;line-height:1.35;font-weight:600;color:var(--ink);}
.subp-blog-card .subp-blog-meta{color:var(--muted);font-size:11.5px;gap:5px;display:flex;justify-content:space-between;align-items:center;margin-top:auto;}
.subp-blog-card .subp-blog-meta .subp-blog-meta-left,
.subp-blog-card .subp-blog-meta .subp-blog-meta-right{display:flex;align-items:center;gap:5px;}
.subp-blog-card .subp-blog-meta svg{color:var(--muted);opacity:.7;}
.subp-blog-meta-dot{opacity:.4;padding:0 2px;}
.subp-blog-empty{color:var(--muted);text-align:center;padding:36px 0;}
@media(max-width:820px){.subp-blog-grid{grid-template-columns:1fr 1fr;}.subp-blog-feat-strip{--feat-card-w:min(88vw,640px);}}
@media(max-width:560px){.subp-blog-grid{grid-template-columns:1fr;}.subp-blog-head h1{font-size:30px;}}

/* ==========================================================================
   LEAD CAPTURE — rebuilt 1:1 from DermPro Lead capture & conversion.pdf
   All values (font-size, colors, spacing) sampled directly from the PDF export.
   Design canvas: 1920 wide; content container: 1500 (=canvas − 210 × 2).
   ========================================================================== */
.lc{background:var(--dp-bg);color:var(--dp-ink);font-family:'Inter',sans-serif;}

/* Small uppercase kicker used inside compare cards — distinct from the pill badge. */
.lc-kicker-sm{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dp-ink);opacity:.6;line-height:1;}
.lc-kicker-sm--gold{color:var(--dp-gold);opacity:1;}

/* ---------- HERO ---------- */
.lc-hero{padding:0;}
.lc-hero-card{
	position:relative;overflow:hidden;border-radius:var(--r-card);
	background:#B18952 center/cover no-repeat;
	padding:52px 48px;
}
.lc-hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;height:100%;}
.lc-hero-text{position:relative;z-index:2;color:#fff;}
.lc-hero-text .badge{margin-bottom:28px;}
.lc-hero-title{font-family:'Inter',sans-serif;font-size:55px;line-height:1.05;font-weight:600;color:#fff;letter-spacing:-.02em;margin:0 0 22px;}
.lc-hero-title .accent{color:#fff;font-weight:400;}
.lc-hero-sub{color:#fff;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;max-width:520px;margin:0 0 30px;}
.lc-hero-sub strong{color:#fff;font-weight:700;}
.lc-hero-media{position:relative;z-index:1;}
.lc-hero-media img{width:100%;height:100%;max-height:440px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px -22px rgba(0,0,0,.35);display:block;}

/* ---------- STATS ---------- */
.lc-stats{padding:56px 0 32px;}
.lc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.lc-stat{position:relative;padding-top:22px;}
.lc-stat::before{content:"";position:absolute;left:0;top:0;height:2px;width:61px;background:var(--dp-gold-dark);}
.lc-stat-value{font-size:25px;line-height:1.1;color:var(--dp-gold);font-weight:500;letter-spacing:0;margin-bottom:8px;}
.lc-stat-label{font-size:14px;line-height:1.45;color:var(--dp-ink);opacity:.75;max-width:230px;}

/* ---------- UNIFIED INBOX ---------- */
.lc-inbox{padding:64px 0 40px;}
.lc-inbox-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:start;}
.lc-inbox-text .badge{margin-bottom:18px;}
.lc-h2{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0 0 22px;}
.lc-h2 .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.lc-h2--center{text-align:center;max-width:900px;margin:0 auto 18px;}
.lc-body{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;}
.lc-body strong{font-weight:700;color:#1A1A2E;}
.lc-body p{margin:0 0 16px;}
.lc-body p:last-child{margin-bottom:0;}

.lc-inbox-card{
	background:#F4F0E9 center/cover no-repeat;border-radius:24px;
	padding:22px;display:flex;flex-direction:column;gap:16px;
	min-height:600px;
}
.lc-inbox-item{background:#fff;border-radius:16px;padding:40px 26px;display:flex;gap:18px;box-shadow:0 6px 14px -12px rgba(20,30,60,.15);flex:1;align-items:center;}
.lc-inbox-ico{flex:none;width:60px;height:60px;border-radius:14px;background:var(--dp-icon-cream);display:flex;align-items:center;justify-content:center;}
.lc-inbox-ico img{width:26px;height:26px;display:block;}
.lc-inbox-item-body h3{margin:0 0 6px;font-size:18px;line-height:1.2;font-weight:600;color:var(--dp-ink);letter-spacing:-.01em;}
.lc-inbox-item-body p{margin:0;color:var(--dp-ink);opacity:.7;font-size:14px;line-height:1.5;}

/* ---------- CLOSE THE LOOP ---------- */
.lc-ctl{padding:80px 0 40px;}
.lc-ctl-head{text-align:center;margin-bottom:40px;}
.lc-ctl-head .badge{margin-bottom:16px;}
.lc-ctl-intro{color:var(--dp-ink);opacity:.72;font-size:16px;line-height:1.6;max-width:820px;margin:20px auto 0;}

.lc-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:44px;}
.lc-compare-card{border-radius:20px;padding:36px 40px;}
.lc-compare-card--cream{background:var(--dp-cream);}
.lc-compare-card--white{background:#fff;box-shadow:0 6px 14px -12px rgba(20,30,60,.12);}
.lc-compare-card .lc-kicker-sm{margin-bottom:14px;}
.lc-compare-card h3{margin:0 0 16px;font-size:30px;line-height:1.15;font-weight:600;color:var(--dp-ink);letter-spacing:-.015em;}
.lc-compare-card .lc-body{font-size:15px;line-height:1.65;}

.lc-pillbar{display:flex;justify-content:center;margin-bottom:28px;}
.lc-pill{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#324472;text-align:center;font-family:"DM Sans",sans-serif;font-size:15px;font-style:normal;font-weight:900;line-height:20px;letter-spacing:2.25px;text-transform:uppercase;padding:12px 28px;border-radius:25px;border:1px solid #B28953;}

.lc-stages{display:flex;justify-content:center;gap:20px;position:relative;flex-wrap:wrap;}
.lc-stage{background:#324472;color:#fff;border-radius:25px;padding:24px 22px;width:284px;height:200px;flex:0 0 284px;display:flex;flex-direction:column;gap:12px;position:relative;box-sizing:border-box;}
@media(min-width:1200px){.lc-stages{flex-wrap:nowrap;}.lc-stage{flex:1 1 0;min-width:0;width:auto;}}
.lc-stage + .lc-stage::before{
	content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);
	width:16px;height:15px;
	background:no-repeat center/contain;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15' fill='none'><path d='M15.7071 8.07112C16.0976 7.6806 16.0976 7.04743 15.7071 6.65691L9.34315 0.292946C8.95262 -0.0975785 8.31946 -0.0975785 7.92893 0.292946C7.53841 0.68347 7.53841 1.31664 7.92893 1.70716L13.5858 7.36401L7.92893 13.0209C7.53841 13.4114 7.53841 14.0446 7.92893 14.4351C8.31946 14.8256 8.95262 14.8256 9.34315 14.4351L15.7071 8.07112ZM0 7.36401V8.36401H15V7.36401V6.36401H0V7.36401Z' fill='%23C29C69'/></svg>");
}
.lc-stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;}
.lc-stage-num{display:inline-flex;padding:6px 12px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:#C29C69;border:0;color:#fff;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;}
.lc-stage-ico{display:flex;width:44px;height:44px;padding:10px;justify-content:center;align-items:center;background:none;border:1.5px solid rgba(224,229,247,.30);border-radius:12px;}
.lc-stage-ico img{width:22px;height:22px;display:block;filter:brightness(0) invert(1);}
.lc-stage:last-child{border-radius:25px;background:linear-gradient(328deg,#9AADDE 11.54%,#324472 66.85%);}
.lc-stage h4{color:#fff;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:25px;margin:0;}
.lc-stage p{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:auto 0 0;}

/* ==========================================================================
   Universal utilities
   ========================================================================== */
/* Narrow inner content inside a full-width box (heros, panels, feature grids).
   Box (parent) keeps its background/padding/border-radius; this centers and
   caps the content width so it never runs edge-to-edge on wide viewports. */
.box-inner,.page-hero-inner,.page-hero-c-inner,.hero-inner,.lc-hero-inner{max-width:1180px;margin-left:auto;margin-right:auto;}

/* ==========================================================================
   Subpage universal typography defaults (applied last, overridable)
   ========================================================================== */
[class*="subp-"][class*="-card"] h3,
[class*="subp-"][class*="-card"] h4{font-family:"DM Sans",sans-serif;}
[class*="subp-"][class*="-card"] p{font-family:"DM Sans",sans-serif;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1200px){
	.lc-hero-card{padding:44px 34px;}
	.lc-hero-title,.lc-h2{font-size:44px;}
	.lc-compare-card h3{font-size:26px;}
}
@media(max-width:900px){
	.lc-hero-card{padding:36px 26px;}
	.lc-hero-inner{grid-template-columns:1fr;gap:28px;}
	.lc-hero-title,.lc-h2{font-size:36px;}
	.lc-inbox-grid{grid-template-columns:1fr;gap:40px;}
	.lc-inbox-card{min-height:0;}
	.lc-stats-grid{grid-template-columns:repeat(2,1fr);gap:28px;}
	.lc-compare{grid-template-columns:1fr;}
	.lc-stages{flex-wrap:wrap;gap:20px;}
	.lc-stage{flex:0 0 calc(50% - 10px);width:calc(50% - 10px);}
	.lc-stage + .lc-stage::before{display:none;}
	.lc-compare-card{padding:28px 28px;}
}
@media(max-width:560px){
	.lc-hero-title,.lc-h2{font-size:30px;}
	.lc-stats-grid{grid-template-columns:1fr;}
	.lc-stages{flex-direction:column;align-items:center;}
	.lc-stage{flex:0 0 100%;max-width:284px;width:100%;}
	.lc-compare-card h3{font-size:22px;}
}

/* ==========================================================================
   LASER GROWTH — rebuilt 1:1 from DermPro Laser Growth.pdf
   Design canvas: 1500 wide; content container: 1180.
   Palette: navy #324472 · gold #C29C69 · teal #2A666C · cream #F4F0E9.
   ========================================================================== */
.lg{background:var(--dp-bg);color:var(--dp-ink);font-family:'Inter',sans-serif;}
.lg .lg-h2{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0 0 22px;}
.lg .lg-h2 .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.lg .lg-h2--center{text-align:center;max-width:900px;margin:0 auto 18px;}
.lg .lg-body p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:400;line-height:24px;margin:0 0 14px;}
.lg .lg-body p:last-child{margin-bottom:0;}
.lg .lg-body strong{font-weight:700;}
.lg .lg-kicker{display:inline-block;color:#324472;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.lg .lg-kicker--gold{color:#C29C69;}

/* Checklist rows — reused across buckets/solutions/burning/plans. */
.lg .lg-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.lg .lg-checks li{display:flex;gap:10px;align-items:flex-start;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;line-height:20px;}
.lg .lg-check{flex:none;width:20px;height:20px;border-radius:50%;background:#E7EAFB;color:#324472;display:inline-flex;align-items:center;justify-content:center;margin-top:1px;}
.lg .lg-checks--gold .lg-check{background:#FBF3E1;color:#C29C69;}

/* -------- HERO -------- */
.lg-hero{padding:0;}
.lg-hero-card{position:relative;overflow:hidden;border-radius:var(--r-card);padding:56px 56px;background:#324472 center/cover no-repeat;}
.lg-hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,539px);gap:60px;align-items:center;}
.lg-hero-text{color:#fff;}
.lg-hero-text .badge{margin-bottom:22px;}
.lg-hero-title{color:#fff;font-family:"DM Sans",sans-serif;font-size:52px;font-style:normal;font-weight:500;line-height:58px;margin:0 0 22px;}
.lg-hero-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:52px;font-style:italic;font-weight:400;line-height:58px;letter-spacing:-2.6px;}
.lg-hero-sub{color:#FFF;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:540px;margin:0 0 28px;}
.lg-hero-sub p{margin:0 0 16px;}
.lg-hero-sub p:last-child{margin:0;}
.lg-hero-sub strong{color:#fff;font-weight:700;}
.lg-hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.lg-hero-cta .btn-navy{background:#324472;color:#fff;border-color:#324472;}
.lg-hero-cta .btn-navy:hover{background:#fff;border-color:#fff;color:#324472;}
.lg-hero-cta .btn-outline-light{background:transparent;border-color:rgba(255,255,255,.35);color:#fff;}
.lg-hero-cta .btn-outline-light:hover{background:#fff;color:#324472;}

/* Glance card — right side of the hero */
.lg-glance{position:relative;background:#B0CCFF center/cover no-repeat;border-radius:25px;padding:40px;box-shadow:0 22px 44px -30px rgba(6,15,40,.6);max-width:539px;width:100%;aspect-ratio:539/525;justify-self:end;box-sizing:border-box;}
.lg-glance-inner{border-radius:20px;background:linear-gradient(349deg,rgba(255,255,255,0) 50.98%,rgba(255,255,255,.80) 85.4%),rgba(255,255,255,.40);padding:20px;height:100%;display:flex;flex-direction:column;gap:26px;box-sizing:border-box;}
.lg-glance-brand{display:flex;justify-content:center;line-height:1;}
.lg-glance-brand .brand-1,.lg-glance-brand .brand-2{font-family:"DM Sans",sans-serif;font-size:14px;font-weight:900;letter-spacing:.2em;line-height:1;color:#324472;}
.lg-glance-brand .brand-2{color:#324472;opacity:.55;}
.lg-glance-title{color:#324472;text-align:center;font-family:"DM Sans",sans-serif;font-size:20px;font-weight:300;line-height:25px;margin:0;letter-spacing:0;}
.lg-glance-title strong{font-weight:700;}
.lg-glance-title span{font-weight:300;}
.lg-glance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.lg-glance-cell{background:#fff;border-radius:14px;padding:18px 18px 14px;display:grid;grid-template-columns:auto 1fr;grid-column-gap:12px;grid-row-gap:8px;align-items:center;min-height:150px;}
.lg-glance-ico{grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:10px;background:#E0E5F7;border-radius:10px;box-sizing:border-box;}
.lg-glance-ico svg{display:block;flex:none;}
.lg-glance-cell h4{grid-column:2;grid-row:1;color:#324472;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:16px;margin:0;}
.lg-glance-cell>p,.lg-glance-cell>.lg-glance-stat,.lg-glance-cell>.lg-glance-foot{grid-column:1 / -1;}
.lg-glance-cell p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:400;line-height:12px;margin:0;align-self:start;}
.lg-glance-cell p strong{font-weight:700;}
.lg-glance-foot{align-self:end;color:rgba(26,26,46,.50);font-family:"DM Sans",sans-serif;font-size:6px;font-weight:400;line-height:10px;padding-top:8px;margin-top:auto;}
.lg-glance-cell--stat{padding:18px 18px 14px;}
.lg-glance-stat{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:32px;font-weight:700;line-height:36px;margin-bottom:4px;}

/* -------- STATS row -------- */
.lg-stats{padding:52px 0 40px;}
.lg-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.lg-stat{position:relative;padding-top:22px;}
.lg-stat::before{content:"";position:absolute;left:0;top:0;height:2px;width:61px;background:var(--dp-gold-dark);}
.lg-stat-value{font-family:"DM Sans",sans-serif;font-size:28px;line-height:32px;color:#C29C69;font-weight:700;letter-spacing:0;margin-bottom:8px;}
.lg-stat-label{font-family:"DM Sans",sans-serif;font-size:14px;line-height:20px;color:#1A1A2E;max-width:280px;}

/* -------- DERMPRO GLOBAL INDEX -------- */
.lg-index{padding:56px 0;}
.lg-index-head{text-align:center;max-width:920px;margin:0 auto 36px;}
.lg-index-head .badge{margin-bottom:16px;}
.lg-index-para{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;margin:22px auto 0;}

.lg-bar{display:flex;border-radius:14px;overflow:hidden;height:56px;margin:0 auto 10px;max-width:960px;}
.lg-bar-seg{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 22px;color:#fff;}
.lg-bar-seg strong{font-family:"DM Sans",sans-serif;font-size:20px;font-weight:700;line-height:1;}
.lg-bar-seg span{font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;}
.lg-bar-seg--navy{background:#324472;flex:46.5;}
.lg-bar-seg--gold{background:#C29C69;flex:53.5;}
.lg-bar-foot{text-align:center;color:#1A1A2E;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;margin:0 0 40px;}

.lg-index-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.lg-index-col{border-radius:22px;padding:32px 32px;}
.lg-index-col--new{background:#EBEFFA;}
.lg-index-col--existing{background:#FBF3E1;}
.lg-index-col-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;}
.lg-index-col-head h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:26px;font-weight:600;line-height:30px;margin:0;}
.lg-index-col-stat{font-family:"DM Sans",sans-serif;font-size:32px;font-weight:700;line-height:32px;}
.lg-index-col-stat--navy{color:#324472;}
.lg-index-col-stat--gold{color:#C29C69;}
.lg-index-col-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 0 22px;}
.lg-index-rows{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.lg-index-rows li{display:flex;gap:14px;align-items:center;padding:10px 14px;background:#fff;border-radius:12px;}
.lg-index-rows--gold li{background:#fff;}
.lg-index-row-val{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:12px;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:700;line-height:1;letter-spacing:0;color:#324472;background:#DFE5FA;min-width:70px;text-align:center;}
.lg-index-rows--gold .lg-index-row-val{color:#C29C69;background:#F4EAD3;}
.lg-index-row-lbl{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:18px;}
.lg-index-col-foot{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:400;line-height:18px;margin:16px 0 0;opacity:.75;}

/* -------- TWO BUCKETS -------- */
.lg-buckets{padding:56px 0;background:#FFFDF9;}
.lg-buckets-head{text-align:center;max-width:920px;margin:0 auto 40px;}
.lg-buckets-head .badge{margin-bottom:16px;}
.lg-buckets-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:400;line-height:22px;max-width:820px;margin:22px auto 0;}
.lg-buckets-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.lg-bucket{display:flex;flex-direction:column;background:transparent;}
.lg-bucket-top,.lg-bucket-bottom{padding:32px 36px;display:flex;flex-direction:column;flex:1;}
.lg-bucket-bottom{padding-top:26px;}
.lg-bucket-top{background:#FFF;border-radius:25px 25px 0 0;}
.lg-bucket--a .lg-bucket-bottom{background:#F6F9FF;border-radius:0 0 25px 25px;}
.lg-bucket--b .lg-bucket-bottom{background:#FFF8E7;border-radius:0 0 25px 25px;}
.lg-bucket-head{display:flex;align-items:baseline;gap:16px;margin-bottom:14px;}
.lg-bucket-stat{color:#324472;font-family:"DM Sans",sans-serif;font-size:34px;font-weight:700;line-height:1;}
.lg-bucket-stat--gold{color:#C29C69;}
.lg-bucket-kicker{color:#324472;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:600;line-height:18px;letter-spacing:0;}
.lg-bucket-kicker--gold{color:#C29C69;}
.lg-bucket-title{font-family:"DM Sans",sans-serif;font-size:35px;font-weight:500;line-height:35px;letter-spacing:0;margin:0 0 14px;}
.lg-bucket--a .lg-bucket-title{color:#324472;}
.lg-bucket--b .lg-bucket-title{color:#C29C69;}
.lg-bucket-para{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 0 22px;}
.lg-bucket .lg-checks{margin-bottom:26px;}
.lg-bucket-cta{display:inline-flex;align-self:center;padding:14px 26px;border-radius:999px;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;text-align:center;transition:.18s ease;margin-top:auto;}
.lg-bucket-cta--navy{background:#324472;color:#fff;}
.lg-bucket-cta--navy:hover{background:#1F2B53;}
.lg-bucket-cta--gold{background:#C29C69;color:#fff;}
.lg-bucket-cta--gold:hover{background:#A88855;}
.lg-buckets-foot{text-align:center;color:#324472;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;margin:32px auto 0;}
.lg-buckets-foot strong{font-weight:700;color:#324472;}

/* -------- TWO SOLUTIONS (bullet lists) -------- */
.lg-solutions{padding:56px 0;background:#FFFDF9;}
.lg-solutions-head{text-align:center;max-width:960px;margin:0 auto 40px;}
.lg-solutions-head .badge{margin-bottom:16px;}
.lg-solutions-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:400;line-height:22px;max-width:820px;margin:20px auto 0;}
.lg-solutions-intro p{margin:0 0 12px;}
.lg-solutions-intro p:last-child{margin:0;}
.lg-solutions-intro strong{font-weight:700;color:#1A1A2E;}
.lg-solutions-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.lg-sol{display:flex;flex-direction:column;background:transparent;}
.lg-sol-top,.lg-sol-bottom{padding:32px 36px;display:flex;flex-direction:column;flex:1;}
.lg-sol-bottom{padding-top:26px;}
.lg-sol-top{background:#FFF;border-radius:25px 25px 0 0;}
.lg-sol--a .lg-sol-bottom{background:#F6F9FF;border-radius:0 0 25px 25px;}
.lg-sol--b .lg-sol-bottom{background:#FFF8E7;border-radius:0 0 25px 25px;}
.lg-sol-hr{border:0;background:#324472;width:43px;height:1px;margin:0 0 12px;}
.lg-sol-hr--gold{background:#C29C69;}
.lg-sol h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:26px;font-weight:600;line-height:32px;margin:0 0 16px;letter-spacing:-.01em;}
.lg-sol p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:22px;margin:0 0 22px;}

/* -------- START WITH THE LEADS -------- */
.lg-start{padding:56px 0;background:#FFFDF9;}
.lg-start-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start;margin-bottom:40px;}
.lg-start-text .badge{margin-bottom:16px;}
.lg-start-card{background:#2A666C center/cover no-repeat;border-radius:22px;padding:40px;box-shadow:0 22px 44px -30px rgba(20,60,60,.35);}
.lg-inbox-mock-wrap{border-radius:20px;background:rgba(255,255,255,.40);padding:20px;}
.lg-inbox-mock{background:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 20px -14px rgba(20,30,60,.15);}
.lg-inbox-mock-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #EEECE5;}
.lg-inbox-mock-head h4{margin:0;color:#324472;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:700;line-height:normal;}
.lg-inbox-mock-head h4 span{color:#324472;font-family:"DM Sans",sans-serif;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;margin-left:4px;}
.lg-inbox-mock-brand{display:inline-flex;line-height:1;}
.lg-inbox-mock-brand .brand-1,.lg-inbox-mock-brand .brand-2{font-family:"DM Sans",sans-serif;font-size:12px;font-weight:900;letter-spacing:.2em;color:#324472;line-height:1;}
.lg-inbox-mock-brand .brand-2{color:#324472;opacity:.55;}
.lg-inbox-mock-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;}
.lg-inbox-mock-list li{display:flex;align-items:center;gap:12px;padding:20px 0;background:transparent;border-radius:0;border-bottom:1px solid #EEECE5;}
.lg-inbox-mock-list li:last-child{border-bottom:0;}
.lg-inbox-mock-dot{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb, var(--dot,#324472) 20%, transparent);}
.lg-inbox-mock-dot::before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--dot,#324472);}
.lg-inbox-mock-label{flex:1;color:#324472;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:600;line-height:16px;}
.lg-inbox-mock-time{color:#2A666C;text-align:right;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;line-height:12px;}
.lg-inbox-mock-list-last .lg-inbox-mock-time{color:#C29C69;}
.lg-inbox-mock-kicker{display:inline-block;color:#324472;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;margin-top:2px;}
.lg-inbox-mock-foot{color:#324472;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:400;line-height:14px;margin:0;}

.lg-start-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.lg-start-card-item{background:#324472;color:#fff;border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;min-height:180px;}
.lg-start-card-hr{border:0;background:#C29C69;width:61px;height:2px;border-radius:25px;margin:0 0 12px;}
.lg-start-card-item h4{color:#FFF;font-family:"DM Sans",sans-serif;font-size:18px;font-weight:700;line-height:20px;margin:0;}
.lg-start-card-item p{color:#fff;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:18px;margin:0;opacity:.85;}

/* -------- BURNING MONEY (compare) -------- */
.lg-burning{padding:56px 0;background:#FFFDF9;}
.lg-burning-head{text-align:center;max-width:920px;margin:0 auto 40px;}
.lg-burning-head .badge{margin-bottom:16px;}
.lg-burning-para{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:400;line-height:22px;max-width:820px;margin:22px auto 0;}
.lg-burning-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.lg-burn-col{display:flex;flex-direction:column;background:transparent;}
.lg-burn-top,.lg-burn-bottom{padding:32px 32px;display:flex;flex-direction:column;flex:1;}
.lg-burn-bottom{padding-top:26px;}
.lg-burn-top{background:#FFF;border-radius:25px 25px 0 0;}
.lg-burn-col--a .lg-burn-bottom{background:#F6F9FF;border-radius:0 0 25px 25px;}
.lg-burn-col--b .lg-burn-bottom{background:#FFF8E7;border-radius:0 0 25px 25px;}
.lg-burn-col h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:22px;font-weight:600;line-height:28px;margin:0 0 14px;letter-spacing:-.01em;}
.lg-burn-col p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 0 20px;}
.lg-burning-foot{margin:22px 0 0;background:#fff;border-radius:14px;padding:24px 32px;box-shadow:0 4px 10px -8px rgba(20,30,60,.14);text-align:left;}
.lg-burning-foot .lg-kicker{color:#4B6199;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:900;line-height:18px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}
.lg-burning-foot p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:18px;margin:0;}

/* -------- TEAL BANNER (reactivation) -------- */
.lg-teal{padding:32px 0;background:#FFFDF9;}
.lg-teal-panel{position:relative;overflow:hidden;background:#2A666C center/cover no-repeat;border-radius:var(--r-card);padding:64px 56px;color:#fff;}
.lg-teal-panel>*{position:relative;z-index:1;}
.lg-teal-inner{max-width:1180px;margin:0 auto;}
.lg-teal-head{text-align:center;max-width:920px;margin:0 auto 36px;}
.lg-teal-head .badge{margin-bottom:18px;}
.lg-teal-badge{background:#FFF;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:400;line-height:normal;box-shadow:none;}
.lg-teal-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;}
.lg-teal-title{color:#FFF;text-align:center;font-family:"DM Sans",sans-serif;font-size:55px;font-weight:500;line-height:60px;margin:0 auto 18px;max-width:920px;}
.lg-teal-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.lg-teal-sub{color:#fff;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:400;line-height:22px;max-width:820px;margin:0 auto;opacity:.88;}
.lg-teal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.lg-teal-stat{position:relative;border-radius:25px;background:rgba(255,255,255,.10);padding:26px 26px;display:flex;flex-direction:column;gap:10px;}
.lg-teal-stat-hr{position:absolute;top:0;left:26px;border:0;background:#C29C69;width:61px;height:2px;border-radius:25px;margin:0;}
.lg-teal-stat-val{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:40px;font-weight:700;line-height:45px;}
.lg-teal-stat p{color:#FFF;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0;}
.lg-teal-stat-src{color:#fff;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.55;}

/* -------- COHORT -------- */
.lg-cohort{padding:56px 0;background:#FFFDF9;}
.lg-cohort-head{text-align:center;max-width:960px;margin:0 auto 36px;}
.lg-cohort-head .badge{margin-bottom:16px;}
.lg-cohort-cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-bottom:36px;}
.lg-cohort-col p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:22px;margin:0 0 14px;}
.lg-cohort-col p:last-child{margin:0;}
.lg-cohort-col strong{font-weight:700;}
.lg-cohort-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.lg-cohort-card{background:#324472;color:#fff;border-radius:22px;padding:26px 28px;display:flex;flex-direction:column;gap:12px;}
.lg-cohort-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
.lg-cohort-card-top h3{color:#FFF;font-family:"DM Sans",sans-serif;font-size:25px;font-weight:500;line-height:30px;margin:0;letter-spacing:0;}
.lg-cohort-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;}
.lg-cohort-ico img{width:50px;height:50px;display:block;}
.lg-cohort-card p{color:#FFF;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;margin:0;}

/* -------- PRICING PANEL -------- */
.lg-pricing{padding:56px 0 24px;background:#FFFDF9;}
.lg-pricing-panel{position:relative;overflow:hidden;background:#1F2B53 center/cover no-repeat;border-radius:var(--r-card);padding:56px 48px;color:#fff;}
.lg-pricing-panel>*{position:relative;z-index:1;}
.lg-pricing-head{text-align:center;max-width:820px;margin:0 auto 40px;}
.lg-pricing-head .badge{margin-bottom:18px;}
.lg-pricing-title{color:#FFF;text-align:center;font-family:"DM Sans",sans-serif;font-size:55px;font-weight:500;line-height:60px;margin:0 auto 16px;max-width:920px;}
.lg-pricing-title .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.lg-pricing-sub{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:22px;max-width:720px;margin:0 auto;opacity:.85;}
.lg-plans{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px;}
.lg-plan-plus{position:absolute;top:22px;right:22px;display:flex;width:40px;height:40px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:45px;background:#C29C69;color:#FFF;z-index:3;box-sizing:content-box;}
.lg-plan-plus svg{display:block;width:16px;height:16px;flex-shrink:0;}
.lg-plan-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;}
.lg-plan-arrow svg{display:block;width:53px;height:15px;}
.lg-plan-arrow--1{left:calc(33.333% - 26px);}
.lg-plan-arrow--2{left:calc(66.666% - 26px);}
@media(max-width:1024px){.lg-plan-arrow{display:none;}}
.lg-plan{border-radius:22px;padding:32px 28px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;}
.lg-plan--blue{background-color:#324472;color:#fff;}
.lg-plan--gold{background-color:#C29C69;color:#fff;}
.lg-plan-kicker{display:flex;width:108px;height:17px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:rgba(224,229,247,.20);color:#FFF;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;box-sizing:content-box;}
.lg-plan--gold .lg-plan-kicker{background:#C29C69;color:#FFF;}
.lg-plan h3{color:#FFF;font-family:"DM Sans",sans-serif;font-size:25px;font-weight:700;line-height:25px;margin:0 0 8px;letter-spacing:0;}
.lg-plan-summary{color:#FFF;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:400;line-height:16px;margin:0 0 22px;}
.lg-plan-price{display:flex;align-items:flex-start;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.50);}
.lg-plan-price-val{color:#F5D9AA;font-family:"DM Sans",sans-serif;font-size:50px;font-weight:700;line-height:1;letter-spacing:-.01em;}
.lg-plan--gold .lg-plan-price-val{color:#FFF;}
.lg-plan-price-note{color:#FFF;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;padding-top:6px;max-width:120px;}
.lg-plan:last-child .lg-plan-price-note{color:#C29C69;}
.lg-plan-feat-kicker{display:block;text-align:center;color:rgba(255,255,255,.55);font-family:"DM Mono",monospace;font-size:8px;font-weight:500;letter-spacing:2px;text-transform:uppercase;line-height:normal;margin-bottom:14px;}
.lg-plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;}
.lg-plan-features li{display:flex;gap:8px;align-items:flex-start;padding:5px 0;color:#FFF;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:400;line-height:14px;}
.lg-plan-features .lg-check{background:rgba(255,255,255,.14);color:#fff;flex:none;width:14px;height:14px;margin-top:0;}
.lg-plan-features .lg-check svg{width:9px;height:9px;}
.lg-plan-foot{color:rgba(255,255,255,.50);font-family:"DM Sans",sans-serif;font-size:9px;font-weight:400;line-height:13px;margin:auto 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);}
.lg-plan--gold .lg-plan-foot{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:400;line-height:14px;}

/* Bundle bar */
.lg-bundle{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;background:linear-gradient(90deg,#2C3A6B 0%,#1F2B53 100%);border:0;border-radius:22px;padding:32px 56px;max-width:1180px;margin:0 auto;}
.lg-bundle-body{display:flex;flex-direction:column;gap:12px;}
.lg-bundle-kicker{display:inline-block;background:#C29C69;color:#FFF;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;padding:6px 12px;border-radius:999px;align-self:flex-start;text-transform:none;}
.lg-bundle-body h3{color:#FFF;font-family:"DM Sans",sans-serif;font-size:45px;font-weight:700;line-height:45px;margin:0;letter-spacing:0;}
.lg-bundle-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.lg-bundle-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:25px;background:#324472;color:#FFF;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;}
.lg-bundle-chip svg{display:block;flex:none;}
.lg-bundle-chip-plus{display:inline-flex;align-items:center;justify-content:center;}
.lg-bundle-chip-plus svg{display:block;flex:none;width:8px;height:8px;}
.lg-bundle-desc{color:#fff;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:20px;margin:0;opacity:.8;}
.lg-bundle-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.lg-bundle-save{display:flex;width:135px;padding:10px;justify-content:center;align-items:center;gap:8px;border-radius:15px;background:rgba(194,156,105,.20);color:#C29C69;text-align:center;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:2px;box-sizing:content-box;margin-bottom:4px;}
.lg-bundle-value-row{display:inline-flex;align-items:baseline;gap:12px;}
.lg-bundle-strike{color:#546381;font-family:"DM Mono",monospace;font-size:20px;font-weight:500;line-height:20px;letter-spacing:1px;text-decoration-line:line-through;}
.lg-bundle-value{color:#C29C69;font-family:"DM Mono",monospace;font-size:35px;font-weight:500;line-height:45px;letter-spacing:1.75px;}
.lg-bundle-note{color:#FFF;text-align:right;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;margin-bottom:8px;}
.lg-bundle-cta{display:flex;width:281px;height:50px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;box-sizing:content-box;background:#C29C69;color:#FFF;text-align:center;border-radius:999px;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:normal;letter-spacing:0;transition:.18s ease;margin-top:10px;}
.lg-bundle-cta:hover{background:#A88855;}

/* -------- RESPONSIVE -------- */
@media(max-width:1200px){
	.lg-hero-title{font-size:44px;line-height:50px;}
	.lg-hero-title .accent{font-size:44px;line-height:50px;letter-spacing:-2.2px;}
	.lg-teal-title,.lg-teal-title .accent{font-size:42px;line-height:48px;letter-spacing:-2.1px;}
	.lg-hero-card{padding:44px 40px;}
	.lg-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;}
	.lg-glance{padding:28px;}
	.lg-glance-inner{padding:16px;gap:20px;}
}
@media(max-width:1024px){
	.lg .lg-h2,.lg .lg-h2 .accent{font-size:40px;line-height:46px;letter-spacing:-2px;}
	.lg-index-col{padding:28px 24px;}
	.lg-plans{grid-template-columns:1fr;}
	.lg-start-cards{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
	.lg-hero-card{padding:36px 28px;}
	.lg-hero-inner{grid-template-columns:1fr;gap:36px;}
	.lg-glance{justify-self:center;padding:24px;aspect-ratio:auto;}
	.lg-glance-inner{padding:16px;gap:20px;}
	.lg-hero-title,.lg-hero-title .accent{font-size:36px;line-height:42px;letter-spacing:-1.8px;}
	.lg-stats-grid{grid-template-columns:1fr;gap:22px;}
	.lg-index-cols,.lg-buckets-grid,.lg-solutions-grid,.lg-burning-grid,.lg-cohort-cols,.lg-cohort-grid{grid-template-columns:1fr;gap:20px;}
	.lg-start-grid{grid-template-columns:1fr;gap:32px;}
	.lg-teal-panel{padding:40px 26px;}
	.lg-teal-title,.lg-teal-title .accent{font-size:32px;line-height:38px;letter-spacing:-1.6px;}
	.lg-teal-stats{grid-template-columns:1fr;}
	.lg-pricing-panel{padding:40px 24px;}
	.lg-pricing-title,.lg-pricing-title .accent{font-size:36px;line-height:42px;letter-spacing:-1.8px;}
	.lg-bundle{grid-template-columns:1fr;padding:28px;}
	.lg-bundle-price{align-items:flex-start;}
	.lg-bar{height:auto;flex-direction:column;}
	.lg-bar-seg{padding:14px 20px;}
}
@media(max-width:560px){
	.lg .lg-h2,.lg .lg-h2 .accent{font-size:30px;line-height:36px;letter-spacing:-1.5px;}
	.lg-hero-title,.lg-hero-title .accent{font-size:28px;line-height:34px;letter-spacing:-1.4px;}
	.lg-start-cards{grid-template-columns:1fr;}
	.lg-index-col-head{flex-direction:column;align-items:flex-start;gap:8px;}
	.lg-index-col-stat{font-size:26px;}
	.lg-plan{padding:26px 22px;}
	.lg-bundle-value{font-size:42px;}
}

/* ==========================================================================
   PATIENT REACTIVATION — page-scoped styles
   ========================================================================== */
.pr{background:var(--dp-bg);color:var(--dp-ink);font-family:'Inter',sans-serif;}
.pr .pr-h2{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0 0 22px;letter-spacing:-.01em;}
.pr .pr-h2 .accent{color:#C29C69;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.pr .pr-h2--center{text-align:center;max-width:900px;margin:0 auto 18px;}
.pr .pr-h2--light,.pr .pr-h2--light .accent{color:#fff;}
.pr .pr-h2--light .accent{color:#C29C69;}
.pr .pr-body p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;margin:0 0 16px;}
.pr .pr-body p:last-child{margin-bottom:0;}
.pr .pr-body strong{font-weight:700;}
.pr .pr-sec-head{max-width:920px;margin:0 auto 40px;}
.pr .pr-sec-head--center{text-align:center;}
.pr .pr-sec-head .badge{margin-bottom:16px;}
.pr .pr-sec-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:720px;margin:16px auto 0;}

/* ---------- HERO ---------- */
.pr-hero{padding:0;}
.pr-hero-card{position:relative;overflow:hidden;border-radius:var(--r-card);padding:52px 48px;background:#B18952 center/cover no-repeat;}
.pr-hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;}
.pr-hero-text{color:#fff;position:relative;z-index:2;}
.pr-hero-text .badge{margin-bottom:22px;}
.pr-hero-title{color:#fff;font-family:"DM Sans",sans-serif;font-size:55px;font-style:normal;font-weight:500;line-height:60px;margin:0 0 22px;letter-spacing:-.01em;}
.pr-hero-title .accent{color:#fff;font-family:"Playfair Display","Newsreader",serif;font-size:55px;font-style:italic;font-weight:400;line-height:60px;letter-spacing:-2.75px;}
.pr-hero-sub{color:#fff;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:520px;margin:0 0 30px;}
.pr-hero-media img{width:100%;height:100%;max-height:440px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px -22px rgba(0,0,0,.35);display:block;}
.pr-hero .btn-navy{background:#324472;color:#fff;}
.pr-hero .btn-navy:hover{background:#243358;border-color:#243358;}

/* ---------- SHIFT (intro + stats) ---------- */
.pr-shift{padding:72px 0 40px;}
.pr-shift-head{text-align:center;max-width:1160px;margin:0 auto 36px;}
.pr-shift-head .pr-h2{margin-bottom:20px;}
.pr-shift-para{color:#1A1A2E;text-align:center;font-family:"DM Sans",sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:30px;max-width:1160px;margin:0 auto;}
.pr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:44px;max-width:1160px;margin-left:auto;margin-right:auto;}
.pr-stat{position:relative;padding-top:20px;}
.pr-stat::before{content:"";position:absolute;left:0;top:0;height:2px;width:61px;background:var(--dp-gold-dark);}
.pr-stat-value{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:30px;font-weight:700;line-height:36px;margin-bottom:10px;letter-spacing:0;}
.pr-stat-label{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;line-height:20px;max-width:240px;}

/* ---------- ONE ENGINE ---------- */
.pr-engine{padding:64px 0;}
.pr-engine-head{text-align:center;max-width:1000px;margin:0 auto 40px;}
.pr-engine-head .badge{margin-bottom:16px;}
.pr-engine-intro{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;max-width:820px;margin:18px auto 0;}
.pr-engine-wrap{border-radius:25px;background:rgba(245,241,234,.6);padding:40px;}
.pr-engine-wrap .pr-prog{max-width:1180px;margin:0 auto;}
.pr-prog{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.pr-card{background:#fff;border:0;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;transition:.2s;}
.pr-card:hover{box-shadow:none;transform:none;}
.pr-card--wide{grid-column:1 / -1;padding:0;background:#F3F8F8;border-radius:25px;}
.pr-derm-top{background:#FFF;border-radius:25px 25px 0 0;padding:34px 38px;}
.pr-derm-body{padding:26px 38px 34px;}
.pr-card--derm .pr-card-num{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;line-height:20px;}
.pr-card--derm .pr-card-title{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:35px;font-weight:500;line-height:35px;}
.pr-card:not(.pr-card--split):not(.pr-card--wide){padding:34px 38px;}
.pr-card-top,.pr-card-bottom{padding:34px 38px;display:flex;flex-direction:column;}
.pr-card-top{background:#fff;}
.pr-card-bottom{flex:1;}
.pr-card--cosmetic .pr-card-bottom{background:#F6F9FF;border-radius:25px;}
.pr-card--skincare .pr-card-bottom{background:#FFF8E7;border-radius:25px;}
.pr-card--upsell .pr-card-bottom{background:#F1F4FA;}
.pr-card-num{color:#324472;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;line-height:20px;margin-bottom:10px;letter-spacing:0;text-transform:none;}
.pr-card--skincare .pr-card-num{color:#C29C69;}
.pr-card-title{color:#324472;font-family:"DM Sans",sans-serif;font-size:35px;font-weight:500;line-height:35px;margin:0 0 14px;letter-spacing:-.01em;}
.pr-card-tag{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:20px;margin:0 0 14px;}
.pr-card-para{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0;}
.pr-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px;}
.pr-flow-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:15px;background:#C29C69;color:#fff;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;line-height:normal;letter-spacing:1.5px;}
.pr-flow-arrow{display:inline-flex;align-items:center;justify-content:center;padding:0 2px;}
.pr-flow-arrow svg{display:block;}
.pr-card-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:12px;}
.pr-card-list li{display:flex;gap:14px;align-items:flex-start;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:20px;padding:0;}
.pr-card-list li::before{content:none;}
.pr-check{flex:none;width:25px;height:25px;border-radius:50%;background:#E0E5F7;display:inline-flex;align-items:center;justify-content:center;margin-top:-1px;}
.pr-check svg{display:block;}
.pr-card--skincare .pr-check{background:#fff;}
.pr-card-note{background:transparent;color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:400;line-height:20px;padding:0;border-radius:0;margin:0 0 12px;}
.pr-card-note strong{color:#C29C69;font-weight:700;}
.pr-card--upsell .pr-card-note strong{color:#C29C69;}
.pr-card-proof{background:linear-gradient(180deg,#2C3A6B 0%,#1E2A54 100%);border-left:0;border-radius:14px;padding:16px 20px;font-family:"DM Sans",sans-serif;font-size:12.5px;font-weight:400;line-height:18px;color:#fff;margin-top:6px;}
.pr-card-proof p{margin:0;color:#fff;}
.pr-card-proof-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.pr-card-proof-tag{color:#F5D9AA;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none;}
.pr-card-proof-ph{display:inline-flex;align-items:center;background:#C29C69;color:#fff;font-family:"DM Mono",monospace;font-size:8px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:6px;}

/* Upsell — full width, LEFT: white content, RIGHT: light-blue bullets */
.pr-card--upsell{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-radius:25px;overflow:hidden;}
.pr-card--upsell .pr-card-top{background:#fff;padding:34px 38px;}
.pr-card--upsell .pr-card-bottom{background:#F6F9FF;padding:34px 38px;border-radius:0;}
.pr-card--upsell .pr-card-num{color:#324472;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;line-height:20px;}
.pr-card--upsell .pr-card-title{color:#324472;font-family:"DM Sans",sans-serif;font-size:35px;font-weight:500;line-height:35px;margin-bottom:14px;}
.pr-card--upsell .pr-card-tag{font-size:14px;line-height:20px;margin-bottom:12px;font-weight:700;color:#1A1A2E;}
.pr-card--upsell .pr-card-para{font-size:14px;line-height:20px;font-weight:400;color:#1A1A2E;}
.pr-card--upsell .pr-card-list li{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;}
.pr-card--upsell .pr-check{background:#E0E5F7;}

/* Dermatology dual applications */
.pr-card--wide .pr-card-num,.pr-card--wide .pr-card-title,.pr-card--wide .pr-card-tag,.pr-card--wide .pr-card-para{padding:0;}
.pr-derm-dual{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 24px;}
.pr-derm-app{background:rgba(196,220,222,.20);border-radius:25px;padding:24px 26px;}
.pr-derm-app-kicker{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:900;line-height:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;}
.pr-derm-app p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:300;line-height:20px;margin:0;}
.pr-derm-app strong{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:20px;}
.pr-derm-lede{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0;padding-bottom:24px;}
.pr-derm-lede strong{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:20px;}
.pr-derm-compliance{background:#C8ECF0;border-left:0;border-radius:25px;padding:30px;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#1A1A2E;margin-top:24px;border-top:0;}
.pr-derm-compliance::before{content:"";display:block;width:61px;height:2px;border-radius:25px;background:#2A666C;margin-bottom:16px;}
.pr-derm-compliance strong{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:20px;}

/* Interactive ICD map — tabs left, white panel right */
.pr-icdmap{display:grid;grid-template-columns:280px 1fr;gap:14px;margin:6px 0;background:transparent;padding:0;border-radius:0;overflow:visible;}
.pr-icdmap-rail{display:flex;flex-direction:column;gap:12px;background:transparent;padding:0;}
.pr-dx{appearance:none;text-align:left;background:#C8ECF0;border:1px solid #2A666C;border-radius:25px;padding:18px 24px;cursor:pointer;font:inherit;color:#2A666C;transition:.15s;font-family:"DM Sans",sans-serif;margin:0;}
.pr-dx:hover{background:#B6DDE2;}
.pr-dx.is-active{background:#2A666C;color:#fff;border-color:#2A666C;}
.pr-dx-name{display:block;color:inherit;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;line-height:20px;}
.pr-dx-codes{display:block;color:#2A666C;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:1.5px;margin-top:6px;}
.pr-dx.is-active .pr-dx-codes{color:#fff;}
.pr-dxpanel{background:#fff;color:#1A1A2E;border-radius:20px;padding:30px 34px;min-height:280px;}
.pr-dxpanel h4{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:35px;font-weight:500;line-height:35px;margin:0 0 18px;}
.pr-dxpanel-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.pr-dxpanel-chip{background:transparent;color:#2A666C;border:1px solid #2A666C;border-radius:25px;padding:8px 14px;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;line-height:normal;letter-spacing:1.5px;text-transform:none;}
.pr-dxpanel-chip.is-med{background:transparent;color:#2A666C;border-color:#2A666C;}
.pr-dxpanel-chip.is-cos{background:#2A666C;color:#fff;border-color:#2A666C;}
.pr-dxpanel-arrow{color:#2A666C;display:inline-flex;align-items:center;}
.pr-dxpanel-codes{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:26px;margin:0 0 18px;}
.pr-dxpanel-code{display:inline-flex;align-items:center;justify-content:center;background:#C8ECF0;color:#2A666C;font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:1.5px;padding:4px 12px;border-radius:15px;margin-right:10px;margin-bottom:10px;min-width:56px;}
.pr-dxpanel-why{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 0 20px;}
.pr-dxpanel-msglabel{color:#2A666C;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;display:block;}
.pr-dxpanel-msg{background:#C8ECF0;border-left:0;color:#2A666C;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:20px;padding:20px 24px;border-radius:0 25px 25px 25px;}
.pr-dxpanel-xs{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:20px 0 0;}
.pr-dxpanel-xs strong{color:#2A666C;font-weight:700;}
.pr-dxpanel-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.pr-dxpanel-chip{display:inline-flex;align-items:center;font-family:"DM Mono",monospace;font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:7px 12px;border-radius:15px;}
.pr-dxpanel-arrow{font-weight:700;font-size:14px;}
.pr-dxpanel h4{font-family:"DM Sans",sans-serif;font-size:22px;font-weight:600;line-height:26px;margin:0 0 8px;}
.pr-dxpanel-codes{font-family:"DM Sans",sans-serif;font-size:13px;line-height:22px;margin:0 0 14px;}
.pr-dxpanel-code{display:inline-block;font-family:"DM Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;border-radius:6px;margin-right:6px;}
.pr-dxpanel-why{font-family:"DM Sans",sans-serif;font-size:14px;line-height:22px;margin:0 0 16px;}
.pr-dxpanel-msglabel{display:block;font-family:"DM Mono",monospace;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}
.pr-dxpanel-msg{border-radius:0 10px 10px 0;padding:14px 18px;font-family:"DM Sans",sans-serif;font-size:13.5px;font-style:italic;line-height:20px;}
.pr-dxpanel-xs{font-family:"DM Sans",sans-serif;font-size:13px;line-height:20px;margin:14px 0 0;}
.pr-dxpanel-xs strong{font-weight:700;}
.pr-dxpanel-fade{animation:pr-dxfade .3s ease;}
@keyframes pr-dxfade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

/* ---------- REMINDER / CHECKOUT ---------- */
.pr-reminder{padding:64px 0;}
.pr-reminder-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.pr-reminder-text .badge{margin-bottom:16px;}
.pr-reminder-text .pr-h2{max-width:16ch;}
.pr-reminder-text .pr-body{margin-bottom:22px;}
.pr-reminder-steps{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:0;}
.pr-rstep{display:flex;gap:16px;padding:14px 0;position:relative;align-items:flex-start;}
.pr-rstep:not(:last-child)::after{content:"";position:absolute;left:15px;top:38px;bottom:-16px;width:2px;background:#9AADDE;z-index:0;}
.pr-rstep-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:22px;padding:4px 10px;background:#324472;color:#fff;font-family:"DM Sans",sans-serif;font-size:12px;font-weight:700;line-height:1;border-radius:15px;position:relative;z-index:1;margin-top:2px;}
.pr-rstep-mark--check{width:32px;height:32px;min-width:32px;padding:0;border-radius:50%;}
.pr-rstep-mark--check svg{display:block;}
.pr-rstep-body{display:flex;flex-direction:column;gap:4px;font-family:"DM Sans",sans-serif;}
.pr-rstep-body strong{color:#324472;font-family:"DM Sans",sans-serif;font-size:20px;font-weight:700;line-height:24px;}
.pr-rstep-body span{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:400;line-height:20px;}
.pr-reminder-media{display:flex;justify-content:center;}
.pr-reminder-media img{width:100%;max-width:540px;height:auto;border-radius:20px;display:block;}

/* ---------- HOW IT WORKS ---------- */
.pr-how{padding:32px 0 64px;}
.pr-how-panel{position:relative;overflow:hidden;border-radius:var(--r-card);padding:60px 56px 46px;background:#0F3F3B center/cover no-repeat;color:#fff;}
.pr-how-panel>*{position:relative;z-index:1;}
.pr-how-head{text-align:center;margin-bottom:38px;max-width:920px;margin-left:auto;margin-right:auto;}
.pr-how-head .badge{margin-bottom:18px;background:#fff;color:#1A1A2E;}
.pr-how-head .badge::before{background:#C29C69;}
.pr-how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto;}
.pr-how-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px 26px;display:flex;flex-direction:column;gap:12px;color:#fff;}
.pr-how-ico{width:47px;height:47px;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.pr-how-ico img{width:100%;height:100%;display:block;border-radius:10px;}
.pr-how-card h3{color:#fff;font-family:"DM Sans",sans-serif;font-size:20px;font-weight:600;line-height:24px;margin:6px 0 0;}
.pr-how-card p{color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:0;}
.pr-how-hi{color:#C29C69;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;line-height:20px;}
.pr-how-foot{text-align:center;color:#fff;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;line-height:20px;margin:34px auto 0;max-width:920px;}
.pr-how-foot strong{display:inline;background:linear-gradient(90deg,#C29C69 0%,#E7C88C 60%,#C29C69 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:28px;font-weight:700;line-height:35px;letter-spacing:0;text-transform:none;padding:0;border-radius:0;margin-right:10px;vertical-align:middle;}

/* ---------- ROI CALCULATOR — reuses .subp-calc-* from ROI page ---------- */
.pr-roi.subp-calc{padding:64px 0;}
.pr-roi .subp-calc-inputs-kicker{display:block;color:#324472;font-family:"DM Sans",sans-serif;font-size:10px;font-style:normal;font-weight:900;line-height:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;text-align:left;}
.pr-roi .subp-calc-inputs-title{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:35px;font-style:normal;font-weight:700;line-height:45px;text-align:left;margin:0 0 14px;padding:0;}
.pr-roi .subp-calc-inputs-sub{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0 0 18px;}
.pr-roi .subp-calc-row-label{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;}
.pr-roi .subp-calc-row-note{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:16px;}
.pr-roi .subp-calc-val{color:#324472;}
.pr-roi .subp-calc-range{background:#B0CCFF;border-radius:25px;}
.pr-roi .subp-calc-range::-webkit-slider-runnable-track{background:linear-gradient(to right,#324472 0%,#324472 var(--fill,50%),#B0CCFF var(--fill,50%),#B0CCFF 100%);border-radius:25px;}
.pr-roi .subp-calc-range::-moz-range-track{background:#B0CCFF;border-radius:25px;}
.pr-roi .subp-calc-range::-moz-range-progress{background:#324472;border-radius:25px;}
.pr-roi .subp-calc-range::-webkit-slider-thumb{border-color:#324472;}
.pr-roi .subp-calc-range::-moz-range-thumb{border-color:#324472;}

/* Right panel — clean rows with separators + gold total */
.pr-roi .pr-roi-out{background:#F6F9FF;border-radius:0 25px 25px 0;padding:34px 40px 30px;display:flex;flex-direction:column;}
.pr-roi-out-title{color:#324472;text-align:center;font-family:"DM Sans",sans-serif;font-size:25px;font-weight:700;line-height:30px;margin:0 0 22px;}
.pr-roi-out-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;}
.pr-roi-out-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 0;border-bottom:1px solid rgba(50,68,114,.15);}
.pr-roi-out-row:last-child{border-bottom:0;}
.pr-roi-out-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;}
.pr-roi-out-label{color:#324472;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;line-height:22px;}
.pr-roi-out-note{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:400;line-height:14px;opacity:.75;}
.pr-roi-out-num{color:#324472;font-family:"DM Sans",sans-serif;font-size:22px;font-weight:700;line-height:26px;flex-shrink:0;text-align:right;white-space:nowrap;}
.pr-roi-out-row--total{border-top:1px solid rgba(50,68,114,1);border-bottom:0;padding-top:22px;margin-top:0;align-items:center;}
.pr-roi-out-row--total .pr-roi-out-label{font-size:18px;line-height:24px;}
.pr-roi-out-row--total .pr-roi-out-num{color:#C29C69;font-size:36px;line-height:40px;letter-spacing:-.01em;}
.pr-roi-out-note-foot{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:400;line-height:16px;margin:22px 0 0;opacity:.75;}

/* ---------- ANALYTICS ---------- */
.pr-anly{padding:32px 0;}
.pr-anly-panel{position:relative;overflow:hidden;border-radius:var(--r-card);padding:52px 56px;background:linear-gradient(180deg,#324472 0%,#1F2B53 100%);color:#fff;}
.pr-anly-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;}
.pr-anly-copy .badge{margin-bottom:18px;background:#fff;color:#1A1A2E;}
.pr-anly-copy .badge::before{background:#C29C69;}
.pr-anly-intro{color:#FFF;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0 0 20px;}
.pr-anly-tags{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px;}
.pr-anly-tags li{background:rgba(42,55,83,.80);border:0;color:#fff;font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0;padding:8px 16px;border-radius:25px;}
.pr-anly-caption{color:rgba(255,255,255,.50);font-family:"DM Sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px;margin:8px 0 0;}
.pr-anly-chart{background:url('../images/pages/patient-reactivation/anly-chart-background.png') center/cover no-repeat,rgba(255,255,255,.06);border:0;border-radius:20px;padding:26px 28px;display:flex;flex-direction:column;gap:14px;}
.pr-anly-chart-title{color:#FFF;font-family:"DM Sans",sans-serif;font-size:30px;font-style:normal;font-weight:700;line-height:30px;margin-bottom:14px;}
.pr-anly-bars{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.pr-anly-bars li{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;}
.pr-anly-bar-lbl{color:#FFF;font-family:"DM Sans",sans-serif;font-size:9px;font-style:normal;font-weight:700;line-height:18px;}
.pr-anly-bar-track{position:relative;height:28px;width:100%;}
.pr-anly-bar{position:absolute;left:0;top:0;height:28px;border-radius:25px;background:linear-gradient(90deg,#324472 76.77%,#5F81D8 100%);min-width:40px;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;}
.pr-anly-bar-num{color:#FFF;text-align:right;font-family:"DM Sans",sans-serif;font-size:8px;font-style:normal;font-weight:700;line-height:8px;}
.pr-anly-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px;margin-top:14px;border-top:0;}
.pr-anly-metric{display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.50);border-radius:14px;padding:14px 16px;}
.pr-anly-metric-val{background:linear-gradient(90deg,#C29C69 0%,#E7C88C 60%,#C29C69 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:26px;font-style:normal;font-weight:700;line-height:18px;order:2;}
.pr-anly-metric-lbl{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;order:1;line-height:14px;min-height:28px;}

/* ---------- WHY LEAK ---------- */
.pr-why{padding:64px 0;}
.pr-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.pr-why-card{border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:220px;overflow:hidden;}
.pr-why-card--1{background:#F6F9FF;}
.pr-why-card--1 .pr-why-body h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:24px;}
.pr-why-card--1 .pr-why-body p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;}
.pr-why-card--2{background:#324472;color:#fff;}
.pr-why-card--3{background:#FFF8E7;}
.pr-why-card--4{background:#F3F8F8;}
.pr-why-body{padding:32px 0 32px 40px;display:flex;flex-direction:column;justify-content:center;}
.pr-why-body h3{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:20px;font-weight:700;line-height:24px;margin:0 0 10px;letter-spacing:-.005em;}
.pr-why-body p{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:13.5px;font-weight:400;line-height:20px;margin:0;}
.pr-why-card--2 .pr-why-body h3,.pr-why-card--2 .pr-why-body p{color:#fff;}
.pr-why-media{display:flex;align-items:end;justify-content:center;overflow:hidden;padding:0;}
.pr-why-media img{max-width:175px;width:100%;height:auto;object-fit:contain;object-position:center bottom;display:block;}
.pr-why-card--2 .pr-why-media,.pr-why-card--3 .pr-why-media{align-items:flex-end;justify-content:flex-end;padding:0;}
.pr-why-card--2 .pr-why-media img,.pr-why-card--3 .pr-why-media img{max-width:220px;width:100%;height:auto;object-fit:contain;object-position:right bottom;}

/* ---------- INTEGRATIONS ---------- */
.pr-intg{padding:32px 0 64px;}
.pr-intg-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;align-items:stretch;}
.pr-intg-box{background:#fff;border:0;border-radius:22px;padding:26px 26px 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 20px -18px rgba(20,30,60,.14);max-width:373px;flex:1 1 373px;}
.pr-intg-head{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;}
.pr-intg-title{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:18px;font-weight:700;line-height:22px;margin:0;display:inline-flex;align-items:baseline;gap:6px;}
.pr-intg-title sup{font-family:"DM Mono",monospace;font-size:8px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase;top:-6px;}
.pr-intg-box:nth-child(1) .pr-intg-title sup{color:#324472;}
.pr-intg-box:nth-child(2) .pr-intg-title sup{color:#C29C69;}
.pr-intg-pills{display:flex;flex-wrap:wrap;gap:6px;}
.pr-intg-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:15px;background:#E0E5F7;color:#324472;font-family:"DM Mono",monospace;font-size:8px;font-weight:500;line-height:normal;letter-spacing:1.2px;text-transform:uppercase;}
.pr-intg-pill--gold{background:#FBF3E1;color:#C29C69;text-transform:none;letter-spacing:0;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:500;}
.pr-intg-media{margin:0 -26px;display:flex;align-items:flex-end;justify-content:center;min-height:200px;flex:1;overflow:hidden;}
.pr-intg-media img{max-width:100%;width:100%;height:auto;display:block;object-fit:cover;object-position:center bottom;}

/* ---------- COMMERCE ---------- */
.pr-com{padding:32px 0 40px;}
.pr-com-panel{position:relative;overflow:hidden;border-radius:var(--r-card);padding:52px 56px;background:#1F2B53 center/cover no-repeat;color:#fff;}
.pr-com-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;}
.pr-com-copy .badge{margin-bottom:18px;background:#fff;color:#1A1A2E;}
.pr-com-copy .badge::before{background:#C29C69;}
.pr-com-copy .pr-h2{max-width:14ch;}
.pr-com-para{color:#FFF;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px;margin:0 0 22px;max-width:520px;}
.pr-com-stats{display:flex;gap:36px;margin-bottom:26px;}
.pr-com-stat{position:relative;padding-top:14px;}
.pr-com-stat::before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;border-radius:25px;background:#B28953;}
.pr-com-stat-val{background:linear-gradient(90deg,#C29C69 0%,#E7C88C 60%,#C29C69 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#C29C69;font-family:"DM Sans",sans-serif;font-size:25px;font-style:normal;font-weight:700;line-height:25px;}
.pr-com-stat-lbl{color:rgba(255,255,255,.75);font-family:"DM Sans",sans-serif;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.02em;margin-top:6px;}
.pr-com-panel .btn-navy{background:#C29C69;border-color:#C29C69;color:#fff;}
.pr-com-panel .btn-navy:hover{background:#A88855;border-color:#A88855;}
.pr-com-feats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.pr-com-feats li{display:flex;gap:14px;align-items:center;background:linear-gradient(358deg,rgba(50,68,114,.50) -6.64%,rgba(26,26,46,0) 57.33%),rgba(50,68,114,.90);border:0;border-radius:20px;padding:24px;}
.pr-com-ico{flex:none;width:40px;height:40px;border-radius:10px;background:#C29C69;display:flex;align-items:center;justify-content:center;}
.pr-com-lbl{color:#FFF;font-family:"DM Sans",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:20px;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1200px){
	.pr-hero-title,.pr-hero-title .accent{font-size:44px;line-height:50px;letter-spacing:-2.2px;}
	.pr .pr-h2,.pr .pr-h2 .accent{font-size:44px;line-height:50px;letter-spacing:-2.2px;}
}
@media(max-width:900px){
	.pr-hero-card{padding:36px 26px;}
	.pr-hero-inner{grid-template-columns:1fr;gap:28px;}
	.pr-hero-title,.pr-hero-title .accent{font-size:34px;line-height:40px;letter-spacing:-1.7px;}
	.pr .pr-h2,.pr .pr-h2 .accent{font-size:34px;line-height:40px;letter-spacing:-1.7px;}
	.pr-stats{grid-template-columns:repeat(2,1fr);gap:24px;}
	.pr-prog{grid-template-columns:1fr;}
	.pr-derm-dual{grid-template-columns:1fr;}
	.pr-icdmap{grid-template-columns:1fr;}
	.pr-card--upsell{grid-template-columns:1fr;}
	.pr-card-title,.pr-card--upsell .pr-card-title,.pr-card--derm .pr-card-title{font-size:28px;line-height:32px;}
	.pr-reminder-grid{grid-template-columns:1fr;gap:36px;}
	.pr-how-panel{padding:44px 26px;}
	.pr-how-cards{grid-template-columns:1fr;}
	.pr-roi.subp-calc .subp-calc-grid{grid-template-columns:1fr;}
	.pr-roi .subp-calc-inputs{border-radius:22px 22px 0 0;}
	.pr-roi .pr-roi-out{border-radius:0 0 22px 22px;}
	.pr-anly-panel{padding:40px 26px;}
	.pr-anly-inner{grid-template-columns:1fr;gap:32px;}
	.pr-anly-bars li{grid-template-columns:110px 1fr;}
	.pr-why-grid{grid-template-columns:1fr;}
	.pr-why-card{grid-template-columns:1fr 1fr;text-align:left;}
	.pr-why-body{padding:24px 0 24px 24px;}
	.pr-intg-grid{flex-direction:column;align-items:center;}
	.pr-com-panel{padding:40px 26px;}
	.pr-com-inner{grid-template-columns:1fr;gap:32px;}
	.pr-engine-wrap{padding:24px;}
}
@media(max-width:560px){
	.pr-hero-title,.pr-hero-title .accent{font-size:28px;line-height:34px;letter-spacing:-1.4px;}
	.pr .pr-h2,.pr .pr-h2 .accent{font-size:28px;line-height:34px;letter-spacing:-1.4px;}
	.pr-stats{grid-template-columns:1fr;}
	.pr-com-stats{flex-direction:column;gap:16px;}
	.pr-anly-metrics{grid-template-columns:1fr;}
	.pr-why-card{grid-template-columns:1fr;}
	.pr-why-body{padding:24px;}
	.pr-why-card--2 .pr-why-media,.pr-why-card--3 .pr-why-media{justify-content:center;padding:16px;}
	.pr-card-top,.pr-card-bottom,.pr-derm-top,.pr-derm-body{padding:22px 20px;}
	.pr-card--wide{padding:0;}
	.pr-icdmap{padding:10px;}
	.pr-anly-bars li{grid-template-columns:1fr;gap:2px;}
	.pr-com-feats li{padding:16px;}
	.pr-roi-out-num{font-size:18px;line-height:22px;}
	.pr-roi-out-row--total .pr-roi-out-num{font-size:28px;line-height:32px;}
}

/* =========================================================================
 * Contact page (.ct-*)
 * ====================================================================== */
.ct{background:var(--cream);}
.ct-wrap{padding:40px 0 80px;}
.ct-card{background:#F4F0E9;border-radius:22px;padding:64px 72px;}
.ct-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start;}

.ct-title{color:var(--ink);font-family:"DM Sans",sans-serif;font-size:55px;font-weight:500;line-height:60px;letter-spacing:-1.5px;margin:0 0 22px;}
.ct-title .accent{display:block;font-family:"Playfair Display","Newsreader",serif;font-style:italic;font-weight:400;color:var(--gold);font-size:55px;line-height:60px;letter-spacing:-1.5px;}

.ct-intro{color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;font-weight:400;line-height:22px;margin:0 0 38px;}
@media(min-width:961px){.ct-intro{padding-right:64px;}}

.ct-talk-h{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:35px;font-style:normal;font-weight:500;line-height:35px;margin:0 0 26px;}

.ct-talk-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;max-width:520px;}
.ct-talk-item{display:flex;flex-direction:column;gap:8px;}
.ct-talk-item--full{grid-column:1 / -1;}
.ct-talk-label{color:#C29C69;font-family:"DM Mono",monospace;font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:2.5px;text-transform:uppercase;}
.ct-talk-value{color:#1A1A2E;font-family:"DM Sans",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:22px;text-decoration:none;}
a.ct-talk-value:hover{color:var(--navy);}

.ct-form-wrap{background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px;padding:32px;box-shadow:0 24px 48px -32px rgba(30,41,80,.28);min-height:774px;display:flex;}
.ct-form-wrap iframe{flex:1;width:100%;min-height:710px;background:#fff;border-radius:14px;}

@media(max-width:960px){
	.ct-card{padding:44px 32px;}
	.ct-grid{grid-template-columns:1fr;gap:44px;}
	.ct-title,.ct-title .accent{font-size:44px;line-height:48px;letter-spacing:-1.2px;}
	.ct-talk-grid{max-width:none;}
}
@media(max-width:560px){
	.ct-card{padding:32px 20px;border-radius:16px;}
	.ct-title,.ct-title .accent{font-size:34px;line-height:38px;letter-spacing:-1px;}
	.ct-talk-grid{grid-template-columns:1fr;gap:22px;}
	.ct-form-wrap{padding:20px;}
}

