@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{--bg:#101124;--surface:#1b1c34;--ink:#f7f6ff;--muted:#b9bad0;--line:#ffffff18;--accent:#ac97ff;--mint:#b8f4de}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.17;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,5.3vw,4.8rem);font-weight:800}h2{font-size:clamp(2rem,3.3vw,3rem);font-weight:700}h3{font-size:1.4rem;letter-spacing:-.025em}em{font-style:normal;color:var(--accent)}p{color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.header{max-width:1320px;padding:27px 40px;margin:auto;display:flex;align-items:center;gap:42px;position:relative;z-index:4}.brand{font:800 24px 'Manrope',sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:0;white-space:nowrap}.brand-icon{font-size:23px;color:#c5aaff;letter-spacing:-5px;margin-right:15px}.brand-light{font-weight:400}.brand-dot{color:var(--accent)}nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:14px;color:#d2d0e3}nav a:hover,nav a[aria-current]{color:#c0a6ff}.button{display:inline-flex;align-items:center;justify-content:center;background:#a78aff;color:#101124;font-weight:700;border:1px solid transparent;border-radius:9px;padding:15px 24px;line-height:1.4;transition:transform .2s,background .2s}.button:hover{background:#c3afff;transform:translateY(-2px)}.button.small{font-size:14px;padding:11px 18px}.secondary{background:#ffffff07;color:#e1d9ff;border-color:#ffffff25}.secondary:hover{background:#ffffff15}.menu{display:none;background:none;color:white;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:0;padding-top:75px;padding-bottom:80px;position:relative}.hero-copy{z-index:2;padding-top:20px}.announcement{font-size:13px;display:flex;gap:14px;align-items:center;color:#c4bfdc;margin-bottom:29px}.announcement span{font-size:10px;letter-spacing:1px;padding:5px 8px;border-radius:5px;color:#d1bfff;border:1px solid #ae8eff45}.hero h1{font-size:clamp(3rem,5.25vw,4.6rem);line-height:1.13;letter-spacing:-.062em;white-space:nowrap}.hero h1 em{background:linear-gradient(100deg,#bea5ff,#edb6e6);background-clip:text;color:transparent}.hero-copy>p{max-width:510px;font-size:18px;line-height:1.8;margin-top:25px}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.textlink{font-size:15px;font-weight:600;color:#e0d6ff}.textlink:hover{text-decoration:underline}.play{border:1px solid #ffffff44;border-radius:50%;padding:3px 7px;margin-left:5px}.hero-caption{display:flex;align-items:center;gap:10px;font-size:13px;color:#b1acc6;margin-top:29px}.tiny-mark{color:var(--mint);font-size:22px}.hero-visual{position:relative;min-width:0;display:flex;align-items:center}.hero-visual>img{width:122%;height:auto;max-width:none;margin-left:-13%;mask-image:radial-gradient(ellipse at center,black 36%,transparent 72%)}.glass-note{position:absolute;border:1px solid #ffffff26;background:#24213bba;backdrop-filter:blur(20px);padding:17px 21px;border-radius:14px;box-shadow:0 15px 60px #04051a66}.glass-note>span{font-size:10px;letter-spacing:2px;color:#bbb6d4}.glass-note strong{display:block;font-size:15px;font-weight:500;line-height:1.5;margin-top:5px}.note-one{top:0px;right:12px;transform:rotate(5deg)}.note-two{bottom:6px;left:32px;transform:rotate(-5deg)}.note-code{font-family:monospace;color:var(--mint);font-size:18px;margin-top:10px}.toolstrip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px}.toolstrip>span{font-size:12px;color:#9392af;max-width:110px;line-height:1.5}.toolstrip b{font-family:'Manrope';font-size:20px;color:#c4c3d7;letter-spacing:-.5px}.section{padding-top:88px;padding-bottom:80px}.sectionhead{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:36px}.sectionhead>p{max-width:365px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.7;color:#b5a1f4;margin-bottom:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card{display:block;border:1px solid var(--line);background:#1b1b31;border-radius:17px;overflow:hidden;transition:transform .22s,border-color .22s;height:100%}.course-card:hover{transform:translateY(-6px);border-color:#b9a1ff77}.course-art{height:238px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:28px}.violet{background:linear-gradient(140deg,#8271d8,#4e3d92)}.blue{background:linear-gradient(140deg,#3863a2,#213466)}.pink{background:linear-gradient(140deg,#a66c99,#613c76)}.green{background:linear-gradient(140deg,#599c9d,#284c65)}.orange{background:linear-gradient(140deg,#b98665,#68426a)}.indigo{background:linear-gradient(140deg,#6b79c9,#343d7c)}.mini-browser{background:#f6f4ff;color:#28223e;width:85%;padding:18px 22px;border-radius:10px;box-shadow:0 20px 35px #15122b55;transform:rotate(-5deg);line-height:1.35}.mini-dots{color:#afa2cc;letter-spacing:3px;font-size:10px;border-bottom:1px solid #d7d1e1;padding-bottom:10px;margin-bottom:12px}.micro{font-size:8px;letter-spacing:1.2px;font-weight:700}.mini-browser strong{font-size:28px;letter-spacing:-1px;display:block;margin:8px 0}.mini-browser p{font-size:10px;color:#6b637d}.mini-pill{font-size:9px;border-radius:6px;display:inline-block;background:#ded7ff;color:#49316e;padding:7px 10px}.float-tag{position:absolute;background:#d3c4ff;color:#382552;padding:8px 16px;bottom:22px;right:16px;font-size:27px;border-radius:8px;transform:rotate(7deg);box-shadow:0 5px 20px #100c3233}.float-tag span{font-size:9px;display:inline-block;width:55px;line-height:1.2;margin-left:5px}.code-art{background:#111b35;padding:24px 19px;color:#d5e4ff;border:1px solid #9dc2fa33;border-radius:10px;font:12px/2 monospace;transform:rotate(-4deg);box-shadow:0 20px 30px #18213688}.code-art span,.code-art b{color:#9d9cff}.code-art i{font-style:normal;color:#a0e3c9}.mini-chat{background:#fff1fc;color:#513d59;padding:22px;width:95%;border-radius:13px;transform:rotate(4deg);box-shadow:0 20px 35px #35153855}.mini-chat p{font-size:16px;color:#513d59;line-height:1.35;margin:9px 0 12px;font-weight:600}.mini-chat div{font-size:10px;padding:5px 9px;background:#e8d8e9;border-radius:5px;margin-top:5px}.tokens{background:#d8eeed;border:1px solid #ffffff66;padding:17px 34px;border-radius:14px;transform:rotate(-4deg);box-shadow:0 20px 35px #13212d55}.tokens strong{font-size:65px;color:#265661;line-height:1.2}.swatches{display:flex;margin:6px 0 14px}.swatches i{width:31px;height:31px;border-radius:50%;margin-right:5px;background:#194c57}.swatches i:nth-child(2){background:#398a98}.swatches i:nth-child(3){background:#96cbbc}.swatches i:nth-child(4){background:#e6e9c2}.cardbody{padding:22px}.meta{display:flex;justify-content:space-between;font-size:11px;color:#b9acd9}.meta span{color:#9894ae}.cardbody h3{margin:12px 0;font-size:22px}.cardbody>p:not(.meta){font-size:14px;line-height:1.65}.cardfoot{display:flex;justify-content:space-between;margin-top:22px;font-size:11px;color:#a4a0bd}.cardfoot span:first-child{background:#ffffff08;border:1px solid #ffffff15;border-radius:5px;padding:2px 8px}.center{text-align:center;margin-top:35px}.feature-band{background:linear-gradient(110deg,#22213d,#1b2136);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.feature-layout>div>p:not(.eyebrow){margin:24px 0}.feature-layout h2{line-height:1.25}.steps>a{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.steps>a:first-child{padding-top:0}.steps>a:last-child{border:0;padding-bottom:0}.steps b{color:#ac9ce7;font-size:14px;margin-top:4px}.steps h3{font-size:21px}.steps p{font-size:14px;margin-top:8px}.resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.resource{border:1px solid var(--line);border-radius:13px;background:#181a30;padding:30px;display:flex;align-items:center;gap:22px}.resource-icon{font:15px monospace;color:var(--mint);white-space:nowrap}.resource h3{font-size:20px}.resource p{font-size:13px;margin-top:7px}.resource .eyebrow{font-size:10px;margin:0 0 7px}.resource>span:last-child{margin-left:auto;color:#b4a1ed}.journal{padding-top:20px}.editorial-art{height:227px;border-radius:13px;display:flex;flex-direction:column;justify-content:space-between;padding:23px 26px;overflow:hidden}.editorial-art>span{font-size:9px;letter-spacing:2px}.editorial-art>strong{font:700 34px/1.05 'Manrope';letter-spacing:-2px}.editorial-art>small{font-size:8px;letter-spacing:1.5px}.art0{background:#d5d0f5;color:#3b345f}.art1{background:#b5d7cb;color:#263c38}.art2{background:#d9b6ce;color:#4e324b}.blogcard>.eyebrow{font-size:10px;margin:22px 0 10px}.blogcard h3{font-size:23px;line-height:1.3}.blogcard>p:last-child{font-size:14px;margin-top:13px}.blogcard:hover h3{color:#c6adff}.bloggrid{row-gap:48px}.closing{padding-top:65px;padding-bottom:90px;text-align:center;border-top:1px solid var(--line)}.closing h2{line-height:1.25}.closing .button{margin-top:28px}.closing>p:last-child{font-size:12px;margin-top:17px}footer{padding:45px max(36px,calc((100vw - 1168px)/2));background:#0c0e1e;border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:35px}footer>div:nth-child(2){display:flex;gap:24px;font-size:13px}footer p{font-size:12px;margin-top:8px}.fine{font-size:12px;color:#aaa5c0}.pageintro{padding-top:70px;padding-bottom:65px}.pageintro h1{max-width:960px}.lede{font-size:19px;max-width:720px;margin-top:26px}.top0{padding-top:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:none;color:#bcb8d5;border:1px solid #ffffff22;border-radius:30px;padding:9px 21px;font-size:14px}.filters button.active{background:#b49bff;color:#16122d;border-color:#b49bff}.section>.fine{margin-top:30px}.course-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;margin-bottom:100px}.course-overview .course-art{height:300px;border-radius:18px}.course-summary{margin-top:32px}.course-summary h2{font-size:26px}.course-summary p{margin:20px 0}.lesson-row{display:flex;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.lesson-row>span{color:var(--accent);font-size:14px}.lesson-row h3{font-size:20px;line-height:1.4}.lesson-row p{font-size:12px;margin-top:8px}.lesson-row>b{font-size:11px;color:var(--accent);margin-left:auto;white-space:nowrap}.course-overview .fine{margin-top:22px}.lesson-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:65px;padding-top:55px;padding-bottom:100px}.lesson-layout aside{border-right:1px solid var(--line);padding-right:25px}.lesson-layout aside>a:first-child{font-weight:700;display:block;line-height:1.4;margin-bottom:30px}.lesson-nav{display:block;font-size:14px;padding:13px 10px;color:var(--muted);border-radius:7px;line-height:1.6;margin-bottom:5px}.lesson-nav.selected{background:#ab8bff17;color:#c7b7ff}.prose{max-width:780px}.prose h1{font-size:clamp(2.5rem,4vw,3.6rem)}.prose h2{font-size:27px;margin-top:35px;margin-bottom:15px}.prose p{font-size:17px;line-height:1.85;margin-bottom:22px}.prose .introtext{font-size:19px;margin-top:25px}.prose .eyebrow{font-size:11px}.promptbox{background:#22213b;border:1px solid #ffffff1b;border-radius:13px;padding:27px;margin:30px 0}.promptbox>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.promptbox .eyebrow{margin:0}.promptbox>p{font:15px/1.9 monospace;color:#dfdaf2;margin:0}.copy{font-size:12px;background:#c2b0fa;color:#211838;border:0;padding:7px 12px;border-radius:5px}.copy-status{font-size:12px;color:var(--mint)}.callout{padding:25px;border-left:3px solid var(--accent);background:#a887ff0b;margin:35px 0}.callout p{margin:10px 0 0}.callout .button{margin-top:20px}.standalone{margin:0 auto 100px;padding:0 30px}.standalone .meta{font-size:12px;margin:0 0 35px}.resource-list{padding-bottom:80px}.resource-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.resource-detail h2{font-size:30px}.resource-detail p{margin:15px 0}.resource-detail pre{margin:0;border:1px solid var(--line);padding:23px;background:#1a1b32;border-radius:10px;color:#bcb5d7;font:13px/1.8 monospace;white-space:pre-wrap}.resource-detail .button{margin-top:10px}.project-row{display:flex;gap:40px;align-items:center;padding:45px 0;border-top:1px solid var(--line)}.project-number{font-size:48px;letter-spacing:-3px;color:#8b73c9}.project-row>div{max-width:650px}.project-row h2{font-size:30px}.project-row p{margin-top:14px}.project-row>.button{margin-left:auto;font-size:13px;white-space:nowrap}.pricing>article{border:1px solid var(--line);border-radius:16px;background:#191a30;padding:31px}.pricing>article.featured{border-color:#a583ff;background:linear-gradient(145deg,#372753,#212037)}.pricing h2{font-size:24px;min-height:57px}.price{font-size:45px;font-weight:700;letter-spacing:-2px;margin-top:20px}.price span{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}.pricing p{font-size:14px}.pricing ul{padding-left:18px;margin:26px 0;font-size:14px;color:#d0c9e5;line-height:2.2}.pricing summary{font-size:14px;color:#c7b2ff}.pricing details p{margin-top:15px}.skip{position:fixed;top:-100px;left:10px;padding:12px 20px;background:#fff;color:#000;z-index:50}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-top:100px;padding-bottom:100px}}@media(max-width:1100px){.header{gap:20px;padding:23px 30px}nav{gap:19px}.hero h1{font-size:4rem}.hero{padding-top:50px}.actions{gap:15px}.actions .button{padding:13px 18px}.hero-visual{padding-top:25px}.note-one{right:0;top:25px}.note-two{left:20px;bottom:5px}.feature-layout{gap:55px}.course-art{padding:20px}.code-art{font-size:10px;padding:20px 13px}footer>div:nth-child(2){flex-wrap:wrap;max-width:250px;gap:12px 25px}.resource{padding:23px;gap:14px}}@media(max-width:850px){.nav-cta{display:none}.hero{grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:3.2rem;white-space:normal}.hero-copy>p{font-size:16px}.announcement{display:block}.announcement span{display:table;margin-bottom:10px}.actions{align-items:flex-start;flex-direction:column}.hero-visual>img{width:140%;margin-left:-25%}.note-one{top:25px;right:-12px}.note-two{left:5px;bottom:10px}.glass-note{padding:12px 16px}.glass-note strong{font-size:12px}.grid3{gap:16px}.cardbody{padding:19px}.cardbody h3{font-size:20px}.course-art{height:205px}.mini-browser{padding:16px;width:100%}.mini-browser strong{font-size:24px}.code-art{font-size:9px;padding:15px 10px}.mini-chat{width:110%;padding:15px}.mini-chat p{font-size:14px}.feature-layout{gap:35px}.resource-icon{display:none}.editorial-art{height:190px;padding:22px 19px}.editorial-art>strong{font-size:28px}.lesson-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.course-overview{gap:35px}.project-row{flex-wrap:wrap}.project-row>.button{margin-left:75px}.project-row>div{flex:1}.pricing>article{padding:22px}.pricing h2{font-size:21px}.pricing .price{font-size:38px}.pricing ul{font-size:13px}}@media(max-width:650px){.wrap{padding-left:23px;padding-right:23px}.header{padding:22px 23px;justify-content:space-between}.brand{font-size:22px}.menu{display:block}header nav{display:none;position:absolute;top:76px;left:16px;right:16px;padding:20px;background:#23213b;border:1px solid #ffffff22;border-radius:12px;flex-direction:column;box-shadow:0 20px 50px #0006}header nav.open{display:flex}.hero{display:flex;flex-direction:column;padding-top:25px;padding-bottom:30px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(2.5rem,10vw,3.7rem);white-space:normal}.announcement{font-size:12px;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:23px}.announcement span{display:inline;margin:0;font-size:9px}.hero-copy>p{max-width:none;font-size:16px;margin-top:23px}.actions{flex-direction:row;align-items:center;gap:19px;flex-wrap:wrap;margin-top:25px}.actions .button{font-size:14px}.textlink{font-size:14px}.hero-caption{font-size:11px;margin-top:21px}.hero-visual{height:355px;max-width:440px;margin:5px auto 0;width:100%;padding:0}.hero-visual>img{width:105%;margin-left:-2.5%;height:100%;object-fit:cover}.note-one{top:28px;right:3px}.note-two{bottom:18px;left:5px}.toolstrip{flex-wrap:wrap;justify-content:center;gap:16px 25px;padding-top:23px;padding-bottom:23px}.toolstrip>span{max-width:none;width:100%;text-align:center}.toolstrip b{font-size:17px}.section{padding-top:56px;padding-bottom:50px}.sectionhead{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:28px}.sectionhead>p{font-size:15px}.grid3{grid-template-columns:1fr;gap:25px}.course-art{height:245px}.mini-browser{max-width:260px;padding:20px}.mini-browser strong{font-size:30px}.float-tag{right:28px;bottom:24px}.code-art{font-size:12px;padding:25px}.mini-chat{max-width:275px;padding:23px}.mini-chat p{font-size:17px}.cardbody{padding:24px}.cardbody h3{font-size:24px}.cardbody>p:not(.meta){font-size:16px}.meta,.cardfoot{font-size:12px}.feature-band{padding:50px 0}.feature-layout{grid-template-columns:1fr;gap:35px}.resources-grid{grid-template-columns:1fr}.resource{padding:25px}.resource-icon{display:block}.resource h3{font-size:20px}.resource p{font-size:14px}.journal{padding-top:10px}.editorial-art{height:240px;padding:26px}.editorial-art>strong{font-size:38px}.blogcard h3{font-size:24px}.blogcard>p:last-child{font-size:16px}.closing{padding-top:50px;padding-bottom:60px}.closing h2{font-size:28px}.closing h2 br{display:none}footer{padding:35px 23px;flex-direction:column;gap:25px}footer>div:nth-child(2){max-width:none}.pageintro{padding-top:40px;padding-bottom:40px}.pageintro h1{font-size:40px}.lede{font-size:17px}.top0{padding-top:0}.course-overview{grid-template-columns:1fr;gap:42px;margin-bottom:60px}.course-overview .course-art{height:260px}.lesson-row{gap:15px}.lesson-row>b{display:none}.lesson-layout{display:flex;flex-direction:column;padding-top:25px;gap:28px;padding-bottom:60px}.lesson-layout aside{border:0;border-bottom:1px solid var(--line);padding:0 0 20px}.lesson-layout aside>a:first-child{margin-bottom:16px}.lesson-layout aside .eyebrow{display:none}.lesson-nav{font-size:13px;padding:8px}.prose h1{font-size:36px}.prose h2{font-size:25px}.prose p{font-size:16px}.prose .introtext{font-size:17px}.promptbox{padding:20px}.promptbox>div{flex-wrap:wrap}.promptbox>p{font-size:13px;overflow-wrap:anywhere}.standalone{padding:0 23px;margin-bottom:60px}.resource-detail{grid-template-columns:1fr;gap:25px;padding:30px 0}.resource-detail h2{font-size:28px}.resource-detail pre{font-size:12px}.project-row{gap:20px;padding:30px 0}.project-number{font-size:32px}.project-row h2{font-size:25px}.project-row>.button{margin-left:0}.project-row>div{min-width:80%}.pricing>article{padding:30px}.pricing h2{font-size:26px;min-height:0}.pricing ul{font-size:15px}.pricing p{font-size:15px}.pricing .price{font-size:45px}.filters{gap:8px}.filters button{font-size:13px;padding:8px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}