/* Season 2: bright teacher-maker playground, based on supplied screen references. */
main:focus{outline:none}h1,h2,h3,.pipeline b{word-break:keep-all}.pipeline b{white-space:nowrap}.pipeline small{word-break:keep-all}
:root{--bg:#fbfcff;--ink:#121638;--muted:#697399;--line:#e9edf8;--lime:#dfffbb;--lavender:#e9e1ff;--blue:#dcefff;--peach:#ffe6df;--mint:#dff9f1;--accent:#6841ff;--radius:16px;--shadow:0 4px 18px #6571b806}body{background:radial-gradient(ellipse at 85% 10%,#e6f1ff80,transparent 32%),radial-gradient(ellipse at 12% 25%,#f1eeff77,transparent 28%),#fbfcff}header{height:76px;padding:0 max(28px,calc((100vw - 1380px)/2));background:#ffffffee;border-color:#edf0f9;gap:50px}header nav{margin-right:auto;gap:36px}.brand{font-size:26px;letter-spacing:-1.2px}.brand-mark{background:transparent;color:#6140ff;font-size:40px;width:31px;font-weight:400}.season{border:0;background:#c3f995;color:#163719;border-radius:20px;letter-spacing:0;font-size:12px;padding:2px 11px;white-space:nowrap}.header-right .avatar{background:linear-gradient(140deg,#e6ddff,#c7f4ec);color:#584bad}nav a.active{color:#5939ff}nav a.active:after{background:#6841ff}.container{max-width:1380px;padding-top:26px}.demo-label{background:#f4f5fb;color:#727b99;border:0;padding:4px;font-size:11px}.btn{border-color:#d8d3ff;color:#5f3de4;background:#fff;border-radius:9px}.btn.primary{background:linear-gradient(115deg,#8c6dff,#5c36ff);color:white;border-color:#8164ff;box-shadow:0 4px 9px #785aff16}.btn.primary:hover{background:linear-gradient(115deg,#7e58f9,#512be9)}.btn.lime{background:#d4f6f0;color:#087c70;border-color:#c5f1e8}.btn:hover{background:#f4f0ff}.btn.ghost{color:#6657a3}.chip{border-color:transparent;background:#f0f1fc;color:#585797;padding:7px 16px}.chip.active{background:linear-gradient(110deg,#8a6cff,#6543ff);border-color:#8c72ff;color:white;box-shadow:0 3px 8px #7551ff22}.chip:nth-child(2):not(.active){background:#ebfbe2;color:#456d35}.chip:nth-child(3):not(.active){background:#f0eaff;color:#7554a5}.chip:nth-child(4):not(.active){background:#e7f2ff;color:#426aa7}.chip:nth-child(5):not(.active){background:#def9f2;color:#337b70}h1{font-size:clamp(34px,3.6vw,51px);font-weight:900;letter-spacing:-2px;line-height:1.25}h2{font-weight:900}h3{font-weight:800}.eyebrow{color:#7769b4;font-size:11px;letter-spacing:1.6px}.page-top{position:relative;min-height:198px;padding:18px 375px 24px 4px;margin:0 0 22px;display:flex;flex-direction:column;justify-content:center}.page-top h1{font-size:38px;max-width:850px}.page-top p{max-width:800px;font-size:16px}.page-top:after{content:'';position:absolute;right:30px;bottom:0;width:295px;height:196px;background:url('assets/teachers.webp') center/contain no-repeat;pointer-events:none}.breadcrumb{font-size:12px;letter-spacing:0;margin-bottom:16px}.hero{padding:20px 0 30px;gap:35px;grid-template-columns:1.1fr 1fr}.hero h1{max-width:680px}.hero-note{background:#f1eeff;transform:none;border:1px solid #e6e1f6}.hero-note:after{content:'✧';position:absolute;right:22px;top:18px;font-size:35px;color:#8065ff}.home-hero{position:relative;display:grid;grid-template-columns:1.06fr 1fr;gap:35px;padding:32px 25px 36px;min-height:315px}.home-hero h1{font-size:clamp(34px,3.8vw,53px);font-weight:900;max-width:650px}.home-hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:#b8ef90;text-decoration-thickness:6px;text-underline-offset:7px}.home-hero p{color:#333c65;font-size:16px}.home-hero .eyebrow{margin-bottom:10px}.home-hero .chips{gap:6px}.home-hero .chip{font-size:12px;padding:6px 12px}.idea-input{border-color:#e5e8f9;box-shadow:0 6px 18px #566db80a;padding:7px;border-radius:13px}.idea-input input{font-size:14px}.idea-input .btn{white-space:nowrap;padding:13px 17px}.pipeline-scene{position:relative;min-height:310px;padding-top:57px}.hand-note{font-size:15px;font-weight:500;line-height:1.5;color:#353b81;transform:rotate(-7deg);position:absolute;left:18px;top:0}.sticky-note{position:absolute;right:10px;top:-14px;background:#fff8c8;padding:13px 19px;transform:rotate(-7deg);font-size:13px;text-align:center;box-shadow:0 5px 12px #8b853111;line-height:1.7;z-index:2}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;position:relative;z-index:3}.pipeline a{padding:15px 5px 13px;text-align:center;border-radius:13px;background:linear-gradient(145deg,#f4ffea,#e1fbc8);border:1px solid #ffffffaa;transition:transform .2s}.pipeline a:hover{transform:translateY(-5px)}.pipeline a:nth-child(2){background:linear-gradient(145deg,#f4eefe,#dfd4ff)}.pipeline a:nth-child(3){background:linear-gradient(145deg,#e4f8ff,#bce4ff)}.pipeline a:nth-child(4){background:linear-gradient(145deg,#fff1e9,#ffe0d6)}.pipeline a:nth-child(5){background:linear-gradient(145deg,#e4fffa,#bcf5eb)}.pipeline .pipe-icon{font-size:27px;line-height:1.3;display:block;color:#6750d4;margin-bottom:10px}.pipeline a:nth-child(3) .pipe-icon{color:#139be4}.pipeline a:nth-child(4) .pipe-icon{color:#f67c89}.pipeline a:nth-child(5) .pipe-icon{color:#0bb59f}.pipeline b{font-size:14px;display:block}.pipeline small{font-size:10px;color:#6c6e8d}.pipeline .number{font-size:9px;background:#373661;border-radius:100%;color:white;width:15px;height:15px;display:block;margin:0 auto 5px;line-height:15px}.hero-people{position:absolute;right:-15px;bottom:-27px;width:235px;height:143px;object-fit:contain;z-index:1}.home-works{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 22px;position:relative;z-index:4}.home-works .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-works .section-head{margin-bottom:20px}.home-works .section-head p{margin:5px 0 0;font-size:13px}.home-works .tool-card{box-shadow:none;border-radius:12px}.home-works .preview{height:145px;margin:9px 9px 0;border-radius:9px;padding:14px}.home-works .card-body{padding:13px}.home-works .card-body h3{font-size:16px;line-height:1.45}.home-works .card-body p{font-size:12px;line-height:1.6;min-height:38px;margin-bottom:10px}.home-works .card-bottom{padding-top:10px;flex-wrap:wrap}.home-works .card-bottom .btn{font-size:11px;padding:5px 8px}.home-works .meta{font-size:11px}.home-works .tag{font-size:10px}.home-bottom{display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:18px;margin-top:20px}.home-bottom .panel{margin:0;padding:22px}.home-bottom h3{font-size:18px}.home-bottom p{font-size:13px}.remix-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.remix-chain a{border:1px solid var(--line);border-radius:10px;padding:13px 9px;background:linear-gradient(145deg,#fff,#f8f6ff);font-size:12px}.remix-chain b{display:block;margin-top:9px}.home-bottom .line-item{padding:11px 0;font-size:13px}.idea-today{background:#f5f0ff;border:1px solid #eee5ff;border-radius:12px;padding:14px;margin-top:15px;font-size:14px}.preview{background-image:radial-gradient(circle at 86% 20%,#ffffffa8 0,transparent 45%)}.preview-window{transform:rotate(-3deg);box-shadow:0 8px 16px #5861ac12;border-radius:10px}.preview .corner{font-size:9px}.preview-window b{color:#343367}.tag{background:#e8fbd8;color:#477336;border-radius:20px;font-size:11px}.tag.purple{background:#eee9ff;color:#7852d8}.tag.orange{background:#fff3c9;color:#9b731e}.card-body h3{color:#151838}.side-card.lime{background:linear-gradient(135deg,#f2edff,#f8fbff)}.side-card{border-radius:15px}.panel{border-radius:16px;box-shadow:var(--shadow)}.split{grid-template-columns:minmax(0,1fr) 350px;gap:22px}.steps{background:white;border:1px solid var(--line);padding:17px 22px;border-radius:15px;gap:25px}.step{border:0;display:flex;align-items:center;color:#929bb6;padding:0}.step span{display:inline-grid;place-items:center;width:28px;height:28px;background:#edf0f8;color:#8c96b1;border-radius:50%;font-size:12px;flex-shrink:0}.step.active{color:#653cff}.step.active span{background:linear-gradient(#9a7aff,#613cff);color:white;box-shadow:0 3px 7px #7d58ff25}.check:has(input:checked){background:#f4f0ff;border-color:#bca6ff}.check input{accent-color:#6f49ff}.check{background:#fff;border-color:#e7eafa}.notice{background:#f2f5fc;color:#636c91}.prompt{background:linear-gradient(140deg,#fafaff,#f3f8ff);border-color:#e5e9f9;font-family:inherit}.tabs .active{border-color:#744bff;color:#613cff}.profile-cover{background:linear-gradient(120deg,#f7f2ff,#effaff);border:1px solid #e9e9fa;min-height:230px;position:relative;overflow:hidden}.profile-cover:after{content:'';width:200px;height:140px;background:url('assets/teachers.webp') center/contain no-repeat;position:absolute;right:20px;bottom:0;opacity:.25;pointer-events:none}.profile-cover>*{z-index:1}.profile-cover .avatar{background:#e8ddff;color:#6d4bb7}.profile-cover h1{font-size:35px}.workspace-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat-tile{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;align-items:center;gap:17px}.stat-tile .stat-icon{width:50px;height:50px;display:grid;place-items:center;background:#f1eaff;border-radius:14px;color:#8457ef;font-size:25px}.stat-tile:nth-child(2) .stat-icon{background:#e5f1ff;color:#4288df}.stat-tile:nth-child(3) .stat-icon{background:#ffebee;color:#e9748a}.stat-tile:nth-child(4) .stat-icon{background:#ddfaf1;color:#16a58d}.stat-tile b{font-size:27px;display:block;line-height:1.3}.stat-tile small{font-size:12px;color:#5b6688}.workspace-actions{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:16px;padding:20px 24px;gap:20px;margin-bottom:25px}.workspace-actions h3{margin:0}.form-panel h2{font-size:24px}.field{font-size:15px}.request .vote{background:#f2edff;color:#7354b2}.timeline{border-color:#e7dfff}.timeline article:before{background:#9773f5}.footer{max-width:1324px;color:#8992b0}.footer:before{content:'✧ GBE-AI LAB';font-size:19px;font-weight:900;white-space:nowrap;color:#2b2a60}.footer>span:first-child{max-width:500px;font-size:11px}input:not([type=checkbox]):not([type=radio]),textarea,select{border-color:#e1e5f7;background:#fefeff}.idea-input input{border:0;background:none}.form-panel .design-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.design-section{border:1px solid var(--line);border-radius:13px;padding:20px;background:#fff;margin-bottom:20px}.design-section h3{margin-bottom:15px}.design-section .field:last-child{margin-bottom:0}.design-section .check-grid{grid-template-columns:1fr;margin-bottom:0}.screen-flow{display:flex;gap:10px;margin-top:15px}.screen-flow span{flex:1;text-align:center;padding:18px 6px;border:1px solid #ddd6f8;border-radius:10px;background:#f8f6ff;font-size:13px;color:#655498}.remix-comparison{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:25px}.remix-comparison .panel{margin:0}.remix-comparison p{font-size:14px}.small-label{font-size:12px;color:#8a89a7}.mini-moods{font-size:30px}.compare-tag{display:inline-block;background:#eee7ff;color:#7751be;font-size:11px;border-radius:5px;padding:3px 7px;margin-bottom:10px}@media(min-width:1500px){.home-hero{padding-top:42px;padding-bottom:44px}.home-hero h1{font-size:54px}.home-works .preview{height:155px}}@media(max-width:1100px){header{gap:24px}header nav{gap:22px}.home-hero{padding:25px 0;gap:25px}.home-works .grid{grid-template-columns:repeat(2,1fr)}.home-works .preview{height:180px}.home-bottom{grid-template-columns:1fr 1fr}.home-bottom>.panel:last-child{grid-column:1/-1}.split{grid-template-columns:minmax(0,1fr) 300px}.page-top{padding-right:275px}.page-top:after{width:230px}.page-top h1{font-size:33px}.workspace-stats{gap:10px}.stat-tile{padding:15px;gap:10px}.stat-tile .stat-icon{width:38px;height:38px}.pipeline small{font-size:9px}.form-panel .design-grid{grid-template-columns:1fr}}@media(max-width:760px){header{height:auto;padding:15px 18px 0;gap:8px}.brand{font-size:24px}.brand-mark{font-size:33px}.season{display:inline-block;font-size:10px}header nav{margin:0;gap:0;justify-content:space-between;width:100%}.container{padding:20px 16px 40px}.home-hero{grid-template-columns:1fr;gap:13px;padding:12px 0 22px}.home-hero h1{font-size:37px;letter-spacing:-1.7px}.home-hero p{font-size:14px}.pipeline-scene{min-height:195px;padding-top:20px}.hand-note,.sticky-note,.hero-people{display:none}.pipeline a{padding:12px 3px}.pipeline b{font-size:12px}.pipeline .pipe-icon{font-size:24px}.pipeline small{font-size:9px}.pipeline{gap:7px}.home-works{padding:18px 13px}.home-works .grid{gap:12px}.home-works .preview{height:135px;padding:8px;margin:6px 6px 0}.home-works .card-body{padding:12px}.home-works .card-body p{font-size:12px}.home-works .card-bottom{flex-direction:column;align-items:flex-start}.home-works .section-head{align-items:flex-start}.home-works .section-head h2{font-size:21px}.home-works .section-head .btn{white-space:nowrap;font-size:12px}.home-bottom{grid-template-columns:1fr}.home-bottom>.panel:last-child{grid-column:auto}.split,.layout{grid-template-columns:1fr}.page-top{padding:15px 0;min-height:auto;margin-bottom:20px}.page-top:after{display:none}.page-top h1{font-size:31px}.page-top p{font-size:14px}.steps{padding:13px 10px;gap:8px}.step{display:block;font-size:11px;text-align:center}.step span{display:grid;margin:0 auto 5px;width:25px;height:25px}.workspace-stats{grid-template-columns:1fr 1fr}.workspace-actions{flex-direction:column;align-items:flex-start}.workspace-actions .actions{width:100%}.workspace-actions .btn{flex:1}.remix-comparison{grid-template-columns:1fr}.profile-cover h1{font-size:29px}.profile-cover{min-height:200px}.footer{padding-top:20px}.footer>span:first-child{max-width:100%}.tabs{flex-wrap:wrap;gap:12px}.workspace-tabs{display:block}.mini-moods{font-size:23px}}@media(max-width:430px){.home-works .grid{grid-template-columns:1fr}.home-works .preview{height:175px}.home-works .card-bottom{flex-direction:row;align-items:center}.home-hero h1{font-size:33px}.pipeline a{padding:10px 2px}.pipeline b{font-size:11px}.pipeline small{font-size:8px}.brand{font-size:21px}.hero .chips .chip{font-size:12px}.workspace-stats{gap:8px}.stat-tile{padding:12px}.stat-tile b{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:761px) and (max-width:1100px){.pipeline a{padding:14px 2px}.pipeline b{font-size:11px}.sticky-note{width:175px;font-size:11px;top:-22px}.hand-note{font-size:12px;max-width:130px}.hero-people{bottom:-20px;width:215px}.pipeline small{font-size:9px}}