body{background:#08090d;color:#fff}.dynamic-shell{min-height:100vh;background:#08090d}.dynamic-nav{width:min(1220px,calc(100% - 36px));margin:auto;padding:22px 0;display:flex;justify-content:space-between;align-items:center}.dynamic-nav .brand{color:#fff}.dynamic-nav .tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9799a4}.dynamic-wrap{width:min(1220px,calc(100% - 36px));margin:auto;padding:18px 0 90px}.draft-banner,.qa-banner{padding:14px 17px;border-radius:14px;font-size:13px;line-height:1.5;margin-bottom:12px}.draft-banner{border:1px solid color-mix(in srgb,var(--accent,#b7ff4a) 35%,transparent);background:color-mix(in srgb,var(--accent,#b7ff4a) 8%,transparent);color:#ecf4df}.qa-banner{border:1px solid rgba(169,143,255,.32);background:rgba(169,143,255,.08);color:#ded3ff}.media-status{margin:16px 0 0;color:#aeb0b8;font-size:12px;padding:12px 15px;border:1px dashed #343640;border-radius:12px}.premium-showcase-hero{min-height:680px;position:relative;overflow:hidden;border-radius:34px;border:1px solid #292b33;background:#15161d;isolation:isolate}.dynamic-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.premium-showcase-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,5,8,.96) 0%,rgba(4,5,8,.68) 46%,rgba(4,5,8,.14) 100%),linear-gradient(0deg,rgba(4,5,8,.75),transparent 48%)}.premium-showcase-topline{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;font-weight:900;color:#e7e7eb}.premium-showcase-copy{position:absolute;left:clamp(28px,6vw,76px);bottom:clamp(36px,7vw,78px);max-width:860px}.premium-showcase-copy .kicker,.showcase-section-head>span,.future-panel>span,.dedication-panel>span,.showcase-end>span{font-size:10px;letter-spacing:.2em;font-weight:950;color:var(--accent,#b7ff4a)}.signature-chip{display:inline-flex;margin-top:16px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent,#b7ff4a) 60%,transparent);border-radius:999px;background:rgba(4,5,8,.45);font-size:11px;font-weight:900;letter-spacing:.08em}.premium-showcase-copy h1{font-size:clamp(76px,12vw,160px);letter-spacing:-.075em;line-height:.8;margin:15px 0 24px;text-wrap:balance}.premium-showcase-copy p{font-size:clamp(18px,2.3vw,29px);line-height:1.32;max-width:770px;color:#e1e1e6}.showcase-flow{display:grid;gap:18px;margin-top:18px}.showcase-section{border:1px solid #292b33;border-radius:26px;background:#111219;padding:clamp(28px,5vw,56px)}.showcase-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.showcase-section-head h2,.showcase-end h2,.future-panel h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.045em;line-height:.96;margin:0;max-width:760px}.story-copy{max-width:900px}.story-copy p{font-size:clamp(17px,1.8vw,21px);line-height:1.8;color:#c6c8d0;margin:0}.metrics{display:grid;gap:10px}.metrics-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:18px;border-radius:15px;background:#171820}.metric-card span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #3d404a;font-size:10px;color:var(--accent,#b7ff4a);font-weight:900}.metric-card p{margin:5px 0 0;color:#d3d4da;line-height:1.5;font-size:14px}.future-panel,.dedication-panel,.showcase-quote{border-radius:26px;padding:clamp(34px,6vw,72px)}.future-panel{background:var(--accent,#b7ff4a);color:#08090d}.future-panel>span{color:#08090d}.future-panel h2{margin-top:18px;max-width:980px}.showcase-quote{background:#151721;border:1px solid color-mix(in srgb,var(--accent,#b7ff4a) 28%,#292b33);color:#fff}.showcase-quote>span{font-size:10px;font-weight:950;letter-spacing:.18em;color:var(--accent,#b7ff4a)}.showcase-quote blockquote{font-size:clamp(34px,5.4vw,76px);line-height:.98;letter-spacing:-.045em;margin:18px 0 0;font-weight:900}.dedication-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#b7ff4a) 14%,#111219),#111219);border:1px solid color-mix(in srgb,var(--accent,#b7ff4a) 28%,#292b33)}.dedication-panel p{font-family:Georgia,serif;font-size:clamp(26px,3vw,42px);line-height:1.35;max-width:950px;margin:20px 0 0;color:#f0f0f3}.featured-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.featured-media-card img,.featured-media-card video{height:clamp(340px,42vw,520px)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.media-card{margin:0;background:#171820;border-radius:18px;overflow:hidden;min-height:240px}.media-card img,.media-card video{width:100%;height:290px;object-fit:cover;display:block}.media-card figcaption{padding:12px 14px;color:#bfc1ca;font-size:12px}.showcase-end{padding:100px 0 30px}.showcase-end h2{max-width:900px;margin-top:14px}.published-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent,#b7ff4a) 10%,transparent);color:#e8f4da;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
/* controlled variation */
[data-vibe="soft_elegant"] .premium-showcase-copy h1,[data-vibe="editorial"] .premium-showcase-copy h1{font-family:Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-.055em}[data-vibe="clean_modern"] .premium-showcase-copy h1{letter-spacing:-.06em;font-weight:760}[data-vibe="energetic"] .premium-showcase-copy h1{font-style:italic;text-transform:uppercase;transform:skew(-3deg)}[data-vibe="stage_lit"] .premium-showcase-shade{background:radial-gradient(circle at 60% 25%,rgba(90,100,255,.18),transparent 25%),linear-gradient(0deg,rgba(3,4,8,.9),rgba(3,4,8,.12) 70%)}
.layout-center .premium-showcase-copy{left:50%;right:auto;transform:translateX(-50%);text-align:center;width:min(900px,calc(100% - 44px))}.layout-center .premium-showcase-copy p{margin-left:auto;margin-right:auto}.layout-center .premium-showcase-shade{background:linear-gradient(0deg,rgba(4,5,8,.94) 0%,rgba(4,5,8,.38) 65%,rgba(4,5,8,.18) 100%)}.layout-split .premium-showcase-copy{width:48%;max-width:590px}.layout-split .premium-showcase-shade{background:linear-gradient(90deg,rgba(4,5,8,.97) 0%,rgba(4,5,8,.82) 48%,rgba(4,5,8,.08) 66%)}.layout-split .dynamic-hero-media{object-position:75% center}.layout-kinetic:after{content:"";position:absolute;inset:-20% -5%;z-index:-1;background:linear-gradient(105deg,transparent 0 55%,color-mix(in srgb,var(--accent,#b7ff4a) 18%,transparent) 55% 63%,transparent 63%);transform:rotate(-3deg)}.layout-stage .premium-showcase-copy{left:50%;transform:translateX(-50%);text-align:center;width:min(900px,calc(100% - 44px))}.layout-stage .premium-showcase-copy p{margin:auto}.layout-stage .premium-showcase-shade{background:radial-gradient(circle at 50% 24%,rgba(115,183,255,.08),transparent 20%),linear-gradient(0deg,rgba(4,5,8,.96),rgba(4,5,8,.14) 72%)}
[data-accent="blue"]{--accent:#73b7ff}[data-accent="purple"]{--accent:#a98fff}[data-accent="coral"]{--accent:#ff8d7a}[data-accent="gold"]{--accent:#f3c969}[data-accent="monochrome"]{--accent:#f4f4f4}[data-accent="lime"]{--accent:#b7ff4a}
.review-actions,.share-kit{margin-top:18px;border:1px solid #30323a;border-radius:24px;padding:26px;background:#101117}.review-actions h2,.share-kit h2{margin-top:0}.review-actions p,.share-kit p{color:#b8bac3;line-height:1.6}.review-actions textarea{width:100%;min-height:120px;margin:12px 0 14px;padding:14px;border-radius:12px;border:1px solid #3b3d46;background:#090a0e;color:#fff}.review-buttons,.share-buttons{display:flex;gap:12px;flex-wrap:wrap}.review-buttons button:disabled{opacity:.42;cursor:not-allowed}.status-msg{margin-top:14px;color:#c8c9cf;line-height:1.5}.share-grid{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:center}.share-url{display:flex;gap:8px;align-items:center;padding:12px 14px;border:1px solid #343640;border-radius:12px;background:#090a0e;margin:12px 0 16px}.share-url code{overflow-wrap:anywhere;color:#e8e8ed}.qr-wrap{background:#fff;padding:12px;border-radius:18px;min-height:240px;display:grid;place-items:center}.qr-wrap img{width:216px;height:216px;display:block}.small-note{font-size:12px;color:#8e909a}.human-help{margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--accent,#b7ff4a) 28%,#30323a);border-radius:18px;background:color-mix(in srgb,var(--accent,#b7ff4a) 6%,#101117)}
@media(max-width:820px){.featured-media-grid{grid-template-columns:1fr}.premium-showcase-hero{min-height:590px}.premium-showcase-shade,.layout-split .premium-showcase-shade{background:linear-gradient(0deg,rgba(4,5,8,.94) 0%,rgba(4,5,8,.42) 62%,rgba(4,5,8,.15) 100%)}.layout-split .premium-showcase-copy{width:auto;right:24px}.showcase-section-head{display:block}.showcase-section-head h2{margin-top:10px}.metrics-wide{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr 1fr}.share-grid{grid-template-columns:1fr}.qr-wrap{width:240px}}
@media(max-width:560px){.dynamic-wrap,.dynamic-nav{width:min(100% - 24px,1220px)}.premium-showcase-hero{min-height:520px;border-radius:22px}.premium-showcase-topline{top:18px;left:18px;right:18px}.premium-showcase-copy,.layout-center .premium-showcase-copy,.layout-stage .premium-showcase-copy{left:22px;right:22px;bottom:28px;transform:none;width:auto;text-align:left}.premium-showcase-copy h1{font-size:clamp(64px,20vw,104px)}.premium-showcase-copy p{font-size:17px}.showcase-section,.future-panel,.dedication-panel,.showcase-quote{border-radius:20px}.media-grid{grid-template-columns:1fr}.media-card img,.media-card video{height:300px}.review-buttons,.share-buttons{display:grid}.review-buttons .button,.share-buttons .button{width:100%}.share-url{display:block}}

.access-card{max-width:640px;margin:70px auto;padding:clamp(26px,5vw,48px);border-radius:28px;background:#f6f4ed;color:#111}.access-card h1{font-size:clamp(42px,7vw,68px);letter-spacing:-3px;line-height:.96;margin:14px 0}.access-card p{color:#686a72;line-height:1.65}.access-card label{display:block;font-size:12px;font-weight:850;margin:20px 0 7px}.access-card input{width:100%;padding:14px;border:1px solid #d2d0c8;border-radius:12px;margin-bottom:12px}.access-card .status-msg{margin-top:10px;color:#666;min-height:20px}

.audio-media-card{min-height:180px;display:flex;flex-direction:column;justify-content:center}.audio-media-inner{padding:24px;display:grid;gap:14px}.audio-media-label{font-size:11px;font-weight:900;letter-spacing:.16em;opacity:.65}.audio-media-card audio{width:100%}

/* ProudSpot Senior */
.dynamic-showcase[data-theme="senior"]{--tone:#f3c969;--tone2:#3a2e52}
.senior-hero-placeholder{background:radial-gradient(circle at 70% 24%,rgba(243,201,105,.34),transparent 24%),linear-gradient(145deg,#17151d,#3a2e52);position:absolute!important;inset:0;overflow:hidden}
.senior-hero-placeholder span{position:absolute;right:5%;top:12%;font-size:clamp(76px,16vw,220px);font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.11);transform:rotate(90deg);transform-origin:center}
.senior-hero-placeholder i{position:absolute;left:8%;right:8%;height:1px;background:rgba(243,201,105,.55)}
.senior-hero-placeholder i:nth-of-type(1){top:32%}.senior-hero-placeholder i:nth-of-type(2){top:48%;left:32%}.senior-hero-placeholder i:nth-of-type(3){top:64%;right:35%}
.senior-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.senior-journey-grid article{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04)}.senior-journey-grid span{font-size:10px;letter-spacing:1.45px;font-weight:950;color:var(--accent)}.senior-journey-grid p{margin:12px 0 0!important;font-size:15px!important;line-height:1.65!important;color:inherit!important}
@media(max-width:760px){.senior-journey-grid{grid-template-columns:1fr}}
