.content-page{background:radial-gradient(ellipse at 90% 4%,#35234433,transparent 22%),var(--bg)}.page-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:65px;align-items:center;padding-block:85px 100px}.page-hero h1{font-size:clamp(48px,5.4vw,75px);line-height:1.04}.page-hero .eyebrow{display:flex;gap:10px;align-items:center}.page-hero p:not(.eyebrow){max-width:565px}.page-lead{font-size:21px;color:#ddd7e9;line-height:1.55}.page-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.poster-label{display:block;font:10px ui-monospace,monospace;letter-spacing:.14em;color:#b9aaca}.flow-poster,.learning-poster,.enterprise-poster{border:1px solid #665074;border-radius:16px;background:linear-gradient(150deg,#281d34,#0c1018 70%);padding:34px;position:relative;overflow:hidden;box-shadow:0 30px 90px #62329620}.flow-poster{transform:rotate(2deg)}.flow-station{padding:25px;border:1px solid #9d80bd;border-radius:9px;font-size:24px;font-weight:650;display:flex;justify-content:space-between;gap:15px;margin-top:40px;background:#b19ade0b}.flow-station>span{color:#c6a4ff}.flow-branches{display:flex;gap:10px;padding:32px 0;border-bottom:1px solid #5c4b6d;border-top:1px solid #5c4b6d;margin-top:32px}.flow-branches>span{flex:1;font:11px ui-monospace,monospace;text-align:center;border:1px solid #525468;border-radius:7px;padding:15px 6px;color:#c7d2d9}.final-station{border-color:#92a673;color:#daecaa;margin-top:30px;font-size:21px}.final-station>span{color:#daecaa}.flow-poster>p{font:9px ui-monospace,monospace;letter-spacing:.09em;margin-top:34px;color:#bcb0cd}.flow-poster>small{font-size:10px;color:#7e768c}.page-intro,.learning-paths{padding-bottom:90px}.page-intro>h2{max-width:700px}.perspective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.perspective-grid article{padding:28px;border:1px solid #3d3549;border-radius:12px;background:linear-gradient(145deg,#18151f,#0e1119)}.card-index{font:10px ui-monospace,monospace;letter-spacing:.1em;color:#b9a2d8;display:block;margin-bottom:30px}.perspective-grid h3{font-size:27px;line-height:1.12;min-height:60px}.perspective-grid p{font-size:14px;line-height:1.7}.pill{display:inline-block;font:10px ui-monospace,monospace;letter-spacing:.05em;color:#c9aef2;border:1px solid #5c466f;border-radius:4px;padding:5px 8px}.page-intro>.fine{margin-top:22px}.path-section,.lesson-library-section,.enterprise-context{background:#12111c;border-block:1px solid #312a3d;padding-block:75px;scroll-margin-top:100px}.path-layout{display:grid;grid-template-columns:230px 1fr;gap:28px}.phase-tabs{display:flex;flex-direction:column;gap:8px}.phase-tabs>button{display:flex;align-items:center;gap:20px;text-align:left;color:#b3a9c4;background:#ffffff02;border:1px solid #393043;border-radius:8px;padding:18px 20px;font-size:16px;min-height:60px}.phase-tabs>button>span{font:11px monospace;color:#827292}.phase-tabs>button>b{margin-left:auto;color:#867498;font-size:15px;font-weight:400}.phase-tabs>button[aria-selected=true]{background:#282037;border-color:#a283c9;color:#f4eafa}.phase-tabs>button[aria-selected=true]>span,.phase-tabs>button[aria-selected=true]>b{color:#d2e6a2}.phase-panel{border:1px solid #574368;border-radius:13px;overflow:hidden;background:#0d1018;min-width:0}.phase-copy{padding:35px 35px 28px;min-height:335px}.phase-copy h3{font-size:36px}.phase-copy .eyebrow{font-size:10px;margin-bottom:20px}.phase-copy p:not(.eyebrow){font-size:15px;max-width:700px}.phase-copy .checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:13px;margin:24px 0}.phase-copy .checks li{margin:0}.phase-panel figure{margin:0;border-top:1px solid #302738;padding:20px 25px 17px;background:#141420}.phase-panel img{width:100%;border:1px solid #51465e;border-radius:6px}.phase-panel figcaption{font-size:10px;color:#92889f;margin-top:12px;line-height:1.5}.connected-detail,.learning-principles{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-block:100px}.connected-detail h2,.learning-principles h2{font-size:46px}.detail-list{display:grid;gap:24px}.detail-list article{display:flex;gap:22px;align-items:start;border-bottom:1px solid #302a39;padding-bottom:22px}.detail-list article>span{font:22px ui-monospace,monospace;color:#bda4e3;min-width:25px}.detail-list h3{font-size:22px;line-height:1.2;margin-bottom:12px}.detail-list p{font-size:14px;margin:0}.page-cta{text-align:center;padding:65px 0 90px;border-top:1px solid #302a39}.page-cta h2{font-size:clamp(34px,4vw,52px)}.page-cta>p:not(.eyebrow){max-width:620px;margin-inline:auto}.page-cta>.text-link{display:block;margin:24px auto 0}.page-footer{flex-wrap:wrap;gap:25px}.page-footer nav{font-size:12px;gap:20px}.page-footer>span{font-size:11px;color:#928b9f;width:100%;text-align:right}
.learning-poster{transform:rotate(-2deg);background:radial-gradient(ellipse at 95% 0,#9c97582a,transparent 70%),linear-gradient(140deg,#251b35,#0d1118)}.learning-poster>p{font-size:clamp(65px,8.5vw,112px);line-height:.98;color:#f1eef8;letter-spacing:-.05em;font-weight:750;margin:40px 0}.learning-poster>p>span{color:#c7e399}.learning-track{display:flex;gap:13px;align-items:center;justify-content:space-between;font:10px ui-monospace,monospace;color:#c4b8d4;padding:20px 0;border-block:1px solid #4f415c}.learning-track i{height:1px;width:30px;background:#c8b0e9}.learning-poster>small{display:block;font:9px ui-monospace,monospace;line-height:1.7;letter-spacing:.03em;color:#b2a4c2;margin-top:20px}.learning-paths .text-link{font-size:12px}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.lesson-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-button{border:1px solid #50435e;color:#b4a7c3;background:#14121e;border-radius:6px;padding:10px 17px;font-size:13px;min-height:42px}.filter-button[aria-pressed=true]{background:#ae96ec;color:#151020;border-color:#b9a2fb}.lesson-toolbar>span{font:11px ui-monospace,monospace;color:#a08cb5;white-space:nowrap}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lesson-card{display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;border:1px solid #44374f;border-radius:11px;background:#0e1119;min-width:0;color:#ece7f3}.lesson-card:hover{border-color:#b894df;transform:translateY(-3px)}.lesson-card-art{display:flex;align-items:center;justify-content:space-between;gap:10px;height:165px;width:100%;padding:28px;background:radial-gradient(ellipse at 80% 100%,#9578dd39,transparent 75%),linear-gradient(135deg,#21172d,#11141f);border-bottom:1px solid #3b3148}.lesson-card-art>span{font-size:70px;font-weight:700;letter-spacing:-.06em;color:#a18aca3b;align-self:end}.lesson-card-art>b{font-size:66px;font-weight:400;color:#c9b4f0;margin-right:10px}.lesson-card-art.art-1{background:radial-gradient(ellipse at 80% 100%,#82baca30,transparent 75%),#132028}.lesson-card-art.art-1>b{color:#8bcbdf}.lesson-card-art.art-2{background:radial-gradient(ellipse at 80% 100%,#b6b2682b,transparent 75%),#1b211b}.lesson-card-art.art-2>b{color:#d4df9a}.lesson-card-art.art-3{background:radial-gradient(ellipse at 80% 100%,#b9827235,transparent 75%),#261c23}.lesson-card-art.art-3>b{color:#e5b39e}.lesson-card .lesson-meta{margin:23px 23px 15px;font-size:10px;color:#a298b2;width:calc(100% - 46px)}.lesson-card>strong{font-size:25px;line-height:1.12;letter-spacing:-.02em;margin:0 23px 15px;font-weight:600}.lesson-outcome{margin:0 23px 24px;font-size:13px;color:#a89fb4;line-height:1.7}.lesson-card .lesson-link{margin:auto 23px 23px;font-size:13px;padding-top:18px;width:calc(100% - 46px);border-top:1px solid #3a3044}.lesson-library-section .fine{margin-top:28px;max-width:950px}.practice-overview{font-size:17px;color:#d2c9df}.practice-steps{list-style:none;padding:0;margin:25px 0}.practice-steps>li{padding:20px 0;border-bottom:1px solid #40344d}.practice-steps h3{font-size:20px;margin-bottom:12px;letter-spacing:-.015em;line-height:1.3}.practice-steps p{font-size:14px;margin:0}.practice-topics{font:11px ui-monospace,monospace;color:#b398d1;display:block;margin-top:12px}.practice-dialog-note{font-size:12px;color:#9e91ae}#practice-dialog{max-width:770px;padding:28px}#practice-dialog .tag{margin-bottom:20px}
.enterprise-poster{background:radial-gradient(ellipse at 50% 25%,#74937925,transparent 65%),linear-gradient(140deg,#22182d,#11171d);padding:35px;transform:rotate(1deg)}.team-orbit{height:240px;position:relative;display:grid;place-items:center;margin:15px 0 25px}.team-orbit:before,.team-orbit:after{content:'';position:absolute;border:1px solid #796b8855;border-radius:50%;inset:35px 20px}.team-orbit:after{inset:70px 5px;transform:rotate(-45deg)}.team-orbit>span{font-size:115px;color:#c8e49e;line-height:1;text-shadow:0 0 50px #c8e49e25}.team-orbit>i{position:absolute;font:9px ui-monospace,monospace;letter-spacing:.09em;border:1px solid #706180;padding:9px 12px;border-radius:4px;color:#c5b4d3;background:#171721}.team-orbit>i:nth-of-type(1){left:0;top:30px}.team-orbit>i:nth-of-type(2){right:0;top:90px}.team-orbit>i:nth-of-type(3){left:20px;bottom:0}.enterprise-poster h2{font-size:37px;line-height:1.12;margin-bottom:25px}.enterprise-poster h2>span{color:#c8e49e}.enterprise-poster>small{font:9px ui-monospace,monospace;letter-spacing:.03em;color:#a595b6}.program-section{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-block:15px 90px;scroll-margin-top:120px}.program-intro h2{font-size:46px}.program-intro .fine{font-size:12px}.program-card{border:1px solid #655377;border-radius:14px;padding:33px;background:linear-gradient(145deg,#211b2d,#11151e)}.program-card>.pill{margin-bottom:30px}.program-card h3{font-size:33px;line-height:1.12}.program-card .checks{font-size:14px;margin-bottom:28px}.program-card>.fine{font-size:12px;margin:20px 0 0}.enterprise-context .perspective-grid h3{min-height:0}.creators-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding-block:100px;scroll-margin-top:100px}.creators-section h2{font-size:45px;line-height:1.06}.creator-wordmark{position:relative;padding:40px 30px;border:1px solid #645573;border-radius:16px;background:radial-gradient(ellipse at 30% 15%,#836fc53b,transparent 60%),linear-gradient(150deg,#2b1f37,#0d111a 80%);transform:rotate(-2deg);min-width:0}.creator-wordmark>p{font-size:clamp(48px,5.9vw,76px);line-height:1.03;letter-spacing:-.05em;font-weight:800;color:#ece9f6;margin:70px 0;position:relative}.creator-wordmark>p>span{font-size:clamp(30px,3.5vw,47px);letter-spacing:-.05em;color:#d3eba2}.creator-wordmark>p>b{position:absolute;font-size:54px;right:0;top:-22px;color:#bda1ef}.creator-wordmark>small{font:8px ui-monospace,monospace;letter-spacing:.08em;color:#b7a9c9}.creator-access{display:flex;align-items:start;gap:16px;border-block:1px solid #51405e;padding:20px 0;margin:27px 0}.creator-access>span{font-size:25px;color:#cce39e}.creator-access p{font-size:13px;margin:0;line-height:1.65}.creator-access strong{color:#e8dcf4;font-size:15px}.creators-section .fine{font-size:12px;margin-top:20px}.community-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;padding-bottom:85px}.community-faq h2{font-size:42px}.home-creators{display:grid;grid-template-columns:1fr 230px;gap:60px;align-items:center;border-top:1px solid #383041;padding-block:75px}.home-creators h2{font-size:clamp(35px,4vw,54px)}.home-creators p:not(.eyebrow){max-width:650px;font-size:16px}.creator-home-spark{font-size:185px;line-height:1;color:#c8dfa0;text-align:center;text-shadow:0 0 70px #9577ff28}
@media(max-width:1100px){.page-hero{gap:35px;padding-block:60px 75px}.page-hero h1{font-size:58px}.flow-poster,.learning-poster,.enterprise-poster{padding:26px}.perspective-grid article{padding:23px}.perspective-grid h3{font-size:25px}.path-layout{grid-template-columns:190px 1fr;gap:20px}.connected-detail,.learning-principles,.program-section,.creators-section,.community-faq{gap:40px}.practice-grid{gap:18px}.lesson-card>strong{font-size:23px}.creator-wordmark{padding:30px 22px}.creator-wordmark>p{font-size:62px}.creator-wordmark>p>span{font-size:36px}}
@media(max-width:760px){.page-hero{grid-template-columns:1fr;padding-block:45px 0;gap:35px}.page-hero h1{font-size:clamp(46px,11.5vw,65px)}.page-hero .eyebrow{font-size:9px}.page-lead{font-size:18px}.page-hero p:not(.eyebrow){font-size:15px}.page-hero p.page-lead{font-size:18px}.page-actions{gap:20px;margin-top:24px}.page-actions .button{font-size:13px;padding:13px 17px}.page-actions .text-link{font-size:13px}.flow-poster,.learning-poster,.enterprise-poster{margin:0 4px 55px;padding:27px 23px;transform:rotate(1deg)}.flow-station{padding:20px;font-size:22px;margin-top:30px}.flow-branches{gap:7px;padding:24px 0;margin-top:24px}.flow-branches>span{font-size:9px}.final-station{font-size:19px}.poster-label{font-size:8px}.page-intro,.learning-paths{padding-bottom:55px}.page-intro h2,.connected-detail h2,.learning-principles h2,.program-intro h2,.creators-section h2{font-size:36px}.perspective-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.perspective-grid article{padding:24px}.perspective-grid h3{min-height:0;font-size:27px}.card-index{margin-bottom:22px}.path-section,.lesson-library-section,.enterprise-context{padding-block:50px}.path-section .section-head h2,.lesson-library-section .section-head h2{font-size:36px}.path-layout{grid-template-columns:1fr;gap:18px}.phase-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.phase-tabs>button{font-size:12px;padding:11px 10px;gap:7px;min-height:46px}.phase-tabs>button>span{font-size:9px}.phase-tabs>button>b{display:none}.phase-copy{padding:25px 22px;min-height:0}.phase-copy h3{font-size:30px}.phase-copy .checks{grid-template-columns:1fr;gap:12px}.phase-panel figure{padding:14px}.phase-panel figcaption{font-size:9px}.connected-detail,.learning-principles{grid-template-columns:1fr;gap:35px;padding-block:60px}.page-cta{padding:50px 0 60px}.page-cta h2{font-size:35px}.page-footer nav{flex-wrap:wrap;gap:13px;font-size:11px}.page-footer>span{text-align:left}.page-hero .learning-poster>p{font-size:95px;margin:30px 0}.learning-track{font-size:9px;gap:8px}.learning-poster>small{font-size:8px}.lesson-toolbar{display:block}.lesson-filters{gap:7px}.filter-button{font-size:12px;padding:9px 12px}.lesson-toolbar>span{display:block;margin-top:17px}.practice-grid{grid-template-columns:1fr;gap:20px}.lesson-card-art{height:145px}.lesson-card>strong{font-size:27px}.lesson-outcome{font-size:14px}.lesson-card .lesson-link{font-size:14px}#practice-dialog{padding:23px 20px;max-height:90dvh}#practice-dialog .dialog-head h2{font-size:25px;line-height:1.13}.practice-overview{font-size:16px}.program-section{grid-template-columns:1fr;gap:26px;padding-block:10px 55px}.program-card{padding:27px 23px}.program-card h3{font-size:30px}.enterprise-poster h2{font-size:34px}.team-orbit{height:210px}.team-orbit>span{font-size:100px}.team-orbit>i{font-size:8px}.creators-section{grid-template-columns:1fr;gap:38px;padding-block:60px}.creator-wordmark{max-width:440px;width:100%;margin:auto;padding:28px;transform:rotate(-1deg)}.creator-wordmark>p{font-size:70px;margin:55px 0}.creator-wordmark>p>span{font-size:42px}.creator-wordmark>p>b{font-size:44px}.creator-wordmark>small{font-size:7px}.community-faq{grid-template-columns:1fr;gap:20px;padding-bottom:50px}.community-faq h2{font-size:36px}.home-creators{grid-template-columns:1fr;gap:30px;padding-block:50px}.creator-home-spark{display:none}.home-creators h2{font-size:36px}.home-creators p:not(.eyebrow){font-size:15px}}
@media(prefers-reduced-motion:no-preference){.lesson-card{transition:transform .2s,border-color .2s}}
.phase-image-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #51465e;border-radius:6px;background:#0c1018;isolation:isolate}
.phase-image-viewport>img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
.phase-image-viewport>.phase-image-outgoing{position:absolute;inset:0;pointer-events:none;z-index:1}

/* A prompt-composer illustration connects the two Super Creators wordmark lines. */
.creator-wordmark>p.creator-super-line{margin:34px 0 22px}
.creator-wordmark>p.creator-creators-line{margin:25px 0 35px;line-height:1}
.creator-prompt-box{position:relative;min-width:0;padding:15px;border:1px solid #8e73b780;border-radius:12px;background:linear-gradient(145deg,#30243ee8,#141827f2);box-shadow:inset 0 1px 0 #e3d2ff29,0 3px 0 #0b0d17,0 12px 18px #03040b99;transform:translateZ(28px);transform-style:preserve-3d;pointer-events:none}
.creator-prompt-entry{padding:12px 13px 13px;border:1px solid #aa8bd477;border-radius:7px;background:linear-gradient(130deg,#1e1b2b,#151824);box-shadow:inset 0 1px 0 #ddd0ff18,0 5px 9px #08091270;transform:translateZ(10px)}
.creator-prompt-entry>small{display:block;font:9px ui-monospace,monospace;letter-spacing:.105em;line-height:1.4;color:#bca5de}
.creator-prompt-text{display:flex;align-items:center;gap:6px;margin-top:8px;color:#efe8fa;font-size:14px;font-weight:500;line-height:1.45;letter-spacing:.005em;text-shadow:0 2px 5px #0008}
.creator-prompt-text>span{min-width:0}
.creator-prompt-cursor{display:block;flex:0 0 2px;height:15px;background:#d0e9a3;box-shadow:0 0 7px #cfefac66}
.creator-keyboard{position:relative;display:grid;gap:5px;margin:14px 1px 2px;padding:10px 9px 12px;border:1px solid #69597b;border-radius:7px;background:linear-gradient(160deg,#262333,#111723);box-shadow:inset 0 1px 0 #e3d2ff21,0 3px 0 #080c15,0 8px 11px #0007;transform:translateZ(18px);transform-origin:50% 100%;transform-style:flat}
.creator-key-row{display:flex;gap:4px;min-width:0}
.creator-key-row:nth-child(2){margin-inline:3.8%}
.creator-key-row:nth-child(3){margin-inline:1.5%}
.creator-key-row>kbd{display:grid;place-items:center;flex:1;min-width:0;height:23px;border:1px solid #625570;border-radius:4px;background:linear-gradient(#373041,#211f2e);color:#c8bed6;font:10px Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:inset 0 1px 0 #e4d7ef1a,0 2px 0 #080b13;text-shadow:0 1px 2px #000}
.creator-key-controls{margin-top:2px}.creator-key-controls>kbd{height:20px;color:#a79fb8;font-size:8px;flex:0 0 12%}.creator-key-controls>kbd.creator-space-key{flex:1;color:#c3d89d}
@media(prefers-reduced-motion:no-preference){
  html.motion-enabled .creator-wordmark .creator-prompt-box{animation:creator-prompt-float 9s ease-in-out infinite;animation-play-state:paused}
  html.motion-enabled .creator-wordmark .creator-prompt-cursor{animation:creator-prompt-cursor 4s ease-in-out infinite;animation-play-state:paused}
  html.motion-enabled .creator-wordmark .creator-key-row>kbd:nth-child(4n+2){animation:creator-key-glow 7s ease-in-out infinite;animation-play-state:paused}
  html.motion-enabled .creator-wordmark .creator-key-row:nth-child(2)>kbd{animation-delay:-2.2s}
  html.motion-enabled .creator-wordmark .creator-key-row:nth-child(3)>kbd{animation-delay:-4.4s}
  html.motion-enabled:not(.motion-paused):not(.motion-hidden) .creator-wordmark.depth-active .creator-prompt-box,
  html.motion-enabled:not(.motion-paused):not(.motion-hidden) .creator-wordmark.depth-active .creator-prompt-cursor,
  html.motion-enabled:not(.motion-paused):not(.motion-hidden) .creator-wordmark.depth-active .creator-key-row>kbd{animation-play-state:running}
  @keyframes creator-prompt-float{0%,100%{transform:translate3d(0,0,28px) rotate(-.35deg)}50%{transform:translate3d(0,-3px,34px) rotate(.2deg)}}
  @keyframes creator-prompt-cursor{0%,100%{opacity:.45}50%{opacity:1}}
  @keyframes creator-key-glow{0%,65%,100%{color:#c8bed6;border-color:#625570;box-shadow:inset 0 1px 0 #e4d7ef1a,0 2px 0 #080b13}35%{color:#d9f0ac;border-color:#a7bc83;box-shadow:inset 0 1px 0 #d6edb733,0 2px 0 #080b13,0 0 7px #cce3a82a}}
}
@media(max-width:1100px) and (min-width:761px){
  .creator-prompt-box{padding:12px}.creator-prompt-entry{padding:10px}.creator-prompt-text{font-size:13px}.creator-keyboard{padding:9px 7px 11px;gap:4px}.creator-key-row{gap:3px}.creator-key-row>kbd{height:21px;font-size:9px}
}
@media(max-width:760px){
  .creator-wordmark>p.creator-super-line{margin:28px 0 23px}.creator-wordmark>p.creator-creators-line{margin:25px 0 29px}
  .creator-prompt-box{padding:12px}.creator-prompt-entry{padding:11px 10px}.creator-prompt-entry>small{font-size:8px}.creator-prompt-text{font-size:13px}.creator-keyboard{padding:10px 7px 11px}.creator-key-row{gap:3px}.creator-key-row>kbd{height:22px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .creator-prompt-box,.creator-prompt-entry,.creator-keyboard,.creator-key-row>kbd{transform:none}
}