/* Real demo landing page. Scoped to the static demo entry page. */
.page-demo .real-demo-hero{padding-top:4.5rem;padding-bottom:3.5rem;background:radial-gradient(ellipse at 95% 15%,#e9eaff80,transparent 52%)}
.real-demo-hero .eyebrow{margin-bottom:1.3rem}
.real-demo-hero h1{font-size:clamp(2.8rem,5.6vw,5.2rem);max-width:58rem;margin-bottom:1.5rem}
.real-demo-lead{font-size:1.125rem;max-width:48rem;color:var(--muted);margin:0 0 1.75rem}
.real-demo-hero-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.real-demo-text-link{display:inline-flex;gap:.8rem;align-items:center;min-height:2.75rem;font-weight:600;font-size:.875rem;text-decoration:none;color:var(--lime)}
.real-demo-text-link:hover{text-decoration:underline}
.real-demo-reassurance{display:flex;gap:.65rem 1.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:1.5rem 0 0;color:var(--muted);font-size:.8125rem}
.real-demo-reassurance li{display:flex;align-items:center;gap:.5rem}
.real-demo-reassurance li::before{content:"";height:5px;width:5px;border-radius:50%;background:#5b65aa;flex-shrink:0}
.real-demo-choices{padding-top:2rem;padding-bottom:3rem}
.real-demo-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;margin-bottom:2rem}
.real-demo-section-heading h2{font-size:clamp(2rem,3.4vw,3.25rem);margin:0}
.real-demo-section-heading .eyebrow{margin-bottom:1rem}
.real-demo-section-heading>p{margin:0;max-width:30rem;color:var(--muted);font-size:.9375rem}
.real-demo-edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.real-demo-edition{border:1px solid #203a7825;border-radius:1.25rem;padding:2rem;min-width:0;background:#fff;display:flex;flex-direction:column}
.real-demo-pro{border-color:#3452e840;background:linear-gradient(145deg,#f0efff,#f8faff 55%,#f1f5ff)}
.real-demo-card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}
.real-demo-edition-label{display:inline-flex;padding:.35rem .65rem;letter-spacing:.075em;font-size:.75rem;font-weight:700;border:1px solid #203a7829;border-radius:.4rem;line-height:1.5}
.real-demo-pro .real-demo-edition-label{background:#3452e8;color:white;border-color:#3452e8}
.real-demo-card-note{font-size:.75rem;color:#58637c}
.real-demo-edition h3{font-size:clamp(1.9rem,2.7vw,2.75rem);line-height:1.13;margin-bottom:1rem}
.real-demo-edition>p{font-size:.9375rem;color:var(--muted);margin:0 0 1.5rem}
.real-demo-entry-points{display:grid;gap:.75rem;margin-top:auto}
.real-demo-entry{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 1rem;gap:.8rem;align-items:center;text-decoration:none;padding:1rem;background:#fff;border:1px solid #203a7825;border-radius:.75rem;transition:border-color .2s,box-shadow .2s}
.real-demo-entry:hover{border-color:#3452e8;box-shadow:0 4px 20px #3452e80c}
.real-demo-entry strong{display:block;font-size:1rem;line-height:1.4;margin-bottom:.2rem;color:var(--ink)}
.real-demo-entry small{display:block;font-size:.8125rem;line-height:1.65;color:var(--muted)}
.real-demo-entry-icon{width:2.5rem;height:2.5rem;border:1px solid #3452e81f;border-radius:.65rem;display:flex;align-items:center;justify-content:center;background:#f4f6ff;color:var(--lime);font-size:1.6rem;line-height:1}
.real-demo-entry>span:last-child{color:var(--lime)}
.real-demo-guided{display:flex;gap:1rem;align-items:center;justify-content:space-between;color:#2840ba;text-decoration:none;margin-top:1.1rem;padding:.8rem .25rem .1rem}
.real-demo-guided strong,.real-demo-guided small{display:block}
.real-demo-guided strong{font-size:.875rem;line-height:1.5}
.real-demo-guided small{font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:.2rem}
.real-demo-guided:hover strong{text-decoration:underline;text-underline-offset:.25em}
.real-demo-edition .real-demo-free-note{font-size:.8125rem;color:var(--muted);margin:1.75rem .25rem .25rem;line-height:1.65}
.real-demo-launch-note{color:var(--muted);font-size:.8125rem;margin:1.2rem .25rem 0;max-width:65rem}
.real-demo-journey{background:#f7f8ff;border-block:1px solid #203a7817;padding-top:3.5rem;padding-bottom:3.5rem}
.real-demo-journey .real-demo-section-heading{align-items:center}
.real-demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;padding:0;margin:2.5rem 0 0}
.real-demo-step-number{display:block;color:#3452e8;font:500 1.2rem var(--display);margin-bottom:1rem}
.real-demo-steps h3{font-size:1.5rem;line-height:1.25;margin-bottom:.8rem}
.real-demo-steps p{font-size:.9375rem;color:var(--muted);margin:0}
.real-demo-proof{padding-top:4rem;padding-bottom:3.5rem}
.real-demo-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.real-demo-proof figure{margin:0;border:1px solid #203a7825;border-radius:1rem;overflow:hidden;min-width:0;background:#f7f8fc}
.real-demo-proof figure>a{display:block;background:#f7f8fc;border-bottom:1px solid #203a7825}
.real-demo-proof img{width:100%;height:auto;display:block;aspect-ratio:1440/1100;object-fit:cover;object-position:top center}
.real-demo-proof figcaption{padding:1.15rem 1.35rem;background:white;font-size:.8125rem;line-height:1.6}
.real-demo-proof figcaption strong{display:block;font-size:.875rem;margin-bottom:.2rem}
.real-demo-proof figcaption span{color:var(--muted)}
.real-demo-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5rem;padding-top:2rem;padding-bottom:4rem}
.real-demo-faq>div>p:not(.eyebrow){color:var(--muted);max-width:24rem;font-size:.9375rem}
.real-demo-faq-list details{border-top:1px solid #203a7825}
.real-demo-faq-list details:last-child{border-bottom:1px solid #203a7825}
.real-demo-faq-list summary{font-weight:600;font-size:.9375rem;line-height:1.6;list-style:none;padding:1.25rem 2rem 1.25rem 0;position:relative}
.real-demo-faq-list summary::-webkit-details-marker{display:none}
.real-demo-faq-list summary::marker{content:""}
.real-demo-faq-list summary::after{content:"+";position:absolute;right:.25rem;top:1.1rem;font-size:1.25rem;font-weight:400;color:var(--lime)}
.real-demo-faq-list details[open] summary::after{content:"−"}
.real-demo-faq-list p{font-size:.875rem;color:var(--muted);margin:0 0 1.4rem}
.real-demo-next-actions{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;flex-shrink:0}
@media(max-width:950px){
 .real-demo-section-heading{align-items:flex-start;flex-direction:column;gap:1.1rem}
 .real-demo-section-heading>p{max-width:48rem}
 .real-demo-edition{padding:1.5rem}
 .real-demo-faq{gap:2.5rem;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .real-demo-steps{gap:1.4rem}
}
@media(max-width:700px){
 .page-demo .real-demo-hero{padding-top:2.75rem;padding-bottom:2rem}
 .real-demo-hero h1{font-size:clamp(2.6rem,8.5vw,3.75rem)}
 .real-demo-lead{font-size:1rem}
 .real-demo-hero-actions{gap:.8rem 1.25rem}
 .real-demo-reassurance{gap:.6rem 1rem;font-size:.75rem}
 .real-demo-choices{padding-top:1.75rem;padding-bottom:2rem}
 .real-demo-edition-grid,.real-demo-proof-grid,.real-demo-faq,.real-demo-steps{grid-template-columns:1fr}
 .real-demo-edition-grid{gap:1rem}
 .real-demo-edition{padding:1.4rem;border-radius:1rem}
 .real-demo-card-top{margin-bottom:1.35rem}
 .real-demo-edition h3{font-size:2rem}
 .real-demo-entry{padding:.9rem;gap:.65rem}
 .real-demo-entry small{font-size:.75rem}
 .real-demo-section-heading h2{font-size:2.1rem}
 .real-demo-section-heading .eyebrow{font-size:.6875rem}
 .real-demo-journey,.real-demo-proof{padding-block:2.75rem}
 .real-demo-journey .real-demo-section-heading{align-items:flex-start}
 .real-demo-steps{gap:1.7rem;margin-top:1.75rem}
 .real-demo-steps li{padding-left:2.5rem;position:relative}
 .real-demo-step-number{position:absolute;left:0;top:.12rem;font-size:1rem}
 .real-demo-steps h3{font-size:1.3rem}
 .real-demo-proof-grid{gap:1.25rem}
 .real-demo-faq{padding-top:.75rem;padding-bottom:2.75rem;gap:1rem}
 .real-demo-faq h2{font-size:2.1rem}
 .real-demo-faq>div>p:not(.eyebrow){max-width:none}
 .real-demo-next-actions{width:100%;margin-top:.25rem}
 .real-demo-next-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.page-demo .button,.real-demo-entry{transition:none}}