/* DimaReady 2.3.2 precision polish layer */
.experience-v231{--v232-copy-max:760px}

/* Hero: the objectives visual is a complete card, never a cropped pseudo-phone. */
.hero-objectives-card-v232{position:absolute;left:52%;bottom:68px;width:min(41%,360px);min-height:330px;padding:14px;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 28px 62px rgba(0,0,0,.16);z-index:2;overflow:hidden;backdrop-filter:blur(12px)}
.hero-objectives-media-v232{width:100%;height:100%;min-height:300px;display:grid;place-items:center}
.hero-objectives-card-v232 img{width:100%;height:100%;object-fit:contain;object-position:center}
.hero-note-v232{right:2%;top:32px;z-index:5;max-width:210px}
.phone-frame-v231-main{left:17%;width:31%;max-width:220px;height:492px}

/* Keep UI captures legible and inside their own surface. */
.daily-previews-v231 .theme-media,.scenario-capture-v231,.feature-story-media-v231 .theme-media,.how-story-v231>.theme-media{overflow:hidden}
.daily-previews-v231 .theme-media>img,.scenario-capture-v231>img,.feature-story-media-v231 .theme-media>img,.how-story-v231>.theme-media>img{object-fit:contain;object-position:center}
.daily-previews-v231 .theme-media{height:260px;padding:16px}
.scenario-capture-v231{height:340px;padding:8px}

/* Headings: use the available width instead of forcing editorial-looking breaks. */
.knowledge-v232 .section-heading-v231{max-width:none}
.knowledge-v232 .section-heading-v231 h2{font-size:clamp(2.2rem,3.55vw,3.45rem);max-width:1100px;text-wrap:pretty}
.knowledge-v232 .section-heading-v231 p{max-width:1040px}
.daily-copy-v231 h2{font-size:clamp(2.25rem,3.5vw,3.35rem);text-wrap:pretty}
.section-v231 h2{overflow-wrap:normal;word-break:normal;hyphens:none}

/* CTA: image and overlay are separate layers, so text contrast never depends on a CSS var. */
.cta-v232{background:#06262d!important;isolation:isolate;color:#fff}
.cta-picture-v232{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}
.cta-picture-v232 img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.cta-overlay-v232{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,30,37,.97) 0%,rgba(4,61,66,.84) 45%,rgba(2,31,38,.42) 72%,rgba(2,25,31,.16) 100%)}
.cta-content-v232{position:relative;z-index:2;max-width:650px}
.cta-v232 .eyebrow-v231{color:#77e6d7}
.cta-v232 h2,.cta-v232 p{color:#fff!important;text-shadow:0 1px 16px rgba(0,0,0,.24)}
.cta-v232 .btn-outline-v231{background:rgba(3,24,30,.32);color:#fff;border-color:rgba(255,255,255,.72)}
[data-theme="light"] .cta-v232,[data-theme="dark"] .cta-v232{background:#06262d!important}
[data-theme="dark"] .cta-overlay-v232{background:linear-gradient(90deg,rgba(1,17,22,.98) 0%,rgba(3,45,51,.88) 48%,rgba(1,23,28,.48) 76%,rgba(1,18,23,.2) 100%)}
@media(prefers-color-scheme:dark){html[data-theme="system"] .cta-overlay-v232{background:linear-gradient(90deg,rgba(1,17,22,.98) 0%,rgba(3,45,51,.88) 48%,rgba(1,23,28,.48) 76%,rgba(1,18,23,.2) 100%)}}

/* System theme media selection remains exact; explicit light/dark always wins. */
html[data-theme="light"] .theme-media-light{display:block!important}
html[data-theme="light"] .theme-media-dark{display:none!important}
html[data-theme="dark"] .theme-media-light{display:none!important}
html[data-theme="dark"] .theme-media-dark{display:block!important}

@media(max-width:1100px){
  .hero-objectives-card-v232{left:50%;width:min(43%,330px)}
  .hero-note-v232{right:0}
  .knowledge-v232 .section-heading-v231 h2{max-width:900px}
}
@media(max-width:900px){
  .hero-v231-media{min-height:520px}
  .phone-frame-v231-main{left:16%;width:30%;height:440px}
  .hero-objectives-card-v232{left:47%;bottom:56px;width:min(46%,360px);min-height:300px}
  .hero-objectives-media-v232{min-height:270px}
  .hero-note-v232{right:4%;top:16px}
  .knowledge-v232 .section-heading-v231 h2{font-size:clamp(2rem,6vw,3.15rem)}
}
@media(max-width:680px){
  .hero-v231-media{min-height:410px;margin-inline:-12px}
  .phone-frame-v231-main{left:5%;width:38%;height:350px;bottom:18px}
  .hero-objectives-card-v232{left:42%;right:2%;width:auto;bottom:44px;min-height:245px;padding:10px;border-radius:22px}
  .hero-objectives-media-v232{min-height:225px}
  .hero-note-v232{display:none}
  .knowledge-v232 .section-heading-v231 h2,.daily-copy-v231 h2{font-size:clamp(1.95rem,8.5vw,2.75rem)}
  .cta-v232{min-height:390px;padding:30px 24px}
  .cta-picture-v232 img{object-position:64% center}
  .cta-overlay-v232{background:linear-gradient(90deg,rgba(2,30,37,.97) 0%,rgba(3,51,57,.88) 68%,rgba(2,29,35,.6) 100%)}
}