/* AI Flow hierarchy: content unchanged; large, readable type on every screen. */
body{font-size:18px;line-height:1.7}button{min-height:52px;font-size:16px}
.hero{height:auto;min-height:780px;max-height:none;padding-bottom:88px}
.hero-content{padding-top:116px;width:47%}
h1,.education-headline{font-size:clamp(40px,6vw,96px);line-height:1.08;margin:24px 0 16px;letter-spacing:-.065em}
.hero-ko,.education-headline~.hero-ko{font-size:clamp(20px,2.2vw,32px);line-height:1.4;margin-bottom:14px}
.hero-desc{font-size:18px;line-height:1.7;margin-bottom:20px}
.hero-shade{background:linear-gradient(90deg,#080d1bf7 0%,#080d1bf0 26%,#080d1bdf 43%,#080d1bba 49%,#080d1b45 58%,transparent 72%),linear-gradient(0deg,#080d1b 0%,transparent 16%)}
.hero-static{left:24%;right:1%;top:32%;font-size:24vw;letter-spacing:-.07em;text-align:center}
.hero-bottom{font-size:14px;line-height:1.5;letter-spacing:.025em;bottom:20px;padding-top:14px}
.hero-bottom a{margin-right:168px}.eyebrow{font-size:14px;letter-spacing:.06em;line-height:1.5;margin:0}
h2,.connect-main h2{font-size:clamp(30px,3.5vw,48px);line-height:1.4}
h3,.course-card h3,.principles h3,.process-grid h3{font-size:24px;line-height:1.5}
.product-title h3{font-size:clamp(30px,3vw,42px)}.instructor-info h3{font-size:36px}
.vision-text p,.principles p,.product-copy>p:not(.product-category),.section-heading>p,.course-card>p,.process-grid p,.instructor-info>p:not(.product-category),.cap-intro p,.cap-list p,.connect-main>p,.join-content p,.experience-list p{font-size:18px;line-height:1.7}
.vision-text>p:first-child{font-size:clamp(22px,2vw,28px);line-height:1.7}
.course-card dl,.course-card dt,.course-card dd{font-size:16px;line-height:1.7;color:#273951}.course-card dt{color:#455670;min-width:48px}
.section-kicker,.product-category,.course-number,.cap-no,.principles>div>span,.vision-sign,.tiny,.studio-small,.studio-stamp,.window-top,.window-dots,.note-layout aside small,.note-avatar{font-size:14px;line-height:1.5;letter-spacing:.045em}
.status,.tags span,.education-tags span,.planned-domain,.concept-label,.platform-loop,.platform-loop span,.join-benefits span,.development-note,.experience-list>span{font-size:16px;line-height:1.7}
.ai-feature-list b{font-size:18px;line-height:1.7}.ai-feature-list span{font-size:18px;line-height:1.7}
.note-layout aside,.note-layout aside strong,.note-page>p,.demo-block b,.demo-block p,.demo-task,.demo-callout{font-size:16px;line-height:1.7}
.demo-task i.checked{font-size:12px}.demo-task i{width:16px;height:16px}.demo-task i.checked{line-height:14px}
.note-layout{grid-template-columns:174px 1fr}.note-page{padding:28px 20px}.note-page h5{font-size:26px}.note-toolbar{font-size:16px}
.demo-tabs{gap:18px}.demo-tabs button{font-size:16px;min-height:52px;line-height:1.5}
.button,.hero-actions .button,.hero .button,.text-link{font-size:16px;min-height:52px;line-height:1.5}
.button{padding:14px 22px}.text-link{padding-top:10px;padding-bottom:10px}.header nav{font-size:16px}.nav-contact{min-height:52px;display:inline-flex;align-items:center}
.motion-control{font-size:16px;min-height:52px;padding:10px 16px;line-height:1.5}
.ticker{height:50px;background:#080d1b;color:#cbd5e7;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.ticker>div{font-size:18px;line-height:1.5;font-weight:500;letter-spacing:.025em;opacity:.72;animation-duration:60s}
.ticker span{font-size:18px;margin:0 28px}
footer>span,footer>a:last-child{font-size:14px;line-height:1.7}.contact-email,.contact-modal-email{font-size:18px;line-height:1.7}
dialog>p:not(.eyebrow),#dialog-details,#contact-description{font-size:18px!important;line-height:1.7}
@media(max-width:1100px){.note-layout{grid-template-columns:1fr}.note-layout aside{display:none}.hero-content{width:49%}.hero-bottom a{margin-right:170px}}
@media(max-width:800px){
 body{font-size:16px;line-height:1.7}.hero{height:auto;min-height:0;max-height:none;padding-bottom:108px}.hero-content{width:88%;padding-top:320px;margin:0 6%}
 h1,.education-headline{font-size:clamp(40px,6vw,96px);line-height:1.16;margin:22px 0 20px}.hero-ko,.education-headline~.hero-ko{font-size:clamp(20px,2.2vw,32px);line-height:1.5;margin-bottom:18px}
 .hero .eyebrow{font-size:14px;letter-spacing:.025em;gap:9px}.hero-desc{font-size:16px;line-height:1.7;margin-bottom:24px}
 .hero-shade{background:linear-gradient(180deg,#080d1b 0%,#080d1b00 11%,#080d1b00 25%,#080d1b 32%,#080d1b 100%)}
 .hero-static{left:5%;right:5%;top:145px;font-size:29vw;letter-spacing:-.07em}.hero-actions{flex-direction:column;gap:12px;align-items:stretch}.hero-actions .button{font-size:16px;min-height:52px;padding:14px 20px;gap:16px}.hero-actions .button span{font-size:22px}
 .hero-bottom{font-size:14px;letter-spacing:.02em;bottom:24px;padding-top:16px;gap:10px}.hero-bottom a{margin:0}.hero-bottom>span{font-size:14px}.hero-bottom a span{font-size:18px}
 h2,.connect-main h2{font-size:clamp(30px,3.5vw,48px);line-height:1.4}.course-card h3,.principles h3,.process-grid h3{font-size:24px;line-height:1.5}.product-title h3{font-size:32px}.instructor-info h3{font-size:32px}
 .vision-text p,.principles p,.product-copy>p:not(.product-category),.section-heading>p,.course-card>p,.process-grid p,.instructor-info>p:not(.product-category),.cap-intro p,.cap-list p,.connect-main>p,.join-content p,.experience-list p{font-size:16px;line-height:1.7}
 .vision-text>p:first-child{font-size:22px}.section-kicker,.product-category,.course-number,.cap-no,.principles>div>span,.vision-sign,.tiny,.studio-small,.studio-stamp,.window-top,.window-dots,.note-layout aside small,.note-avatar{font-size:14px;letter-spacing:.035em}
 .section-kicker{gap:18px}.section-kicker>span:last-child{max-width:46%}.course-card dl,.course-card dt,.course-card dd{font-size:16px;line-height:1.7}.course-card dl>div{gap:10px}
 .note-layout{grid-template-columns:1fr}.note-page{padding:24px 16px}.note-page>p,.demo-block b,.demo-block p,.demo-task,.demo-callout{font-size:16px;line-height:1.7}.demo-tabs button{font-size:16px;min-height:52px}.concept-label{font-size:16px;line-height:1.7}.note-page h5{font-size:26px}
 .status,.tags span,.education-tags span,.planned-domain,.platform-loop,.platform-loop span,.join-benefits span,.development-note,.experience-list>span{font-size:16px;line-height:1.7}.ai-feature-list b,.ai-feature-list span{font-size:16px;line-height:1.7}
 .platform-loop{gap:10px}.platform-loop span{padding:9px 11px}.studio-small{left:22px;right:22px}.studio-stamp{font-size:14px}.button,.hero .button,.join-content .button,.text-link{font-size:16px;min-height:52px}
 .motion-control{font-size:16px;min-height:52px;bottom:16px;right:16px;padding:10px 14px}.ticker{height:46px}.ticker>div,.ticker span{font-size:16px}.contact-email,.contact-modal-email{font-size:16px}footer>span,footer>a:last-child{font-size:14px}footer{padding-bottom:96px}
 dialog>p:not(.eyebrow),#dialog-details,#contact-description{font-size:16px!important;line-height:1.7}
}
