:root{--navy:#073b78;--blue:#0b69c7;--gold:#f3b62f;--gold2:#ffd96a;--ink:#153354;--muted:#6b7e92;--line:#dce8f5;--soft:#f3f8ff;--green:#24805f;--purple:#7447a8;--shadow:0 18px 50px rgba(26,71,122,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fbfdff;line-height:1.6}.site-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:9px max(2.4vw,18px);border-bottom:1px solid #e7eff7;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);min-width:280px}.brand img{width:58px;height:58px;object-fit:cover;border-radius:14px}.brand span{display:grid;line-height:1.15}.brand b{font-size:13px;letter-spacing:.03em}.brand small{margin-top:4px;color:#aa6d00;font-weight:900;letter-spacing:.13em}.site-header nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-header nav a{text-decoration:none;color:#244a73;font-weight:800;font-size:12px;padding:9px 10px;border-radius:10px}.site-header nav a:hover,.site-header nav a.active{background:#eaf4ff;color:#0759aa}.menu-btn{display:none;border:0;background:#edf6ff;color:var(--navy);font-size:24px;padding:7px 11px;border-radius:10px}main{max-width:1320px;margin:auto}.hero{margin:24px 18px 0;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#06376f,#0a62b9 63%,#1593d0);color:#fff;box-shadow:var(--shadow);min-height:580px}.hero-copy{padding:72px max(5vw,50px)}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:900;color:#a76d09}.hero .eyebrow{color:#ffda72}.hero h1{font-size:clamp(54px,6vw,88px);line-height:.92;margin:16px 0 22px;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:#ffd561}.hero p{font-size:18px;color:#e5f2ff;max-width:670px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:13px;padding:13px 18px;font:inherit;font-weight:850;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,#ffd86a,#efa915);color:#073b78}.secondary{background:#fff;color:#0a5cad;border:1px solid #cfe0f3}.small{padding:9px 13px}.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#e4f2ff}.creative-hero-visual{display:grid;place-items:center;background:linear-gradient(145deg,#fff9e5,#e8f6ff);padding:35px}.art-board{width:min(88%,520px);min-height:400px;background:#fff;border-radius:32px;box-shadow:0 25px 55px rgba(20,58,104,.18);border:8px solid #fff;outline:1px solid #dbe6f1;display:grid;place-items:center;align-content:center;gap:12px;position:relative;overflow:hidden;color:var(--navy);text-align:center}.sun{position:absolute;width:190px;height:190px;background:radial-gradient(circle,#ffe47f,#ffd235 48%,transparent 50%);top:-40px;right:-20px;opacity:.75}.cross-shape{font-size:95px;position:relative;color:#f2ad17;text-shadow:0 4px 0 #c87905}.open-book{font-size:85px;position:relative}.art-tools{font-size:38px;letter-spacing:8px;position:relative}.art-board strong{font-size:26px;position:relative}.art-board small{font-weight:800;color:#66809b;position:relative}.section{padding:78px max(3vw,30px)}.soft{background:var(--soft);border-radius:30px;margin:0 18px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.04;margin:8px 0;color:var(--navy)}.section-intro{color:var(--muted);max-width:750px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 25px rgba(22,68,115,.05);transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(22,68,115,.11);border-color:#9bc4eb}.feature-card>span{font-size:32px}.feature-card h3{margin:12px 0 7px;color:#0b4d91}.feature-card p{color:var(--muted);font-size:14px}.feature-card b{color:#a56b08;font-size:13px}.page-hero{margin:24px 18px 0;border-radius:30px;padding:64px max(5vw,44px);background:linear-gradient(135deg,#073b78,#0d6fc7 64%,#f2b42b);color:#fff;box-shadow:var(--shadow)}.page-hero .eyebrow{color:#ffe083}.page-hero h1{font-size:clamp(42px,6vw,70px);line-height:1;margin:10px 0 14px}.page-hero p{font-size:18px;color:#eaf5ff;max-width:850px}.page-section{padding-top:52px}.studio-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.tool-panel,.canvas-panel,.creator-form,.wide-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.tool-panel h3{margin:0 0 12px;color:#0b4d91}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}.swatch{width:38px;height:38px;border-radius:10px;border:3px solid #fff;box-shadow:0 0 0 1px #ccd9e7;cursor:pointer}.swatch.active{box-shadow:0 0 0 3px #0a64ba}.tool-panel select,.creator-form input,.creator-form textarea,.creator-form select,.wide-form input,.wide-form textarea,.wide-form select{width:100%;font:inherit;padding:12px;border:1px solid #ccdae9;border-radius:11px;color:var(--ink);background:#fff}.stack-actions{display:grid;gap:10px;margin-top:20px}.canvas-panel{min-height:540px;display:grid;place-items:center;align-content:center}.coloring-canvas{width:min(100%,720px);aspect-ratio:4/3;border:1px dashed #b9cce0;border-radius:20px;background:#fff;display:grid;place-items:center;overflow:hidden}.coloring-canvas svg{width:100%;height:100%}.coloring-shape{stroke:#173b62;stroke-width:4;cursor:pointer;transition:.15s}.note{font-size:12px;color:var(--muted)}.creator-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.creator-form,.wide-form{display:grid;gap:15px}.creator-form label,.wide-form label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#2d4c70}.poster-preview{min-height:560px;border-radius:30px;padding:48px;display:grid;place-items:center;align-content:center;text-align:center;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.poster-preview:after{content:"";position:absolute;inset:22px;border:2px solid rgba(255,255,255,.55);border-radius:22px;pointer-events:none}.poster-preview>*{position:relative;z-index:1}.poster-preview h2{font-size:clamp(42px,5vw,74px);line-height:.95;margin:12px 0}.poster-preview p{font-size:20px;max-width:600px}.preview-label{font-weight:900;letter-spacing:.18em;font-size:12px}.theme-sunrise{background:linear-gradient(145deg,#f6ae27,#e86f2c 55%,#8b3b6e)}.theme-ocean{background:linear-gradient(145deg,#0a4b91,#0aa0ca)}.theme-garden{background:linear-gradient(145deg,#236a46,#58a948)}.theme-royal{background:linear-gradient(145deg,#42206d,#8f3da8)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.writing-tools{display:flex;align-items:center;justify-content:space-between;gap:15px}.writing-tools span{font-weight:800;color:#6c7e92}.activity-grid,.craft-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.activity-card,.craft-card,.gallery-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(22,68,115,.05)}.activity-card h3,.craft-card h3,.gallery-card h3{color:#0b4d91;margin:8px 0}.activity-card span,.craft-card>span{font-size:30px}.craft-card ol{padding-left:20px}.craft-card li{margin-bottom:7px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gallery-card .meta{font-size:12px;color:var(--muted)}.gallery-card p{white-space:pre-wrap}.gallery-card button{margin-top:10px}.empty{text-align:center;color:var(--muted);padding:45px;border:1px dashed #c7d7e7;border-radius:18px}footer{background:#062f61;color:#e4effa;padding:38px 28px;text-align:center;display:grid;justify-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:60px;height:60px;border-radius:13px;object-fit:cover}.footer-brand div{display:grid;text-align:left}.footer-brand b{font-size:13px}.footer-brand span{font-size:11px;color:#ffd268;font-weight:900;letter-spacing:.12em}.footer-small{color:#adc1d6;font-size:12px}@media(max-width:1080px){.site-header nav{gap:4px}.feature-grid{grid-template-columns:repeat(3,1fr)}.activity-grid,.craft-grid,.gallery-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.menu-btn{display:block}.site-header nav{display:none;position:absolute;top:76px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);flex-direction:column}.site-header nav.open{display:flex}.site-header nav a{width:100%;text-align:center}.hero{grid-template-columns:1fr}.creative-hero-visual{min-height:470px}.feature-grid{grid-template-columns:1fr 1fr}.studio-layout,.creator-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}@media(max-width:580px){.site-header{min-height:72px;padding:8px 12px}.brand{min-width:0}.brand img{width:48px;height:48px}.brand b{font-size:11px}.brand small{font-size:9px}.hero{margin:12px 10px;border-radius:22px;min-height:0}.hero-copy{padding:44px 22px}.hero h1{font-size:48px}.creative-hero-visual{padding:18px;min-height:390px}.art-board{min-height:330px}.section{padding:52px 16px}.soft{margin:0 10px}.feature-grid,.activity-grid,.craft-grid,.gallery-grid{grid-template-columns:1fr}.page-hero{margin:12px 10px;padding:44px 22px;border-radius:22px}.page-hero h1{font-size:42px}.poster-preview{min-height:430px;padding:30px}.poster-preview h2{font-size:45px}.palette{grid-template-columns:repeat(5,1fr)}}

/* v3 deep creative learning */
.stats-band{margin:20px 18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-band article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-align:center}.stats-band b{display:block;font-size:30px;color:#0a5faf}.stats-band span{font-size:12px;color:var(--muted);font-weight:800}.pathway-grid,.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pathway-grid article,.steps-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(22,68,115,.05)}.pathway-grid span{font-size:32px}.pathway-grid b,.steps-grid b{display:block;color:#0b4d91;margin:8px 0}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.filter-btn{border:1px solid #cfe0f2;background:#fff;color:#31597e;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#0b69c7;color:#fff;border-color:#0b69c7}.card-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.card-top em{font-style:normal;font-size:10px;font-weight:900;color:#875b08;background:#fff6d9;border-radius:999px;padding:5px 8px}.meta{font-size:12px;color:#6c7e92}.learning-guide{margin-top:16px;padding:16px;border-radius:16px;background:#fff8df;border:1px solid #f0d994;color:#5a4b25}.idea-grid,.prompt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.idea-chip,.prompt-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 6px 18px rgba(22,68,115,.04)}.idea-chip:hover,.prompt-card:hover{border-color:#8dbbe6;transform:translateY(-2px)}.idea-chip b,.prompt-card b{display:block;color:#0b4d91}.idea-chip small,.prompt-card small,.prompt-card span{display:block;color:var(--muted);margin-top:4px}.theme-coral{background:linear-gradient(145deg,#ff8b79,#cf5075)}.theme-midnight{background:linear-gradient(145deg,#101d46,#3f2d73)}.theme-cream{background:linear-gradient(145deg,#f2dcae,#c78d49);color:#3f2a18}.theme-berry{background:linear-gradient(145deg,#8a214d,#c94c83)}.craft-tools,.gallery-filters{display:flex;gap:10px;flex-wrap:wrap}.craft-tools input,.craft-tools select,.gallery-filters input,.gallery-filters select{font:inherit;padding:11px 13px;border:1px solid #ccdae9;border-radius:11px;background:#fff;color:var(--ink)}.safety-note{padding:14px 16px;background:#fff8df;border:1px solid #efd795;border-radius:14px;margin-bottom:18px;color:#66521e}.gallery-filters{margin-bottom:20px}.gallery-filters input{min-width:260px}.activity-grid,.craft-grid{align-items:start}
@media(max-width:1050px){.stats-band,.pathway-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.idea-grid,.prompt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.stats-band,.pathway-grid,.steps-grid,.idea-grid,.prompt-grid{grid-template-columns:1fr}.craft-tools,.gallery-filters{display:grid}.gallery-filters input{min-width:0;width:100%}}