:root{--paper:#faf9f5;--ink:#182b23;--muted:#6d746c;--green:#347853;--line:#e4e7df}body{font-family:'DM Sans',Arial,sans-serif;background:radial-gradient(ellipse 65% 450px at 50% 220px,#e9efde66,transparent),var(--paper)}header{height:78px;background:#faf9f5e8;padding-inline:4.5vw}.brand{font-weight:650;letter-spacing:-.9px}.nav-note{font-size:10px;letter-spacing:1.8px}.store{border-radius:7px;transition:transform .2s,box-shadow .2s}.store:hover{transform:translateY(-2px);box-shadow:0 5px 15px #18362b15}.intro{padding:145px 24px 85px}.hero-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce5d1;background:#f2f5eb;border-radius:30px;padding:8px 13px;font-size:11px;letter-spacing:.2px;color:#547044}.live-dot{width:5px;height:5px;background:#68a349;border-radius:50%;box-shadow:0 0 0 3px #68a34915}h1{font-size:clamp(52px,6.8vw,104px);font-weight:550;letter-spacing:-5.3px;line-height:1.01;margin:27px 0 25px}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-1.8px}h1 em{font-size:1.12em}.intro p{font-size:17px;line-height:1.7;letter-spacing:-.2px}.scroll-link{font-size:11px;color:#596b50;border-bottom:1px solid #ccd5c3;padding:10px 0;gap:25px}.scroll-link:hover .icon{transform:translateY(3px)}.scroll-link .icon{transition:transform .2s}.journey-layout{padding-inline:4.5vw;grid-template-columns:29% 67%;gap:4%}h2{font-size:clamp(40px,3.9vw,60px);font-weight:550;letter-spacing:-2.9px;line-height:1.06}h2 em{font-size:1.12em;letter-spacing:-1.1px}.chapters p{font-size:16px;line-height:1.85;letter-spacing:-.15px}.chapters p.strong{font-size:19px;font-weight:550;line-height:1.6}.chapters section{padding-right:15px}.chapter-tag{font-size:11px}.reuse-label{display:inline-flex;align-self:flex-start;border:1px solid #dce5d1;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:500;background:#f1f5eb;margin-bottom:25px}.example-prompt{border:1px solid #dfe6d9;border-left:2px solid #87a376;background:#f0f3e9;border-radius:0 10px 10px 0;padding:20px;font-size:16px;line-height:1.8}.stage-wrap{top:94px;padding-top:26px}.stage{border:1px solid #d5ddce;border-radius:15px;box-shadow:0 2px 4px #17302104,0 20px 70px #1730210d,0 0 0 7px #ffffff80}.browser-bar{background:#f0f1eb;height:42px;border-bottom:1px solid #e4e8de}.browser-bar>span:first-of-type{background:#ffffffb3;border:1px solid #e4e8df}.dots i:nth-child(1){background:#dfb8ad}.dots i:nth-child(2){background:#d8cea0}.dots i:nth-child(3){background:#b5c9a7}.stage-caption{padding:18px 20px;font-size:10px;letter-spacing:.15px}.capture-note{opacity:.75;line-height:1.8}.progress{margin-top:27px;background:#e2e8da}.progress div{background:#7f9b66}.install{background:#244d36;border-radius:30px;padding:17px 25px;font-size:13px;box-shadow:0 5px 16px #244d3612;transition:background .2s,transform .2s}.install:hover{background:#346b4b;transform:translateY(-2px)}.closing{background:#edf1e5;padding-block:100px}.closing p{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(40px,5vw,72px);letter-spacing:-1px;font-weight:400}.closing .eyebrow{font-size:9px;font-weight:500}footer{padding-block:35px}.native-demo{font-family:Arial,sans-serif}.native-demo button{transition:background .15s}.ext-tabs button:hover{background:#f4f8f3}.time-link:hover{color:#086b37}.composer-context{font-family:'DM Sans',sans-serif}@media(max-width:850px){header{height:70px}.intro{padding:120px 22px 65px}h1{font-size:clamp(48px,8vw,70px);letter-spacing:-2.8px}.intro p{font-size:15px}.journey-layout{padding-inline:24px}.stage-wrap{top:70px;padding-top:16px}.chapters h2{font-size:44px;letter-spacing:-2px}.chapters p{font-size:16px}.hero-pill{font-size:10px}.stage{box-shadow:0 12px 35px #1730210c,0 0 0 4px #ffffff80}.closing{padding-block:75px}}
@media(prefers-reduced-motion:reduce){a,button,.icon{transition:none!important}}
/* Radical direction: electric blue / acid yellow / hard edges. */
:root{--paper:#e9ecf3;--ink:#11151f;--muted:#586071;--green:#254dff;--line:#cbd1df}body{background:var(--paper);font-family:'DM Sans',Arial,sans-serif}header{background:#10141fed;color:#f1f3fa;border-bottom:1px solid #303849}.brand img{background:white;border-radius:50%;padding:3px}.nav-note{color:#aeb8cb}.store{background:white;border-radius:4px;padding:2px}.intro{background:#254dff;color:#fff;position:relative;overflow:hidden;padding:145px 24px 100px;border-bottom:1px solid #11151f}.intro::before{content:'';position:absolute;width:450px;height:450px;border:1px solid #ffffff17;right:-170px;top:40px;transform:rotate(35deg);pointer-events:none}.intro::after{content:'';position:absolute;left:0;right:0;bottom:0;height:11px;background:repeating-linear-gradient(135deg,#11151f 0 12px,#dcff54 12px 24px);pointer-events:none}.hero-pill{background:#dcff54;color:#11151f;border:0;border-radius:3px;font-family:'Space Grotesk',Arial,sans-serif;font-size:11px;font-weight:600;padding:9px 13px}.live-dot{background:#11151f;box-shadow:none}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700}h1{font-size:clamp(48px,6.6vw,100px);letter-spacing:-5px;line-height:1.03}em,h1 em,h2 em{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-style:normal;font-size:1em;letter-spacing:inherit;color:var(--green)}h1 em{color:#dcff54}.intro p{color:#dce4ff;font-size:17px}.scroll-link{color:#fff;border-bottom-color:#ffffff60}.journey-layout{padding-top:40px}.chapters h2{letter-spacing:-2.8px}.reuse-label{background:#254dff;color:white;border:0;border-radius:3px;font-family:'Space Grotesk',Arial,sans-serif;font-size:11px;font-weight:500;padding:7px 11px}.example-prompt{background:#dcff54;border:1px solid #11151f;border-left:4px solid #11151f;border-radius:0;color:#11151f;box-shadow:4px 4px 0 #11151f;font-size:15px;margin-right:5px}.chapter-tag{color:#254dff;border-top:2px solid #11151f}.stage{border:1px solid #10141f;border-radius:8px;box-shadow:8px 8px 0 #254dff22,0 20px 60px #11151f12}.browser-bar{background:#10141f;color:#b6c2de;border:0}.browser-bar>span:first-of-type{background:#222b3c;border:1px solid #39455c;color:#c7d4ef;border-radius:3px}.dots i:nth-child(1){background:#dcff54}.dots i:nth-child(2){background:#6585ff}.dots i:nth-child(3){background:#536076}.stage-caption{background:#f8faff;color:#405171;border-top:1px solid #dfe4ef}.progress{background:#c7cfe0;height:3px}.progress div{background:#254dff}.capture-note{color:#68718a}.install{background:#11151f;color:#dcff54;border-radius:3px;box-shadow:4px 4px 0 #254dff;font-family:'Space Grotesk',Arial,sans-serif;font-weight:600}.install:hover{background:#254dff;color:#fff;transform:translateY(-2px)}.closing{background:#dcff54;border-top:1px solid #11151f;border-bottom:1px solid #11151f}.closing p{font-family:'Space Grotesk',Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-2.5px;font-size:clamp(36px,4.5vw,68px)}.closing .eyebrow{color:#263724;font-family:'Space Grotesk',Arial,sans-serif}.coded-poster h3{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-style:normal}footer{background:#10141f;color:#aeb8cb;border:0}footer small{color:#8693aa}.native-demo .lecture-title em{font-family:Arial,sans-serif;color:#96d6ae;font-size:inherit;letter-spacing:-1px}.native-demo .jump{background:#0f9d58}.jump-mobile{color:#254dff;border-color:#254dff}@media(max-width:850px){h1{letter-spacing:-2.6px}.intro{padding-top:120px;padding-bottom:80px}.intro p{font-size:15px}.journey-layout{padding-top:20px}.stage-wrap{background:var(--paper)}.stage{box-shadow:4px 4px 0 #254dff22}.chapters h2{letter-spacing:-2px}.closing p{letter-spacing:-1.5px}}
/* ChatGPT composer reference: continuous plain text, no attachment or table. */
.native-demo,.native-demo button,.native-demo input{font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}.chat-pane{background:#fcfcfc}.chat-title{font-size:13px;font-weight:550}.prompt-demo{justify-content:flex-end;gap:24px;padding-bottom:15px;position:relative}.chat-mode{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;background:#f1f1f1;border-radius:24px;font-size:10px;width:130px}.chat-mode span{padding:7px 17px;flex:1;text-align:center;color:#666}.chat-mode span:first-child{background:white;border:1px solid #e7e7e7;border-radius:24px;color:#111;box-shadow:0 1px 4px #00000005}.prompt-greeting{font-size:20px;font-weight:400;letter-spacing:-.35px;color:#111;margin:0 0 5px}.unified-composer{position:relative;background:white;border:1px solid #e9e9e9;border-radius:22px;padding:20px 17px 12px;box-shadow:0 2px 9px #00000004}.composer-expand{position:absolute;top:14px;right:14px;width:12px;height:12px;color:#666}.composer-transcript{border:0;max-height:none;padding:0;color:#292929;font-size:12px;line-height:1.8;overflow:visible}.composer-transcript>div{font-weight:400}.composer-prompt{padding:22px 0 20px;font-size:12px;line-height:1.7;color:#222;min-height:66px}.typing-caret{display:inline-block;height:14px;width:1px;background:#333;vertical-align:-2px;margin-left:2px}.composer-source,.prompt-example-note{display:none}.unified-footer{gap:14px;color:#171717}.composer-add{display:flex}.composer-add svg{width:18px;height:18px}.composer-medium{margin-left:auto;color:#999;display:flex;align-items:center;gap:4px;font-size:10px}.composer-medium svg{width:11px;height:11px}.composer-mic{width:16px;height:16px}.composer-send{border:0;width:32px;height:32px;margin-left:0;padding:0}.composer-context{margin-bottom:8px}.prepared:has(.prompt-demo){padding:20px}.ext-head{font-size:11px}.transcript-row{font-size:11px;line-height:1.65}.transcript-row button{font-family:'DM Sans',sans-serif}.video-title{font-weight:650;letter-spacing:-.25px}.browser-bar{font-family:'DM Sans',sans-serif;font-size:10px}.native-demo[data-composing="true"] .chat-body{height:calc(100% - 46px)}@media(max-width:850px){.prepared:has(.prompt-demo),.poster-scene:has(.prompt-demo){padding:10px}.prompt-demo{gap:16px;padding-bottom:7px}.chat-mode{font-size:7px;width:100px}.chat-mode span{padding:5px 12px}.prompt-greeting{font-size:13px}.unified-composer{padding:13px 10px 9px;border-radius:17px}.composer-transcript{font-size:8px;line-height:1.8;max-height:none}.composer-prompt{padding:16px 0 12px;font-size:9px;min-height:50px}.composer-expand{width:9px;height:9px;top:9px;right:8px}.composer-medium{font-size:7px;gap:2px}.composer-medium svg{width:8px;height:8px}.composer-mic{width:12px;height:12px}.composer-add svg{width:14px;height:14px}.composer-send{width:25px;height:25px}.unified-footer{gap:8px}.typing-caret{height:10px}.transcript-row{font-size:8px}.ext-head{font-size:8px}.native-demo[data-composing="true"] .chat-body{height:calc(100% - 34px)}}
/* Keep the transcript and composer geometry fixed while replacing the last prompt. */
.prompt-context-slot{height:29px}.composer-prompt{height:122px;min-height:122px;padding-top:17px;padding-bottom:12px;overflow:hidden}.prompt-context-slot .composer-context{margin:0}.typing-caret{animation:caret-blink 1s steps(1,end) infinite}.prepared:has(.prompt-demo){transform:none!important}@keyframes caret-blink{50%{opacity:0}}@media(max-width:850px){.prompt-context-slot{height:23px}.composer-prompt{height:95px;min-height:95px;padding-top:10px}.prompt-greeting{font-size:13px}}@media(prefers-reduced-motion:reduce){.typing-caret{animation:none}}
/* Neutral treatment follows the accessible ChatGPT composer; authenticated chips remain illustrative. */
.composer-context{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:11px;font-weight:500;line-height:20px;color:#0d0d0d;background:#f3f3f3;border:1px solid #e8e8e8;border-radius:999px;padding:3px 9px;gap:6px;box-shadow:none}.composer-context>svg{width:14px;height:14px;color:#5d5d5d}.composer-context .context-chevron{width:11px;height:11px;color:#777}.chip-close{display:none}.reuse-example>small{margin-top:10px}.prompt-context-slot{height:32px}@media(max-width:850px){.composer-context{font-size:8px;line-height:15px;padding:2px 7px;gap:4px}.composer-context>svg{width:11px;height:11px}.composer-context .context-chevron{width:9px;height:9px}.prompt-context-slot{height:25px}}
.answer-text .time-link{display:inline;background:none;border:0;border-bottom:1px dotted #0f9d58;border-radius:0;padding:0;font:inherit;line-height:inherit;color:#0f9d58;cursor:pointer;vertical-align:baseline;text-align:left}.answer-text .time-link:hover{color:#08773f;border-bottom-color:#08773f}.answer-text p{font-size:13px;line-height:1.85}.answer-text .copy-formatted,.answer-text .jump{display:none}@media(max-width:850px){.answer-text p{font-size:10px;line-height:1.75}.answer-text .time-link{font:inherit}}
.worked-label{display:flex;align-items:center;gap:5px;color:#777;font-size:11px;font-weight:400;margin:2px 0 20px}.worked-label .icon{width:12px;height:12px}@media(max-width:850px){.worked-label{font-size:9px;margin-bottom:14px}.worked-label .icon{width:10px;height:10px}}
.answer-toolbar{display:flex;align-items:center;gap:15px;margin-top:19px;color:#969696}.response-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:20px}.response-icon svg{width:16px;height:16px}@media(max-width:850px){.answer-toolbar{gap:12px;margin-top:14px}.response-icon svg{width:13px;height:13px}}
/* Motion-rich lecture: rendered vector ribbons and procedural stitching. */
.player{padding:0;background:#101d23;aspect-ratio:16/10}.lecture-motion,.embroidery-motion{position:absolute;inset:0;overflow:hidden}.motion-canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ribbon-shape{transform-origin:60% 50%;animation:ribbon-float 15s ease-in-out infinite alternate}.ribbon-shape path{stroke-dasharray:900;animation:ribbon-draw 9s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.14s);opacity:.65}.orb{animation:orb-float 7s ease-in-out infinite alternate}.orb-two{animation-delay:-3s}.lecture-kicker{position:absolute;left:7%;right:7%;top:10%;font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:1.5px;color:#b6d5cc;display:flex;justify-content:space-between}.lecture-kicker span{font-size:6px;border:1px solid #b6d5cc40;border-radius:3px;padding:3px 5px;letter-spacing:.7px}.lecture-heading{position:absolute;left:7%;top:29%;font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3.4vw,49px);font-weight:600;line-height:1.05;letter-spacing:-1.8px;color:#f4f9ef;text-shadow:0 2px 20px #101d2370}.lecture-heading span{color:#bdedcf}.lecture-footnote{position:absolute;left:7%;right:7%;bottom:19%;display:flex;justify-content:space-between;font-family:'DM Sans',sans-serif;font-size:7px;color:#b0c4bc}.lecture-footnote>span{font-size:6px;letter-spacing:.7px}.native-demo[data-split="true"] .player{padding:0;aspect-ratio:16/10}.native-demo[data-split="true"] .lecture-heading{font-size:clamp(24px,2.7vw,38px)}.native-demo[data-seek="true"] .lecture-motion{display:none}.embroidery-motion{display:none;background:radial-gradient(ellipse at 65% 50%,#254940,#111f25 70%)}.native-demo[data-seek="true"] .embroidery-motion{display:block}.embroidery-motion h3{position:absolute;left:7%;top:20%;margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(17px,2vw,28px);line-height:1.12;letter-spacing:-.8px;color:white}.embroidery-motion h3 span{color:#b4eac9}.stitch-canvas{position:absolute;left:3%;top:36%;width:94%;height:49%}.guide-curve{stroke:#82b0a2;stroke-width:1;stroke-dasharray:3 5;opacity:.55}.thread{stroke-dasharray:14;animation:stitch-build 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * .055s)}.embroidery-motion .lecture-footnote{bottom:15%}@keyframes ribbon-float{from{transform:rotate(-8deg) scale(.98)}to{transform:rotate(9deg) scale(1.05)}}@keyframes ribbon-draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes orb-float{to{transform:translate(18px,-16px);opacity:.4}}@keyframes stitch-build{0%,8%{stroke-dashoffset:14;opacity:0}35%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.3}}@media(max-width:850px){.lecture-heading,.native-demo[data-split="true"] .lecture-heading{font-size:clamp(19px,4vw,30px);letter-spacing:-1px}.lecture-kicker{font-size:5px;letter-spacing:.7px}.lecture-kicker span{font-size:4px;padding:2px}.lecture-footnote{font-size:5px}.lecture-footnote>span{font-size:4px;letter-spacing:0}.embroidery-motion h3{font-size:clamp(14px,2.5vw,20px);letter-spacing:-.5px}}@media(prefers-reduced-motion:reduce){.ribbon-shape,.ribbon-shape path,.orb,.thread{animation:none}.thread{stroke-dashoffset:0;opacity:1}}