/* Compact homepage hero: one heading, one CTA and one slide. */
section[data-section="hero"] { position:relative; overflow:hidden; padding:56px 0 62px; background:radial-gradient(ellipse at 82% 45%,#eee6ff,transparent 60%),#fbfaff; border-bottom:1px solid #e9e3f3; }
section[data-section="hero"] [data-hero-scene] { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; width:min(1170px,calc(100% - 80px)); }
section[data-section="hero"] [data-message-zone] { min-width:0; padding:0; }
section[data-section="hero"] #hero-title { max-width:550px; font-size:clamp(34px,2.5vw,44px); line-height:1.12; letter-spacing:-.045em; text-wrap:pretty; }
section[data-section="hero"] #hero-title > span { display:inline; font:inherit; color:#6944db; margin:0; }
section[data-section="hero"] [class*="__description"] { margin-top:20px; max-width:490px; font-size:16px; line-height:1.6; color:#6a6378; }
section[data-section="hero"] [data-cta] { margin-top:24px; min-height:44px; padding:0 22px; border-radius:8px; }
section[data-section="hero"] [data-product-flow] { display:block; min-width:0; margin:0; padding:0; border:0; }
section[data-section="hero"] [data-source-materials],
section[data-section="hero"] [data-ai-processing],
section[data-section="hero"] [data-supporting-results],
section[data-section="hero"] [class*="__resultLabel"],
section[data-section="hero"] [data-deck-canvas] > figcaption { display:none; }
section[data-section="hero"] [data-deck-canvas] { display:block; margin:0; }
section[data-section="hero"] [data-main-result] { position:relative; isolation:isolate; }
section[data-section="hero"] [data-main-result]::before { content:""; position:absolute; z-index:-1; inset:12px 5px -9px; border:1px solid #ddd0f2; border-radius:12px; background:#e6daf8; transform:rotate(-3deg); }
section[data-section="hero"] [data-slide-role="main"] { position:relative; aspect-ratio:auto; min-height:300px; padding:28px; border:1px solid #5b408c; border-radius:12px; background:radial-gradient(ellipse at 110% 0%,#7553a9,transparent 60%),#2c203f; box-shadow:0 20px 38px -22px #32175b66; color:#fff; }
section[data-section="hero"] [data-slide-role="main"] h2 { margin-top:22px; color:#fff; font-size:30px; line-height:1.12; letter-spacing:-.035em; }
section[data-section="hero"] [class*="__slideEyebrow"] { color:#d0b5ff; font-size:9px; }
section[data-section="hero"] [class*="__slideDescription"] { color:#d4c7e4; font-size:12px; line-height:1.55; }
section[data-section="hero"] [class*="__priorities"] { gap:18px; margin:22px 0; }
section[data-section="hero"] [class*="__priorities"] > div { border-color:#ffffff26; padding-top:12px; }
section[data-section="hero"] [class*="__priorities"] span { color:#c5a4fc; font-size:9px; }
section[data-section="hero"] [class*="__priorities"] strong { color:#fff; font-size:11px; }
section[data-section="hero"] [class*="__priorities"] p { color:#c5b7d8; font-size:10px; }
section[data-section="hero"] [class*="__mainFooter"] { color:#b6a4cb; font-size:9px; }
section[data-section="hero"] [data-message-zone] > *, section[data-section="hero"] [data-main-result] { animation:pai-compact-enter .7s cubic-bezier(.2,.7,.2,1) both; }
section[data-section="hero"] [data-main-result] { animation-delay:.15s; }
@keyframes pai-compact-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:900px) {
 section[data-section="hero"] { padding:40px 0 46px; }
 section[data-section="hero"] [data-hero-scene] { grid-template-columns:1fr; gap:32px; width:min(640px,calc(100% - 48px)); }
 section[data-section="hero"] #hero-title { max-width:none; font-size:38px; }
 section[data-section="hero"] [data-product-flow] { width:100%; }
}
@media (max-width:600px) {
 section[data-section="hero"] { padding:28px 0 36px; }
 section[data-section="hero"] [data-hero-scene] { width:calc(100% - 40px); gap:28px; }
 section[data-section="hero"] #hero-title { font-size:31px; }
 section[data-section="hero"] [class*="__description"] { font-size:15px; margin-top:16px; }
 section[data-section="hero"] [data-cta] { margin-top:20px; }
 section[data-section="hero"] [data-slide-role="main"] { min-height:0; padding:22px; }
 section[data-section="hero"] [data-slide-role="main"] h2 { font-size:26px; margin-top:18px; }
 section[data-section="hero"] [class*="__priorities"] { margin:18px 0; }
}
@media (prefers-reduced-motion:reduce) {
 section[data-section="hero"] *, section[data-section="hero"] *::before { animation:none !important; transition:none !important; }
}

/* Visual refinement of the compact hero; no new content or extra height. */
section[data-section="hero"] { isolation:isolate; background:#faf8ff; }
section[data-section="hero"]::before { content:""; position:absolute; z-index:-1; width:800px; height:600px; right:-60px; top:-90px; pointer-events:none; background:radial-gradient(ellipse at 50% 50%,#d8c5ff90,transparent 64%),radial-gradient(ellipse at 80% 70%,#b8d9ff60,transparent 50%); transform:translate(var(--pai-bg-x,0px),var(--pai-bg-y,0px)); transition:transform 1s ease-out; animation:pai-light-in 3.8s ease-out both; }
section[data-section="hero"]::after { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background-image:radial-gradient(#b9a4dd55 .7px,transparent .7px); background-size:22px 22px; mask-image:linear-gradient(90deg,transparent 45%,#000); opacity:.55; }
section[data-section="hero"] #hero-title > span { color:#7040df; background:linear-gradient(115deg,#7846e8 15%,#5132b4 58%,#9260e9); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
section[data-section="hero"] [data-cta] { background:#7041df; border-color:#7041df; box-shadow:0 6px 18px #7041df26,inset 0 1px 0 #ffffff30; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
section[data-section="hero"] [data-cta]:hover { transform:translateY(-2px); background:#6233cc; box-shadow:0 10px 24px #7041df33,inset 0 1px 0 #ffffff30; }
section[data-section="hero"] [data-cta]:active { transform:translateY(0) scale(.98); }
section[data-section="hero"] [data-deck-canvas] { perspective:1200px; }
section[data-section="hero"] [data-main-result] { animation:pai-card-arrive 1.2s cubic-bezier(.16,1,.3,1) both; transform:rotateX(var(--pai-rx,0deg)) rotateY(var(--pai-ry,0deg)); transition:transform .45s cubic-bezier(.2,.7,.2,1); }
section[data-section="hero"] [data-main-result]::before { background:linear-gradient(135deg,#d8c9f5,#eee8fb); border-color:#d9caf0; transform:rotate(-3deg); box-shadow:0 14px 30px -24px #42207970; }
section[data-section="hero"] [data-main-result]::after { content:""; position:absolute; z-index:-2; inset:22px 14px -15px; background:#f0e9fc; border:1px solid #e6dbf8; border-radius:12px; transform:rotate(2deg); }
section[data-section="hero"] [data-slide-role="main"] { isolation:isolate; overflow:hidden; border-color:#9170bf70; background:radial-gradient(ellipse at 110% -10%,#8758b8 0,transparent 58%),linear-gradient(120deg,#231930,#302041 65%,#3f285e); box-shadow:0 22px 42px -22px #3a195f80,inset 0 1px 0 #ffffff18; }
section[data-section="hero"] [data-slide-role="main"]::before { content:""; position:absolute; z-index:-1; pointer-events:none; width:240px; height:240px; right:-92px; top:-116px; border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 24px,#debcff22 25px 26px,transparent 27px 42px); transform:rotate(-20deg); animation:pai-orbit-in 3.8s ease-out both; }
section[data-section="hero"] [data-slide-role="main"]::after { content:""; position:absolute; z-index:-1; pointer-events:none; inset:0; background:radial-gradient(circle at var(--pai-light-x,75%) var(--pai-light-y,10%),#dcb7ff19,transparent 48%); }
section[data-section="hero"] [data-slide-role="main"] > * { animation:pai-content-in .8s cubic-bezier(.2,.7,.2,1) both; }
section[data-section="hero"] [data-slide-role="main"] > h2 { animation-delay:.12s; }
section[data-section="hero"] [class*="__slideDescription"] { animation-delay:.22s; }
section[data-section="hero"] [class*="__priorities"] { animation-delay:.35s; }
section[data-section="hero"] [class*="__mainFooter"] { animation-delay:.45s; }
section[data-section="hero"] [class*="__priorities"] > div { position:relative; border-top:0; padding-top:13px; }
section[data-section="hero"] [class*="__priorities"] > div::before { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,#c5a4fc88,#ffffff10); transform-origin:left; animation:pai-line-in 1.3s .4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes pai-card-arrive { from { opacity:0; translate:0 18px; rotate:-2deg; } to { opacity:1; translate:0 0; rotate:0deg; } }
@keyframes pai-content-in { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes pai-line-in { from { scale:0 1; } to { scale:1 1; } }
@keyframes pai-light-in { from { opacity:.2; scale:.85; } to { opacity:1; scale:1; } }
@keyframes pai-orbit-in { from { opacity:0; rotate:-35deg; scale:.8; } to { opacity:1; rotate:0deg; scale:1; } }
@media (max-width:600px) { section[data-section="hero"]::before { width:500px; height:650px; top:150px; right:-200px; } }
@media (prefers-reduced-motion:reduce) {
 section[data-section="hero"], section[data-section="hero"] *, section[data-section="hero"]::before, section[data-section="hero"] *::before, section[data-section="hero"] *::after { animation:none !important; transition:none !important; }
 section[data-section="hero"] [data-main-result], section[data-section="hero"] [data-cta]:hover { transform:none; }
}