/* Supporting pages share the approved Midnight palette and photographic language. */
.enriched-site .info-card.image-tile{padding:0;overflow:hidden}.image-tile-photo{display:block;width:100%;height:220px;object-fit:cover;border-bottom:1px solid #365687}.image-tile-copy{padding:30px 35px 35px}.image-tile-copy>.icon{width:30px;height:30px;color:var(--teal);margin-bottom:20px}
@media(max-width:850px){.image-tile-photo{height:180px}.image-tile-copy{padding:25px}}
@media(max-width:650px){.image-tile-photo{height:195px}.image-tile-copy{padding:27px}}
.enriched-site{--bg:#010c1e;--surface:#06152c;--surface2:#102747;--line:#294979;--teal:#79e2ee;--lavender:#c5a6f6;background:radial-gradient(ellipse at 85% 12%,#0d2c5b50,transparent 35%),var(--bg)}
.enriched-site .review-bar{display:none}.enriched-site .site-header{min-height:94px}.enriched-site .site-header .brand{font-size:28px}.enriched-site .site-header nav{font-size:13px}.enriched-site .site-header nav a{color:#dce3f3}.enriched-site .page-intro{padding-top:45px}.enriched-site .page-intro h1{font-size:clamp(39px,4.3vw,61px);line-height:1.08}.enriched-site .page-intro em{color:#bea0f1}.enriched-site .eyebrow{color:#7ee3ef}.enriched-site .page-intro>p{color:#c4cfe3}.enriched-site .info-card{background:linear-gradient(145deg,#0c1d37,#051226);border-color:#365687}.enriched-site .feature-icon{border:1px solid currentColor;border-radius:50%;box-shadow:0 0 20px #a477ed20}.enriched-site .privacy-band{border-color:#2c4870}.enriched-site .beta-card{background:radial-gradient(ellipse at 100% 0,#26437355,transparent 65%),#07162b;border-color:#365687}.enriched-site .beta-card h2{color:#ecdefc}
.enriched-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:45px;align-items:center;text-align:left;padding-bottom:55px;position:relative}.enriched-intro .intro-copy{min-width:0}.enriched-intro .intro-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#bdc9e0;margin-top:25px;max-width:610px}.enriched-intro .intro-copy>p.eyebrow{margin-bottom:21px}.enriched-intro.centered .intro-copy>p{margin-inline:0}.enriched-intro .intro-copy>.button{margin-top:26px}.intro-scene{position:relative;margin:0;min-width:0;border-radius:28px;isolation:isolate;box-shadow:0 0 0 1px #5172a76b,0 0 48px #356ed026;overflow:hidden;background:#081a35;aspect-ratio:1.16}.intro-scene>img{width:100%;height:100%;object-fit:cover}.intro-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#010b21df,transparent 45%);z-index:1}.intro-scene figcaption{position:absolute;bottom:21px;left:21px;right:21px;z-index:2;display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.5;color:#f5f5ff;text-shadow:0 1px 8px #000}.scene-heart{font-size:29px;line-height:1;color:#ff8da7;text-shadow:0 0 16px #ff8db1}.scene-two-homes{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%;padding:0 5px}.scene-two-homes>div{height:100%;overflow:hidden;position:relative;border-radius:17px}.scene-two-homes img{position:absolute;max-width:none;width:200%;height:100%;object-fit:cover}.scene-two-homes>div:first-child img{left:0;object-position:20% 40%}.scene-two-homes>div:last-child img{right:0;object-position:80% 40%}.enriched-intro.legal-intro{grid-template-columns:1.6fr 1fr;gap:70px}.legal-intro .intro-scene{aspect-ratio:1.7;filter:saturate(.7);border-radius:18px}.legal-intro .intro-scene figcaption{font-size:9px;bottom:16px}.legal-intro .scene-heart{font-size:23px}.legal-intro .intro-copy>p{font-size:13px!important}
.family-link-scene{display:block;width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:22px;box-shadow:0 0 0 1px #5572a14d}.family-links a:hover .family-link-scene{filter:brightness(1.08)}.enriched-site .family-photo:after{background:linear-gradient(90deg,#010c1edb,#010c1e33 80%)}.enriched-site .family-photo{border:1px solid #3b598c}.enriched-site .audience-story>img{height:500px;border:1px solid #3b598c;object-position:47% 38%}.capsule-example.with-scene{padding-top:0;overflow:hidden}.capsule-scene{height:175px;width:calc(100% + 68px);max-width:none;margin:0 -34px 22px;object-fit:cover;object-position:50% 25%;mask-image:linear-gradient(#000 78%,transparent)}.capsule-example.with-scene .capsule-symbol{margin-top:20px;margin-bottom:15px;width:53px;height:53px}.capsule-example.with-scene .example-label{position:relative}.step-visual.with-scene{height:175px;isolation:isolate;border-radius:17px;overflow:hidden}.step-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;z-index:-2;opacity:.65;mask-image:linear-gradient(#000,transparent)}.step-visual.with-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),#06122922 70%);z-index:-1}.step-visual.with-scene>span:not(.wave){position:relative;z-index:1}.step-visual.with-scene>.icon{position:relative;z-index:1}.enriched-site .notification{background:#102848ed;border-color:#6a92cb66}.enriched-site .loop-demo{border-color:#365687}
.enriched-site .closing{background:linear-gradient(90deg,#010c1e95,#04173360),url('./recomposition/closing-backdrop.webp') center/cover;border-color:#3b5d90;min-height:300px;padding-top:60px;padding-bottom:60px}.enriched-site .closing-orbit{display:none}.enriched-site .closing p:not(.eyebrow){color:#d0dbed}.enriched-site .closing .fine{color:#c4d0e3}.feature-with-scene{padding-top:0;overflow:hidden}.feature-scene{width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:24px}.design-preview{width:calc(100% + 70px);max-width:none;height:240px;object-fit:cover;object-position:top;margin:-35px -35px 25px;border-bottom:1px solid #617fa347}.enriched-site .review-card{overflow:hidden}.enriched-site .review-card h2{font-size:30px}.enriched-site .review-card>span{margin-top:2px}
@media(max-width:1100px){.enriched-intro{gap:30px}.enriched-site .page-intro h1{font-size:49px}.intro-scene{aspect-ratio:1}.intro-scene figcaption{font-size:10px;left:17px;right:17px;bottom:17px}.enriched-intro.legal-intro{gap:35px}.capsule-scene{width:calc(100% + 68px)}.family-link-scene{height:130px}}
@media(max-width:850px){.enriched-site .page-intro h1{font-size:40px}.enriched-intro{grid-template-columns:1.1fr 1fr;gap:25px}.enriched-intro .intro-copy>p:not(.eyebrow){font-size:13px;line-height:1.75}.intro-scene{aspect-ratio:.85}.intro-scene figcaption{font-size:9px;left:13px;right:13px;bottom:14px;gap:8px}.scene-heart{font-size:24px}.enriched-site .site-header .brand{font-size:23px}.enriched-site .audience-story>img{height:560px}.family-link-scene{height:115px}.capsule-scene{width:calc(100% + 50px);margin-inline:-25px;height:150px}.design-preview{width:calc(100% + 50px);margin:-25px -25px 25px;height:190px}.legal-intro .intro-scene{aspect-ratio:1.15}.step-visual.with-scene{height:155px}.feature-scene{height:165px}}
@media(max-width:650px){.enriched-intro,.enriched-intro.legal-intro{grid-template-columns:1fr;gap:27px;padding-top:22px;padding-bottom:35px}.enriched-site .page-intro h1{font-size:40px}.enriched-site .site-header{min-height:80px}.enriched-site .site-header .brand{font-size:25px}.enriched-intro .intro-copy>p:not(.eyebrow){font-size:14px;margin-top:22px}.intro-scene{aspect-ratio:1.28;border-radius:20px}.intro-scene figcaption{font-size:10px;left:18px;right:18px;bottom:18px;gap:10px}.scene-heart{font-size:29px}.legal-intro .intro-scene{aspect-ratio:2}.legal-intro .intro-scene figcaption{font-size:9px}.enriched-site .family-photo:after{background:linear-gradient(0deg,#010c1ee0,transparent 90%)}.enriched-site .audience-story>img{height:340px;object-position:50% 30%}.family-link-scene{height:190px;margin-bottom:18px}.capsule-scene{width:calc(100% + 56px);margin-inline:-28px;height:175px}.step-visual.with-scene{width:90px;height:135px;border-radius:13px}.step-scene{object-position:50% 25%;opacity:.6}.step-visual.with-scene.capsule-visual .step-scene{object-position:49% 35%}.step-visual.with-scene .notification{width:85px}.enriched-site .closing{margin-top:45px;padding-block:45px;min-height:300px}.enriched-site .closing .eyebrow{font-size:8px}.enriched-site .closing h2{font-size:36px}.design-preview{width:calc(100% + 60px);margin:-30px -30px 23px;height:200px}.feature-scene{height:115px}.feature-with-scene .feature-icon{margin-top:0}.feature-with-scene .feature-scene{margin-bottom:18px}}
@media(max-width:360px){.enriched-site .page-intro h1{font-size:36px}.intro-scene figcaption{font-size:9px}.enriched-site .site-header .brand{font-size:22px}.enriched-site .closing h2{font-size:32px}.intro-scene{aspect-ratio:1.1}.feature-scene{height:100px}}