@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202e2d;--muted:#6f7771;--cream:#faf9f4;--orange:#f68042;--line:#e3e5dc;--school:#e57636}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd641f;outline-offset:4px}.wrap{max-width:1220px;margin:auto;padding-left:40px;padding-right:40px}.top{height:100px;max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:18px;line-height:1.1}.brand b{display:block;font-weight:500;font-size:12px;margin-top:5px;letter-spacing:1px}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--orange);color:var(--ink);font-size:32px;letter-spacing:-4px;padding-right:4px;font-weight:800}.top nav{display:flex;gap:32px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:17px 23px;border-radius:7px;border:0;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{color:white;background:var(--ink)}.small{padding:13px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:76px;padding-bottom:88px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(48px,5.5vw,73px);line-height:1.08;letter-spacing:-4px;margin:24px 0}h1 span{color:#dc713a}.hero-copy>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:385px}.actions{display:flex;gap:26px;align-items:center;margin-top:27px}.text-link{background:none;border:0;padding:0;font-size:13px;font-weight:600}.text-link:hover{text-decoration:underline}.hero-note{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-top:28px}.mini-mark{color:#dc713a;font-size:24px}.hero-art{position:relative;background:#ebeee4;border-radius:14px;padding:30px 24px 22px;min-height:435px;transform:rotate(-1.4deg)}.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.6px}.art-top span:last-child{font-size:25px;color:#829478}.preview{background:white;border:1px solid #e6e8e0;border-radius:10px;margin:22px -6px 47px;overflow:hidden;box-shadow:0 15px 25px #27312b0a;transform:rotate(1.4deg)}.preview-header{display:flex;align-items:center;gap:9px;padding:17px;border-bottom:1px solid #eee;font-size:10px}.school-icon{width:30px;height:30px;display:grid;place-items:center;background:#fbe7d6;color:#bc673b;border-radius:6px}.preview-header small{font-size:5px;display:block;margin-top:4px;letter-spacing:1px;color:#7a847e}.avatar{margin-left:auto;background:#eceee7;border-radius:50%;padding:8px;font-size:8px}.preview-content{display:flex}.preview-side{width:113px;border-right:1px solid #eee;padding:18px 9px;font-size:8px;display:flex;flex-direction:column;gap:18px;color:#7b8078}.preview-side .active{background:#f1f3ec;padding:8px 4px;color:#2e3f37;border-radius:4px;margin-top:-8px}.preview-main{padding:22px;flex:1}.preview-main>small{font-size:6px;letter-spacing:1px;color:#92958d}.preview-main h3{font-size:23px;margin:9px 0}.preview-main h3 span{color:#e8934f}.preview-main p{font-size:8px;color:#92958d;margin:0 0 18px}.metrics{display:flex;gap:10px;margin-bottom:12px}.metrics>div{background:#f4f5f0;padding:11px;flex:1;border-radius:5px}.metrics small{font-size:6px;letter-spacing:1px;display:block}.metrics b{font-size:23px;display:block;margin-top:5px}.metrics b span{font-size:12px}.lesson{display:flex;align-items:center;gap:10px;border-top:1px solid #eee;padding:12px 0;font-size:8px}.lesson small{display:block;font-size:7px;margin-top:4px;color:#8a9189}.lesson>span:last-child{margin-left:auto}.lesson-icon{background:#e8eddf;border-radius:5px;padding:9px;color:#6d795a}.peach{background:#fce8d7;color:#bd805a}.floating{position:absolute;bottom:56px;right:-20px;display:flex;gap:11px;align-items:center;background:white;border:1px solid #e4e7df;border-radius:8px;padding:15px 19px;box-shadow:0 8px 20px #2533260a;transform:rotate(1.4deg)}.floating>span{background:#e4ecdf;color:#58764e;border-radius:50%;padding:8px}.floating b{font-size:11px;display:block}.floating small{font-size:8px;color:#899083;display:block;margin-top:4px}.ribbon{background:#263832;color:#e9eddf;display:flex;justify-content:center;gap:45px;padding:24px;font-size:10px;letter-spacing:2px;font-weight:600}.ribbon span:nth-child(even){color:#f99b65}.experience,.builder{padding-top:85px;padding-bottom:80px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}h2{font-size:40px;line-height:1.2;letter-spacing:-1.8px;margin:17px 0 0}.section-intro>p{max-width:310px;font-size:13px;color:var(--muted);line-height:1.8}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-cards button{position:relative;background:#f0f1e9;text-align:left;border:1px solid #e2e5d9;border-radius:10px;padding:27px;transition:transform .2s}.role-cards button:hover{transform:translateY(-4px)}.role-cards button:nth-child(2){background:#f7ebdf;border-color:#f0e2d2}.role-cards button:nth-child(3){background:#e9ece9}.role-number{font-size:10px;color:#8b9489}.role-symbol{display:block;font-size:32px;margin:22px 0}.role-cards h3{font-size:21px;margin:0}.role-cards p{font-size:12px;line-height:1.8;color:#70786f;min-height:45px}.role-link{font-size:11px;font-weight:700;display:block;margin-top:24px}.demo-disclosure{font-size:10px;color:var(--muted);text-align:center;margin-top:24px}.demo-disclosure span{color:#c5743e;margin-right:8px}.pricing-section{background:#efefe7;padding:78px 0}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{padding:28px;background:#f8f8f1;border:1px solid #dfe2d5;border-radius:10px}.price.base{background:#fce7d4;border-color:#f0cfb3}.price h3{font-size:20px;margin:18px 0}.amount{font-size:58px;letter-spacing:-3px;font-weight:700}.amount span{font-size:11px;letter-spacing:0;font-weight:400}.price-word{font-size:27px;letter-spacing:-.8px;line-height:1.35;font-weight:600;height:80px}.price p{font-size:12px;line-height:1.8;color:#74796f;min-height:62px}.price ul{list-style:none;padding:0;min-height:115px;font-size:11px;line-height:2.5}.price li:before{content:'✓';color:#76826e;margin-right:8px}.price .button{width:100%}.price>small{font-size:9px;line-height:1.7;display:block;margin-top:15px;color:#7a756d}.quote-pill{font-size:10px;background:#e7ebde;padding:11px 13px;border-radius:20px;display:inline-block}.builder-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start}form>label,legend{font-size:12px;font-weight:700;display:block;margin:20px 0 10px}form>label:first-child{margin-top:0}input:not([type=radio]):not([type=checkbox]),select{border:1px solid #d6dbd0;padding:13px;border-radius:6px;background:white;width:100%;font-size:13px;color:var(--ink)}fieldset{padding:0;border:0;margin:20px 0}.swatches{display:flex;gap:14px;flex-wrap:wrap}.swatches label{display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer}.swatches input{accent-color:var(--ink)}.swatches span:before{content:'';display:inline-block;background:var(--swatch);width:14px;height:14px;border-radius:50%;margin-right:5px;vertical-align:middle}.module-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module-choices label{background:#f1f2eb;border:1px solid #e0e4d9;border-radius:5px;padding:12px;display:flex;align-items:center;gap:7px;font-size:11px}.module-choices input{accent-color:#354a3d}.form-note{font-size:10px;color:var(--muted)}.school-card{border-radius:12px;overflow:hidden;border:1px solid #e2e5da;box-shadow:0 8px 18px #29362605}.school-card-cover{background:var(--school);padding:30px;color:white}.big-school-icon{font-size:40px;background:#ffffff25;width:76px;height:76px;border-radius:17px;display:grid;place-items:center;margin:30px 0 18px}.school-card h3{font-size:29px;margin:0;overflow-wrap:anywhere}.school-card-cover>p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.school-card-bottom{padding:27px;background:white}.school-card-bottom>p{border-top:1px solid #eee;padding-top:20px;font-size:12px;line-height:1.8}.school-card-bottom small{color:var(--muted);font-size:10px}.module-tag{display:inline-block;font-size:10px;border:1px solid #e2e6da;background:#f4f6ef;padding:8px 11px;border-radius:20px;margin:12px 5px 0 0}.status{font-size:10px;color:#64705d;display:flex;align-items:center;gap:7px}.status .dot{background:#73955c}.closing{text-align:center;border-top:1px solid var(--line);padding-top:60px;padding-bottom:65px}.closing .eyebrow{justify-content:center}.closing h2{margin:20px 0 28px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{padding:0;border:0;border-radius:13px;width:min(1160px,95vw);max-height:92vh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#12231ccc;backdrop-filter:blur(5px)}.demo-shell{display:grid;grid-template-columns:225px 1fr;min-height:650px}.demo-sidebar{background:#e9ede3;padding:26px 20px;display:flex;flex-direction:column;gap:15px}.demo-sidebar .brand{font-size:13px}.demo-sidebar .mark{font-size:20px;letter-spacing:0;padding:0;flex-shrink:0;background:var(--school);color:white}.demo-label{font-size:8px;letter-spacing:1px;color:#778170}.demo-sidebar>label{font-size:11px;margin-top:12px}.demo-sidebar select{font-size:11px}.demo-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:10px}.demo-sidebar nav button{border:0;background:none;text-align:left;padding:12px;border-radius:6px;font-size:12px;color:#697564}.demo-sidebar nav button.active{background:white;color:#253c2a;font-weight:700}.sidebar-bottom{margin-top:auto;font-size:9px;line-height:1.8;color:#6f7b67}.sidebar-bottom button{display:block;font-size:10px;margin-top:15px}.demo-body{min-width:0}.demo-top{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #e1e5da;font-size:12px}.close{border:0;border-radius:50%;background:#e8ece2;width:30px;height:30px}.demo-banner{padding:11px 30px;background:#f9eddc;font-size:9px;color:#846438;line-height:1.6}#demo-content{padding:30px;overflow:auto;max-height:70vh}#demo-content h2{font-size:30px;margin-top:0}#demo-content .intro{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:25px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.stat{padding:20px;background:#edf0e6;border:1px solid #e0e4d6;border-radius:8px}.stat span{display:block;font-size:10px;color:var(--muted)}.stat b{display:block;font-size:31px;margin-top:9px;letter-spacing:-1px}.panel{border:1px solid #e2e5da;border-radius:9px;background:white;padding:21px;margin:18px 0}.panel h3{font-size:15px;margin:0 0 15px}.panel p{font-size:12px;line-height:1.8}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;min-width:440px}th,td{text-align:left;border-bottom:1px solid #ecede5;padding:14px 9px}th{font-size:9px;color:#7f8878;font-weight:500;letter-spacing:.5px}td input{max-width:90px}td button{font-size:10px}.pill{border-radius:20px;padding:5px 9px;font-size:9px;background:#edf1e6;color:#5a7250;display:inline-block}.pill.orange{background:#ffebd6;color:#a26630}.event{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #eee}.event .date{width:40px;font-size:20px;color:var(--school);font-weight:700}.event b{font-size:12px}.event p{margin:4px 0;font-size:11px;color:var(--muted)}.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty{padding:25px;font-size:12px;color:var(--muted);background:#f1f3eb;border-radius:8px}.demo-input{margin:10px 0}.demo-help{font-size:10px;color:#8a7864;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:var(--ink);color:white;border-radius:8px;z-index:20;font-size:12px;display:none}.report{border-left:3px solid var(--school);padding:10px 15px;background:#f9f2e8;margin:12px 0}.report p{margin:5px 0;font-size:12px}.report small{font-size:10px;color:var(--muted)}@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:105px}}@media(max-width:900px){.top nav{display:none}.hero{gap:30px;padding-top:45px}.wrap{padding-left:26px;padding-right:26px}h1{font-size:55px}.hero-art{padding:20px 14px;min-height:400px}.preview-main{padding:15px}.preview-side{width:90px}.floating{right:-8px}.ribbon{gap:20px;font-size:8px}.price{padding:22px}.builder-grid{gap:35px}.demo-shell{grid-template-columns:185px 1fr}.demo-sidebar{padding:20px 14px}}@media(max-width:650px){.top{height:80px;padding:0 20px}.top .button{font-size:10px;padding:12px;gap:8px}.brand{font-size:15px}.brand b{font-size:10px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:40px}h1{font-size:57px;letter-spacing:-3px}.hero-art{margin:0 7px;min-height:385px}.preview-main{padding:20px}.preview-side{width:105px}.preview{margin-bottom:40px}.floating{bottom:50px}.ribbon{gap:14px;flex-wrap:wrap}.ribbon span:first-child{width:100%;text-align:center;margin-bottom:5px}.section-intro{display:block}.section-intro>p{max-width:none;margin-top:20px}h2{font-size:33px}.experience,.builder{padding-top:55px;padding-bottom:55px}.role-cards,.prices{grid-template-columns:1fr}.role-cards button{padding:23px}.role-symbol{position:absolute;right:28px;top:5px}.role-cards h3{margin-top:20px}.role-cards p{min-height:0}.role-link{margin-top:20px}.pricing-section{padding:50px 0}.price p,.price ul{min-height:0}.price ul{margin-bottom:24px}.price-word{height:auto}.builder-grid{grid-template-columns:1fr}.actions{gap:20px}.actions .button{gap:10px;padding:16px 18px}.closing{padding-top:45px;padding-bottom:45px}footer{flex-wrap:wrap;gap:20px}footer>span{width:100%}.demo-shell{display:block;min-height:0}.demo-sidebar{padding:15px}.demo-sidebar .brand{display:none}.demo-label{display:none}.demo-sidebar>label{margin:0}.demo-sidebar select{padding:9px}.demo-sidebar nav{flex-direction:row;overflow:auto;margin:0}.demo-sidebar nav button{white-space:nowrap;padding:10px}.sidebar-bottom{display:none}.demo-top{padding:12px 18px}.demo-banner{padding:9px 18px}#demo-content{padding:20px;max-height:60vh}.stat-grid{gap:7px}.stat{padding:12px}.stat b{font-size:25px}.stat span{font-size:8px}dialog{width:96vw;max-height:95vh}.panel{padding:15px}.demo-disclosure{line-height:1.8}}