/* Approved full BrounStack homepage — reference-following layout, no external image dependencies.
   Loaded last on the homepage only. All examples are mock UI until a real backend is approved. */
#main{background:#fff}
.v2-hero-wrap{background:linear-gradient(115deg,#f5f9ff 0%,#e8f3ff 64%,#c6e1ff 100%)}
.v2-hero{padding-top:48px;padding-bottom:47px;min-height:0}
.v2-hero-copy h1{font-size:clamp(38px,4.25vw,59px);line-height:1.09;letter-spacing:-.06em}
.v2-hero-copy .hero-description{font-size:15px;line-height:1.66}
.v2-hero-copy .hero-actions{margin-top:21px}
.v2-hero-copy .hero-actions .button{min-width:155px;justify-content:center}
.v2-hero-copy .button-ghost{background:#fff}
.hero-benefits{margin-top:29px}
.v2-code-studio .editor-shell{box-shadow:0 16px 35px #163d7334}
.v2-code-studio .output-card{background:#fff;position:relative}
.v2-code-studio .output-card p{position:relative;z-index:1}
.v2-popular{padding-top:37px;padding-bottom:30px}
.v2-popular .section-heading{margin-bottom:18px}
.v2-popular .section-heading h2{font-size:clamp(27px,2.7vw,36px)}
.v2-popular .section-heading p:not(.section-kicker){font-size:13px;margin:3px 0 0}
.v2-popular .catalog-filters{margin-top:10px}
.v2-popular .course-grid{gap:16px}
.v2-popular .course-card{min-height:202px;padding:16px 17px 12px;border:1px solid #dce5f1;box-shadow:0 4px 12px #20476a0b;display:flex;flex-direction:column}
.v2-popular .course-card h3{margin-top:7px;font-size:16px;letter-spacing:-.025em}
.v2-popular .course-card>p{font-size:12px;line-height:1.5;margin:8px 0}
.v2-popular .course-top{min-height:36px}
.v2-popular .course-symbol{font-size:26px;font-weight:900}
.v2-popular .course-meta{font-size:10px;margin-top:auto}
.v2-popular .course-link{font-size:11px;font-weight:800}
.v2-popular .catalog-more{text-align:center;margin:18px 0 10px}
.v2-popular .catalog-more .button{background:#fff;color:#0b4b9a;border:1px solid #1256ad;border-radius:6px;padding:10px 20px;font-size:12px;box-shadow:none}
.v2-popular .catalog-disclaimer{font-size:10px;text-align:center;color:#78869a;margin:6px 0}
.hp-center-heading{text-align:center;margin-bottom:20px}
.hp-center-heading h2{color:#102746;font-size:clamp(23px,2.4vw,32px);letter-spacing:-.046em;margin:0 0 4px}
.hp-center-heading h2 span{color:#1259ba}
.hp-center-heading p{color:#526781;font-size:13px;margin:0}
.hp-bilingual,.hp-practice,.hp-services,.hp-business,.hp-final{border-radius:13px}
.hp-bilingual{background:#eaf4ff;display:grid;grid-template-columns:1.08fr .95fr .4fr;align-items:center;gap:24px;padding:33px 36px;margin-top:26px;margin-bottom:19px;min-height:221px;overflow:hidden}
.hp-bilingual-intro{display:flex;align-items:flex-start;gap:20px;min-width:0}
.hp-language-icon{flex:0 0 47px;height:48px;background:linear-gradient(135deg,#49b7f4,#1560bf);border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:850;font-size:26px;position:relative;box-shadow:0 7px 14px #115cac26}
.hp-language-icon small{position:absolute;right:-10px;bottom:-8px;background:#0d4ba8;border-radius:5px;font-size:19px;padding:1px 6px}
.hp-bilingual h2,.hp-practice h2,.hp-student h2,.hp-business h2,.hp-faq-teaser h2,.hp-last-cta h2{font-size:clamp(19px,2vw,27px);color:#102747;letter-spacing:-.045em;line-height:1.16;margin:0 0 9px}
.hp-bilingual h2 span{color:#1254a6}
.hp-bilingual-intro p,.hp-practice-copy p,.hp-student-copy p,.hp-business p,.hp-final p{font-size:12px;color:#425b77;line-height:1.65;margin:0 0 13px}
.hp-language-bullets{display:flex;flex-direction:column;gap:6px}
.hp-language-bullets span{font-size:11px;color:#284768}
.hp-language-bullets b{background:#0c55a9;color:white;width:15px;height:15px;display:inline-grid;place-items:center;border-radius:50%;font-size:9px;margin-right:6px}
.hp-text-link{display:inline-block;color:#1454a4;font-size:11px;font-weight:800;margin-top:13px}
.hp-language-demo{margin:0;min-width:0;background:#fff;border:1px solid #d5e1f0;box-shadow:0 4px 12px #1c548514;border-radius:8px;overflow:hidden}
.hp-language-demo .lesson-preview-top{background:#e9f2ff;border:0;border-bottom:1px solid #d4e2f2;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 9px}
.hp-language-demo .lesson-preview-top>span{font-size:9px;letter-spacing:0;color:#27527b}
.hp-language-demo .lesson-preview-top>div{background:transparent;padding:0;display:flex;gap:2px}
.hp-language-demo .language-tab{background:transparent;color:#14416e;border-radius:5px;padding:5px 9px;font-size:10px}
.hp-language-demo .language-tab.active{background:#134b99;color:white}
.hp-language-demo .lesson-preview-body{background:#fff;color:#16253c;padding:13px}
.hp-language-demo .lesson-preview-body h3{font-size:15px;color:#102746;margin:0 0 6px}
.hp-language-demo .lesson-preview-body p{color:#415873;line-height:1.5;font-size:11px;min-height:33px;margin:0 0 8px}
.hp-language-demo .lesson-code{font-size:10px;background:#15263b;color:#a9e9c5;border-radius:5px;padding:9px 10px}
.hp-language-demo .lesson-preview-body small{display:block;font-size:9px;color:#627b95;margin-top:6px}
.hp-bilingual-art{min-width:0;position:relative;display:grid;place-items:center;height:150px}
.hp-bilingual-art>span:first-child{background:linear-gradient(145deg,#aad1ff,#296bd0);border:7px solid #203c75;border-radius:12px;transform:rotate(-6deg);width:126px;height:100px;display:grid;place-items:center;color:#fff;font-size:43px;font-weight:850;box-shadow:0 10px 20px #2d5d8e33}
.hp-art-book{position:absolute;bottom:0;right:15px;color:#f8ac31;font-size:47px}
.hp-paths{padding:5px 0 25px}
.hp-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.hp-path-card{background:#fff;border:1px solid #dce6f2;border-radius:9px;min-height:64px;padding:12px 13px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 7px #113b6310;transition:transform .15s,border-color .15s}
.hp-path-card:hover,.hp-service-item:hover{transform:translateY(-2px);border-color:#88b4e2}
.hp-path-icon{flex:0 0 36px;font-size:22px;color:#1760b9;font-weight:900;text-align:center}
.hp-path-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.hp-path-card strong{font-size:12px;color:#142a46;line-height:1.25}
.hp-path-card small{font-size:10px;color:#5b6e84;line-height:1.3}
.hp-path-arrow{margin-left:auto;color:#155ab0;font-weight:900}
.hp-practice{background:#e9f3ff;display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:center;padding:25px 35px;min-height:180px;margin-bottom:21px}
.hp-practice-copy,.hp-student-copy{display:flex;gap:20px;align-items:flex-start}
.hp-feature-symbol{font-size:37px;font-weight:900;color:#115ab6;line-height:1;flex:0 0 45px}
.hp-solid-button{display:inline-flex;align-items:center;gap:10px;background:#0c4899;color:white;padding:10px 18px;border-radius:6px;font-size:11px;font-weight:850;white-space:nowrap}
.hp-solid-button:hover{background:#155caf}
.hp-practice-demo{min-width:0;display:grid;grid-template-columns:1.12fr .88fr;background:#132841;border-radius:9px;overflow:hidden;min-height:138px;box-shadow:0 7px 18px #163b6824}
.hp-mini-tabs{display:flex;align-items:center;gap:22px;padding:10px 13px;background:#e6f0fd;font-size:11px;color:#224a7e}
.hp-mini-tabs b{color:#0b4da5;border-bottom:2px solid #1259b4;padding-bottom:6px;margin-bottom:-7px}
.hp-mini-editor pre{font-family:ui-monospace,Consolas,monospace;margin:0;padding:17px 12px;color:#bde6d9;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow:auto}
.hp-mini-output{background:#fff}
.hp-mini-output>strong{display:block;padding:9px 12px;background:#e9f2fc;font-size:10px;color:#223f65}
.hp-mini-output>div{padding:18px 14px}
.hp-mini-output h3{font-size:19px;letter-spacing:-.04em;margin:0 0 6px;color:#11223a}
.hp-mini-output p{font-size:10px;color:#536f8c}
.hp-student{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:18px}
.hp-dashboard-mock{background:#fff;border:1px solid #d4e0ed;border-radius:11px;box-shadow:0 8px 22px #1d497514;overflow:hidden;min-height:209px}
.hp-dashboard-bar{height:28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6edf5;padding:4px 12px;color:#345d8b;font-size:10px}
.hp-dashboard-brand{color:#103e82;font-size:11px;font-weight:850}
.hp-dashboard-layout{display:grid;grid-template-columns:119px minmax(0,1fr);min-height:180px}
.hp-dashboard-menu{background:#f0f6ff;display:flex;flex-direction:column;gap:10px;padding:12px 8px;color:#3f5877;font-size:10px}
.hp-dashboard-menu strong{background:#1254a7;color:white;border-radius:4px;padding:8px 6px;font-size:10px}
.hp-dashboard-menu span{padding:0 5px}
.hp-dashboard-main{padding:17px 15px;min-width:0}
.hp-dashboard-main h3{font-size:14px;color:#1d3150;margin:0 0 15px}
.hp-dashboard-main>p{font-size:10px;color:#344e6d;margin:0 0 7px;font-weight:750}
.hp-dashboard-lesson{border:1px solid #dce6f0;border-radius:7px;padding:8px;display:flex;align-items:center;gap:10px}
.hp-dashboard-thumbnail{background:linear-gradient(125deg,#1c58ae,#93c1fb);color:white;border-radius:5px;font-size:11px;font-weight:850;display:grid;place-items:center;width:54px;height:43px}
.hp-dashboard-lesson>div:nth-child(2){flex:1;min-width:0}
.hp-dashboard-lesson strong{font-size:11px;color:#182f4c}
.hp-dashboard-lesson small{display:block;font-size:9px;color:#77869c}
.hp-progress-bar{height:4px;background:#e9edf5;border-radius:9px;overflow:hidden;margin-top:8px}
.hp-progress-bar span{display:block;width:55%;height:100%;background:#1354b4}
.hp-play{color:white;background:#0f58ac;border-radius:50%;font-size:10px;width:22px;height:22px;display:grid;place-items:center}
.hp-sample-disclosure{font-size:8px;color:#74849b}
.hp-student-copy h2{margin-bottom:12px}
.hp-student-copy ul{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column;gap:5px}
.hp-student-copy li{font-size:12px;color:#25405e}
.hp-student-copy li:before{content:'✓';color:white;background:#1457a9;border-radius:50%;font-size:9px;width:14px;height:14px;display:inline-grid;place-items:center;margin-right:8px}
.hp-muted-note{font-size:10px;color:#7d8ba0;line-height:1.45}
.hp-services{background:#f0f7ff;padding:20px 18px 19px;margin-bottom:15px}
.hp-services .hp-center-heading{margin-bottom:14px}
.hp-services .hp-center-heading h2{font-size:26px}
.hp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:stretch}
.hp-service-item{display:flex;gap:12px;align-items:center;background:white;border:1px solid #dce7f2;border-radius:8px;padding:14px 11px;min-width:0;transition:transform .15s}
.hp-service-item>span{font-size:25px;color:#1759aa;flex-shrink:0}
.hp-service-item>div{display:flex;flex-direction:column;gap:5px}
.hp-service-item strong{font-size:11px;color:#18324f}
.hp-service-item small{font-size:9px;color:#5b708a;line-height:1.4}
.hp-service-item b{color:#1455a6;margin-left:auto}
.hp-all-services{display:flex;align-items:center;justify-content:center;font-size:11px;color:#0d4b9e;border:1px solid #2363b5;border-radius:7px;padding:12px;background:white;font-weight:850;max-width:135px}
.hp-business{background:#e7f2ff;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:27px;padding:24px 32px;margin-bottom:15px}
.hp-business-heading{display:flex;align-items:flex-start;gap:19px}
.hp-business-heading>span{font-size:39px;color:#1459b4}
.hp-business-heading h2{font-size:20px;margin-bottom:6px}
.hp-business p{margin:0}
.hp-business ul{border-left:1px solid #c4d8ef;padding:0 0 0 28px;list-style:none;margin:0}
.hp-business li{font-size:11px;color:#274668;margin:5px 0}
.hp-business li:before{content:'✓';color:#0f5aa7;margin-right:9px;font-weight:900}
.hp-final{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}
.hp-faq-teaser,.hp-last-cta{display:flex;align-items:flex-start;gap:16px;background:#f8fbff;border:1px solid #e5edf6;border-radius:10px;padding:24px}
.hp-faq-teaser>span,.hp-last-cta>span{font-size:28px;color:#175cb2}
.hp-faq-teaser>div,.hp-last-cta>div{flex:1}
.hp-faq-teaser h2,.hp-last-cta h2{font-size:18px}
.hp-faq-teaser>a{align-self:center;font-size:11px;color:#1453a3;border:1px solid #1b5cae;border-radius:6px;padding:9px 12px;white-space:nowrap}
.hp-last-cta{background:#e9f4ff}
.hp-last-cta .hp-solid-button{padding:9px 15px}
.hp-faq{padding:30px 0 65px}
.hp-faq>h2{text-align:center;color:#12345b;font-size:21px;margin:0 0 17px;letter-spacing:-.03em}
.hp-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hp-faq details{border:1px solid #dce7f2;border-radius:8px;background:#fff;padding:13px 16px}
.hp-faq summary{cursor:pointer;font-weight:750;color:#183d6c;font-size:12px}
.hp-faq details p{font-size:11px;line-height:1.65;color:#58718a;margin:9px 0 0}
body>.v2-site-footer{background:#10253b!important;color:#e9f1ff!important;border:0}
body>.v2-site-footer .v2-footer-grid{padding-top:40px;padding-bottom:36px}
body>.v2-site-footer .v2-footer-brand{color:#fff!important}
body>.v2-site-footer .v2-footer-about>p{color:#bfcede}
body>.v2-site-footer .v2-footer-tag{color:#8cbae9}
body>.v2-site-footer .v2-footer-column h2{color:#fff}
body>.v2-site-footer .v2-footer-column a{color:#cad9e8}
body>.v2-site-footer .v2-footer-column a:hover{color:#fff}
body>.v2-site-footer .v2-footer-bottom{border-top-color:#344c66;color:#aebfd0}
@media(max-width:1050px){.hp-bilingual{grid-template-columns:1fr 1fr;padding:24px}.hp-bilingual-art{display:none}.hp-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-all-services{max-width:none}.hp-business{grid-template-columns:1fr 1fr}.hp-business .hp-solid-button{grid-column:1/-1;justify-self:start}}
@media(max-width:750px){.hp-bilingual{grid-template-columns:1fr;gap:20px}.hp-practice{grid-template-columns:1fr;gap:20px;padding:25px}.hp-student{grid-template-columns:1fr;gap:22px}.hp-student-copy{grid-row:1}.hp-business{grid-template-columns:1fr;gap:16px}.hp-business ul{border-left:0;padding:0}.hp-business .hp-solid-button{grid-column:auto}.hp-final{grid-template-columns:1fr}.hp-faq-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hp-bilingual{padding:20px 16px}.hp-language-icon{flex-basis:37px;height:40px;font-size:22px}.hp-bilingual-intro{gap:14px}.hp-path-grid,.hp-service-grid{grid-template-columns:1fr}.hp-path-card{min-height:68px}.hp-practice-demo{grid-template-columns:1fr}.hp-mini-output>div{padding:12px 14px}.hp-dashboard-layout{grid-template-columns:85px minmax(0,1fr)}.hp-dashboard-menu{font-size:9px}.hp-services{padding:20px 14px}.hp-business{padding:22px}.hp-faq-teaser,.hp-last-cta{padding:19px}.hp-faq-teaser{flex-wrap:wrap}.hp-faq-teaser>a{margin-left:41px}.hp-student-copy{gap:13px}.hp-dashboard-lesson{gap:5px}.hp-dashboard-thumbnail{width:39px}.hp-dashboard-main{padding:13px 8px}}
@media(prefers-reduced-motion:reduce){.hp-path-card,.hp-service-item{transition:none}.hp-path-card:hover,.hp-service-item:hover{transform:none}}