.classbound-page{--classbound-blue:#a5dcf6;--classbound-gold:#dfc58f}
.classbound-breadcrumb{max-width:1600px;margin:auto;padding:24px 6vw 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;color:#a9bed0}
.classbound-breadcrumb a:hover{color:#fff}
.classbound-breadcrumb [aria-current]{color:var(--classbound-gold)}
.classbound-page .classbound-hero{grid-template-columns:.88fr 1.12fr;gap:46px;padding-top:35px;min-height:650px}
.classbound-hero .department-lockup img{width:58px;height:68px;object-fit:contain;filter:drop-shadow(0 0 18px #73c5ee28)}
.classbound-hero .department-lockup{margin-bottom:24px}
.classbound-page .classbound-hero h1{font-size:clamp(50px,5.4vw,80px);line-height:1.03;margin-top:26px}
.classbound-hero h1 em{color:var(--classbound-gold)}
.classbound-hero .status{flex-wrap:wrap;color:#c0d4e4}
.classbound-hero .hero-description{max-width:520px}
.classbound-page .classbound-hero .button.quiet{background:transparent;border-color:#577085;color:#dce9f2}
.classbound-page .classbound-hero-frame{margin:0;border:1px solid #70859499;border-radius:12px;overflow:hidden;background:#07111ee8;box-shadow:0 26px 75px #0008,0 0 75px #74bff014;transform:none}
.classbound-frame-label{padding:16px 20px;display:flex;justify-content:space-between;gap:18px;background:linear-gradient(90deg,#152e45,#091323);font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#d5e7f3}
.classbound-frame-label span:last-child{color:var(--classbound-gold);white-space:nowrap}
.classbound-page .classbound-hero-frame .department-hero-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:0;filter:none;transform:none}
.classbound-hero-frame figcaption{padding:13px 20px;font-size:11px;color:#bed1df;border-top:1px solid #334657}
.classbound-page .classbound-facts{background:linear-gradient(90deg,#10203680,#0d1d2b70,#10203680);border-color:#47627555;max-width:1500px;margin:auto}
.classbound-facts span{display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;letter-spacing:.03em;color:#c6d6e2}
.classbound-facts span:before{content:'';width:5px;height:5px;flex-shrink:0;background:var(--classbound-gold);transform:rotate(45deg)}
.classbound-vision{padding-bottom:60px}
.classbound-concept-art{margin:0;border:1px solid #70859499;border-radius:12px;background:#081525cf;overflow:hidden;box-shadow:0 22px 50px #0005}
.classbound-concept-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.classbound-concept-art figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 22px;color:#b8ccdc;font-size:11px;border-top:1px solid #334657}
.classbound-concept-art figcaption span:first-child{color:var(--classbound-gold)}
.classbound-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:35px}
.classbound-scope-grid article{padding-top:22px;border-top:1px solid #53738766}
.classbound-scope-grid h3{font-size:23px;margin:11px 0 14px;line-height:1.24}
.classbound-scope-grid p{font-size:14px;line-height:1.8}
.classbound-scope-grid .eyebrow{font-size:10px;color:var(--classbound-blue)}
.classbound-orders{padding-top:35px}
.classbound-order-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.classbound-order-list li{position:relative;display:block;min-height:190px;padding:28px;background:linear-gradient(135deg,#173047a1,#0b1522d6);border:1px solid #52718670;border-top:2px solid var(--order-color);border-radius:7px}
.classbound-order-list .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--order-color)}
.classbound-order-list h3{font-size:31px;margin:14px 0 13px;letter-spacing:-.02em}
.classbound-order-list li>p:last-child{font-size:14px;line-height:1.7;max-width:260px}
.classbound-world{border-block:1px solid #58758b44;background:radial-gradient(ellipse at 25% 0,#1d426434,transparent 65%);padding-top:65px;padding-bottom:60px}
.classbound-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.classbound-journey li{padding:26px 0 0;border-top:1px solid #67859788}
.classbound-step{display:inline-flex;width:38px;height:38px;justify-content:center;align-items:center;border:1px solid #d9c49777;border-radius:50%;font-size:11px;letter-spacing:.08em;color:var(--classbound-gold);background:#11263b}
.classbound-journey h3{font-size:27px;margin:20px 0 13px}
.classbound-journey p{font-size:14px;line-height:1.8}
.classbound-legacy{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;margin-top:58px;padding:32px;border:1px solid #8b806544;border-radius:10px;background:linear-gradient(120deg,#30291c42,#0a1829aa)}
.classbound-legacy .eyebrow{font-size:10px;color:var(--classbound-gold)}
.classbound-legacy h3{font-size:31px;line-height:1.2;margin-top:15px}
.classbound-legacy>div:last-child p{font-size:14px;line-height:1.8}
.classbound-legacy>div:last-child p+p{margin-top:16px;color:#d0dde7}
.classbound-page .classbound-build{padding-top:65px;padding-bottom:55px}
.classbound-build .section-heading{margin-bottom:32px}
.classbound-page .classbound-faq{margin-top:0}
.classbound-page .classbound-faq details{background:#0b1825aa}
.classbound-faq summary{gap:25px}
.classbound-closing .actions{margin:0;flex-shrink:0;max-width:440px}
.classbound-closing .button:first-child{background:var(--classbound-gold);border-color:var(--classbound-gold)}
@media(max-width:1100px){.classbound-page .classbound-hero{gap:30px;grid-template-columns:1fr 1.05fr}.classbound-frame-label{font-size:9px;padding:14px}.classbound-scope-grid{gap:23px}.classbound-scope-grid h3{font-size:21px}.classbound-order-list li{padding:23px}.classbound-order-list h3{font-size:28px}.classbound-journey{gap:20px}.classbound-legacy{gap:35px;padding:28px}.classbound-closing{align-items:flex-start}.classbound-closing .actions{max-width:280px}}
@media(max-width:760px){.classbound-breadcrumb{padding-top:20px;font-size:11px;gap:10px}.classbound-page .classbound-hero{grid-template-columns:1fr;gap:34px;padding-top:30px;padding-bottom:40px;min-height:0}.classbound-page .classbound-hero h1{font-size:clamp(50px,9vw,68px)}.classbound-hero .department-lockup{margin-bottom:22px}.classbound-hero .department-lockup img{width:48px;height:56px}.classbound-hero-frame{max-width:650px}.classbound-frame-label{padding:13px 15px;font-size:9px}.classbound-hero-frame figcaption{padding:12px 15px;font-size:10px}.classbound-facts span{flex-direction:column;align-items:center;gap:9px;font-size:10px;text-align:center;line-height:1.6}.classbound-vision{padding-bottom:40px}.classbound-concept-art figcaption{padding:12px 15px;gap:5px;font-size:10px}.classbound-scope-grid{grid-template-columns:1fr;gap:20px;margin-top:22px}.classbound-scope-grid article{padding-top:18px}.classbound-scope-grid h3{font-size:24px;margin-top:8px}.classbound-orders{padding-top:25px}.classbound-order-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.classbound-order-list li{padding:22px 17px;min-height:215px}.classbound-order-list h3{font-size:25px;margin-block:13px}.classbound-order-list .eyebrow{font-size:9px;letter-spacing:.08em}.classbound-order-list li>p:last-child{font-size:12px}.classbound-world{padding-top:45px;padding-bottom:45px}.classbound-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 23px}.classbound-journey h3{font-size:25px}.classbound-journey p{font-size:13px}.classbound-legacy{grid-template-columns:1fr;gap:22px;padding:25px;margin-top:35px}.classbound-legacy h3{font-size:29px}.classbound-page .classbound-build{padding-top:40px;padding-bottom:40px}.classbound-closing .actions{margin-top:25px;max-width:none}}
@media(max-width:380px){.classbound-order-list{grid-template-columns:1fr}.classbound-order-list li{min-height:0;padding:23px}.classbound-order-list h3{font-size:29px}.classbound-order-list li>p:last-child{font-size:14px}.classbound-frame-label{letter-spacing:.04em;font-size:8px}.classbound-journey{grid-template-columns:1fr;gap:22px}}
