@font-face{font-family:Space Grotesk;src:url('assets/SpaceGrotesk700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Geist;src:url('assets/Geist400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('assets/Geist600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Geist Mono;src:url('assets/GeistMono400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--night:#110f17;--ink:#16151c;--paper:#fbf7f0;--mist:#f3ede1;--ember:#ff5a2c;--glow:#ff7a4d;--amber:#ffb020;--ember-ink:#b8300c;--display:'Space Grotesk',sans-serif;--body:Geist,Arial,sans-serif;--mono:'Geist Mono',monospace}
*{box-sizing:border-box;letter-spacing:0}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--night)}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:5px}
.reveal{font-family:var(--body);font-size:28px;color:var(--paper);background:var(--night)}
.reveal .slides{text-align:left}
.reveal .slides section{--fg:var(--paper);--muted:#c2bec8;--line:#45414b;--bg:var(--night);--accent:var(--glow);width:1600px;height:900px;padding:50px 76px 62px;color:var(--fg);background:var(--bg);overflow:hidden}
.reveal .slides section.light{--fg:var(--ink);--muted:#62606a;--line:#d5cfc7;--bg:var(--paper);--accent:var(--ember-ink)}
.reveal .slides section::after{display:none}
.reveal h1,.reveal h2,.reveal h3,.reveal p,.reveal pre,.reveal blockquote{margin:0;letter-spacing:0;text-transform:none}
.reveal h1,.reveal h2,.reveal h3{font-family:var(--display);font-weight:700;color:inherit}
.reveal h2{font-size:66px;line-height:1.08;max-width:1400px}
.reveal h3{font-size:32px;line-height:1.17}
.reveal p{font-size:27px;line-height:1.43}
.slide-frame{height:100%;display:flex;flex-direction:column}
.topline{display:flex;align-items:center;justify-content:space-between;height:48px;flex:0 0 48px;margin-bottom:34px}
.wordmark{display:flex;gap:12px;align-items:center;font-family:var(--display);font-size:26px;font-weight:700}
.brand-mark{height:16px;width:16px;transform:rotate(45deg);border:5px solid var(--ember)}
.chapter-label,.small-label,.code-label{font-family:var(--mono);font-size:18px;color:var(--accent)}
.chapter-label{text-transform:uppercase}
.slide-main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
.heading{margin-bottom:44px;flex:none}
.reveal .subtitle{max-width:1280px;font-size:28px;color:var(--muted);margin-top:18px}
.slide-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:30px;margin-top:28px;flex-shrink:0;color:var(--muted);font-size:19px;padding-right:80px}
.slide-footer a{font-size:16px;color:var(--accent)}
.reveal .controls{color:var(--glow);right:18px;bottom:16px}.reveal .slide-number{background:transparent;color:var(--glow);font:16px var(--mono);right:91px;bottom:23px}.light-slide .reveal .controls,.light-slide .reveal .slide-number{color:var(--ember-ink)}.reveal .progress{height:4px;color:var(--ember)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:0}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.text-row{padding:22px 0;border-top:1px solid var(--line)}.text-row h3{margin-bottom:10px}.text-row p{font-size:24px;color:var(--muted)}.small-label{display:block;margin-bottom:16px;text-transform:uppercase}.large-index{font:66px var(--mono);color:var(--accent)}.big-arrow{font-size:56px;color:var(--accent);text-align:center}.takeaway-line{margin-top:44px!important;color:var(--muted);font-size:23px!important;text-align:center}
.action,.icon-action{height:52px;border:1px solid var(--accent);border-radius:4px;padding:0 22px;background:var(--accent);color:var(--bg);font-size:21px;font-weight:600}.icon-action{width:52px;padding:0;background:transparent;color:var(--accent);font-size:30px}.action:hover,.icon-action:hover{filter:brightness(1.1)}.copy-line,.interaction-line{display:flex;align-items:center;gap:16px;margin-top:26px}.copy-feedback{font-size:18px;color:var(--accent);min-width:100px}.interaction-line p{font-size:23px;color:var(--muted)}
.segmented{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:22px}.segmented button{padding:12px 22px;background:transparent;color:var(--fg);border:0;font-size:20px;min-width:116px}.segmented button+button{border-left:1px solid var(--line)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--bg)}
.introductions{padding:80px 190px 92px!important}.portrait-pair{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:138px;align-items:end}.portrait-pair figure{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}.portrait-pair img{display:block;width:510px;height:580px;object-fit:contain;object-position:center bottom;filter:grayscale(1)}.portrait-pair figcaption{width:100%;padding-top:28px;margin-top:16px;border-top:2px solid var(--ember);font:700 43px var(--display)}
.community-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}.community-photo{display:block;width:100%;height:435px;object-fit:cover;object-position:center 58%}.community-copy .text-row{padding:17px 0}.community-copy .text-row p{font-size:23px}.community-url{font:23px var(--mono)!important;color:var(--accent);margin-top:25px!important}
.browser-window{border:1px solid #bbb6ae;border-radius:6px;overflow:hidden;background:var(--paper);color:var(--ink)}.browser-address{height:38px;display:flex;align-items:center;padding:0 18px;background:var(--mist);color:#77716a;font:14px var(--mono);border-bottom:1px solid #d5cfc7}.site-preview{background:var(--paper);color:var(--ink);container-type:inline-size}.preview-nav{display:flex;justify-content:space-between;gap:16px;padding:17px 22px;font-size:14px;border-bottom:1px solid #d5cfc7}.preview-nav span{color:var(--ember-ink)}.preview-hero{position:relative;min-height:292px;display:flex;align-items:end;overflow:hidden}.preview-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.preview-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,15,23,.9),rgba(17,15,23,.15))}.preview-copy{position:relative;z-index:1;padding:28px;color:var(--paper)}.preview-copy .small-label{font-size:12px;color:var(--amber);margin-bottom:9px}.preview-copy h3{font-size:38px}.preview-copy p{font-size:17px;margin:10px 0 16px}.preview-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:0;border-radius:3px;background:var(--ember-ink);color:#fff;font-size:16px;font-weight:600}.preview-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:21px}.preview-details span{font-size:13px;color:#62606a}.preview-details b{display:block;margin-bottom:6px;color:var(--ink);font-size:15px}.preview-message{padding:12px 20px;border-top:1px solid #d5cfc7;font-size:16px!important}.site-preview:has(.preview-message:not([hidden])) .preview-hero{min-height:250px}
.network{padding-top:14px}.network-nodes{display:grid;grid-template-columns:1fr 72px 1fr 72px 1fr 72px 1fr;align-items:center}.network-node{padding:20px 5px;text-align:center;opacity:.38;transition:opacity .3s,transform .3s}.network-node.active{opacity:1;transform:translateY(-6px)}.node-icon{display:grid;place-items:center;margin:0 auto 23px;width:95px;height:95px;border-radius:50%;border:2px solid var(--accent);font:28px var(--mono);color:var(--accent)}.network-node p{font-size:22px;color:var(--muted);margin-top:12px}.connector{display:block;height:2px;background:var(--accent);position:relative}.connector::after{content:'';position:absolute;right:-1px;top:-6px;width:12px;height:12px;border-right:2px solid var(--accent);border-top:2px solid var(--accent);transform:rotate(45deg)}.network-return{border:2px solid var(--line);border-top:0;height:60px;margin:25px 115px 0;text-align:center;color:var(--muted);font:20px var(--mono);padding-top:24px}.network-return span{background:var(--bg);padding:0 18px}.network .interaction-line{margin-top:46px}
.url-breakdown{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:35px;margin:20px 0 58px}.url-breakdown>div{padding-bottom:24px;border-bottom:3px solid var(--accent)}.url-breakdown b{display:block;font:44px var(--mono);margin-bottom:18px}.url-breakdown span{color:var(--muted);font-size:22px}.terminology .text-row{border:0;padding:0}.status-strip{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:26px;margin-top:48px;font-size:24px}.status-strip b{font-family:var(--mono);color:var(--accent);margin-right:14px}
.hosting-pair{display:grid;grid-template-columns:1fr 120px 1fr;gap:40px;align-items:center}.hosting-pair h3{font-size:41px;margin-top:18px}.hosting-pair p{color:var(--muted);margin:15px 0 22px}.file-name{font:22px var(--mono);color:var(--accent)}.bottom-definitions{margin-top:50px}.bottom-definitions .text-row h3{font-size:27px}.bottom-definitions .text-row p{font-size:23px}
.architecture{display:grid;grid-template-columns:1fr 135px 1fr 135px 1fr;align-items:center;gap:12px}.architecture-part{min-height:325px;padding:25px 10px;border-top:3px solid var(--accent)}.architecture-part h3{font-size:36px;margin-bottom:20px}.architecture-part p{color:var(--muted);font-size:25px}.example-chip{margin-top:33px;font-size:20px;color:var(--accent)}.api-connector{text-align:center;font-size:18px;color:var(--muted)}.api-connector b{display:block;font-size:53px;font-weight:400;color:var(--accent);margin:12px 0}.api-connector small{font-size:17px}
.design-study{border-top:2px solid var(--accent);border-bottom:2px solid var(--line);padding:30px 16px}.type-study{font:700 180px var(--display);line-height:1}.swatch-line{display:flex;gap:22px;margin:36px 0}.swatch-line span{width:88px;height:88px;border-radius:50%;border:1px solid var(--line)}.spacing-study{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font:18px var(--mono);color:var(--muted)}
.steps{display:grid;gap:30px}.steps.five{grid-template-columns:repeat(5,1fr)}.steps.four{grid-template-columns:repeat(4,1fr)}.steps.three{grid-template-columns:repeat(3,1fr)}.step{border-top:2px solid var(--accent);padding-top:22px}.step-number{display:block;font:20px var(--mono);color:var(--accent);margin-bottom:26px}.step h3{font-size:30px;margin-bottom:15px}.step p{font-size:23px;color:var(--muted)}.route-example{margin-top:58px;border-left:4px solid var(--accent);padding:16px 0 16px 30px}.route-example .small-label{margin-bottom:8px}.route-example strong{font:700 35px var(--display)}.route-example p{color:var(--muted);font-size:23px;margin-top:8px}
.brief-list .text-row{padding:17px 0}.brief-list h3{font-size:26px}.brief-list p{font-size:22px}.file-tree{font:30px/1.8 var(--mono);color:var(--accent)}.file-tree b{display:block;color:var(--fg);font-weight:400;margin-bottom:20px}.file-tree span{display:block;padding-left:46px;margin-left:16px;border-left:2px solid var(--line)}.files-layout .text-row{padding:17px 0}.files-layout .text-row h3{font-size:28px}.files-layout .text-row p{font-size:23px}
.code-window{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#211e28;color:var(--paper)}.code-label{padding:15px 22px;border-bottom:1px solid #45414b;color:var(--glow);font-size:17px}.reveal .code-window pre{display:block;width:auto;padding:25px 24px;font:22px/1.57 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--paper);background:transparent;box-shadow:none}.code-window code{font:inherit}.code-result{align-items:center}.plain-preview{min-height:390px;background:#fff;color:#111;padding:27px;border:1px solid #d5cfc7;border-radius:5px}.plain-preview .browser-address{margin:-27px -27px 30px}.plain-preview h1{font-family:Georgia,serif;font-size:39px;line-height:1.2}.plain-preview h2{font-family:Georgia,serif;font-size:30px;margin:40px 0 16px}.plain-preview p{font-family:Georgia,serif;font-size:23px;margin-top:20px}.annotation{margin-top:44px;padding-top:18px;border-top:1px solid #d5cfc7;color:#62606a;font-size:22px}.annotation b{color:var(--ember-ink);display:block;font:20px var(--mono);margin-bottom:10px}.image-link-demo{background:var(--paper);color:var(--ink);padding:20px;border-radius:4px}.image-link-demo img{display:block;width:100%;height:220px;object-fit:cover;object-position:center 44%}.text-link{display:inline-block;border:0;background:transparent;color:var(--ember-ink);font-size:22px;text-decoration:underline;padding:18px 0}.details-target{padding:18px;border-left:3px solid #d5cfc7;transition:background .3s,border-color .3s}.details-target p{font-size:21px;margin-top:8px}.details-target.highlighted{border-color:var(--ember);background:var(--mist)}
.style-demo{min-height:355px;padding:30px;border:1px solid var(--line);font-family:Georgia,serif;background:#fff;color:#111;transition:all .45s}.style-demo h3{font:700 35px Georgia,serif}.style-demo p{font:23px/1.4 Georgia,serif;margin:26px 0}.style-demo button{font:20px Georgia,serif}.style-demo.styled{background:var(--mist);font-family:var(--body);padding:45px}.style-demo.styled h3{font:700 48px var(--display);color:var(--ink)}.style-demo.styled p{font:23px/1.4 var(--body)}.style-demo.styled button{border:0;border-radius:3px;background:var(--ember-ink);color:#fff;padding:14px 20px;font:600 20px var(--body)}.under-code{color:var(--muted);font-size:23px!important;margin-top:22px!important}.responsive-stage{height:360px;background:#26222e;border:1px solid var(--line);display:grid;place-items:center;padding:24px}.responsive-preview{width:100%;padding:25px 20px;background:var(--paper);color:var(--ink);transition:width .55s ease;min-height:260px}.responsive-preview h3{font-size:28px}.responsive-details{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}.responsive-details b{display:block;font-size:21px;margin-bottom:10px}.responsive-details span{font-size:18px}.responsive-stage.mobile .responsive-preview{width:310px}.responsive-stage.mobile .responsive-details{grid-template-columns:1fr;gap:14px;margin-top:22px}.responsive-stage.mobile .responsive-details>div{display:flex;gap:20px;align-items:center}.responsive-stage.mobile .responsive-details b{width:65px;margin:0}.responsive-stage.mobile .responsive-preview h3{font-size:26px}.event-interaction{min-height:355px;border-top:3px solid var(--accent);padding:30px}.event-interaction h3{font-size:44px;margin:12px 0 30px}.event-interaction #demo-details{margin-top:28px;padding:20px 0;border-top:1px solid var(--line);font-size:24px}.event-interaction #demo-details p{font-size:23px;margin-top:8px}.event-interaction #demo-details:not([hidden]){animation:rise-in .3s ease}
.registration-flow{display:grid;grid-template-columns:1fr 65px 1.1fr 65px 1fr;gap:22px;align-items:center}.registration-form label{display:block;font-size:22px;margin-bottom:15px}.registration-form input{width:100%;height:57px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:0 15px;font-size:22px}.registration-form .action{margin-top:20px}.simulation-label{color:var(--muted);font-size:17px!important;margin-top:18px!important}.registration-server,.registration-result{min-height:280px;border-top:2px solid var(--accent);padding:24px 0}.registration-server h3{font:24px var(--mono);margin:20px 0}.registration-server p,.registration-result p{font-size:23px;color:var(--muted)}.registration-result h3{font-size:37px;margin:20px 0}.registration-result.confirmed{animation:rise-in .4s ease}.prompt-layout .code-window pre{font-size:25px;line-height:1.7}.change-copy h3{margin-bottom:25px}.reveal blockquote{font-size:28px;line-height:1.5;border-left:3px solid var(--accent);padding:10px 0 10px 26px;box-shadow:none;text-align:left;font-style:normal;background:transparent;width:100%;color:var(--muted)}.change-demo{height:330px;padding:42px;background:var(--paper);color:var(--ink);border-radius:4px}.change-demo h3{font-size:39px}.change-demo p{font-size:23px;margin:23px 0}.fixed-cta{width:240px;height:50px;font-size:20px}.change-detail{font-size:20px!important}.debug-comparison{display:grid;grid-template-columns:1fr 75px 1fr;gap:25px;align-items:center;margin-top:52px}.debug-bottom{margin-top:32px;color:var(--muted);font-size:25px}.debug-bottom b{color:var(--accent)}.publish-url{font:30px var(--mono);padding:27px 24px;border:1px solid var(--accent);margin-top:62px;color:var(--accent);text-align:center}
.verification-list{border-top:2px solid var(--accent)}.verification-list label{display:flex;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);font-size:25px}.verification-list input{width:27px;height:27px;accent-color:var(--ember-ink);flex:none}.verification-result{padding-left:55px}.verification-result h3{font-size:41px;margin:25px 0 20px}.verification-result p{color:var(--muted);font-size:24px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 76px}.concept-grid .text-row h3{color:var(--accent);font-size:40px}.concept-grid .text-row p{font-size:26px;max-width:580px}.goal-comparison{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.goal-vague{padding-top:28px;border-top:2px solid var(--line)}.goal-vague h3{font-size:39px;color:var(--muted);line-height:1.3}.goal-specific{padding:28px 35px;border-left:4px solid var(--accent);background:var(--mist)}.goal-specific h3{font-size:36px}.goal-specific ul{font-size:24px;line-height:1.7;margin:24px 0 0;padding-left:26px}.goal-evidence{font-size:25px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin-top:40px}.goal-evidence b{color:var(--accent)}
.context-layout{display:grid;grid-template-columns:1.1fr 100px .9fr;gap:36px;align-items:center}.context-files>div{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding:23px 0}.context-files b{font:25px var(--mono);color:var(--accent);font-weight:400}.context-files span{font-size:23px;color:var(--muted)}.context-arrow{font-size:65px;color:var(--accent);text-align:center}.context-task{border:2px solid var(--accent);padding:40px}.context-task h3{font-size:45px;margin:20px 0}.context-task p{font-size:26px;color:var(--muted)}.loop-rail{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr;align-items:center}.loop-rail>div{text-align:center}.loop-rail span{display:grid;place-items:center;width:85px;height:85px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);font:25px var(--mono);margin:0 auto 25px}.loop-rail h3{font-size:33px;margin-bottom:15px}.loop-rail p{font-size:22px;color:var(--muted)}.loop-rail i{height:2px;background:var(--accent);position:relative;top:-30px}.loop-rail i::after{content:'';position:absolute;right:0;top:-6px;width:12px;height:12px;transform:rotate(45deg);border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.return-loop{height:66px;margin:30px 105px 0;border:2px solid var(--accent);border-top:0;position:relative;text-align:center}.return-loop::before{content:'';position:absolute;left:-7px;top:0;width:12px;height:12px;transform:rotate(-45deg);border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.return-loop span{position:relative;top:48px;padding:0 20px;background:var(--bg);font-size:22px;color:var(--accent)}.stop-strip{display:flex;justify-content:space-between;gap:20px;margin-top:70px;font-size:22px;border-top:1px solid var(--line);padding-top:23px}.stop-strip b{color:var(--accent)}
.harness-diagram{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center;padding:34px;border:2px solid var(--line)}.harness-center{display:grid;align-content:center;text-align:center;min-height:310px;border:2px solid var(--accent)}.harness-center h3{font-size:44px}.harness-cells{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px}.harness-cells h3{color:var(--accent);font-size:29px}.harness-cells p{font-size:23px}.harness-run{display:grid;grid-template-columns:1.35fr .85fr;gap:65px;align-items:center}.run-console{background:var(--night);color:var(--paper);border-radius:5px;overflow:hidden}.run-entry{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:21px 22px;font:21px/1.45 var(--mono);opacity:.24;border-bottom:1px solid #45414b;transition:opacity .3s,background .3s}.run-entry b{color:var(--glow);font-weight:400}.run-entry.active{opacity:1;background:#2b2531}.run-entry.done{opacity:.85}.run-side h3{font-size:38px;margin:18px 0 26px}.run-side p{font-size:25px;color:var(--muted);margin-top:20px}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 65px}.course-grid article{display:grid;grid-template-columns:60px 1fr;gap:8px 16px;border-top:2px solid var(--accent);padding-top:22px}.course-grid article>span{grid-row:1/3;font:22px var(--mono);color:var(--accent);padding-top:6px}.course-grid h3{font-size:31px}.course-grid p{font-size:24px;color:var(--muted)}.course-announcement{font-size:23px!important;margin-top:42px!important;color:var(--muted)}.course-announcement b{color:var(--accent)}
.closing-content{flex:1;display:flex;flex-direction:column;justify-content:center}.reveal .closing h1{font-size:146px;line-height:1.03}.reveal .questions{font:700 88px var(--display);color:var(--glow);margin-top:24px}.closing-content>a{margin-top:64px;font:29px var(--mono);color:var(--paper);text-decoration:none}
#design .text-row{padding:17px 0}
.style-demo.styled{background:var(--paper);font-family:Arial,sans-serif}
.style-demo.styled h3{font-family:Arial,sans-serif}
.style-demo.styled p,.style-demo.styled button{font-family:Arial,sans-serif}
.network-node{height:270px}
.network-nodes .connector{align-self:start;margin-top:67px}
[hidden]{display:none!important}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.present .heading{animation:rise-in .5s ease both}.present .portrait-pair figure{animation:rise-in .65s ease both}.present .portrait-pair figure:nth-child(2){animation-delay:.1s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media screen and (max-height:500px){.slide-footer{padding-right:240px}.reveal .controls{transform:scale(.65);transform-origin:bottom right;bottom:0}.reveal .slide-number{font-size:12px;right:72px;bottom:8px}}
/* Reveal wraps sections in .pdf-page during export. Keep stage styles on section itself. */
.title-slide{isolation:isolate}.title-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.title-slide .slide-frame{position:relative}.title-copy{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:790px}.reveal .title-copy h1{font-size:108px;line-height:1.04}.title-copy h1 span{display:block}.title-accent{color:var(--glow)}.reveal .title-kicker{font:19px var(--mono);text-transform:uppercase;color:var(--glow);margin-bottom:25px}.reveal .title-subline{font-size:25px;color:var(--paper);margin-top:30px;max-width:650px}.title-slide .slide-footer{color:var(--paper);padding-right:0}.title-slide .slide-footer a{color:var(--paper);background:rgba(17,15,23,.72);padding:8px 12px}.present .title-copy h1 span{animation:rise-in .7s ease both}.present .title-copy h1 span:nth-child(2){animation-delay:.12s}.present .title-copy h1 span:nth-child(3){animation-delay:.24s}
.vibe-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.origin{border-left:4px solid var(--accent);padding-left:30px}.origin h3{font-size:39px;line-height:1.22}.origin p{font-size:25px;color:var(--muted);margin:24px 0}.origin a{font-size:20px;color:var(--accent)}.human-message{font-size:30px!important;padding:26px;border:1px solid var(--line);border-radius:6px}.conversation-arrow{font-size:42px;color:var(--accent);text-align:center;padding:10px}.agent-message{padding:22px 26px;background:var(--mist);border-left:3px solid var(--accent)}.agent-message b{font-size:28px;display:block;margin-bottom:12px}.agent-message span{font-size:24px;color:var(--muted)}.principle-line{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:27px;color:var(--accent)}
.website-system{display:grid;grid-template-columns:1.1fr 110px 1fr 90px 1fr;gap:20px;align-items:center}.system-label{display:flex;align-items:center;gap:16px;margin-bottom:18px}.system-label>span{font:20px var(--mono);color:var(--accent)}.system-label h3{font-size:32px}.website-system>div>p{font-size:23px;color:var(--muted);margin-top:20px;min-height:66px}.system-arrow{text-align:center;font-size:17px;color:var(--muted)}.system-arrow b{font-size:46px;display:block;color:var(--accent);margin:16px 0}.mini-web,.service-example,.data-example{height:235px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.mini-web{background:var(--paper);color:var(--ink);padding:16px}.mini-web>img{width:100%;height:92px;object-fit:cover;object-position:center 44%;display:block}.mini-web>b{display:block;font-size:22px;margin:10px 0 5px}.mini-web>span{font-size:15px;display:block}.fake-button{font-size:15px;background:var(--ember-ink);color:white;display:inline-block;padding:8px 10px;margin-top:10px}.service-example{padding:28px 20px;display:flex;justify-content:center;flex-direction:column}.service-example>b{font-size:26px}.service-example>p{font-size:23px;color:var(--muted);margin-top:20px}.data-example{display:grid;grid-template-columns:1.5fr 1fr;padding:24px 16px;gap:8px 10px;align-items:center}.data-example>span{font:17px var(--mono);color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:12px}.data-example>b{font-size:21px;font-weight:400}
.request-comparison{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}.request-comparison>div{border-top:2px solid var(--line);padding-top:30px}.request-comparison>div:last-child{border-color:var(--accent)}.request-comparison h3{font-size:40px;line-height:1.22}.request-comparison>div:first-child h3{color:var(--muted)}.request-comparison p{font-size:26px;color:var(--muted);margin-top:28px}.precision-equation{display:flex;justify-content:space-between;font:25px var(--mono);color:var(--accent);border-top:1px solid var(--line);margin-top:58px;padding-top:27px}
.anatomy-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:66px;align-items:center}.annotated-page{border:1px solid #d5cfc7;border-radius:5px;overflow:hidden;background:var(--paper);color:var(--ink)}.annotation-number{display:inline-grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;background:var(--ember-ink);color:white;font:16px var(--mono)}.anatomy-nav{height:57px;display:flex;align-items:center;padding:0 18px;gap:14px;font-size:15px}.anatomy-nav>span:last-child{margin-left:auto;color:#62606a}.anatomy-hero{position:relative;height:264px;background:var(--night);isolation:isolate}.anatomy-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}.anatomy-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,15,23,.95),rgba(17,15,23,.12));z-index:-1}.image-number{position:absolute;right:20px;top:16px}.anatomy-copy{position:absolute;bottom:20px;left:24px;color:var(--paper)}.anatomy-copy>h3{font-size:40px;display:inline-block;vertical-align:middle;margin-left:10px}.anatomy-copy>p{font-size:20px;margin:12px 0 17px}.anatomy-cta{display:inline-flex;align-items:center;gap:12px;background:var(--ember-ink);padding:8px 16px;font-size:17px;border-radius:3px}.anatomy-cta .annotation-number{background:var(--paper);color:var(--ember-ink)}.anatomy-details{height:67px;padding:0 20px;display:flex;gap:40px;align-items:center;font-size:17px}.anatomy-footer{height:52px;border-top:1px solid #d5cfc7;display:flex;gap:16px;align-items:center;padding:0 20px;font-size:15px;color:#62606a}.anatomy-legend{display:flex;flex-direction:column;gap:5px}.anatomy-legend button{display:flex;text-align:left;align-items:center;gap:20px;padding:12px 14px;background:transparent;color:var(--fg);border:1px solid transparent;border-radius:4px}.anatomy-legend button>span{font:19px var(--mono);color:var(--accent);width:25px}.anatomy-legend b{display:block;font-size:25px;margin-bottom:7px}.anatomy-legend small{font-size:21px;color:var(--muted)}.anatomy-legend button[aria-pressed=true]{border-color:var(--accent);background:#27212c}.annotated-page .highlighted{outline:4px solid var(--glow);outline-offset:-4px}.annotated-page img.highlighted{outline:8px solid var(--glow);outline-offset:-8px}
.web-layers{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.layer-choices button{width:100%;display:grid;grid-template-columns:150px 1fr;gap:20px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--fg);padding:25px 16px}.layer-choices button>span{font:700 28px var(--display);color:var(--accent)}.layer-choices b{display:block;font-size:26px;margin-bottom:10px}.layer-choices small{font-size:22px;color:var(--muted);line-height:1.35;display:block}.layer-choices button[aria-pressed=true]{background:var(--mist);border-left:4px solid var(--accent);padding-left:12px}.reveal .layer-caption{font-size:22px;margin-top:24px;color:var(--accent)}.layer-result{height:440px;padding:24px;border:1px solid var(--line);background:white;color:#111;font-family:Georgia,serif;position:relative}.layer-label{font:14px var(--mono);display:block;color:#62606a;margin-bottom:18px}.layer-result h3{font:700 33px Georgia,serif;margin-bottom:15px}.layer-result img{width:100%;height:190px;object-fit:cover;object-position:center 76%;display:block}.layer-result p{font:20px/1.4 Georgia,serif;margin:18px 0}.layer-result button{font:18px Georgia,serif}.layer-result[data-layer=css],.layer-result[data-layer=js]{background:var(--paper);padding:28px;font-family:var(--body)}.layer-result[data-layer=css] h3,.layer-result[data-layer=js] h3{font:700 40px var(--display);color:var(--ink)}.layer-result[data-layer=css] p,.layer-result[data-layer=js] p{font-family:var(--body)}.layer-result[data-layer=css] button,.layer-result[data-layer=js] button{font:600 18px var(--body);background:var(--ember-ink);color:white;border:0;border-radius:3px;padding:11px 16px}.layer-result button:disabled{cursor:default}.layer-gallery{height:190px;overflow:hidden}.layer-gallery img[hidden]{display:none}.layer-gallery img:nth-child(2){object-position:center 55%}.layer-photo-controls{display:flex;align-items:center;gap:18px}.layer-photo-count{font:14px var(--mono);color:#62606a}.layer-result[data-layer=js] button{box-shadow:0 0 0 3px rgba(184,48,12,.13)}
.tool-logo{width:65px;height:65px;display:block;object-fit:contain}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px 44px}.tool-entry{border-top:1px solid var(--line);padding:21px 0 8px;text-decoration:none}.tool-entry .tool-logo{width:58px;height:58px;margin-bottom:15px}.tool-entry h3{font-size:28px;margin-bottom:8px}.tool-entry p{font-size:21px;line-height:1.35;color:var(--muted);max-width:290px}.tool-entry:hover h3{color:var(--accent)}.reveal .delegation-statement{font:700 49px/1.25 var(--display);margin:0 0 50px}.delegation-statement strong{color:var(--glow)}.delegation-columns,.growth-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.delegation-columns h3{font-size:31px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 60px}.rule{display:grid;grid-template-columns:45px 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px}.rule>span{font:21px var(--mono);color:var(--accent);padding-top:5px}.rule h3{font-size:29px;margin-bottom:10px}.rule p{font-size:24px;color:var(--muted)}
.publishing-path{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;gap:30px;align-items:center}.publishing-path>div{height:290px;border-top:2px solid var(--accent);padding:25px 0}.publishing-path .tool-logo,.github-example .tool-logo{filter:invert(1);height:61px;width:61px}.project-symbol{display:block;font:44px var(--mono);height:61px;color:var(--accent)}.publishing-path h3{font-size:35px;margin:24px 0 16px}.publishing-path p{font-size:25px;color:var(--muted);margin-bottom:14px}.publishing-path small{font-size:21px;color:var(--muted);line-height:1.35;display:block}.path-arrow{color:var(--accent);font-size:48px;text-align:center}.reveal .hosting-alternatives{font-size:23px;border-top:1px solid var(--line);padding-top:27px;margin-top:45px;color:var(--muted)}
.hack-preview{background:var(--paper);color:var(--ink);border:1px solid #d5cfc7;border-radius:5px;overflow:hidden;position:relative;min-height:416px}.hack-nav{height:45px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.hack-nav span{color:#62606a}.hack-hero{height:255px;position:relative;isolation:isolate;display:flex;align-items:end}.hack-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}.hack-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,15,23,.94),rgba(17,15,23,.05));z-index:-1}.hack-copy{padding:22px;color:var(--paper)}.hack-copy>span{font:12px var(--mono);color:var(--amber);text-transform:uppercase}.hack-copy h3{font-size:39px;margin:8px 0}.hack-copy p{font-size:17px;margin-bottom:15px}.hack-copy button{padding:10px 17px;font-size:16px;border:0;border-radius:3px;background:var(--ember-ink);color:white}.hack-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 22px}.hack-summary span{font-size:13px;color:#62606a}.hack-summary b{display:block;font-size:16px;color:var(--ink);margin-bottom:5px}.hack-foot{border-top:1px solid #d5cfc7;font-size:12px;padding:10px 22px;color:#62606a}.reveal .hack-plan{font-size:17px;padding:16px 22px;margin:0}.hack-preview:has(.hack-plan:not([hidden])) .hack-hero{height:210px}.project-brief .text-row{padding:16px 0}.project-brief .text-row h3{font-size:28px}.project-brief .text-row p{font-size:24px}.text-action{display:inline-block;font-size:22px;color:var(--accent);margin-top:22px}.setup-files{display:flex;flex-wrap:wrap;gap:20px 38px;align-items:center;border-top:1px solid var(--line);padding-top:30px;margin-top:47px;font:24px var(--mono);color:var(--accent)}.setup-files .small-label{width:100%;margin:0;color:var(--muted);font-size:16px}.reveal .setup-note{font-size:23px;color:var(--muted);margin-top:30px}.plan-wireframe{border:1px solid var(--line);font-size:23px}.plan-wireframe>div{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px}.plan-wireframe>div:last-child{border:0}.plan-wireframe span{font-size:19px;color:var(--muted)}.plan-wireframe .wire-hero{height:180px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:#211e28;color:var(--accent);font-size:33px}.wire-hero p{font-size:24px;color:var(--muted)}.plan-layout .text-row{padding:20px 0}.plan-layout .text-row h3{font-size:29px}.plan-layout .text-row p{font-size:24px}
.github-example{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:32px 0;margin-top:55px}.github-example>div{flex:1}.github-example b{display:block;font:28px var(--mono);margin-bottom:13px}.github-example span{display:block;font:19px var(--mono);color:var(--muted)}.github-example p{font-size:21px;color:var(--muted)}.github-example strong{font-weight:400;color:var(--accent)}.vercel-deploy{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}.deploy-sequence .text-row{padding:20px 0}.deploy-sequence h3{font-size:30px}.deploy-sequence p{font-size:24px}.deploy-settings{background:white;border:1px solid var(--line);border-radius:5px;padding:30px}.settings-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px}.settings-heading .tool-logo{width:37px;height:37px}.settings-heading h3{font-size:27px}.deploy-settings dl{margin:0}.deploy-settings dl>div{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;padding:19px 0;border-top:1px solid var(--line);font-size:23px}.deploy-settings dt{color:var(--muted)}.deploy-settings dd{margin:0;font:21px var(--mono);color:var(--ember-ink)}.deploy-settings>p{font-size:22px;margin-top:22px;color:var(--muted)}.live-link{border-left:4px solid var(--accent);padding:12px 30px;margin-bottom:47px}.live-link strong{display:block;font:48px var(--mono);margin:20px 0}.example-address{font-size:21px;color:var(--muted)}.faq-demo{height:420px;padding:28px 30px;border-top:3px solid var(--accent);background:white}.faq-demo>h3{font-size:31px;margin-bottom:20px}.faq-demo details{border-top:1px solid var(--line);padding:15px 0}.faq-demo summary{cursor:pointer;font-size:23px;font-weight:600;line-height:1.3}.faq-demo details p{font-size:20px;line-height:1.3;color:var(--muted);margin-top:10px}.growth-columns .text-row h3{font-size:33px;margin-bottom:20px}.growth-columns .text-row p{font-size:26px}.growth-note{margin-top:50px}.growth-note blockquote{font-size:31px}.showcase-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.showcase-prompts>div{border-top:2px solid var(--accent);padding-top:23px}.showcase-prompts span{font:25px var(--mono);color:var(--accent)}.showcase-prompts h3{font-size:36px;margin:32px 0 20px}.showcase-prompts p{font-size:26px;color:var(--muted)}.reveal .showcase-close{font-size:30px;color:var(--accent);margin-top:55px;border-top:1px solid var(--line);padding-top:28px}
.anatomy-legend{gap:4px}.anatomy-legend button{padding:8px 12px;line-height:1.2}.anatomy-legend b{font-size:24px;line-height:1.15;margin-bottom:5px}.anatomy-legend small{display:block;font-size:20px;line-height:1.28}
.hack-preview{height:470px;min-height:470px}
.minimal-title .topline{padding-bottom:0;height:100px;flex-basis:100px}
.minimal-title .welcome-week{display:flex;align-items:center;width:460px;height:100px;text-decoration:none}
.minimal-title .welcome-week img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.minimal-title .title-copy{max-width:1280px;padding:26px 0}
.minimal-title .title-copy::before{display:none}
.reveal .minimal-title h1{font-size:126px;line-height:1.04}
.reveal .minimal-title h1>span:first-child{font-size:90px;line-height:1.15;margin-bottom:12px}
.minimal-title .title-accent{color:var(--ember)}
.minimal-title .minimal-footer{min-height:1px;margin-top:0}
.title-geometry{position:absolute;right:76px;bottom:126px;width:432px;height:432px;display:block;pointer-events:none;background:transparent;border:0;outline:0;box-shadow:none}
.minimal-title .title-copy{position:relative;max-width:900px}
.tweet-layout{display:grid;grid-template-columns:825px 1fr;align-items:center;gap:60px}
.tweet-image-link{display:block;width:825px;height:627px}
.tweet-image-link img{display:block;width:100%;height:100%;object-fit:contain}
.tweet-caption .small-label{font-size:19px;margin-bottom:25px}
.reveal .tweet-caption h2{font-size:83px;line-height:1.04}
.reveal .tweet-caption>p{font-size:30px;margin-top:30px}
.tweet-lesson{margin-top:56px;padding-top:25px;border-top:2px solid var(--accent);font-size:29px;line-height:1.45}
.tweet-lesson strong{color:var(--ember-ink);font-weight:600}
.simple-system{display:grid;grid-template-columns:1fr 75px 1fr 75px 1fr;gap:30px;align-items:center}
.simple-part h3{font-size:36px;margin-bottom:12px}
.simple-part>p{font-size:25px;color:var(--muted);margin-bottom:25px}
.simple-arrow{font-size:55px;color:var(--glow);text-align:center;padding-top:100px}
.simple-signup,.simple-process,.simple-record{height:235px;padding:26px;border-top:2px solid var(--accent)}
.simple-signup{background:var(--paper);color:var(--ink)}
.simple-signup>span:first-child{display:block;font-size:19px;margin-bottom:12px;color:#62606a}
.simple-signup>b{display:block;border:1px solid #bbb6ae;padding:12px 15px;font-size:26px;font-weight:400}
.simple-signup .simple-join{display:inline-block;margin-top:18px;background:var(--ember-ink);color:white;padding:10px 27px;font-size:23px;border-radius:3px}
.simple-process{display:flex;align-items:center;font:700 34px/1.35 var(--display);background:#211e28}
.simple-record{background:#211e28}
.simple-record>span{display:block;font:21px var(--mono);color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:22px}
.simple-record>b{display:block;font-size:34px;font-weight:400;padding-top:25px}
html.print-pdf .reveal .slides section{padding:50px 76px 62px!important;height:900px!important;width:1600px!important;background:var(--bg)!important;color:var(--fg)!important}
html.print-pdf .reveal .slides section.introductions{padding:80px 190px 92px!important}
html.print-pdf .slide-frame{height:788px!important}
html.print-pdf .portrait-pair{height:728px!important}
html.print-pdf *{animation:none!important;transition:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
html.print-pdf .network-node,html.print-pdf .run-entry{opacity:1!important;transform:none!important}
html.print-pdf .slide-number-pdf{color:var(--ember)!important;background:transparent!important}
@media print{html,body{background:var(--night)!important}.reveal .slides section{break-inside:avoid}.reveal .slide-number{display:none!important}}