/* Official ROBOROBO reference: white space, bold type, blue identity and vivid kit imagery.
   Academy layout and course organization are independent. */
:root{--ink:#14223a;--muted:#576477;--green:#1768ad;--cream:#f4f8fc;--peach:#ffd356;--line:#dbe4ef}
.site-header{background:#fffffff5;border-color:#e5ebf3}.brand svg{stroke:#186ba9}.brand strong{color:#15467e;font-weight:850}.brand small{color:#1f79b3}nav .nav-contact{border-radius:24px;border-color:#bad2e5;background:#f6faff}nav .nav-contact:hover{background:#eaf5ff}
h1{font-size:clamp(42px,3.9vw,56px);letter-spacing:-.065em;font-weight:850}.hero{background:linear-gradient(125deg,#fff 15%,#f0f8ff 100%)}.hero-layout{padding-top:65px;padding-bottom:63px;gap:42px;grid-template-columns:1fr 1.05fr}.hero .eyebrow{color:#216ba6}.hero-description{font-size:15px}.hero-art.product-art{transform:none;background:#e9f6fa;border:0;border-radius:42px 10px 42px 10px;padding:25px;position:relative}.product-art:before{content:"";position:absolute;right:0;top:0;width:125px;height:125px;border-radius:0 0 0 100%;background:#d0edf8;z-index:0}.product-art>*{position:relative}.product-badge{font-size:10px;font-weight:750;color:#144e87;background:#fff;border:1px solid #c1dce8;border-radius:20px;padding:5px 10px}.small-label{color:#215a86}.product-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px;margin-bottom:8px}.product-heading h2{font-size:43px;letter-spacing:-.04em;font-weight:850;color:#153d70;line-height:1}.product-heading h2 span{display:block;font-size:14px;font-weight:650;letter-spacing:.2em;margin-top:10px}.product-heading p{font-size:12px;line-height:1.8;color:#355974}.product-art img{width:100%;height:auto;object-fit:contain;margin-top:16px;filter:drop-shadow(0 9px 9px #22567a0d)}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:17px;font-size:11px;color:#23527a}.product-bottom>span{font-weight:700}.product-bottom b{color:#f3924b;padding-inline:6px}.product-bottom a{font-size:9px;color:#456d8b;text-decoration:underline;text-underline-offset:3px}.subject-strip{background:#174c91;border-color:#174c91;color:#fff}.subject-strip>.wrap{padding-block:18px}.subject-strip i{color:#76c9e4}.subject-strip span{font-weight:650}
.courses{background:#f3f7fc}.course-tabs{border-color:#c6d8e9;gap:5px}.course-tabs button{padding-inline:22px}.course-list article{border-color:#d2dfee}.course-list article>span{color:#366f9f;min-width:40px;white-space:nowrap;font-size:10px}.course-footnote{color:#526b86}.news{background:#f7f9fc}.news-list>a{border-color:#dde6f0}.news-list>a:hover{border-color:#77a9d0}.news-date{color:#586c82}.drawing-plan{background:#edf3fc}.paper{border-color:#c9d8ec;background:#fff;box-shadow:5px 9px 0 #dce6f3;color:#28629d}.paper b{color:#80a5cb}.drawing-code{background:#e9f7fc}.code-block{background:#1d7bb4;box-shadow:3px 4px 0 #cde4f3}.code-block:nth-child(2){background:#368fbe}.code-block:nth-child(3){background:#1e6c9d}.drawing-grow{background:#fff2da}.growth-bar{background:#b2d5ee}.bar-two{background:#63a8d6}.bar-three{background:#2069a4}.growth-arrow{color:#e7ad46}.location-card{background:#eff6fc;border-color:#d7e5f1;border-radius:32px 8px 32px 8px}.button.light{border-color:#cedfee}.location-card .small-label{color:#34678e}.map-note{color:#586d82}.contact-banner{background:#174c91}.contact-banner .eyebrow{color:#a8d9f4}.button.peach{background:#ffd356;color:#182b47}.button.outline{border-color:#a1c3df}footer{background:#f7f9fc}.button.primary{background:#1768ad;border-radius:25px}.hero-note>span{color:#1978b9}.text-link{color:#1e5e95}
@media(max-width:1050px){.hero-layout{gap:28px}.product-heading h2{font-size:36px}.product-heading p{font-size:11px}.product-bottom{flex-wrap:wrap;gap:5px}.course-tabs button{padding-inline:16px}h1{font-size:43px}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr;padding-top:42px;padding-bottom:42px;gap:32px}.hero-copy{max-width:620px}.hero-art.product-art{max-width:600px;padding:22px;border-radius:32px 8px 32px 8px}.hero-art.product-art img{max-height:none}.product-heading h2{font-size:44px}.product-heading p{font-size:12px}.product-bottom{flex-wrap:nowrap;font-size:11px}.course-tabs button{padding-inline:14px;font-size:12px}.hero-description{font-size:15px}h1{font-size:48px}nav .nav-contact{background:#1768ad;border-radius:6px}.contact-banner{background:#174c91}.course-panel{grid-template-columns:1fr;gap:28px}.course-intro h3 br{display:none}.course-intro p br{display:none}}
@media(max-width:500px){h1{font-size:34px;line-height:1.4}.hero .eyebrow{font-size:11px}.hero-description{font-size:13px;line-height:1.95}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:13px 15px}.hero-art.product-art{padding:19px}.product-heading{margin-top:22px}.product-heading h2{font-size:34px}.product-heading h2 span{font-size:12px}.product-heading p{font-size:10px}.product-bottom{font-size:10px;gap:7px;flex-wrap:wrap}.product-bottom a{font-size:8px}.product-badge{font-size:9px;padding:4px 8px}.subject-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;text-align:center;padding-block:17px}.subject-strip i{display:none}.subject-strip span{font-size:11px}.course-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0}.course-tabs button:last-child{grid-column:1 / -1}.subject-strip span:last-child{grid-column:1 / -1}.course-tabs button{padding:13px 8px;font-size:12px}.course-list article{gap:14px}.course-list article>span{min-width:40px;font-size:10px}.course-list h4{font-size:18px}.course-intro h3{font-size:26px}}