/* AI Made Simple Hub palette. Existing layout, typography and motion are preserved. */
:root{
 --brand-purple:#4b0082;
 --brand-purple-dark:#310055;
 --brand-purple-light:#5c0a91;
 --brand-lime:#c8ff32;
 --brand-tint:#f0e7f7;
 --brand-paper:#faf1ff;
 --brand-ink:#17101d;
 --brand-muted:#5d4e66;
 --brand-line:#dfcce9;
 --lavender:var(--brand-tint);
}
body{background:var(--brand-paper);color:var(--brand-ink)}
nav{background:#310055b8;border-color:#ffffff26}
.scrolled nav{background:#310055f2}
header .contact,.audience-enrol .button.primary,.store-buttons a,.course-footer .footer-enrol{
 background:linear-gradient(180deg,#e4ff9b,var(--brand-lime) 72%,#b9ed2a);
 color:var(--brand-ink);
 border-color:#b0df2c;
 box-shadow:0 0 18px #c8ff3280,0 0 38px #c8ff3238,inset 0 1px #f4ffd3;
}
header .contact:hover,.audience-enrol .button.primary:hover,.store-buttons a:hover,.course-footer .footer-enrol:hover{
 background:linear-gradient(180deg,#edffbb,var(--brand-lime));
 box-shadow:0 0 24px #c8ff32a6,0 0 48px #c8ff3252,inset 0 1px #fff;
}
/* One continuous hero wash. No image overlay or blend mode can introduce a seam. */
.hero{
 --hero-title-top:410px;
 color:#141416;
 background:radial-gradient(ellipse 75% 30% at 50% 46%,#FFF8F0 0%,#FFF8F0 45%,#F6E9F3D9 68%,#EBC7F34D 86%,#FFF8F000 100%),radial-gradient(ellipse at 82% 63%,#A511BC 0%,#A511BC00 42%),linear-gradient(155deg,#4B0082 0%,#7D29AD 24%,#A76CC6 43%,#5C0A91 72%,#2D004E 100%);
}
.hero:before,.hero:after{background:none}
/* Preserve artwork size and motion; finish its soft fade before the text begins. */
.hero-art{
 -webkit-mask-image:linear-gradient(#000 0px,#000 calc(var(--hero-title-top) - 160px),transparent calc(var(--hero-title-top) - 20px));
 mask-image:linear-gradient(#000 0px,#000 calc(var(--hero-title-top) - 160px),transparent calc(var(--hero-title-top) - 20px));
}
.hero .hero-copy h1>span:first-child{color:#4B0082}
@media(max-width:1199px){.hero{--hero-title-top:390px}}
@media(max-width:809px){.hero{--hero-title-top:415px}}
header:not(.scrolled) nav{background:#310055ed;border-color:#ffffff40;box-shadow:0 8px 28px #31005526}
header nav a{color:#fff}
header nav a:hover,header nav a.active{background:#ffffff26;color:#fff}
header nav a.active:before{color:#fff}
header:not(.scrolled) .contact{background:#fff;color:#181818;border-color:currentColor;box-shadow:inset 0 0 0 2px #eee,0 3px 7px #ffffff99}
header:not(.scrolled) .contact:hover{box-shadow:inset 0 -2px 1px #1a143340,inset 0 0 16px #C69BE3}
.store-buttons .apple,.store-buttons .playstore{color:var(--brand-purple)}
/* Pale lilac connects the light sections; white surfaces keep content readable. */
.benefits,.course-outcomes,.course-examples,.class-format,.course-instructor,.testimonials,.pricing,.faq{
 background:var(--brand-paper);color:var(--brand-ink);
}
.benefits:before{background:var(--brand-paper)}
.benefits:after{background:var(--brand-lime);box-shadow:0 -30px 0 -1px #a6d61f}
.section-heading p,.feature-intro p,.blog-card small{color:var(--brand-muted)}
.eyebrow i{background:var(--brand-lime);color:var(--brand-purple)}
.eyebrow b{background:var(--brand-purple);color:#fff}
.pill{background:var(--brand-lime);color:var(--brand-purple-dark)}
.view-articles,.instructor-copy .instructor-eyebrow{color:var(--brand-purple)}
.benefit,.blog-card{background:#fff}
.statement{color:var(--brand-ink)}
.statement .word{background-image:linear-gradient(to left,var(--brand-ink) 50%,#17101d40 50%)}
.statement em{background:var(--brand-tint);color:var(--brand-purple)}
.statement em .word{background-image:linear-gradient(to left,var(--brand-purple) 50%,#4b008240 50%)}
/* Preserve the examples carousel, recolouring its frames and captions only. */
.invest-card{background:#fff;border-color:var(--brand-line);color:var(--brand-ink)}
.invest-card>img{background:var(--brand-tint)}
.invest-card>div{background:#fff;color:var(--brand-ink)}
.invest-card p{color:var(--brand-muted)}
.carousel-controls button{background:var(--brand-lime);color:var(--brand-purple-dark);box-shadow:0 0 18px #c8ff3259}
.carousel-controls i{background:#bca5cb}
.carousel-controls i.active{background:#7ba600}
/* The curriculum wash stays clipped by the existing section-overlap fix. */
.course-curriculum{background:var(--brand-paper);color:var(--brand-ink)}
.course-curriculum:before{
 background:radial-gradient(ellipse at 25% 28%,#e2c4f0,transparent 60%),radial-gradient(ellipse at 75% 15%,#eddbf7,transparent 60%),linear-gradient(#f1e2f9,var(--brand-paper));
}
.course-curriculum>.section-heading p{color:var(--brand-muted)}
.curriculum-column{background:#fff;box-shadow:0 12px 36px #4b00820d}
.curriculum-day{background:var(--brand-tint)}
.curriculum-day h3{color:var(--brand-purple-dark)}
.curriculum-day-heading img{background:var(--brand-purple)}
.curriculum-lessons{color:#46334f}
.curriculum-lessons li::marker{color:var(--brand-purple)}
.payment-screen{background:var(--brand-tint);border-color:var(--brand-line)}
.payment-ghost{background:linear-gradient(#e9d9f3,#d9bfe8)}
.payment-ghost.below{background:linear-gradient(#d9bfe8,var(--brand-paper))}
.payment-dots img{background:var(--brand-purple)}
.payment-dots span{background:var(--brand-purple);color:#fff}
.payment-dots i{background:#bca5cb}
.payment-dots:after{background:#bca5cb88}
.payment-note p{color:var(--brand-muted)}
.course-curriculum .integrations{background:#fff;color:var(--brand-ink)}
.metric-stage{background:linear-gradient(#ffffff00,#e3c9f0)}
.metric small{color:var(--brand-purple)}
.metric p{color:var(--brand-muted)}
/* Soft purple testimonials and white FAQ surfaces mirror the course hub. */
.testimonial-pin{background:var(--brand-paper);color:var(--brand-ink)}
.testimonials .section-heading p{color:var(--brand-muted)}
.quote,.quote:nth-child(1),.quote:nth-child(2),.quote:nth-child(3),.quote:nth-child(4){
 background:linear-gradient(#cfa7dc,#efdcf3);color:var(--brand-ink);box-shadow:0 16px 40px #4b008214;
}
.quote .stars{color:var(--brand-purple)}
.ratings,.ratings strong{color:var(--brand-purple)}
.ratings>div>small,.ratings strong small{color:var(--brand-muted)}
.instructor-card{background:linear-gradient(135deg,#fff,#f4e7fa);box-shadow:0 16px 42px #4b00820f}
.faq-panel{background:var(--brand-paper);color:var(--brand-ink);border-color:var(--brand-line)}
.faq details{background:transparent;box-shadow:none}
.faq summary small{background:var(--brand-lime);color:var(--brand-purple)}
.faq summary:after{background:var(--brand-lime);color:var(--brand-purple-dark)}
.faq details p{color:var(--brand-muted)}
.faq .center-copy{color:var(--brand-ink)}
.faq .center-copy span{color:var(--brand-muted)}
.faq .text-button{color:var(--brand-purple)}
/* Warm white and lilac pricing, with a purple enrolment button. */
.plans{background:#f1e5f8}
.plans:before{background:var(--brand-paper)}
.course-offer .plan.featured{background:linear-gradient(145deg,#FFF8F0,#F0E7F7);color:var(--brand-ink);border-color:var(--brand-line);box-shadow:0 12px 36px #4b00821a}
.course-offer .plan.featured .plan-top h3{color:var(--brand-purple)}
.course-offer .plan.featured .button{background:linear-gradient(180deg,#7D29AD,#4B0082 75%);color:#fff;border-color:#4B0082;box-shadow:0 6px 18px #4b008226,inset 0 1px #ffffff30}
.course-offer .plan.featured .button:hover{background:linear-gradient(180deg,#6E209D,#3C006A 75%);box-shadow:0 8px 24px #4b008233,inset 0 1px #ffffff30}
.course-offer .plan:nth-child(3){background:#fff}
.plan>p{color:var(--brand-muted)}
.plan-symbol{background:#fff;color:var(--brand-purple)}
.course-offer .plan.featured .plan-symbol{background:#E4D3EF;color:var(--brand-purple-dark)}
.course-offer .plan:nth-child(3) .plan-symbol{background:var(--brand-tint);color:var(--brand-purple-dark)}
.plan li:before{color:var(--brand-purple)}
.plan .price,.price>.currency{color:var(--brand-purple-dark)}
/* Purple closing scene, lime buttons and a bold lime footer highlight. */
.download{background:radial-gradient(ellipse at 80% 100%,#c8ff321a,transparent 40%),linear-gradient(var(--brand-purple),var(--brand-purple-light) 56%,var(--brand-purple-dark));color:#fff}
.closing-scene h2{color:#f1e4f9}
.closing-mask{background:linear-gradient(transparent,#4b0082e8)}
footer.course-footer{background:#fff;color:var(--brand-ink)}
.course-footer:before{background:var(--brand-lime)}
.course-footer h2{color:var(--brand-purple-dark)}
.course-footer .footer-enrol{border-color:#b0df2c}
.course-footer .footer-enrol span{background:var(--brand-purple-dark);color:var(--brand-lime)}
.course-footer p{color:var(--brand-muted)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--brand-purple)}
.hero :focus-visible,.download :focus-visible,header :focus-visible{outline-color:var(--brand-lime)}
/* Opening hero focus and mobile header keep their original palette. */
.hero .button:focus-visible,header:not(.scrolled) nav a:focus-visible,header:not(.scrolled) .contact:focus-visible{outline-color:#7D29AD}
header:not(.scrolled) .menu:focus-visible,header:not(.scrolled) .brand:focus-visible{outline-color:#7D29AD}
@media(max-width:700px){header:not(.scrolled) nav{background:#21172ef0!important}.scrolled nav{background:#310055f2!important}}
@media(max-width:600px){
 .hero{--hero-title-top:350px;background:radial-gradient(ellipse 110% 260px at 50% 480px,#FFF8F0 0%,#FFF8F0 45%,#F6E9F3D9 68%,#EBC7F34D 86%,#FFF8F000 100%),radial-gradient(ellipse at 85% 72%,#A511BC 0%,#A511BC00 45%),linear-gradient(155deg,#4B0082 0%,#7D29AD 25%,#A76CC6 45%,#5C0A91 75%,#2D004E 100%)}
 .hero-art:after{background:linear-gradient(180deg,#fff8f000,#FFF8F0 130px)}
 .glass-outline{background:linear-gradient(#fff8f000,#FFF8F0)}
 header:not(.scrolled){background:rgba(49,0,85,.90)}
 header:not(.scrolled) .menu{background:#4B0082;color:#fff}
 .benefits:after{box-shadow:0 -18px 0 -1px #a6d61f}
}

/* Warm purple accents and decorative artwork, retaining their original geometry. */
.button.primary:hover,.plan.featured .button:hover{box-shadow:inset 0 1px 1px #fff,inset 0 -3px 1px #4B0082,inset 0 0 16px #EBC7F3}
.button.light:hover{box-shadow:inset 0 -2px 1px #31005540,inset 0 0 16px #C69BE3}
.linkedin{background:linear-gradient(#310055,#7D29AD);color:#fff}
.facebook{background:linear-gradient(#4B0082,#7D29AD);color:#fff}
/* Tint the original decorative bitmaps without replacing their composition. */
.audience-card>img,.benefit>img[src="./assets/13.webp"],.benefit>img[src="./assets/16.webp"]{filter:sepia(1) saturate(2.4) hue-rotate(220deg)}
.metric:nth-child(1) .metric-bg,.metric:nth-child(2) .metric-bg{filter:sepia(1) saturate(1.7) hue-rotate(220deg)}
/* Hero enrolment button follows the warm brand purple. */
.hero .button.primary{background:linear-gradient(#7D29AD,#4B0082 75%);color:#fff;border-color:#4B0082}