@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0b11;--panel:#141219;--line:#29262f;--text:#f5f3fa;--muted:#ada8b9;--violet:#b29afa;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c0a6ff;outline-offset:6px}::selection{background:#7a50bd;color:white}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.skip-link{position:absolute;top:-100px;z-index:10;background:var(--violet);color:#141219;padding:10px 20px}.skip-link:focus{top:10px}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-size:21px;font-weight:600;white-space:nowrap;letter-spacing:-.7px}.brand b{color:var(--violet);font-weight:500}.brand-mark{background:#a18aec;color:white;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:26px;font-weight:400}.header nav{display:flex;gap:31px;color:#bdb7c9;font-size:14px}.header nav a:hover,.text-link:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#b39bf6;color:#171020;min-height:53px;padding:12px 23px;border:1px solid #c4b1ff;border-radius:7px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#c6b3ff;transform:translateY(-2px)}.button span{font-size:22px;font-weight:400;line-height:1}.button-small{min-height:42px;padding:9px 16px;font-size:13px;gap:18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center;padding-top:73px;padding-bottom:86px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:600;letter-spacing:1.4px;color:#bab1ce;margin-bottom:28px}.pill{border:1px solid #514164;background:#20182d;color:#c7b1fb;padding:5px 9px;border-radius:4px;font-size:9px;letter-spacing:1px}.hero h1{font-family:var(--display);font-size:clamp(44px,4.55vw,67px);font-weight:500;line-height:1.11;letter-spacing:-3.3px;margin:0 0 28px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#b99bf6;letter-spacing:-2.5px}.hero-description{max-width:455px;font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px}.play-icon{width:26px;height:26px;border:1px solid #56505f;border-radius:50%;display:grid;place-items:center;font-size:16px}.hero-note{font-size:12px;color:#96909f;margin:20px 0 0}.hero-note span{color:#b7a6dc;margin-right:7px}.hero-visual{position:relative;border:1px solid #403547;border-radius:12px;background:#181221;box-shadow:0 0 90px -30px #50357966;transform:rotate(-1deg);min-width:0;overflow:visible}.visual-topline{height:39px;display:flex;align-items:center;gap:9px;padding:0 15px;font-size:9px;letter-spacing:1.3px;color:#b9aacd}.tiny-mark{font-size:18px;color:#cbb6ff}.visual-label{margin-left:auto;font-size:8px;color:#857390}.world-art{height:326px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 60%,#4c3169,#1c152a 65%)}.world-art>img{display:block;width:100%;height:100%;object-fit:cover}.art-caption{position:absolute;left:24px;bottom:41px;text-shadow:0 2px 8px black;z-index:1}.art-caption span{font-size:9px;letter-spacing:2px;display:block;color:#e0cef6}.art-caption strong{font-family:var(--display);font-size:21px;font-weight:500}.prompt-card{display:flex;gap:12px;align-items:center;background:#25202ff5;border:1px solid #635176;border-radius:8px;padding:15px 17px;position:relative;margin:-23px 22px 0;z-index:2;box-shadow:0 12px 40px #05020966;transform:rotate(1deg)}.prompt-spark{font-size:26px;color:#c7aeff}.prompt-label{font-size:8px;letter-spacing:1.5px;color:#bfb1d3}.prompt-card p{font-size:13px;margin:1px 0 0;color:#ece4fa}.prompt-arrow{background:#ba9bf8;color:#21112f;width:31px;height:31px;border-radius:6px;display:grid;place-items:center;margin-left:auto;font-size:22px;flex-shrink:0}.visual-bottom{padding:18px 18px 12px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9a87b1}.visual-bottom>span:last-child{font-size:16px;line-height:1}.tools-strip{border-block:1px solid var(--line);background:#100e16}.tools-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:105px}.tools-label{font-size:12px;line-height:1.6;color:#a59cab}.tool-name{font-family:var(--display);font-size:19px;font-weight:500;color:#c4bfce;letter-spacing:-.5px}.section{padding-top:85px;padding-bottom:82px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:33px}.kicker{font-size:10px;font-weight:600;color:#b69be6;letter-spacing:2px;margin:0 0 11px}h2{font-family:var(--display);font-size:38px;line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin:0}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.path-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.path-art{height:202px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.art-category{position:absolute;top:15px;left:18px;z-index:2;font-size:9px;font-weight:500;letter-spacing:1.3px;color:#d3c8e3}.game-art{background:#291938}.game-art>img{width:100%;height:100%;object-fit:cover}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#100d2355,transparent 60%)}.game-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b496e1;gap:8px;font-size:9px;letter-spacing:3px}.game-placeholder>span:first-child{font-size:45px}.path-copy{padding:23px 23px 27px}.status{color:#b6a1d2;font-size:9px;letter-spacing:1.3px}.path-copy h3{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.65px;line-height:1.4;margin:9px 0 10px}.path-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 23px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:11px;padding:4px 9px;border-radius:4px;border:1px solid #38313f;color:#c3b6d2;background:#1c1723}.web-art{background:radial-gradient(ellipse at bottom,#384342,#17211f);padding:44px 38px 0}.mini-browser{height:184px;border:1px solid #686c5d;border-radius:7px 7px 0 0;transform:rotate(-4deg);background:#e1e4b3;color:#222a22;box-shadow:0 15px 40px #0006}.browser-bar{height:23px;background:#1b2825;display:flex;align-items:center;gap:4px;padding:0 9px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#697874}.browser-bar span{font-size:6px;color:#a8bcb3;letter-spacing:.6px;margin-left:auto}.mini-site{padding:13px 15px;position:relative}.mini-label{font-size:6px;letter-spacing:1.2px;display:block;margin-bottom:5px}.mini-site strong{font-family:var(--display);display:block;font-size:23px;line-height:1.04;letter-spacing:-1px}.mini-cta{background:#24392f;color:#eef6d5;font-size:6px;width:83px;padding:5px 8px;margin-top:9px;border-radius:2px}.mini-blocks{position:absolute;right:15px;top:34px;display:grid;gap:5px;grid-template-columns:repeat(2,25px);transform:rotate(-8deg)}.mini-blocks i{background:#738769;height:30px;border-radius:5px}.mini-blocks i:nth-child(2){background:#b1b57b;margin-top:14px}.mini-blocks i:nth-child(3){background:#a3af80;margin-top:-10px}.creative-art{background:radial-gradient(ellipse at center,#293145,#131923)}.workflow{display:flex;flex-direction:column;align-items:center;padding-top:42px}.workflow-node{display:flex;justify-content:space-between;width:146px;font-size:10px;padding:7px 12px;border:1px solid #626884;border-radius:5px;background:#34334d;color:#e0ddf6}.workflow b{font-weight:400;color:#c4b6ff}.workflow-line{height:13px;width:1px;background:#716989}.workflow-pair{display:flex;gap:11px}.workflow-pair span{font-size:9px;display:flex;gap:24px;padding:6px 11px;border:1px solid #4f5c75;border-radius:5px;background:#202d3c}.workflow-result{background:#283f41;border-color:#567772;color:#c6ede3}.footer{border-top:1px solid var(--line);min-height:120px;display:flex;align-items:center;gap:40px}.footer .brand{font-size:17px}.footer .brand-mark{width:29px;height:29px;font-size:21px;border-radius:8px}.footer>p{font-size:13px;color:#a399b2}.footer>span{font-size:12px;color:#8f859e;margin-left:auto}
@media(min-width:1500px){.hero h1{font-size:67px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header nav{gap:18px}.hero{gap:25px;padding-top:55px}.hero h1{font-size:52px;letter-spacing:-2.7px}.eyebrow{flex-wrap:wrap;gap:8px}.hero-actions{gap:16px}.hero-description{font-size:16px}.world-art{height:305px}.tools-inner{flex-wrap:wrap;gap:22px;padding-block:24px}.tool-name{font-size:17px}.path-copy{padding:20px}.path-copy h3{font-size:20px}.web-art{padding-inline:25px}.section-heading>p{max-width:300px}.desktop-break{display:none}}
@media(max-width:800px){.header{min-height:84px;flex-wrap:wrap;gap:14px}.header-cta{display:none}.menu-toggle{display:block;color:white;background:transparent;border:1px solid #44394e;border-radius:5px;width:39px;height:37px;font-size:18px;cursor:pointer}.header nav{display:none;width:100%;padding:0 0 22px;justify-content:center}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:60px;gap:42px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(45px,7.7vw,64px)}.hero-description{max-width:540px;font-size:17px}.hero-visual{max-width:590px;width:100%;margin-inline:auto}.world-art{height:340px}.path-grid{grid-template-columns:1fr}.path-card{display:grid;grid-template-columns:42% 1fr}.path-art{height:100%;min-height:264px;border-bottom:0;border-right:1px solid var(--line)}.web-art{padding-top:61px}.creative-art .workflow{padding-top:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading>p{max-width:100%}.tools-inner{justify-content:center}.tools-label{flex-basis:100%;text-align:center}.tools-label br{display:none}.section{padding-block:60px}.footer{flex-wrap:wrap;gap:20px;padding-block:30px}.footer>span{margin-left:auto}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.brand{font-size:19px}.eyebrow{font-size:9px;letter-spacing:.9px;gap:9px}.pill{font-size:8px}.hero{padding-top:24px}.hero h1{font-size:44px;letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2px}.hero-description{font-size:16px}.hero-actions{gap:20px}.hero-note{font-size:11px}.world-art{height:250px}.visual-label{display:none}.prompt-card{margin-inline:12px;padding:12px 10px;gap:8px}.prompt-label{font-size:7px}.prompt-card p{font-size:11px}.prompt-spark{font-size:22px}.visual-bottom{font-size:7px;letter-spacing:.8px}.art-caption{left:18px}.art-caption strong{font-size:18px}.tools-inner{gap:17px}.tool-name{font-size:15px}h2{font-size:31px}.path-card{display:block}.path-art{height:210px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.web-art{padding:43px 50px 0}.creative-art .workflow{padding-top:45px}.path-copy h3{font-size:24px}.path-copy p{font-size:15px}.footer>p{display:none}.footer>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.hero-visual{transform:none}.prompt-card{transform:none}}
.world-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1009208c)}.world-art>img{object-position:65% center}.game-art>img{object-position:75% center}.approach-section{border-block:1px solid var(--line);background:#100e16}.approach-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:95px;padding-block:69px}.approach-intro h2{font-size:41px;line-height:1.25}.approach-intro em,.closing em{font-family:Georgia,serif;color:#b99bf6;font-weight:400}.approach-intro>p:not(.kicker){color:var(--muted);font-size:15px;line-height:1.8;max-width:350px;margin:20px 0}.approach-intro .text-link{color:#c7b2f5;gap:25px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0;padding-bottom:0}.step-number{color:#a78ae0;font-size:14px;border:1px solid #423550;border-radius:50%;height:37px;min-width:37px;display:grid;place-items:center;background:#1a1422}.steps h3{font-family:var(--display);font-size:18px;line-height:1.4;font-weight:500;margin:3px 0 9px;letter-spacing:-.3px}.steps p{font-size:14px;color:var(--muted);line-height:1.7;margin:0;max-width:400px}.lesson-section{padding-bottom:65px}.coming-badge{border:1px solid #44354e;border-radius:4px;background:#1e1626;color:#c1a9e2;font-size:12px;letter-spacing:.8px;padding:6px 10px;white-space:nowrap}.lesson-panel{display:flex;gap:25px;align-items:center;border:1px solid #362b42;background:linear-gradient(110deg,#1c1526,#131118);border-radius:10px;padding:34px}.lesson-symbol{height:64px;min-width:64px;border:1px solid #584368;border-radius:15px;display:grid;place-items:center;background:#2e213c;font-size:34px;color:#c4a3ef}.lesson-panel h3{font-family:var(--display);font-weight:500;font-size:21px;margin:0 0 8px;letter-spacing:-.4px}.lesson-panel p{font-size:14px;color:var(--muted);margin:0;max-width:540px;line-height:1.8}.lesson-panel .button{margin-left:auto;white-space:nowrap;font-size:13px;gap:15px}.button-outline{background:transparent;color:#d1bafa;border-color:#57426e}.button-outline:hover{background:#2c203c}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding-top:22px;padding-bottom:78px}.faq-section>div>p:not(.kicker){color:var(--muted);font-size:14px;margin-top:17px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;line-height:1;color:#b697ed;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.8;margin:14px 38px 0 0}.closing{border:1px solid #3b2c4b;border-radius:12px;background:radial-gradient(ellipse at center bottom,#32203f,#14101c 75%);text-align:center;padding:43px 20px 47px;margin-bottom:69px}.closing-spark{display:block;color:#b796e8;font-size:30px;margin-bottom:10px}.closing h2{font-size:39px}.closing>p:not(.kicker){color:#aea1bb;font-size:15px;margin:17px 0 24px}.closing .button{min-height:47px}.eyebrow{font-size:12px;letter-spacing:1px;flex-wrap:wrap}.pill{font-size:10px}.kicker{font-size:12px}.status{font-size:12px;letter-spacing:1px}.tags span{font-size:12px}.art-category{font-size:12px;letter-spacing:.7px;text-shadow:0 1px 4px #000}.hero-note{font-size:13px}.visual-topline{font-size:10px;letter-spacing:.7px}.visual-label{font-size:9px}.prompt-label{font-size:10px;letter-spacing:1px}.art-caption span{font-size:12px}.tools-label{font-size:13px}
@media(max-width:1100px){.approach-inner{gap:55px}.lesson-panel{flex-wrap:wrap}.lesson-panel>div:nth-child(2){flex:1;min-width:300px}.lesson-panel .button{margin-left:89px}.lesson-section .section-heading{align-items:flex-start}.lesson-section h2{font-size:34px}.coming-badge{white-space:normal;max-width:215px}.faq-section{gap:40px}}
@media(max-width:800px){.approach-inner{grid-template-columns:1fr;gap:37px;padding-block:53px}.approach-intro>p:not(.kicker){max-width:550px}.steps p{max-width:100%}.faq-section{grid-template-columns:1fr;gap:28px}.lesson-panel .button{margin-left:0}.coming-badge{max-width:100%}.closing h2{font-size:34px}.lesson-section h2{font-size:32px}}
@media(max-width:520px){.eyebrow{font-size:11px}.pill{font-size:10px}.hero-note{font-size:12px}.prompt-label{font-size:9px}.lesson-panel{padding:23px;gap:20px}.lesson-panel>div:nth-child(2){min-width:0;flex-basis:100%}.lesson-panel .button{white-space:normal;text-align:left;min-height:46px}.lesson-section h2{font-size:30px}.approach-intro h2{font-size:35px}.steps li{gap:16px}.steps h3{font-size:17px}.closing h2{font-size:31px}.closing{margin-bottom:45px}.faq-section{padding-bottom:55px}.footer>span{font-size:12px}.footer{gap:14px}.footer .brand{font-size:15px}}
EOF
node --check dist/app.js