/* Uncle Ake | AI-Powered UI Design with Figma · pre-sale styles */
.presale-pill,.presale-tag{display:inline-flex;align-items:center;gap:8px;background:#e8edff;border:1px solid #c9d5ff;color:#244bff;border-radius:999px;padding:7px 13px;font-size:.73rem;font-weight:850;letter-spacing:.04em}
.presale-home{background:linear-gradient(115deg,#f5f8ff 0%,#eef1ff 64%,#fcfaff 100%);padding:64px 0;margin:32px 0 12px;overflow:hidden}
.presale-home-layout{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:42px}
.presale-home-copy h2{margin:20px 0;font-size:clamp(2.1rem,3.9vw,4.35rem);line-height:1.1;letter-spacing:-.055em;font-weight:850;font-family:Arial,sans-serif}
.presale-home-copy h2 span,.presale-detail-hero h1 span,.presale-section-title h2 span{color:#2956ff}
.presale-home-copy p{max-width:520px;color:#526079;font-size:1.05rem;line-height:1.8}
.presale-home-image{display:block;overflow:hidden;border-radius:20px;box-shadow:0 30px 60px #243b7b16;border:1px solid #dae4ff;background:#e9eeff}
.presale-home-image img{display:block;width:100%;height:auto;object-fit:contain}
.presale-home-pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:13px;margin:22px 0 4px}
.presale-home-pricing strong{font:850 clamp(2rem,3vw,2.8rem) Arial,sans-serif;color:#1a2dff}
.presale-home-pricing del,.presale-card-price del,.presale-hero-price del{color:#7a8599}
.presale-home-pricing span{font-size:.8rem;font-weight:700;color:#354766}
.presale-home-details{font-size:.84rem;color:#667188;line-height:1.75;margin:8px 0 24px}
.presale-course-card .course-art{background:#eef3ff;min-height:unset;padding:0;aspect-ratio:3/2}
.presale-course-card .course-cover-image{width:100%;height:100%;display:block;object-fit:contain}
.presale-course-card .card-body{display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.presale-course-card .card-body .presale-tag{font-size:.65rem;margin-bottom:0}
.presale-course-card .card-body h3{margin:4px 0}
.presale-card-price{display:flex;align-items:baseline;gap:12px;margin:2px 0 10px}
.presale-card-price strong{font-weight:850;font-size:1.55rem;color:#234bff}
.presale-card-price del{font-size:.94rem}
.presale-detail-hero{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:44px;padding-block:78px 84px}
.presale-detail-hero h1{font-family:Arial,sans-serif;font-size:clamp(2.9rem,5vw,5rem);font-weight:850;line-height:1.06;letter-spacing:-.058em;margin:22px 0 18px}
.presale-lead{font-size:1.1rem;line-height:1.85;color:#55647b}
.presale-workflow-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:21px 0 26px}
.presale-workflow-tags span{background:#f4f7ff;border:1px solid #e1e8fa;border-radius:9px;padding:9px 12px;font-size:.82rem;font-weight:750}
.presale-workflow-tags i{font-style:normal;color:#6485ee;font-weight:800}
.presale-hero-offer{display:flex;gap:18px;border-top:1px solid #e4eaf4;padding-top:20px}
.presale-hero-offer small{display:block;color:#59657a}
.presale-hero-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:5px 0 6px}
.presale-hero-price strong{font:850 clamp(2.3rem,3.8vw,3.7rem) Arial,sans-serif;color:#244bff;letter-spacing:-.05em}
.presale-hero-offer [data-presale-status]{font-size:.83rem;color:#63738d}
.presale-hero-actions{display:flex;align-items:center;gap:18px;margin:24px 0;flex-wrap:wrap}
.presale-terms{font-size:.82rem;color:#6a7484;border-left:3px solid #315eff;padding:12px 14px;background:#f5f8ff;border-radius:0 9px 9px 0;line-height:1.7}
.presale-detail-media{min-width:0}
.presale-detail-media img{display:block;width:100%;height:auto;border:1px solid #dae3f2;border-radius:19px;box-shadow:0 20px 65px #23387619}
.presale-media-caption{text-align:center;color:#7b879a;font-size:.78rem;margin:13px 0}
.presale-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:66px;border-bottom:1px solid #e2e7f0}
.presale-highlights>div{background:#f4f7ff;border:1px solid #e4ebff;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:7px}
.presale-highlights b{font:800 .85rem Arial,sans-serif;color:#3761ff}
.presale-highlights strong{font-size:1rem;color:#1c2940}
.presale-highlights span{font-size:.83rem;color:#637087;line-height:1.6}
.presale-section-title{max-width:760px;margin-bottom:30px}
.presale-section-title h2,.presale-for-who h2,.presale-final h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.18;letter-spacing:-.045em;margin:12px 0 16px}
.presale-section-title p{color:#697486;line-height:1.8}
.presale-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.presale-topic-grid article{border:1px solid #dee5f2;border-radius:15px;padding:28px 23px;background:white}
.presale-topic-grid article>span{font:800 .73rem Arial,sans-serif;color:#2455f7;letter-spacing:.06em}
.presale-topic-grid h3{font-size:1.18rem;margin:16px 0 9px}
.presale-topic-grid p{color:#637188;line-height:1.8;font-size:.91rem}
.presale-curriculum-note{color:#8491a3;font-size:.83rem;margin-top:15px}
.presale-for-who{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-top:1px solid #e5ebf4;padding-top:65px}
.presale-for-who p{color:#627088;max-width:550px;line-height:1.8}
.presale-for-who ul{margin:0;padding:10px 0 10px 27px;color:#344158;line-height:2.3}
.presale-final{display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center;margin-top:50px;background:#101c34;color:white;border-radius:24px;padding:55px}
.presale-final p{color:#afc0d8;line-height:1.8}
.presale-final-card{display:flex;align-items:flex-start;flex-direction:column;background:white;border-radius:17px;padding:32px;color:#1b2433}
.presale-final-card p{color:#657287;font-size:.92rem}
.presale-final-card .btn{width:100%;text-align:center;margin:12px 0}
.presale-final-card small{color:#718097;line-height:1.75}
.presale-faq{display:grid;grid-template-columns:.65fr 1fr;gap:55px}
.presale-faq details{padding:19px 0;border-bottom:1px solid #dce4ef}
.presale-faq summary{font-weight:750;cursor:pointer}
.presale-faq details p{color:#627085;line-height:1.9}
.presale-registration-note{margin:17px 0;padding:17px 19px;border-radius:12px;background:#ecf2ff;color:#27385c;line-height:1.75;border:1px solid #d3dfff}
.presale-registration-remaining{color:#556fa2;font-weight:750;font-size:.85rem;margin:10px 0}
@media(max-width:1050px){.presale-home-layout,.presale-detail-hero{grid-template-columns:1fr}.presale-home-copy{max-width:760px}.presale-detail-hero{padding-top:42px}.presale-highlights{grid-template-columns:repeat(2,1fr)}.presale-topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.presale-home{padding:35px 0}.presale-home-layout{gap:22px}.presale-home-copy h2{font-size:clamp(2.15rem,9vw,3.4rem)}.presale-detail-hero{gap:25px;padding-bottom:44px}.presale-detail-hero h1{font-size:clamp(2.9rem,10vw,4.2rem)}.presale-highlights,.presale-topic-grid,.presale-for-who,.presale-final,.presale-faq{grid-template-columns:1fr}.presale-highlights{gap:10px}.presale-final{padding:28px 20px;gap:24px;border-radius:17px}.presale-final-card{padding:24px;width:100%}.presale-section-title h2{font-size:2rem}.presale-for-who{gap:6px}.presale-faq{gap:4px}}

/* Detailed eight-chapter curriculum — native accessible disclosure panels */
.presale-curriculum-meta{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 24px}
.presale-curriculum-meta>span{display:inline-flex;align-items:center;gap:6px;border:1px solid #dae4ff;background:#f1f5ff;color:#3b5073;font-weight:650;font-size:.86rem;padding:10px 16px;border-radius:999px}
.presale-curriculum-meta strong{color:#204dff;font-weight:850}
.presale-chapters{display:grid;gap:12px;max-width:1000px}
.presale-chapter{border:1px solid #e0e7f5;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 14px #253b6510;transition:border-color .2s,box-shadow .2s}
.presale-chapter[open]{border-color:#c0ceff;box-shadow:0 9px 26px #254af017}
.presale-chapter summary{display:flex;gap:17px;align-items:center;cursor:pointer;list-style:none;padding:20px 23px;min-height:77px;color:#18263b}
.presale-chapter summary::-webkit-details-marker{display:none}
.presale-chapter summary:focus-visible{outline:3px solid #4167ff;outline-offset:-4px;border-radius:16px}
.presale-chapter summary:hover{background:#f8faff}
.presale-chapter-index{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#eaf0ff;color:#2554f7;border-radius:12px;font:850 1rem Arial,sans-serif}
.presale-chapter[open] .presale-chapter-index{background:#244bff;color:#fff}
.presale-chapter-name{font-size:1.08rem;line-height:1.5;letter-spacing:-.01em;font-weight:800;flex:1}
.presale-chapter-count{font-size:.82rem;font-weight:650;color:#738099;white-space:nowrap}
.presale-chapter-caret{display:block;width:10px;height:10px;border-right:2px solid #607191;border-bottom:2px solid #607191;transform:rotate(45deg);transition:transform .2s;margin:0 4px 5px 8px;flex-shrink:0}
.presale-chapter[open] .presale-chapter-caret{transform:rotate(225deg);margin-top:9px;margin-bottom:0}
.presale-chapter-body{padding:0 25px 21px 84px}
.presale-lessons-list{margin:0;padding:19px 0 0;list-style:none;counter-reset:chapter-lesson;border-top:1px solid #e8ecf4;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:12px}
.presale-lessons-list li{counter-increment:chapter-lesson;display:flex;align-items:flex-start;gap:11px;color:#425068;font-size:.94rem;line-height:1.65}
.presale-lessons-list li::before{content:counter(chapter-lesson,decimal-leading-zero);color:#8ca2c7;font:700 .76rem Arial,sans-serif;padding-top:5px;flex-shrink:0}
@media(max-width:720px){.presale-curriculum-meta{gap:7px}.presale-curriculum-meta>span{padding:8px 11px;font-size:.78rem}.presale-chapter summary{padding:15px 14px;gap:11px;min-height:67px}.presale-chapter-index{width:37px;height:37px;font-size:.84rem}.presale-chapter-name{font-size:.96rem}.presale-chapter-count{font-size:.72rem}.presale-chapter-body{padding:0 16px 19px}.presale-lessons-list{grid-template-columns:1fr;gap:9px;padding:15px 0 0}.presale-chapter-caret{width:8px;height:8px;margin-left:0}}