@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans-Semibold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#161613;--muted:#74746e;--subtle:#a2a29b;--paper:#fbfaf8;--white:#fff;--line:#23231f21;--orange:#ff7045;--header-height:108px;--page-gutter:clamp(26px, 7.4vw, 112px);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;min-width:320px}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;font-family:OpenAI Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}button,a{font:inherit}a,button{color:inherit}button,a,[tabindex]{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:2px solid #347cff}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--ink);color:#fff;padding:10px 14px;text-decoration:none;position:fixed;top:10px;left:16px;transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}.presentation-shell{min-height:100vh;overflow:clip}.presentation-header{z-index:20;min-height:var(--header-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fbfaf8f0;position:sticky;top:0}.header-topline{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:51px;padding:0 39px;display:grid}.wordmark{letter-spacing:-.04em;font-size:15px;font-weight:600;text-decoration:none}.wordmark span{color:var(--muted);letter-spacing:-.015em;margin-left:10px;font-size:12px;font-weight:400}.header-progress-label,.header-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.header-progress-label span+span{color:var(--subtle);margin-left:5px}.header-time{justify-self:end}.chapter-rail{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;min-height:56px;padding:0 34px;display:flex;overflow-x:auto}.chapter-link:first-child{margin-left:auto}.chapter-link:last-child{margin-right:auto}.chapter-rail::-webkit-scrollbar{display:none}.chapter-link{min-width:max-content;min-height:47px;color:var(--muted);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;text-decoration:none;transition:color .18s;display:flex;position:relative}.chapter-link>span:first-child{color:var(--subtle);font-variant-numeric:tabular-nums;font-size:11px}.chapter-link:after{z-index:2;background:var(--ink);content:"";opacity:0;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:11px;right:11px;transform:scaleX(.7)}.chapter-link.is-active,.chapter-link:hover{color:var(--ink)}.chapter-link.is-active:after{opacity:1;transform:scaleX(1)}.reading-progress{z-index:1;pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.reading-progress:after{width:var(--reading-progress);background:var(--orange);content:"";height:100%;transition:width 90ms linear;display:block}main{margin-top:0}.chapter{animation:.36s both chapter-enter}@keyframes chapter-enter{0%{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.presentation-controls{z-index:16;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf8f2;border:1px solid #24241f1c;align-items:center;height:45px;padding:0 5px;display:flex;position:fixed;bottom:27px;right:35px;box-shadow:0 9px 32px #1e191214}.presentation-controls button{cursor:pointer;background:0 0;border:0;width:37px;height:34px;font-size:19px}.presentation-controls button:disabled{color:#c3c1bc;cursor:not-allowed}.presentation-controls>span{min-width:62px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:11px}.opening-frame{min-height:min(815px, calc(100svh - var(--header-height)));padding:54px var(--page-gutter) 75px;background:var(--white);flex-direction:column;justify-content:space-between;display:flex}.opening-topline{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.opening-title-wrap{padding:75px 0 60px}.opening-title{letter-spacing:-.089em;margin:0;font-size:clamp(56px,7.3vw,112px);font-weight:500;line-height:.95}.opening-title>span{letter-spacing:-.067em;margin-top:23px;font-size:clamp(24px,2.8vw,42px);font-weight:400;display:block}.opening-deck{max-width:585px;color:var(--muted);margin:35px 0 0;font-size:clamp(17px,1.8vw,23px);line-height:1.55}.presenter-line{gap:19px;font-size:15px;display:flex}.presenter-line span+span{color:var(--muted)}.cosmos-statement,.loop-hero,.wrap-hero{color:#fff;background:#060b15;position:relative;overflow:hidden}.cosmos-statement{min-height:clamp(580px,72vw,870px)}.cosmos-statement>img,.loop-hero>img,.wrap-hero>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cosmos-statement>img{object-position:65% center}.cosmos-statement:after,.loop-hero:after,.wrap-hero:after{content:"";background:linear-gradient(90deg,#04080fcc,#04080f1f 77%);position:absolute;inset:0}.cosmos-statement-copy,.loop-hero-content,.wrap-hero-copy{z-index:1;position:relative}.cosmos-statement-copy{min-height:inherit;padding:110px var(--page-gutter);align-items:center;display:flex}.cosmos-statement-copy>div{max-width:790px}.cosmos-statement-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(32px,4.1vw,58px);font-weight:400;line-height:1.08}.cosmos-statement-copy ul{color:#ffffffad;gap:13px;margin:34px 0 0;padding:0;font-size:clamp(16px,1.7vw,21px);line-height:1.5;list-style:none;display:grid}.cosmos-statement-copy li{padding-left:22px;position:relative}.cosmos-statement-copy li:before{content:"";background:#ffffffb3;width:7px;height:1px;position:absolute;top:.72em;left:0}.content-section{padding:142px var(--page-gutter)}.content-section+.content-section{border-top:1px solid var(--line)}.section-heading{grid-template-columns:88px minmax(0,1fr);align-items:start;max-width:1020px;margin-bottom:73px;display:grid}.section-heading>div{min-width:0}.section-heading-no-number>div{grid-column:2}.section-number{color:var(--muted);padding-top:11px;font-size:14px}.section-heading h2{letter-spacing:-.078em;margin:0;font-size:clamp(36px,5vw,69px);font-weight:400;line-height:1.075}.section-heading p{max-width:720px;color:var(--muted);margin:19px 0 0;font-size:18px;line-height:1.7}.outcome-grid,.principle-grid,.lab-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:73px 88px;margin-left:88px;display:grid}.outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:62px 54px}.outcome-item>span,.principle-grid>div>span,.lab-capabilities>div>span{color:var(--subtle);margin-bottom:24px;font-size:13px;display:block}.outcome-icon{color:#73618c;margin-bottom:23px;display:block}.outcome-item h3,.principle-grid h3,.lab-capabilities h3{letter-spacing:-.045em;margin:0 0 11px;font-size:22px;font-weight:500}.outcome-item p,.principle-grid p,.lab-capabilities p{max-width:450px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.sites-overview-copy,.sites-lifecycle-steps,.sites-lifecycle-note,.frontend-lab-preview,.homework-list{margin-left:88px}.sites-overview-copy{max-width:845px}.sites-overview-copy p{color:var(--muted);margin:0 0 21px;font-size:18px;line-height:1.85}.sites-overview-copy p:last-child{margin-bottom:0}.sites-lifecycle{background:#f5f4f1}.sites-lifecycle-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;display:grid}.sites-lifecycle-steps>div{border-top:1px solid #24232036;padding-top:19px;position:relative}.sites-lifecycle-steps>div:before{content:"";background:#8a72a9;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:0}.sites-lifecycle-steps strong{letter-spacing:-.035em;font-size:16px;font-weight:500}.sites-lifecycle-steps p{color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.7}.sites-lifecycle-note{color:var(--muted);margin-top:38px;font-size:13px}.sites-principles .section-heading{grid-template-columns:1fr;padding-left:88px}.sites-feature-icon{color:#73618c;margin-bottom:23px;display:block}.examples-overview{background:#f5f4f1}.example-list,.schedule-table,.critique-list,.external-examples,.recap-list{margin-left:88px}.example-list-item,.recap-list>div{border-top:1px solid var(--line);grid-template-columns:60px minmax(210px,.9fr) minmax(0,1.2fr);align-items:center;gap:28px;min-height:114px;display:grid}.example-list-item:last-child,.recap-list>div:last-child{border-bottom:1px solid var(--line)}.example-list-item>span,.recap-list>div>span{color:var(--subtle);font-size:13px}.example-list-item h3,.recap-list h3{letter-spacing:-.055em;margin:0;font-size:25px;font-weight:400}.example-list-item p,.recap-list p{color:var(--muted);margin:0;font-size:15px}.day-schedule{background:var(--white)}.schedule-row{border-top:1px solid var(--line);grid-template-columns:132px minmax(0,1fr) 80px;align-items:center;min-height:82px;display:grid}.schedule-row:last-child{border-bottom:1px solid var(--line)}.schedule-row>span:first-child{font-variant-numeric:tabular-nums;font-size:16px}.schedule-row>span:nth-child(2){font-size:17px}.schedule-row>span:last-child{color:var(--muted);text-align:right;font-size:13px}.schedule-break>span:nth-child(2){color:var(--muted)}.schedule-finish{color:var(--muted);margin:23px 0 0 88px;font-size:13px}.chapter-intro{min-height:min(675px, calc(100svh - var(--header-height)));padding:75px var(--page-gutter) 103px;background:var(--white)}.chapter-intro-meta{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.chapter-title{letter-spacing:-.085em;max-width:1180px;margin:116px 0 25px;font-size:clamp(54px,7.4vw,104px);font-weight:400;line-height:.99}.chapter-description{max-width:790px;color:var(--muted);margin:0;font-size:clamp(18px,2.2vw,25px);line-height:1.62}.travel-feature{color:#fff;background:#090913;min-height:min(905px,74vw);position:relative;overflow:hidden}.travel-feature>img{object-fit:cover;object-position:center 43%;width:100%;height:100%;position:absolute}.travel-feature:after{content:"";background:linear-gradient(#0000,#08070ced);position:absolute;inset:38% 0 0}.travel-feature-caption{z-index:1;right:var(--page-gutter);bottom:64px;left:var(--page-gutter);justify-content:space-between;align-items:end;display:flex;position:absolute}.travel-feature-caption span{color:#ffffffab;font-size:13px}.travel-feature-caption h2{letter-spacing:-.075em;margin:10px 0 0;font-size:clamp(44px,6.2vw,83px);font-weight:400;line-height:1}.travel-feature-caption>p{color:#ffffffba;margin:0 0 5px}.idea-experience-caption>div:last-child{text-align:right;max-width:470px}.idea-experience-caption p{color:#ffffffba;margin:0 0 18px}.idea-experience-caption a{color:#fff;align-items:center;gap:7px;font-size:13px;text-decoration:none;display:inline-flex}.idea-experience-caption a:hover{text-underline-offset:4px;text-decoration:underline}.idea-principles,.idea-stages,.idea-goal-notes{margin-left:88px;display:grid}.idea-principles,.idea-goal-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 70px}.idea-principles>div,.idea-goal-notes>div{border-top:1px solid var(--line);padding-top:22px}.idea-principles h3,.idea-goal-notes h3,.idea-stages h3{letter-spacing:-.045em;margin:0 0 11px;font-size:22px;font-weight:500}.idea-principles p,.idea-goal-notes p,.idea-stages p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.idea-stages-section{background:#f5f4f1}.idea-stages{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}.idea-stages>div{border-right:1px solid var(--line);min-height:260px;padding:24px 34px 30px 0}.idea-stages>div+div{padding-left:34px}.idea-stages>div:last-child{border-right:0}.idea-stages span{color:var(--subtle);margin-bottom:57px;font-size:12px;display:block}.idea-goal-notes{margin-bottom:70px}.travel-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:47px 28px;display:grid}.travel-stop{min-width:0;margin:0}.travel-stop-image{aspect-ratio:1.94;background:#121014;overflow:hidden}.travel-stop:last-child{grid-column:1/-1}.travel-stop-image>img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.travel-stop:hover .travel-stop-image>img{transform:scale(1.045)}.travel-stop figcaption{padding-top:16px}.travel-stop figcaption>span{color:var(--subtle);font-size:12px}.travel-stop h3{letter-spacing:-.05em;margin:5px 0 1px;font-size:22px;font-weight:500}.travel-stop p{color:var(--muted);margin:0;font-size:13px}.travel-stop p+p{margin-top:10px;font-size:12px;line-height:1.65}.fine-note{color:var(--muted);margin:35px 0 0;font-size:13px}.contrast-section{background:#f5f4f1}.prompt-contrast{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:88px;display:grid}.prompt-contrast-half{min-height:320px;padding:0 45px 0 0}.prompt-contrast-half+.prompt-contrast-half{border-left:1px solid var(--line);padding:0 0 0 51px}.prompt-contrast-half>span{color:var(--muted);font-size:13px}.prompt-contrast-half blockquote{letter-spacing:-.058em;margin:34px 0 28px;font-size:clamp(25px,3vw,40px);font-weight:400;line-height:1.3}.contrast-weak blockquote{color:var(--muted)}.prompt-contrast-half>p{color:var(--muted);font-size:14px;line-height:1.7}.avoid-list{flex-wrap:wrap;gap:15px 45px;margin-left:88px;display:flex}.avoid-list>span{color:var(--muted);padding:10px 0;font-size:17px;-webkit-text-decoration:line-through #ff7045bf;text-decoration:line-through #ff7045bf;text-decoration-thickness:1px}.prompt-composition{grid-template-columns:132px minmax(0,1fr);column-gap:17px;display:grid}.prompt-block{grid-column:2;grid-template-rows:subgrid;border:1px solid var(--line);background:var(--white);display:grid;overflow:hidden}.prompt-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:61px;padding:0 23px;display:flex}.prompt-topline>span{font-size:13px}.prompt-topline button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:12px}.prompt-section-row{color:#31312e;overflow-wrap:anywhere;tab-size:2;white-space:pre-wrap;min-width:0;margin:0;padding:7px 25px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.8}.prompt-section-row:first-of-type{padding-top:28px}.prompt-section-row:last-of-type{padding-bottom:32px}.prompt-section-row+.prompt-section-row{padding-top:12px}.prompt-section-guide{border-left:1px solid var(--prompt-section-color);-webkit-user-select:none;user-select:none;grid-column:1;align-self:stretch;align-items:center;min-height:30px;margin:5px 0;padding:5px 0 5px 12px;display:flex;position:relative}.prompt-section-guide-first{margin-top:28px}.prompt-section-guide-last{margin-bottom:32px}.prompt-section-guide:before,.prompt-section-guide:after{background:var(--prompt-section-color);content:"";width:8px;height:1px;position:absolute;left:-1px}.prompt-section-guide:before{top:0}.prompt-section-guide:after{bottom:0}.prompt-section-guide>span{color:var(--prompt-section-color);letter-spacing:-.01em;font-family:OpenAI Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:500;line-height:1.4}.critique-row{border-top:1px solid var(--line);grid-template-columns:164px 1fr;align-items:center;gap:24px;min-height:77px;display:grid}.critique-row:last-child{border-bottom:1px solid var(--line)}.critique-row>span{font-size:15px}.critique-row p{color:var(--muted);margin:0;font-size:14px}.critique-section>.prompt-composition{margin-top:65px}.sites-intro-split{background:#f1eff5;grid-template-columns:.88fr 1.12fr;min-height:665px;display:grid}.sites-landing-section{background:#f1eee7}.sites-landing-preview{background:#e7e2d7;border:1px solid #3d393024;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);margin-left:88px;display:grid}.sites-landing-preview>img{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:420px}.sites-landing-preview>div{flex-direction:column;justify-content:flex-end;padding:42px 36px;display:flex}.sites-landing-preview span{color:#746f64;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.sites-landing-preview h3{letter-spacing:-.055em;margin:17px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:400}.sites-landing-preview p{color:#625f57;margin:0;font-size:14px;line-height:1.75}.sites-landing-steps,.mission-build-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px;margin:70px 0 0 88px;display:grid}.sites-landing-steps>div,.mission-build-steps>div{border-top:1px solid #2c29232e;min-height:205px;padding:22px 0 31px}.sites-landing-steps span,.mission-build-steps span{color:var(--subtle);font-size:11px}.sites-landing-steps h3,.mission-build-steps h3{letter-spacing:-.045em;margin:31px 0 10px;font-size:21px;font-weight:500}.sites-landing-steps p,.mission-build-steps p{color:var(--muted);margin:0;font-size:13px;line-height:1.72}.sites-landing-prompt{margin-top:95px}.sites-overview .sites-lifecycle-steps{margin-top:75px}.sites-overview .sites-lifecycle-note+.section-heading,.sites-auth-storage{margin-top:120px}.sites-auth-storage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;margin-left:88px;display:grid}.sites-auth-storage-grid>div{border-top:1px solid #2c29232e;padding:29px 0 9px}.sites-auth-storage-grid h3{letter-spacing:-.045em;margin:0 0 11px;font-size:22px;font-weight:500}.sites-auth-storage-grid p{max-width:470px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.sites-auth-storage+.section-heading{margin-top:120px}.sites-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-left:88px;display:grid}.sites-feature-cards>div{background:#f8f7f4;border:1px solid #2c292329;min-height:270px;padding:27px 28px 31px}.sites-feature-cards h3{letter-spacing:-.045em;margin:68px 0 11px;font-size:22px;font-weight:500}.sites-feature-cards p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.sites-followup-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:88px;display:grid}.sites-followup-grid>div{min-height:285px;padding:27px 34px 36px 0}.sites-followup-grid>div+div{border-left:1px solid var(--line);padding-left:34px}.sites-followup-grid svg,.sites-automation-layout svg{color:#786391}.sites-followup-grid h3{letter-spacing:-.05em;margin:72px 0 11px;font-size:23px;font-weight:500}.sites-followup-grid p,.sites-automation-layout p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.sites-automations-section{background:#efedf4}.sites-automation-layout{border-top:1px solid #2c29232e;border-bottom:1px solid #2c29232e;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:80px;margin-left:88px;padding:33px 0 37px;display:grid}.sites-automation-layout h3{letter-spacing:-.065em;max-width:460px;margin:58px 0 0;font-size:clamp(28px,3.5vw,47px);font-weight:400;line-height:1.08}.sites-automation-layout>div+div{padding-top:91px}.mission-build-steps+.section-heading{margin-top:100px}.sites-intro-copy{padding:75px 62px 75px var(--page-gutter);align-self:center}.sites-intro-copy>span{color:var(--muted);font-size:13px}.sites-intro-copy h2{letter-spacing:-.1em;margin:31px 0 17px;font-size:clamp(74px,10vw,142px);font-weight:400;line-height:.84}.sites-intro-copy>p{max-width:415px;color:var(--muted);font-size:17px;line-height:1.65}.moodboard-figure{min-height:580px;margin:0;position:relative}.moodboard-figure img{object-fit:cover;width:100%;height:100%}.moodboard-figure figcaption{color:#393936;background:#ffffffe0;padding:7px 11px;font-size:11px;position:absolute;bottom:14px;right:16px}.mission-board{background:#fff;border:1px solid #28233917;padding:28px;overflow-x:auto}.mission-board-topline{justify-content:space-between;padding-bottom:20px;font-size:15px;display:flex}.mission-board-topline>span+span{color:var(--muted);font-size:12px}.mission-board-columns{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:780px;display:grid}.mission-board-column{min-height:196px;padding:14px 11px}.mission-coral{background:#ffe8e3}.mission-violet{background:#eee7ff}.mission-amber{background:#fff3d6}.mission-lime{background:#eff6da}.mission-blue{background:#e6ebff}.mission-column-title{justify-content:space-between;margin-bottom:15px;font-size:12px;font-weight:500;display:flex}.mission-column-title>span+span{color:var(--muted)}.mission-board-column>p{background:#ffffffad;margin:7px 0 0;padding:10px 8px;font-size:11px;line-height:1.5}.mission-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 52px;margin:54px 0 0 88px;display:grid}.mission-view{border-top:1px solid var(--line);grid-template-columns:19px minmax(0,1fr);gap:15px;min-height:107px;padding:18px 0;display:grid}.mission-view-icon{color:#786391;margin-top:2px}.mission-view h3{letter-spacing:-.035em;margin:0 0 7px;font-size:16px;font-weight:500}.mission-view p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.mission-demo-note{max-width:810px;color:var(--muted);margin:39px 0 0 88px;font-size:13px;line-height:1.75}.mission-prompt-intro{margin:86px 0 27px 88px}.mission-prompt-intro h3{letter-spacing:-.045em;margin:0 0 9px;font-size:24px;font-weight:500}.mission-prompt-intro p{max-width:670px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.honesty-section{color:#fff;background:#151515}.honesty-layout{grid-template-columns:.95fr 1.05fr;gap:95px;display:grid}.honesty-layout>div:first-child>span,.two-users-copy>span{color:#ffffffa8;font-size:13px}.honesty-layout h2{letter-spacing:-.08em;max-width:535px;margin:44px 0 0;font-size:clamp(54px,6.5vw,87px);font-weight:400;line-height:1.025}.honesty-layout>div+div>p{color:#ffffffbd;margin:0 0 24px;font-size:16px;line-height:1.8}.integration-status span{color:#fff}.lunch-intermission{text-align:center;background:#f0ede8;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:90px 30px;display:flex}.lunch-intermission>span,.lunch-intermission>p{color:var(--muted)}.lunch-intermission>span{font-size:14px}.lunch-intermission>h2{letter-spacing:-.09em;margin:27px 0 0;font-size:clamp(75px,13vw,158px);font-weight:300;line-height:.95}.lunch-intermission>p{margin-top:17px}.loop-hero{min-height:calc(100svh - var(--header-height))}.loop-hero>img{object-position:center 35%;transform-origin:0 100%;transform:scale(1.18)}.loop-hero:after{background:linear-gradient(90deg,#040810de,#04081047)}.loop-hero-content{min-height:inherit;padding:73px var(--page-gutter) 92px;flex-direction:column;justify-content:center;display:flex}.loop-hero .chapter-intro-meta{top:66px;right:var(--page-gutter);left:var(--page-gutter);color:#ffffffc7;position:absolute}.loop-hero h1,.wrap-hero h1{letter-spacing:-.095em;margin:0;font-size:clamp(64px,9.4vw,124px);font-weight:400;line-height:.9}.loop-hero-content>p{color:#ffffffc7;margin:27px 0 0;font-size:clamp(18px,2.1vw,26px)}.chapter-loop .content-section{color:#fff;background:#151515}.chapter-loop .content-section+.content-section{border-color:#ffffff26}.chapter-loop .section-number,.chapter-loop .section-heading p{color:#ffffffa3}.loop-sequence{margin-left:88px}.loop-step{border-top:1px solid #ffffff2b;grid-template-columns:68px 230px 1fr;align-items:center;gap:27px;min-height:116px;display:grid}.loop-step:last-child{border-bottom:1px solid #ffffff2b}.loop-step>span{color:#ffffff80;font-size:13px}.loop-step h3{letter-spacing:-.07em;margin:0;font-size:37px;font-weight:400}.loop-step p{color:#ffffffb0;margin:0;font-size:14px;line-height:1.65}.loop-foundations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 78px;margin-left:88px;display:grid}.loop-foundation-icon{color:#baa8d7;margin-bottom:17px}.loop-foundation h3{letter-spacing:-.045em;margin:0 0 9px;font-size:20px;font-weight:500}.loop-foundation p{color:#ffffffab;max-width:445px;margin:0;font-size:14px;line-height:1.75}.loop-contract{border-top:1px solid #ffffff30;grid-template-columns:.7fr 1.3fr;margin:79px 0 0 88px;display:grid}.loop-contract>div{padding-top:23px}.loop-contract>div+div{border-left:1px solid #ffffff26;padding-left:35px}.loop-contract>div>span,.loop-ownership-grid>div>span{color:#ffffff8f;font-size:12px}.loop-contract>div>p{margin:13px 0 0;font-size:14px;line-height:1.8}.loop-source-link{color:#cfbddf;align-items:center;gap:7px;margin:31px 0 0 88px;font-size:13px;text-decoration:none;display:inline-flex}.loop-source-link:hover{text-decoration:underline}.loop-ownership-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:66px;margin-left:88px;display:grid}.loop-ownership-grid>div{border-top:1px solid #fff3;padding-top:19px}.loop-ownership-grid h3{letter-spacing:-.06em;margin:15px 0 17px;font-size:27px;font-weight:400}.loop-ownership-grid ul{color:#ffffffb3;gap:10px;margin:0;padding-left:18px;font-size:13px;line-height:1.75;display:grid}.loop-tooling-note{color:#ffffffb0;max-width:890px;margin:44px 0 0 88px;font-size:13px;line-height:1.8}.loop-tooling-note strong{color:#ffffffe0;font-weight:500}.viewport-inspector{border:1px solid #fff3;margin-left:88px;padding:32px 36px 39px}.viewport-selector{gap:12px;display:flex}.viewport-selector button,.action-buttons button,.demo-mode-switch button,.season-switch button{color:#ffffffc7;cursor:pointer;background:0 0;border:1px solid #ffffff42;padding:9px 14px;font-size:13px}.viewport-selector button.is-selected{color:var(--ink);background:#fff;border-color:#fff}.viewport-reading{margin-top:43px}.viewport-reading>span{color:#ffffff9c;font-size:13px}.viewport-reading h3{letter-spacing:-.05em;max-width:750px;margin:15px 0 12px;font-size:28px;font-weight:400;line-height:1.35}.viewport-reading>p{color:#ffffffad;max-width:730px;margin:0;font-size:14px;line-height:1.7}.debug-checklist{margin:48px 0 0 88px}.debug-checklist h3{margin:0 0 16px;font-size:19px;font-weight:400}.debug-checklist ul{color:#ffffffbd;margin:0;padding-left:20px;font-size:14px;line-height:2}.prompt-block-dark{background:#1e1e1e;border-color:#ffffff30}.prompt-block-dark .prompt-topline{border-color:#ffffff30}.prompt-block-dark .prompt-topline button,.prompt-block-dark .prompt-section-row{color:#fffc}.debug-case-study{background:#0d0d0d;border:1px solid #ffffff2e;margin:0 0 56px 88px;overflow:hidden}.debug-case-study>img{aspect-ratio:1.96;object-fit:cover;width:100%;display:block}.debug-case-study>figcaption{border-top:1px solid #ffffff2e;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.debug-case-study>figcaption>div{min-height:112px;padding:21px 25px 24px}.debug-case-study>figcaption>div+div{border-left:1px solid #ffffff2e}.debug-case-study span,.goal-review-order span,.debug-verify-list span{color:#ffffff7a;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.debug-case-study p{color:#ffffffbd;margin:25px 0 0;font-size:14px;line-height:1.6}.debug-evidence{margin:79px 0 0 88px}.debug-evidence>h3{letter-spacing:-.05em;margin:0 0 29px;font-size:24px;font-weight:400}.debug-evidence-grid{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.debug-evidence-grid>div{min-height:240px;padding:26px 24px 30px 0}.debug-evidence-grid>div+div{border-left:1px solid #ffffff26;padding-left:24px}.debug-evidence-grid svg{color:#c0add4}.debug-evidence-grid h4{letter-spacing:-.05em;margin:64px 0 10px;font-size:20px;font-weight:400}.debug-evidence-grid p{color:#ffffffab;margin:0;font-size:13px;line-height:1.72}.debug-verify-list{border-top:1px solid #ffffff2e;margin-left:88px}.debug-verify-list>div{border-bottom:1px solid #ffffff2e;grid-template-columns:68px minmax(210px,.48fr) minmax(0,1fr);align-items:center;gap:27px;min-height:116px;display:grid}.debug-verify-list h3{letter-spacing:-.055em;margin:0;font-size:25px;font-weight:400}.debug-verify-list p{color:#ffffffab;margin:0;font-size:13px;line-height:1.72}.existing-projects-hero{min-height:calc(100svh - var(--header-height));padding:120px var(--page-gutter) 88px;background:#e9e4da;align-items:center;display:flex;position:relative;overflow:hidden}.existing-projects-hero:before{content:none}.existing-projects-hero .chapter-intro-meta{top:66px;right:var(--page-gutter);left:var(--page-gutter);position:absolute}.existing-projects-title{z-index:1;max-width:980px;position:relative}.existing-projects-title h1{letter-spacing:-.1em;margin:0;font-size:clamp(70px,9.5vw,126px);font-weight:400;line-height:.88}.existing-projects-title p{color:#565b58;max-width:760px;margin:34px 0 0;font-size:clamp(17px,1.55vw,21px);line-height:1.65}.existing-projects-tree{z-index:1;color:#fff;background:#17201f;padding:13px 28px 20px;position:relative}.existing-projects-tree>div{border-bottom:1px solid #ffffff26;grid-template-columns:34px 128px 1fr;align-items:center;gap:15px;min-height:92px;display:grid}.existing-projects-tree>div:last-child{border-bottom:0}.existing-projects-tree span{color:#ffffff75;font-size:11px}.existing-projects-tree strong{font-size:13px;font-weight:500;line-height:1.35}.existing-projects-tree p{color:#ffffff9e;margin:0;font-size:11px;line-height:1.6}.existing-timing{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));margin-left:88px;display:grid}.existing-timing>div{border-right:1px solid var(--line);min-height:245px;padding:22px 24px 24px 0}.existing-timing>div+div{padding-left:24px}.existing-timing>div:last-child{border-right:0}.existing-timing span{color:#6e706c;font-size:12px}.existing-timing h3{letter-spacing:-.045em;margin:31px 0 11px;font-size:22px;font-weight:500}.existing-timing p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.existing-system-section{background:#dfe7e2}.existing-read-grid,.existing-scope-grid,.existing-verify-grid{margin-left:88px;display:grid}.existing-read-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}.existing-scope-grid,.existing-verify-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}.existing-scope-section{background:#f3f0ea}.existing-read-grid>div,.existing-scope-grid>div,.existing-verify-grid>div{border-top:1px solid var(--line);min-height:235px;padding:24px 32px 30px 0}.existing-read-grid>div{border-top:0;border-right:1px solid var(--line)}.existing-read-grid>div+div{padding-left:32px}.existing-read-grid>div:last-child{border-right:0}.existing-read-grid span,.existing-scope-grid span,.existing-verify-grid span{color:var(--subtle);font-size:11px}.existing-read-grid h3,.existing-scope-grid h3,.existing-verify-grid h3{letter-spacing:-.045em;margin:42px 0 11px;font-size:22px;font-weight:500}.existing-read-grid p,.existing-scope-grid p,.existing-verify-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.72}.existing-system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 54px;margin-left:88px;display:grid}.existing-system-item{border-top:1px solid #1c272430;min-height:225px;padding:24px 0 29px}.existing-system-item>svg{color:#49655e}.existing-system-item h3{letter-spacing:-.045em;margin:31px 0 10px;font-size:21px;font-weight:500}.existing-system-item p{color:#57645f;max-width:350px;margin:0;font-size:13px;line-height:1.72}.existing-system-note{letter-spacing:-.05em;max-width:750px;margin:54px 0 0 88px;font-size:27px;line-height:1.35}.existing-case-study-section{color:#fff;background:#17201f}.existing-case-study-section .section-number,.existing-case-study-section .section-heading p{color:#ffffff9e}.existing-case-study{border-top:1px solid #ffffff2e;margin-left:88px}.existing-case-study>div{border-bottom:1px solid #ffffff2e;grid-template-columns:72px minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:30px;min-height:128px;display:grid}.existing-case-study span{color:#ffffff6b;font-size:12px}.existing-case-study h3{letter-spacing:-.05em;margin:0;font-size:23px;font-weight:400}.existing-case-study p{color:#ffffffa8;max-width:600px;margin:0;font-size:13px;line-height:1.7}.user-insights-system{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:54px;margin:60px 0 0 88px;padding:34px 0 38px;display:grid}.user-insights-system>div:first-child>span{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.user-insights-system h3{color:#f1eee6;letter-spacing:-.055em;margin:15px 0 10px;font-size:28px;font-weight:400}.user-insights-system p{color:#f1eee6a8;max-width:550px;margin:0;font-size:13px;line-height:1.72}.user-insights-swatches{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px;display:grid}.user-insights-swatches>div{flex-direction:column;gap:10px;min-width:0;display:flex}.user-insights-swatches i{border:1px solid #ffffff29;height:68px;display:block}.user-insights-swatches span{color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.existing-boundary-note{border-top:1px solid #ffffff2e;grid-template-columns:.55fr 1.45fr;gap:38px;max-width:900px;margin:60px 0 0 88px;padding-top:24px;display:grid}.existing-boundary-note strong{font-size:14px;font-weight:500}.existing-boundary-note p{color:#ffffffab;margin:0;font-size:13px;line-height:1.75}.existing-context-section{background:#dfe7e2}.existing-context-grid{border-top:1px solid #1c272430;border-bottom:1px solid #1c272430;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:88px;display:grid}.existing-context-grid>div{min-height:275px;padding:27px 25px 31px 0}.existing-context-grid>div+div{border-left:1px solid #1c272429;padding-left:25px}.existing-context-grid svg{color:#49655e}.existing-context-grid h3,.existing-review-grid h3{letter-spacing:-.045em;margin:70px 0 11px;font-size:21px;font-weight:500}.existing-context-grid p,.existing-review-grid p{color:#57645f;margin:0;font-size:13px;line-height:1.72}.existing-context-note,.existing-review-note{letter-spacing:-.05em;max-width:900px;margin:57px 0 0 88px;font-size:27px;line-height:1.35}.existing-context-note p,.existing-review-note{margin-bottom:0}.existing-context-note strong{font-weight:500}.existing-feature-section{color:#fff;background:#17201f}.existing-feature-section .section-number,.existing-feature-section .section-heading p{color:#ffffff9e}.existing-feature-brief{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);margin:0 0 70px 88px;display:grid}.existing-feature-brief>div:first-child{padding:28px 38px 36px 0}.existing-feature-brief>div:first-child>span{color:#ffffff7a;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.existing-feature-brief h3{color:#f1eee6;letter-spacing:-.06em;margin:78px 0 12px;font-size:31px;font-weight:400}.existing-feature-brief>div:first-child>p{color:#f1eee6ad;max-width:410px;margin:0;font-size:13px;line-height:1.72}.existing-feature-requirements{border-left:1px solid #ffffff29;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.existing-feature-requirements>div{min-height:148px;padding:27px 26px 28px}.existing-feature-requirements>div:nth-child(2n){border-left:1px solid #ffffff29}.existing-feature-requirements>div:nth-child(n+3){border-top:1px solid #ffffff29}.existing-feature-requirements strong{color:#ffffffe6;font-size:13px;font-weight:500}.existing-feature-requirements p{color:#ffffffa3;margin:24px 0 0;font-size:12px;line-height:1.68}.existing-feature-section .prompt-block-dark{background:#111817}.existing-review-section{background:#f3f0ea}.existing-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 52px;margin-left:88px;display:grid}.existing-review-grid>div{border-top:1px solid var(--line);min-height:235px;padding:25px 0 30px}.existing-review-grid svg{color:#49655e}.existing-review-grid h3{margin-top:51px}.existing-review-note{color:var(--ink)}.living-hero{min-height:min(820px, calc(100svh - var(--header-height)));padding:83px var(--page-gutter) 95px;background:#efece7;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.living-hero .chapter-intro-meta{top:66px;right:var(--page-gutter);left:var(--page-gutter);position:absolute}.living-hero h1{z-index:2;letter-spacing:-.098em;margin:68px 0 0;font-size:clamp(64px,8.8vw,124px);font-weight:400;line-height:.95;position:relative}.living-hero h1 span{color:#8057b9}.living-hero>p{z-index:2;max-width:750px;color:var(--muted);margin:26px 0 0;font-size:clamp(17px,2vw,23px);line-height:1.7;position:relative}.living-orbit{border:1px solid #68468824;border-radius:50%;width:68vw;height:68vw;position:absolute;top:10%;right:-27%}.living-orbit-b{width:53vw;height:53vw;top:22%;right:-24%}.living-demo{border:1px solid var(--line);background:#fff;margin-left:88px}.living-demo-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:71px;padding:10px 16px;display:flex}.demo-mode-switch,.season-switch{flex-wrap:wrap;gap:5px;display:flex}.demo-mode-switch button,.season-switch button,.action-buttons button{border-color:var(--line);color:var(--muted);font-size:12px}.demo-mode-switch button[aria-pressed=true],.season-switch button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.season-switch button:disabled{color:#adaba6;cursor:not-allowed}.living-scene{background:#dbe8e2;align-items:flex-end;min-height:420px;padding:46px;transition:background .42s;display:flex;position:relative;overflow:hidden}.living-scene-autumn{background:#ecd8c9}.living-scene-night{color:#fff;background:#282841}.scene-sun{background:#f6d19f;border-radius:50%;width:92px;height:92px;transition:transform .56s,background .42s;position:absolute;top:65px;right:15%}.living-scene-autumn .scene-sun{background:#dba475;transform:translate(-36px,33px)}.living-scene-night .scene-sun{background:#e8e2c7;transform:translate(-80px,-10px)scale(.7)}.scene-hill{background:#a9bba6;border-radius:50%;height:395px;transition:background .42s,transform .56s;position:absolute;bottom:-290px;left:-20%;right:-15%;transform:rotate(-7deg)}.scene-hill-back{background:#bfcdb9;bottom:-230px;left:28%;right:-37%;transform:rotate(11deg)}.living-scene-autumn .scene-hill-front{background:#ad815c}.living-scene-autumn .scene-hill-back{background:#c19f7c}.living-scene-night .scene-hill-front{background:#44495f}.living-scene-night .scene-hill-back{background:#626478}.living-scene-reference .scene-sun,.living-scene-reference .scene-hill{transition:none}.scene-caption{z-index:2;max-width:500px;position:relative}.scene-caption>span{color:#191917a8;font-size:12px}.living-scene-night .scene-caption>span{color:#ffffffb3}.scene-caption h3{letter-spacing:-.06em;margin:9px 0 4px;font-size:35px;font-weight:400}.scene-caption p{margin:0;font-size:13px}.agent-actions{grid-template-columns:.8fr 1.2fr;gap:52px;padding:36px;display:grid}.agent-actions>div:first-child>span{color:var(--muted);font-size:11px}.agent-actions h3{letter-spacing:-.05em;margin:15px 0 9px;font-size:25px;font-weight:400}.agent-actions>div:first-child>p{color:var(--muted);font-size:13px;line-height:1.7}.action-buttons{gap:7px;display:flex}.last-action{color:var(--muted);margin:14px 0 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.action-console ul{margin:0;padding:0;list-style:none}.action-console li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:11px;display:flex}.action-console li>span+span{color:var(--muted);white-space:nowrap}.lab-section{background:#f5f3f0}.living-skill-section{color:#fff;background:#171717}.living-skill-section .section-number,.living-skill-section .section-heading p{color:#ffffff94}.living-skill-steps{border-top:1px solid #ffffff29;margin-left:88px}.living-skill-step{border-bottom:1px solid #ffffff29;padding:36px 0 66px}.living-skill-step+.living-skill-step{padding-top:54px}.living-skill-step-intro{grid-template-columns:56px minmax(0,1fr);gap:26px;margin-bottom:38px;display:grid}.living-skill-step-intro>span{color:#ffffff6b;letter-spacing:.08em;padding-top:7px;font-size:11px}.living-skill-step-intro h3{letter-spacing:-.055em;margin:0;font-size:32px;font-weight:400}.living-skill-step-intro p{color:#ffffff9e;max-width:690px;margin:11px 0 0;font-size:13px;line-height:1.75}.example-accordion-item{border-top:1px solid var(--line)}.example-accordion-item:last-child{border-bottom:1px solid var(--line)}.example-accordion-heading{align-items:center;gap:23px;min-height:96px;display:flex;position:relative}.example-accordion-trigger{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:19px;min-width:0;min-height:96px;padding:12px 0;display:flex}.example-accordion-trigger>span{flex-direction:column;gap:5px;min-width:0;display:flex}.example-accordion-trigger strong{letter-spacing:-.035em;font-size:19px;font-weight:400}.example-accordion-trigger>span>span{color:var(--muted);font-size:12px}.example-accordion-trigger>svg{color:var(--muted);flex:none}.example-accordion-link{color:var(--muted);flex:none;align-items:center;gap:5px;font-size:11px;text-decoration:none;display:flex}.example-accordion-link:hover,.frontend-lab-preview-topline>a:hover,.frontend-lab-preview-caption>a:hover,.presenter-social-links>a:hover{color:var(--ink)}.example-accordion-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s,opacity .22s;display:grid}.example-accordion-panel.is-open{opacity:1;grid-template-rows:1fr}.example-accordion-content{min-height:0;overflow:hidden}.example-accordion-content>p{max-width:790px;color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.8}.example-accordion-content>img{aspect-ratio:16/9;border:1px solid var(--line);object-fit:cover;object-position:center top;background:#fff;width:100%;margin:0 0 32px;display:block}.example-accordion-content>img.example-accordion-image-contain{object-fit:contain;object-position:center;background:#f6f5f2;padding:24px}.frontend-lab-preview{background:#fff;border:1px solid #201d2321}.frontend-lab-preview-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:0 22px;display:flex}.frontend-lab-preview-topline>span{font-size:14px;font-weight:500}.frontend-lab-preview-topline>a,.frontend-lab-preview-caption>a{color:var(--muted);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.frontend-lab-preview-body{grid-template-columns:205px minmax(0,1fr);min-height:372px;display:grid}.frontend-lab-preview-sidebar{border-right:1px solid var(--line);background:#fbfaf8;padding:26px 15px}.frontend-lab-preview-sidebar>span{color:var(--muted);margin-bottom:17px;padding-left:8px;font-size:11px;display:block}.lab-preview-sidebar-line{color:var(--muted);border-radius:5px;align-items:center;gap:9px;padding:10px 8px;font-size:11px;display:flex}.lab-preview-sidebar-line.is-active{color:#4e3d67;background:#eae6f1}.frontend-lab-preview-canvas{flex-direction:column;min-width:0;padding:32px 34px 28px;display:flex}.lab-preview-page-title{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.lab-preview-page-title>span:first-child{letter-spacing:-.04em;font-size:19px;font-weight:500}.lab-preview-page-title>span+span{color:var(--muted);font-size:10px}.lab-preview-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:9px;height:174px;margin-top:35px;display:flex}.lab-preview-chart>span{width:100%;height:var(--lab-bar-height);background:#cbbddd}.lab-preview-chart>span:nth-child(3n+2){background:#a99bc3}.lab-preview-chart>span:nth-child(4n){background:#e4dfeb}.lab-preview-skeleton{flex-direction:column;gap:10px;margin-top:25px;display:flex}.lab-preview-skeleton>span{background:#f0efed;width:85%;height:8px;display:block}.lab-preview-skeleton>span:nth-child(2){width:58%}.lab-preview-skeleton>span:nth-child(3){width:73%}.frontend-lab-preview-caption{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:22px;display:flex}.frontend-lab-preview-caption>p{max-width:580px;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.two-users-section{color:#fff;background:#171717;grid-template-columns:1fr .82fr;align-items:center;gap:107px;display:grid}.two-users-copy h2{letter-spacing:-.083em;margin:30px 0 20px;font-size:clamp(52px,6vw,82px);font-weight:400;line-height:1.04}.two-users-copy>p{color:#ffffffb3;font-size:15px;line-height:1.75}.structured-actions>div{border-top:1px solid #fff3;padding:22px 0}.structured-actions>div:last-child{border-bottom:1px solid #fff3}.structured-actions code{color:#d6c8f2;font-size:13px}.structured-actions p{color:#ffffffad;margin:9px 0 0;font-size:13px}.wrap-hero{min-height:min(900px, calc(100svh - var(--header-height)))}.wrap-hero>img{object-position:center 55%}.wrap-hero:after{background:linear-gradient(90deg,#02050bcc,#02050b47)}.wrap-hero-copy{min-height:inherit;padding:100px var(--page-gutter);flex-direction:column;justify-content:center;display:flex}.wrap-hero .chapter-intro-meta{top:65px;right:var(--page-gutter);left:var(--page-gutter);color:#ffffffc7;position:absolute}.wrap-hero h1{max-width:1050px;font-size:clamp(60px,8.2vw,112px);line-height:.94}.takeaways-section{background:#f4f2ee}.takeaway-lines{margin-left:88px}.takeaway-lines>p{border-top:1px solid var(--line);letter-spacing:-.045em;margin:0;padding:20px 0;font-size:clamp(20px,2.4vw,32px);line-height:1.25}.takeaway-lines>p:last-child{border-bottom:1px solid var(--line)}.homework-list>div{border-top:1px solid var(--line);padding:28px 0 31px}.homework-list>div:last-child{border-bottom:1px solid var(--line)}.homework-list h3{letter-spacing:-.055em;margin:0 0 10px;font-size:23px;font-weight:500}.homework-list>div>p{max-width:765px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.homework-list blockquote{color:#4c454f;border-left:2px solid #ae9cbd;max-width:790px;margin:18px 0 0;padding-left:15px;font-size:14px;line-height:1.7}.wrap-contact{min-height:230px;padding:64px var(--page-gutter);border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:48px;display:flex}.wrap-materials{text-align:right;max-width:430px}.wrap-materials strong{letter-spacing:-.03em;margin-bottom:9px;font-size:16px;font-weight:500;display:block}.wrap-materials p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.wrap-contact .presenter-contact{flex-direction:column;gap:5px;display:flex}.presenter-contact>span:first-child{color:var(--ink);font-size:15px}.presenter-contact>span:nth-child(2){color:var(--muted);font-size:12px}.presenter-social-links{gap:18px;margin-top:12px;display:flex}.presenter-social-links>a{color:var(--muted);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.codex-hero{min-height:calc(100svh - var(--header-height));color:#fff;background:#060b15;position:relative;overflow:hidden}.codex-hero>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.codex-hero:after{content:"";background:linear-gradient(90deg,#040810e6,#0408103d);position:absolute;inset:0}.codex-hero-copy{z-index:1;min-height:inherit;padding:73px var(--page-gutter) 92px;flex-direction:column;justify-content:center;display:flex;position:relative}.codex-hero .chapter-intro-meta{top:66px;right:var(--page-gutter);left:var(--page-gutter);color:#ffffffc7;position:absolute}.codex-hero h1{letter-spacing:-.085em;max-width:1000px;margin:0;font-size:clamp(56px,7.2vw,100px);font-weight:400;line-height:.94}.codex-hero-copy>p{color:#ffffffc2;max-width:650px;margin:31px 0 0;font-size:clamp(17px,1.7vw,22px);line-height:1.55}.codex-definition-layout{margin-left:88px}.codex-definition-statement{max-width:760px;color:var(--muted);letter-spacing:-.025em;margin:0 0 44px;font-size:clamp(18px,2vw,25px);line-height:1.45}.codex-roadmap{border:1px solid var(--line);background:#f8f7f4;min-height:324px;padding:28px 42px 34px;position:relative;overflow:hidden}.codex-roadmap-labels{z-index:2;color:#6f6870;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:11px;display:flex;position:relative}.codex-roadmap-track{z-index:1;background:linear-gradient(90deg,#b8b4ae 0%,#9e9993 56%,#ff7045 100%);height:1px;position:absolute;top:131px;left:calc(16.666% + 28px);right:calc(16.666% + 28px)}.codex-roadmap-stages{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:32px;display:grid;position:relative}.codex-roadmap-stages>div{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:0 26px;display:flex}.codex-roadmap-stages>div>span{color:#6f6870;font-variant-numeric:tabular-nums;margin-bottom:13px;font-size:12px;display:block}.codex-roadmap-node{color:#5f5b56;background:#fff;border:1px solid #16161329;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:30px;display:flex}.codex-roadmap-stages>div:nth-child(3) .codex-roadmap-node{color:#d55c38;border-color:#ff704561}.codex-roadmap-stages strong{letter-spacing:-.055em;font-size:clamp(22px,2.1vw,29px);font-weight:400;display:block}.codex-roadmap-stages p{color:#6b666b;max-width:285px;margin:10px 0 0;font-size:13px;line-height:1.6}.codex-definition-points>div{border-top:1px solid var(--line);padding:23px 0 27px}.codex-definition-points>div:last-child{border-bottom:1px solid var(--line)}.codex-definition-points strong{font-size:16px;font-weight:500}.codex-definition-points p{max-width:590px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.75}.codex-model-section{color:#fff;background:#181817}.codex-model-section .section-number,.codex-model-section .section-heading p{color:#fff9}.model-choice-grid{background:#ffffff29;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-left:88px;display:grid}.model-choice{--model-accent:#9d8fb4;background:#181817;min-height:390px;position:relative;overflow:hidden}.model-choice:before{z-index:2;background:var(--model-accent);content:"";height:5px;position:absolute;top:0;left:0;right:0}.model-choice:after{content:"";background:linear-gradient(#070a0f05 28%,#07090de8 100%);position:absolute;inset:0}.model-sol{--model-accent:#d39a72}.model-terra:before{background:#8fae9c}.model-luna:before{background:#9d8fb4}.model-choice>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.model-choice:hover>img{transform:scale(1.025)}.model-choice>div{z-index:1;padding:35px 31px 31px;position:absolute;bottom:0;left:0;right:0}.model-choice h3{letter-spacing:-.065em;margin:0 0 15px;font-size:37px;font-weight:400}.model-choice p,.model-choice-note{color:#ffffffa6;font-size:13px;line-height:1.75}.model-choice p{margin:0}.model-choice-note{max-width:820px;margin:31px 0 0 88px}.model-settings-grid{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:repeat(3,minmax(0,1fr));margin:42px 0 0 88px;display:grid}.model-settings-grid>div{min-height:250px;padding:27px 38px 31px 0}.model-settings-grid>div+div{border-left:1px solid #ffffff2e;padding-left:38px}.model-settings-grid>div>span{color:#ffffff85;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.model-settings-grid h3{letter-spacing:-.06em;margin:43px 0 12px;font-size:29px;font-weight:400}.model-settings-grid p{color:#ffffffa3;max-width:580px;margin:0;font-size:13px;line-height:1.75}.reasoning-scale{color:#ffffff80;border-top:1px solid #ffffff29;justify-content:space-between;align-items:center;margin-top:28px;padding-top:14px;font-size:11px;display:flex}.reasoning-scale strong{color:#fff;font-weight:500}.codex-surface-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-left:88px;display:grid}.codex-surface-grid>div{min-height:290px;padding:31px 32px 38px 0}.codex-surface-grid>div+div{border-left:1px solid var(--line);padding-left:32px}.codex-surface-grid span,.codex-setup-grid span,.webmcp-note>span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.codex-surface-grid h3{letter-spacing:-.06em;margin:78px 0 13px;font-size:28px;font-weight:400}.codex-surface-grid p,.codex-runtime-grid p,.codex-category p,.codex-setup-grid p,.living-shift-grid p,.living-use-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.codex-work-merge{border:1px solid var(--line);background:#f6f5f2;margin-left:88px}.codex-work-merge-title{border-bottom:1px solid var(--line);grid-template-columns:.65fr 1.35fr;align-items:start;gap:34px;padding:32px 34px 45px;display:grid}.codex-work-merge-title>span,.codex-work-comparison span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.codex-work-merge-title h3{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(28px,3.6vw,49px);font-weight:400;line-height:1.08}.codex-work-comparison{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.codex-work-comparison>div{min-height:300px;padding:31px 34px 39px}.codex-work-comparison>div+div{border-left:1px solid var(--line)}.codex-work-comparison h3{letter-spacing:-.055em;margin:74px 0 13px;font-size:27px;font-weight:400}.codex-work-comparison p{max-width:550px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.codex-work-shared{border-top:1px solid var(--line);color:var(--muted);background:#ffffffa8;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:18px 34px;font-size:12px;display:flex}.codex-work-shared strong{color:var(--ink);margin-right:auto;font-weight:500}.codex-runtime-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:88px;display:grid}.codex-runtime-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:290px;padding:30px 34px 36px}.codex-runtime-grid>div+div{border-left:0;padding-left:34px}.codex-runtime-grid svg{color:#65615b;margin-bottom:48px;display:block}.codex-runtime-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.codex-runtime-grid h3{letter-spacing:-.06em;margin:12px 0 10px;font-size:28px;font-weight:400}.codex-plugin-intro-section{background:var(--white);padding-bottom:0;overflow:hidden}.codex-plugin-intro{grid-template-columns:minmax(280px,.78fr) minmax(470px,1.22fr);align-items:end;gap:clamp(45px,7vw,105px);margin-left:88px;display:grid}.codex-plugin-copy{padding:12px 0 105px}.codex-plugin-copy>span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.codex-plugin-definition{max-width:560px;color:var(--ink);letter-spacing:-.055em;margin:52px 0 36px;font-size:clamp(25px,2.7vw,38px);line-height:1.14}.codex-skill-definition{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:auto 1fr;gap:14px;padding:21px 0;display:grid}.codex-skill-definition strong{font-size:14px;font-weight:500}.codex-skill-definition p,.codex-plugin-rule{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.65}.codex-plugin-rule{max-width:540px;margin-top:22px}.codex-plugin-visual{min-width:0;display:flex;overflow:hidden}.plugin-directory-illustration{border:1px solid var(--line);background:var(--white);border-bottom:0;border-radius:27px 27px 0 0;width:100%;min-height:600px;padding:38px 42px 0;box-shadow:0 24px 70px #20273c24}.plugin-directory-illustration h3{letter-spacing:-.05em;text-align:center;margin:0 0 28px;font-size:25px;font-weight:500}.plugin-directory-search{border:1px solid var(--line);height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:9px;padding:0 14px;font-size:12px;display:flex}.plugin-directory-installed{margin-top:25px}.plugin-directory-installed>div,.plugin-directory-featured>span{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:9px;font-size:12px;font-weight:500;display:flex}.plugin-directory-installed ul,.plugin-directory-featured ul{margin:0;padding:0;list-style:none}.plugin-directory-installed ul{gap:8px;margin-top:15px;display:flex;overflow:hidden}.plugin-directory-installed li,.plugin-directory-icon{border:1px solid var(--line);color:#5f5366;background:#f7f6f3;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.plugin-directory-installed li img,.plugin-directory-icon img{object-fit:contain;width:21px;height:21px}.plugin-directory-tabs{align-items:center;gap:5px;margin-top:26px;font-size:11px;display:flex}.plugin-directory-tabs strong,.plugin-directory-tabs span{border-radius:7px;padding:6px 10px}.plugin-directory-tabs strong{background:#efeeeb;font-weight:500}.plugin-directory-tabs span{color:var(--muted)}.plugin-directory-featured{margin-top:22px}.plugin-directory-featured>span{display:block}.plugin-directory-featured ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:17px;display:grid}.plugin-directory-featured li{grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;display:grid}.plugin-directory-featured li>span:nth-child(2){min-width:0}.plugin-directory-featured strong,.plugin-directory-featured small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.plugin-directory-featured strong{font-size:12px;font-weight:500}.plugin-directory-featured small{color:var(--muted);margin-top:2px;font-size:9px}.plugin-directory-featured li>svg{color:var(--muted)}.codex-extensions-section{background:#f1eee9}.codex-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 55px;margin-left:88px;display:grid}.codex-category{border-top:1px solid var(--line);padding-top:21px}.codex-category>svg{color:#70627b}.codex-category h3{letter-spacing:-.045em;margin:54px 0 10px;font-size:22px;font-weight:500}.codex-category .codex-category-examples{margin-top:20px}.codex-category-examples strong{color:var(--ink);font-weight:500}.codex-tool-list{margin-left:88px}#features-for-frontend{scroll-margin-top:var(--header-height)}.codex-toolbox-section,.frontend-feature-showcase,.codex-tool-list,.codex-tool-row,.codex-tool-panel{min-width:0}.codex-toolbox-section{overflow-x:clip}.codex-tool-row{border-top:1px solid var(--line)}.codex-tool-row:last-child{border-bottom:1px solid var(--line)}.codex-tool-row>button{width:100%;min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:0;display:grid}.codex-tool-row>button:hover,.codex-tool-row>button:focus-visible{color:#6f5a7a}.codex-tool-row>button:focus-visible{outline-offset:5px;outline:2px solid #84708e}.codex-tool-row>button>svg{color:#70627b}.codex-tool-row>button>span:nth-child(2){letter-spacing:-.045em;font-size:20px;font-weight:500}.codex-tool-row>button>span:last-child{color:var(--muted);text-align:right;font-size:20px;font-weight:300}.codex-tool-panel>p{max-width:650px;color:var(--muted);margin:-2px 0 24px 58px;font-size:13px;line-height:1.7}.feature-product-illustration{aspect-ratio:16/9;border:1px solid var(--line);background:#f6f5f2;border-radius:12px;margin:0 0 40px 58px;overflow:hidden;box-shadow:0 30px 70px -55px #1414129e}.feature-product-illustration>div{width:100%;height:100%}.feature-product-annotations,.feature-product-review{aspect-ratio:3/2}.feature-product-terminal{aspect-ratio:3.15}.codex-setup-section{background:#ece8e1}.codex-setup-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:88px;display:grid}.codex-setup-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:210px;padding:29px 31px}.codex-setup-grid h3{letter-spacing:-.05em;margin:48px 0 10px;font-size:24px;font-weight:400}.codex-setup-grid p{max-width:470px}.codex-repo-card{border:1px solid var(--line);color:inherit;background:#f6f5f2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-left:88px;padding:32px 34px;text-decoration:none;transition:border-color .16s,background .16s;display:grid}.codex-repo-card>svg{color:#71617d}.codex-repo-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.codex-repo-card h3{letter-spacing:-.05em;margin:0 0 7px;font-size:28px;font-weight:400}.codex-repo-card p{max-width:660px;color:var(--muted);margin:0;font-size:13px;line-height:1.72}.codex-repo-card>strong{white-space:nowrap;justify-content:flex-end;align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.codex-repo-card:hover{background:#f1efeb;border-color:#23231f47}.mock-window-controls{align-items:center;gap:5px;display:flex}.mock-window-controls i{background:#d5d2cc;border-radius:50%;width:7px;height:7px}.mini-app-frame,.cdp-window,.annotation-stage,.review-window,.terminal-reference-window,.imagegen-window{color:#20201e;width:100%;height:100%;font-family:OpenAI Sans,sans-serif}.mini-app-frame{background:#f4f3f0;flex-direction:column;display:flex}.mini-app-topbar{color:#6d6c67;border-bottom:1px solid #dddcd8;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:34px;padding:0 12px;font-size:8px;display:grid}.mini-topbar-status{justify-self:end}.mini-app-body{flex:1;grid-template-columns:18% 32% 50%;min-height:0;display:grid}.mini-sidebar,.mini-conversation,.mini-artifact{min-width:0}.mini-sidebar{background:#eeede9;border-right:1px solid #dddcd8;padding:14px 10px}.mini-sidebar-title,.mini-thread{justify-content:space-between;align-items:center;display:flex}.mini-sidebar-title{color:#55534f;margin-bottom:14px;font-size:8px}.mini-workspace{color:#8f8d87;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:6px;display:block}.mini-thread{color:#66645f;border-radius:5px;padding:7px 6px;font-size:7px}.mini-thread-active{color:#24231f;background:#dfddd7}.mini-thread small{color:#95928c;font-size:6px}.mini-conversation{background:#f7f6f3;border-right:1px solid #dddcd8;flex-direction:column;padding:13px 13px 11px;display:flex;position:relative}.mini-conversation-head{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:8px;display:flex}.mini-conversation-head span{color:#96938c;font-size:6px}.mini-message{background:#e7e4dc;border-radius:7px;align-self:flex-end;max-width:80%;padding:7px 9px;font-size:7px;line-height:1.4}.mini-activity{color:#77746e;align-items:center;gap:6px;margin-top:11px;font-size:6.5px;display:flex}.mini-conversation>p{color:#5c5953;margin:12px 0 0;font-size:7px;line-height:1.55}.mini-composer{color:#9b9891;background:#fff;border:1px solid #dedcd6;border-radius:8px;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 9px;font-size:6.5px;display:flex}.mini-composer span{color:#fff;background:#282724;border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.mini-artifact{background:#fff;flex-direction:column;min-height:0;display:flex}.mini-artifact-tabs{color:#8a8780;border-bottom:1px solid #e1dfda;flex:none;align-items:center;gap:13px;height:34px;padding:0 12px;font-size:7px;display:flex}.mini-artifact-tabs strong{color:#25241f}.mini-expand{margin-left:auto}.mini-browser-bar{color:#8c8982;border-bottom:1px solid #e6e4df;flex:none;grid-template-columns:12px 12px 13px minmax(0,1fr);align-items:center;gap:4px;height:30px;padding:0 10px;font-size:8px;display:grid}.mini-browser-bar div{color:#6f6c66;text-overflow:ellipsis;white-space:nowrap;background:#f3f2ef;border-radius:5px;padding:4px 8px;font-size:6px;overflow:hidden}.mini-site-preview{background:#171b27;flex:1;position:relative;overflow:hidden}.mini-site-preview>img{object-fit:cover;opacity:.88;width:100%;height:100%}.mini-site-preview:after{content:"";background:linear-gradient(#0a0e184d,#0a0e18b8);position:absolute;inset:0}.mini-site-nav,.mini-site-copy{z-index:1;color:#fff;position:absolute}.mini-site-nav{justify-content:space-between;align-items:center;font-size:5px;display:flex;top:11px;left:13px;right:13px}.mini-site-nav span:first-child{font-family:Georgia,serif;font-size:8px}.mini-site-copy{bottom:18px;left:16px;right:16px}.mini-site-copy small{color:#ffffffb8;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:6px;display:block}.mini-site-copy strong{font-family:Georgia,serif;font-size:clamp(12px,2vw,22px);font-weight:400;display:block}.mini-browser-cursor{z-index:2;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:32%;right:24%;box-shadow:0 0 0 3px #347cff99}.cdp-window{background:#f7f7f7;flex-direction:column;display:flex}.cdp-browser-chrome{color:#777;background:#f0f0ef;border-bottom:1px solid #d9d9d9;flex:none;grid-template-columns:1fr minmax(120px,46%) 1fr;align-items:center;height:33px;padding:0 10px;font-size:8px;display:grid}.cdp-browser-chrome>span{justify-self:end}.cdp-address{color:#696969;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:8px;padding:4px 9px;font-size:6.5px;overflow:hidden}.cdp-workspace{flex:1;grid-template-columns:42% 58%;min-height:0;display:grid}.cdp-page{background:#111621;border-right:1px solid #cfcfcf;position:relative;overflow:hidden}.cdp-page>img{object-fit:cover;opacity:.75;width:100%;height:100%}.cdp-page-label{color:#fff;background:#171719db;border-radius:4px;padding:6px 8px;font-size:6px;position:absolute;top:11px;left:11px}.cdp-page-label small,.cdp-page-label strong{display:block}.cdp-page-label small{color:#aaa}.cdp-selection-box{background:#5ba6ff1f;border:2px solid #5ba6ff;height:33%;position:absolute;bottom:16%;left:13%;right:12%}.cdp-selection-box span{color:#fff;background:#347cff;padding:2px 4px;font-size:5px;position:absolute;top:-15px;left:-2px}.cdp-devtools{color:#d5d7da;background:#202124;flex-direction:column;min-width:0;display:flex}.cdp-tabs,.cdp-style-tabs{border-bottom:1px solid #3c3d40;align-items:center;display:flex}.cdp-tabs{color:#aaaeb4;flex:none;gap:13px;height:29px;padding:0 9px;font-size:6.5px}.cdp-tabs strong{color:#fff;border-bottom:2px solid #9bbcff;align-self:stretch;align-items:center;display:flex}.cdp-panels{flex:1;grid-template-columns:52% 48%;min-height:0;display:grid}.cdp-dom-tree{border-right:1px solid #3c3d40;padding-top:7px;overflow:hidden}.cdp-dom-tree>div{white-space:nowrap;align-items:center;gap:3px;height:17px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:5.5px;display:flex}.cdp-dom-tree .is-selected{background:#304d6d}.cdp-dom-tree span{color:#969aa0}.cdp-dom-tree code{color:#7cc9c1}.cdp-dom-tree em{color:#d7a6d5;font-style:normal}.cdp-styles{flex-direction:column;gap:4px;min-width:0;padding:0 8px 7px;display:flex;position:relative}.cdp-style-tabs{color:#a7abb0;gap:11px;height:28px;margin:0 -8px 3px;padding:0 8px;font-size:5.5px}.cdp-style-tabs strong{color:#fff}.cdp-styles label{color:#8f9398;border:1px solid #414347;border-radius:2px;padding:3px 6px;font-size:5px}.cdp-styles code{color:#d5d7da;text-overflow:ellipsis;white-space:nowrap;font-size:5.2px;overflow:hidden}.cdp-styles code span{color:#9bbcff}.cdp-protocol-note{color:#aeb1b6;border:1px solid #45474b;border-radius:4px;align-items:flex-start;gap:5px;margin-top:auto;padding:6px;font-size:5px;line-height:1.4;display:flex}.cdp-console-line{color:#c8cbd0;border-top:1px solid #3c3d40;flex:none;grid-template-columns:9px 1fr auto;align-items:center;gap:3px;height:26px;padding:0 9px;font-size:5.5px;display:grid}.cdp-console-line strong{color:#a5c9ff}.annotation-stage{background:#fbfaf8;position:relative;overflow:hidden}.annotation-page{background:#fbfaf8;padding:14% 8% 8% 43%;position:absolute;inset:0}.annotation-page-nav{color:#96948e;gap:10px;font-size:7px;display:flex;position:absolute;top:8%;left:5%;right:5%}.annotation-section-number{color:#8d8b85;font-size:9px}.annotation-page h3{color:#171715;letter-spacing:-.06em;margin:8px 0 12px;font-size:clamp(15px,3vw,32px);font-weight:400}.annotation-page p{color:#888680;max-width:320px;font-size:8px}.annotation-selected-heading{pointer-events:none;border:2px solid #1683ff;height:18%;position:absolute;top:31%;left:40%;right:8%}.annotation-comment-dot{color:#fff;background:#1683ff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:31%;right:5.5%}.annotation-panel{z-index:2;background:#fff;border:1px solid #e0dfdc;border-radius:16px;width:42%;position:absolute;top:5%;bottom:5%;left:3%;overflow:hidden;box-shadow:0 14px 35px #1e1e1b21}.annotation-prompt{color:#c3c4c7;align-items:center;gap:9px;height:13%;padding:0 14px;font-size:8px;display:flex}.annotation-prompt img{color:#252525;box-sizing:content-box;background:#f0f1f2;border-radius:50%;width:15px;height:15px;padding:3px}.annotation-panel-title{background:#f5f5f5;justify-content:space-between;align-items:center;height:11%;padding:0 16px;font-size:8px;display:flex}.annotation-field{color:#77777b;border-bottom:1px solid #eeeeec;grid-template-columns:36% 64%;align-items:center;min-height:12%;margin:0 16px;font-size:7px;display:grid}.annotation-field code{color:#56565a;text-overflow:ellipsis;white-space:nowrap;border:1px solid #dedede;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px;display:flex;overflow:hidden}.annotation-color{background:#000;border-radius:50%;flex:none;width:12px;height:12px}.annotation-color-ink{background:#161613}.annotation-actions{background:#fff;border-top:1px solid #efefed;grid-template-columns:1fr auto auto;align-items:center;gap:9px;height:14%;padding:0 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.annotation-actions button{background:#fff;border:1px solid #dedede;border-radius:20px;width:max-content;padding:4px 8px;font-size:7px}.annotation-actions .annotation-mic{width:12px;height:12px}.annotation-actions .annotation-confirm{color:#fff;background:#aaa;border:0;place-items:center;width:25px;height:25px;padding:0;display:grid}.annotation-actions .annotation-confirm img{filter:invert();width:11px;height:11px}.review-window{background:#fff;grid-template-columns:43% 57%;display:grid}.review-list{border-right:1px solid #ececea;padding:12px;overflow:hidden}.review-filter{color:#9b9b9f;align-items:center;gap:10px;font-size:7px;display:flex}.review-filter span:first-child,.review-filter strong{background:#f1f1f1;border-radius:7px;padding:5px 7px}.review-filter strong{color:#333337}.review-search{color:#96969a;border:1px solid #dededf;border-radius:9px;align-items:center;margin:15px 0 14px;padding:7px 9px;font-size:6.5px;display:flex}.review-search span{margin-left:auto}.review-list>small{color:#99999d;margin:0 6px 5px;font-size:6px;display:block}.review-row{color:#7c7c80;grid-template-columns:14px minmax(0,1fr) 34px;align-items:start;gap:5px;padding:8px 7px;display:grid}.review-row.is-selected{background:#fafafa;border:1px solid #3b92ff;border-radius:7px}.review-row>svg{color:#9a52f6;margin-top:1px}.review-row>div,.review-row>span{min-width:0}.review-row strong,.review-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.review-row strong{color:#343438;font-size:6.5px;font-weight:500}.review-row small{color:#9b9b9f;font-size:5.4px}.review-row>span{text-align:right}.review-detail{padding:12px 17px;overflow:hidden}.review-detail-tabs{color:#8b8b8f;align-items:center;gap:10px;font-size:6.5px;display:flex}.review-detail-tabs>svg:first-child{color:#9a52f6}.review-detail-tabs strong,.review-detail-tabs button{color:#333337;background:#f1f1f1;border:0;border-radius:8px;padding:5px 8px}.review-detail-tabs>svg:nth-last-child(2){margin-left:auto}.review-detail h3{letter-spacing:-.035em;margin:16px 0 4px;font-size:clamp(11px,1.7vw,19px);font-weight:500}.review-author{color:#88888c;align-items:center;gap:5px;font-size:6px;display:flex}.review-author span{color:#5e382a;background:#f1d5bf;border-radius:50%;place-items:center;width:13px;height:13px;font-size:5px;display:grid}.review-detail dl{margin:14px 0}.review-detail dl>div{grid-template-columns:30% 70%;margin:5px 0;font-size:6px;display:grid}.review-detail dt{color:#949498}.review-detail dd{margin:0}.review-detail dd em{color:#24a14c;font-style:normal}.review-avatar{color:#29332d}.review-avatar-violet{color:#6658df}.review-description{border-top:1px solid #ececea;border-bottom:1px solid #ececea;padding:8px 0;font-size:7px}.review-detail h4{margin:11px 0 4px;font-size:9px;font-weight:500}.review-detail .review-motivation{color:#55555a;margin:0;font-size:6px;line-height:1.65}.review-detail ul{margin:0;padding-left:13px;font-size:6px;line-height:1.7}.review-detail code{background:#efefef;border-radius:3px;padding:1px 3px;font-size:5.5px}.terminal-reference-window{background:#fff;flex-direction:column;display:flex}.terminal-reference-tabs{border-bottom:1px solid #eeeeec;flex:none;align-items:center;height:45px;padding:0 9px;display:flex}.terminal-reference-tab{color:#3e3e42;background:#f2f2f2;border-radius:8px;align-items:center;gap:8px;height:33px;padding:0 11px;font-size:10px;display:flex}.terminal-reference-tab strong{font-weight:500}.terminal-reference-tab span{color:#8e8e92}.terminal-reference-tabs>button{color:#77777b;background:0 0;border:0;place-items:center;width:32px;height:32px;margin-left:4px;display:grid}.terminal-reference-close{color:#77777b;margin-left:auto;font-size:14px}.terminal-reference-body{flex:1;align-items:flex-start;gap:12px;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.terminal-reference-arrow{color:#18a64a}.terminal-reference-body strong{color:#3699f4;font-weight:700}.terminal-reference-body i{border-right:1px solid #8f8f92;width:6px;height:14px}.imagegen-window{color:#f4f2ef;background:#171717;grid-template-columns:34% 66%;display:grid}.imagegen-prompt-panel{border-right:1px solid #ffffff1f;flex-direction:column;min-width:0;padding:18px;display:flex}.imagegen-title,.imagegen-result-bar,.imagegen-result-actions{justify-content:space-between;align-items:center;display:flex}.imagegen-title{font-size:9px}.imagegen-prompt-panel label{color:#aaa6a0;text-transform:uppercase;letter-spacing:.1em;margin:23px 0 7px;font-size:6px}.imagegen-prompt{color:#d9d6d1;background:#222;border:1px solid #ffffff24;border-radius:8px;min-height:82px;padding:10px;font-size:7px;line-height:1.6}.imagegen-options{gap:6px;margin-top:9px;display:flex}.imagegen-options span{color:#aaa6a0;border:1px solid #ffffff21;border-radius:5px;padding:4px 6px;font-size:5.5px}.imagegen-prompt-panel>button{color:#1d1d1b;background:#f3f1ed;border:0;border-radius:7px;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 10px;font-size:7px;display:flex}.imagegen-result{background:#202020;flex-direction:column;min-width:0;padding:13px;display:flex;position:relative}.imagegen-result-bar{color:#bdb9b2;flex:none;height:22px;font-size:6px}.imagegen-result>img{object-fit:cover;border-radius:7px;flex:1;width:100%;min-height:0}.imagegen-result-actions{color:#99958f;flex:none;height:28px;font-size:5.5px}.imagegen-result-actions button{color:#efede9;background:#2c2c2c;border:1px solid #ffffff2e;border-radius:5px;padding:5px 7px;font-size:5.5px}.goal-review-layout{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);margin-left:88px;display:grid}.goal-review-order>div{grid-template-columns:48px 145px minmax(0,1fr);align-items:center;gap:18px;min-height:116px;padding-right:37px;display:grid}.goal-review-order>div+div{border-top:1px solid #ffffff26}.goal-review-order h3{letter-spacing:-.055em;margin:0;font-size:24px;font-weight:400}.goal-review-order p{color:#ffffffab;margin:0;font-size:13px;line-height:1.72}.goal-criteria{border-left:1px solid #ffffff26;padding:27px 0 31px 38px}.goal-criteria>h3{margin:0 0 29px;font-size:17px;font-weight:500}.goal-criteria>div{border-top:1px solid #ffffff1f;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:13px 0;display:grid}.goal-criteria svg{color:#c0add4;margin-top:2px}.goal-criteria p{color:#ffffffa8;margin:0;font-size:13px;line-height:1.6}.goal-criteria strong{color:#ffffffe6;margin-bottom:2px;font-weight:500;display:block}.living-shift-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-left:88px;display:grid}.living-shift-grid>div{min-height:320px;padding:28px 32px 38px 0}.living-shift-grid>div+div{border-left:1px solid var(--line);padding-left:32px}.living-shift-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.living-shift-grid h3{letter-spacing:-.06em;margin:95px 0 12px;font-size:27px;font-weight:400}.living-use-list{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:88px;display:grid}.living-use-list>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:210px;padding:29px 31px}.living-use-list h3{letter-spacing:-.05em;margin:0 0 73px;font-size:23px;font-weight:500}.webmcp-note-section{color:#fff;background:#171717;padding-top:0;padding-bottom:0}.webmcp-note{min-height:520px;padding:111px 88px 115px}.webmcp-note>span{color:#ffffff85}.webmcp-note h2{letter-spacing:-.08em;max-width:900px;margin:74px 0 25px;font-size:clamp(48px,7vw,94px);font-weight:400;line-height:1}.webmcp-note p{color:#ffffffa8;max-width:710px;margin:0;font-size:14px;line-height:1.8}@media (width>=1600px){:root{--page-gutter:max(112px, calc((100vw - 1450px) / 2))}}@media (width<=1100px){:root{--page-gutter:55px}.chapter-rail{padding:0 17px}.chapter-link{gap:5px;font-size:11px}.existing-projects-hero{grid-template-columns:minmax(0,1fr) 330px;gap:40px}.existing-projects-title h1{font-size:clamp(64px,8.4vw,90px)}.existing-projects-tree{padding-left:18px;padding-right:18px}.existing-projects-tree>div{grid-template-columns:26px 105px 1fr;gap:10px}.existing-timing h3{font-size:18px}.outcome-grid,.principle-grid,.lab-capabilities{gap:57px 50px}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-route{gap:10px}.travel-stop h3{font-size:18px}.travel-stop p+p{font-size:11px}.honesty-layout,.two-users-section{gap:58px}.sites-lifecycle-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:39px 37px}.loop-step{grid-template-columns:50px 185px 1fr;gap:18px}.loop-step h3{font-size:32px}.agent-actions{gap:28px}.codex-roadmap-stages{gap:58px}.codex-category-grid,.existing-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.existing-context-grid>div:nth-child(3){border-top:1px solid #1c272429;border-left:0;padding-left:0}.existing-context-grid>div:nth-child(4){border-top:1px solid #1c272429}}@media (width<=768px){:root{--header-height:98px;--page-gutter:26px}.header-topline{height:46px;padding:0 17px}.wordmark{font-size:14px}.wordmark span,.header-time{display:none}.header-progress-label{grid-column:3;justify-self:end;font-size:11px}.chapter-rail{scrollbar-width:none;justify-content:flex-start;min-height:51px;padding:0 12px;overflow-x:auto}.chapter-rail::-webkit-scrollbar{display:none}.chapter-link{flex:none;min-width:max-content;min-height:46px;padding:0 13px;font-size:11px}.presentation-controls{height:42px;bottom:14px;right:14px}.opening-frame{min-height:min(750px, calc(100svh - var(--header-height)));padding-top:31px;padding-bottom:61px}.opening-topline{gap:16px;font-size:11px}.opening-title-wrap{padding:52px 0 42px}.opening-title{font-size:clamp(40px,8.5vw,70px)}.opening-title>span{margin-top:17px;font-size:clamp(22px,5.2vw,34px)}.opening-deck{margin-top:24px;font-size:17px}.presenter-line{flex-direction:column;gap:4px;font-size:13px}.cosmos-statement{min-height:690px}.cosmos-statement>img{object-position:58% center}.cosmos-statement:after{background:linear-gradient(90deg,#04080fd1,#04080f5c)}.cosmos-statement-copy h2{font-size:clamp(34px,6.6vw,50px)}.content-section{padding:102px var(--page-gutter)}.existing-projects-hero{grid-template-columns:1fr;gap:65px;min-height:auto;padding-top:140px}.existing-projects-title h1{font-size:clamp(58px,13vw,88px)}.existing-projects-title p{font-size:17px}.existing-projects-tree{max-width:580px}.existing-timing,.existing-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:43px}.existing-timing>div{border-bottom:1px solid var(--line);min-height:210px}.existing-timing>div:nth-child(2n){border-right:0}.existing-timing>div:nth-child(odd){padding-left:0}.existing-system-grid{gap:0 34px}.existing-system-note,.existing-case-study,.existing-boundary-note{margin-left:43px}.existing-case-study>div{grid-template-columns:38px minmax(160px,.8fr) minmax(0,1.2fr);gap:18px}.codex-hero{min-height:720px}.codex-hero>img{object-position:60% center}.codex-hero h1{font-size:clamp(52px,8.7vw,72px)}.codex-hero-copy>p{max-width:540px;font-size:18px}.codex-definition-layout,.codex-work-merge,.model-choice-grid,.model-settings-grid,.codex-surface-grid,.codex-runtime-grid,.codex-plugin-intro,.codex-category-grid,.codex-tool-list,.codex-setup-grid,.codex-repo-card,.living-shift-grid,.living-skill-steps,.living-use-list{margin-left:43px}.codex-definition-statement{margin-bottom:60px}.codex-roadmap{min-height:430px;padding-left:32px;padding-right:32px}.codex-roadmap-stages{gap:32px}.codex-work-merge-title,.codex-work-comparison,.sites-automation-layout{grid-template-columns:1fr}.codex-work-comparison>div+div{border-top:1px solid var(--line);border-left:0}.sites-feature-cards,.sites-followup-grid,.sites-automation-layout{margin-left:43px}.sites-automation-layout{gap:10px}.sites-automation-layout>div+div{padding-top:10px}.model-choice-grid,.model-settings-grid,.codex-surface-grid,.codex-runtime-grid,.codex-plugin-intro,.living-shift-grid{grid-template-columns:1fr}.model-choice{min-height:240px}.model-choice>div{padding:28px 25px 24px}.model-choice-note{margin-left:43px}.model-settings-grid>div{min-height:initial;padding:26px 0 31px}.model-settings-grid>div+div{border-top:1px solid #ffffff2e;border-left:0;padding-left:0}.model-settings-grid h3{margin-top:28px}.codex-surface-grid>div,.codex-runtime-grid>div,.living-shift-grid>div{min-height:initial;padding:25px 0 31px}.codex-runtime-grid>div{padding:28px 28px 34px}.codex-surface-grid>div+div,.codex-runtime-grid>div+div,.living-shift-grid>div+div{border-top:1px solid var(--line);border-left:0;padding-left:0}.codex-runtime-grid>div+div{padding-left:28px}.codex-runtime-grid svg{margin-bottom:32px}.codex-plugin-intro{gap:41px}.codex-plugin-copy{padding-bottom:54px}.codex-plugin-definition{margin-top:38px}.codex-surface-grid h3,.living-shift-grid h3{margin-top:46px}.codex-category-grid{gap:44px 32px}.codex-repo-card{grid-template-columns:1fr;gap:18px;padding:28px}.codex-repo-card>strong{justify-content:flex-start}.feature-product-illustration{margin-left:58px}.webmcp-note{min-height:470px;padding:94px 43px 98px}.section-heading{grid-template-columns:43px minmax(0,1fr);margin-bottom:51px}.section-number{padding-top:7px;font-size:12px}.section-heading h2{font-size:clamp(37px,8.7vw,61px)}.section-heading p{font-size:15px}.outcome-grid,.principle-grid,.lab-capabilities{grid-template-columns:1fr;gap:47px;margin-left:43px}.outcome-item>span,.principle-grid>div>span,.lab-capabilities>div>span{margin-bottom:14px}.sites-overview-copy,.sites-lifecycle-steps,.sites-lifecycle-note,.sites-auth-storage-grid,.frontend-lab-preview,.homework-list{margin-left:43px}.sites-overview-copy p{font-size:15px}.sites-principles .section-heading{padding-left:43px}.sites-feature-icon,.outcome-icon{margin-bottom:15px}.example-list,.schedule-table,.critique-list,.external-examples,.recap-list,.loop-sequence,.viewport-inspector,.debug-checklist,.living-demo,.takeaway-lines{margin-left:43px}.example-list-item,.recap-list>div{grid-template-columns:38px 1fr;gap:6px 11px;min-height:130px;padding:14px 0}.example-list-item h3,.recap-list h3{font-size:19px}.example-list-item p,.recap-list p{grid-column:2;font-size:12px}.schedule-row{grid-template-columns:65px minmax(0,1fr);gap:2px 8px;min-height:84px;padding:12px 0}.schedule-row>span:first-child{font-size:13px}.schedule-row>span:nth-child(2){font-size:14px}.schedule-row>span:last-child{text-align:left;grid-column:2;font-size:11px}.schedule-finish{margin-left:43px;font-size:12px}.chapter-intro{min-height:620px;padding-top:43px;padding-bottom:83px}.chapter-title{margin-top:103px;font-size:clamp(52px,8.7vw,72px)}.chapter-description{font-size:18px}.travel-feature{min-height:700px}.travel-feature>img{object-position:60% center}.travel-feature-caption{flex-direction:column;align-items:flex-start;gap:15px;bottom:40px;left:27px;right:27px}.travel-feature-caption h2{font-size:53px}.travel-feature-caption>p{font-size:14px}.travel-route{grid-template-columns:1fr;gap:36px;margin-left:43px}.travel-stop-image{aspect-ratio:1.76}.travel-stop figcaption>span{font-size:11px}.travel-stop h3{font-size:17px}.travel-stop p{font-size:11px}.travel-stop p+p{font-size:10px}.fine-note{margin-left:43px;font-size:11px}.prompt-contrast{grid-template-columns:1fr;gap:41px;margin-left:43px}.prompt-contrast-half{min-height:initial;padding-right:0}.prompt-contrast-half+.prompt-contrast-half{border-top:1px solid var(--line);border-left:0;padding:35px 0 0}.prompt-contrast-half blockquote{margin:20px 0 14px;font-size:27px}.avoid-list{gap:5px 21px;margin-left:43px}.avoid-list>span{font-size:14px}.prompt-composition{grid-template-columns:77px minmax(0,1fr);column-gap:10px}.prompt-section-row{padding:5px 12px;font-size:10px;line-height:1.72}.prompt-section-row:first-of-type{padding-top:19px}.prompt-section-row:last-of-type{padding-bottom:22px}.prompt-section-row+.prompt-section-row{padding-top:9px}.prompt-section-guide{min-height:26px;padding-left:9px}.prompt-section-guide-first{margin-top:19px}.prompt-section-guide-last{margin-bottom:22px}.prompt-section-guide>span{font-size:9px}.prompt-topline{min-height:57px;padding:0 13px}.prompt-topline>span,.prompt-topline button{font-size:10px}.critique-row{grid-template-columns:1fr;gap:4px;min-height:92px;padding:14px 0}.critique-row>span{font-size:13px}.critique-row>p{font-size:12px}.sites-intro-split{grid-template-columns:1fr}.sites-intro-copy{padding:90px var(--page-gutter) 68px}.sites-intro-copy h2{font-size:109px}.moodboard-figure{min-height:490px}.moodboard-figure img{position:absolute;inset:0}.mission-board{margin-left:43px;padding:18px}.mission-board-topline{min-width:700px}.mission-views{grid-template-columns:1fr;margin:41px 0 0 43px}.mission-demo-note,.mission-prompt-intro{margin-left:43px}.mission-prompt-intro{margin-top:65px}.mission-view{min-height:87px}.example-accordion-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px;min-height:83px;padding:20px 0;display:grid}.example-accordion-trigger{grid-column:1/-1;gap:10px;min-height:0;padding:0}.example-accordion-trigger strong{font-size:16px}.example-accordion-trigger>span>span{font-size:10px;line-height:1.45}.example-accordion-link{grid-column:1;justify-self:start;width:auto;margin:0;font-size:10px}.example-accordion-content>p{font-size:12px}.example-accordion-content>img{margin-bottom:22px}.frontend-lab-preview-topline{min-height:58px;padding:0 14px}.frontend-lab-preview-topline>span{font-size:12px}.frontend-lab-preview-topline>a,.frontend-lab-preview-caption>a{font-size:10px}.frontend-lab-preview-body{grid-template-columns:115px minmax(0,1fr);min-height:320px}.frontend-lab-preview-sidebar{padding:22px 8px}.frontend-lab-preview-sidebar>span{font-size:9px}.lab-preview-sidebar-line{gap:5px;padding:8px 5px;font-size:9px}.lab-preview-sidebar-line>svg{width:12px;height:12px}.frontend-lab-preview-canvas{padding:24px 17px}.lab-preview-page-title>span:first-child{font-size:14px}.lab-preview-page-title>span+span{display:none}.lab-preview-chart{gap:5px;height:135px;margin-top:29px}.frontend-lab-preview-caption{flex-direction:column;align-items:flex-start;gap:11px;padding:16px}.frontend-lab-preview-caption>p{font-size:11px}.homework-list h3{font-size:19px}.homework-list>div>p,.homework-list blockquote{font-size:12px}.honesty-layout{grid-template-columns:1fr;gap:37px}.honesty-layout h2{margin-top:23px;font-size:66px}.honesty-layout>div+div>p{font-size:14px}.lunch-intermission{min-height:360px}.loop-hero{min-height:max(620px, calc(100svh - var(--header-height)))}.loop-hero-content,.wrap-hero-copy{padding-right:var(--page-gutter);padding-left:var(--page-gutter)}.loop-hero h1{font-size:clamp(58px,10.5vw,86px)}.loop-step{grid-template-columns:38px 1fr;gap:4px 7px;min-height:120px;padding:12px 0}.loop-step h3{font-size:28px}.loop-step>p{grid-column:2;font-size:12px}.loop-foundations-grid,.loop-ownership-grid{grid-template-columns:1fr;gap:43px;margin-left:43px}.loop-contract{grid-template-columns:1fr;gap:25px;margin-left:43px}.loop-contract>div+div{border-top:1px solid #ffffff26;border-left:0;padding-top:22px;padding-left:0}.loop-source-link,.loop-tooling-note{margin-left:43px}.viewport-inspector{padding:22px 20px 28px}.viewport-selector{gap:6px}.viewport-selector button{padding:8px 10px;font-size:11px}.viewport-reading{margin-top:31px}.viewport-reading h3{font-size:22px}.viewport-reading>p,.debug-checklist ul{font-size:12px}.living-hero{min-height:700px}.living-hero h1{font-size:clamp(50px,10.5vw,84px)}.living-orbit{width:110vw;height:110vw;top:16%;right:-55%}.living-orbit-b{width:86vw;height:86vw;top:25%;right:-46%}.living-demo-toolbar{flex-direction:column;align-items:flex-start;padding:12px}.demo-mode-switch button,.season-switch button,.action-buttons button{padding:8px 9px;font-size:11px}.living-scene{min-height:380px;padding:25px}.scene-caption h3{font-size:28px}.agent-actions{grid-template-columns:1fr;gap:21px;padding:25px}.action-buttons{flex-wrap:wrap}.external-examples>a{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:17px 0}.external-examples strong{font-size:16px}.two-users-section{grid-template-columns:1fr;gap:42px}.two-users-copy h2{font-size:64px}.wrap-hero{min-height:730px}.wrap-hero>img{object-position:63% center}.wrap-hero h1{font-size:clamp(52px,9.4vw,76px)}.takeaway-lines>p{padding:17px 0;font-size:22px}.wrap-contact{min-height:210px}.wrap-materials{max-width:360px}.user-insights-system{grid-template-columns:1fr;margin-left:43px}}@media (width<=410px){:root{--header-height:98px;--page-gutter:20px}.opening-topline{flex-direction:column;gap:2px}.opening-title{font-size:38px}.chapter-title{font-size:48px}.section-heading{grid-template-columns:34px minmax(0,1fr)}.section-heading h2{overflow-wrap:anywhere;letter-spacing:-.065em;font-size:34px}.outcome-grid,.principle-grid,.lab-capabilities,.sites-overview-copy,.sites-lifecycle-steps,.sites-lifecycle-note,.sites-auth-storage-grid,.frontend-lab-preview,.homework-list,.example-list,.schedule-table,.critique-list,.external-examples,.recap-list,.loop-sequence,.viewport-inspector,.debug-checklist,.living-demo,.takeaway-lines,.travel-route,.fine-note,.prompt-contrast,.avoid-list,.mission-board,.mission-demo-note,.mission-prompt-intro,.loop-foundations-grid,.loop-ownership-grid,.loop-contract,.loop-source-link,.loop-tooling-note,.codex-definition-layout,.codex-work-merge,.model-choice-grid,.model-settings-grid,.codex-surface-grid,.codex-runtime-grid,.codex-plugin-intro,.codex-category-grid,.codex-tool-list,.codex-setup-grid,.codex-repo-card,.model-choice-note,.living-shift-grid,.living-skill-steps,.living-use-list,.existing-timing,.existing-system-grid,.existing-system-note,.existing-case-study,.user-insights-system,.existing-boundary-note,.schedule-finish{margin-left:34px}.living-skill-step-intro{grid-template-columns:38px minmax(0,1fr);gap:14px}.living-skill-step-intro h3{font-size:26px}.example-accordion-content>img.example-accordion-image-contain{aspect-ratio:4/3;padding:12px}.sites-feature-cards,.sites-followup-grid,.sites-automation-layout{grid-template-columns:1fr;margin-left:34px}.codex-roadmap-track{display:none}.codex-roadmap{min-height:initial;padding:28px 24px 34px}.codex-roadmap-labels{margin-bottom:31px}.codex-roadmap-stages{grid-template-columns:1fr;gap:0;margin-top:0}.codex-roadmap-stages>div,.codex-roadmap-stages>div:nth-child(2),.codex-roadmap-stages>div:nth-child(3){text-align:left;border-top:1px solid #4a424f29;align-items:flex-start;padding:25px 0 31px;transform:none}.codex-roadmap-node{margin-bottom:28px}.codex-roadmap-stages>div,.sites-feature-cards>div,.sites-followup-grid>div{min-height:initial}.sites-followup-grid>div,.sites-followup-grid>div+div{border-top:1px solid var(--line);border-left:0;padding:27px 0 32px}.codex-work-merge-title,.codex-work-comparison>div,.codex-work-shared{padding-left:22px;padding-right:22px}.plugin-directory-illustration{border-radius:18px 18px 0 0;min-height:auto;padding:28px 24px 34px}.plugin-directory-featured ul{grid-template-columns:1fr}.existing-projects-hero{padding-left:20px;padding-right:20px}.existing-projects-title h1{font-size:54px}.existing-projects-tree>div{grid-template-columns:25px 1fr;padding:17px 0}.existing-projects-tree p{grid-column:2}.existing-timing,.existing-system-grid{grid-template-columns:1fr}.existing-timing>div,.existing-timing>div+div{border-right:0;min-height:auto;padding:23px 0 29px}.existing-timing h3{margin-top:20px}.existing-system-item{min-height:auto}.existing-system-note{font-size:23px}.existing-case-study>div{grid-template-columns:31px 1fr;gap:8px 13px;padding:22px 0}.existing-case-study p{grid-column:2}.user-insights-system{grid-template-columns:1fr;gap:32px;padding:28px 0 31px}.user-insights-swatches{gap:6px}.user-insights-swatches i{height:48px}.user-insights-swatches span{font-size:9px}.existing-boundary-note{grid-template-columns:1fr;gap:13px}.wrap-contact{flex-direction:column;align-items:flex-start;gap:34px;padding:48px 20px 64px}.wrap-materials{text-align:left}.codex-category-grid,.codex-setup-grid,.living-use-list{grid-template-columns:1fr}.codex-tool-row{padding:0}.codex-toolbox-section .section-heading h2{overflow-wrap:anywhere;font-size:clamp(34px,10.5vw,42px)}.codex-toolbox-section .section-heading p{overflow-wrap:anywhere}.codex-toolbox-section .codex-tool-list{margin-left:0}.codex-tool-row>button{grid-template-columns:27px minmax(0,1fr) 22px;gap:14px;min-height:70px}.codex-tool-panel>p{margin:0 0 22px 41px}.feature-product-illustration{aspect-ratio:4/3;border-radius:8px;width:calc(100% - 41px);max-width:calc(100% - 41px);margin:0 0 30px 41px}.codex-tool-panel{min-width:0;overflow:hidden}.feature-product-terminal{aspect-ratio:2.35}.mini-app-body{grid-template-columns:40% 60%}.mini-sidebar{display:none}.review-window{grid-template-columns:38% 62%}.review-row:nth-of-type(n+5){display:none}.annotation-panel{width:56%}.annotation-page{padding-left:55%}.annotation-selected-heading{left:53%}.imagegen-window{grid-template-columns:42% 58%}.webmcp-note{padding-left:34px;padding-right:34px}.sites-principles .section-heading{padding-left:34px}.mission-views{margin-left:34px}.sites-lifecycle-steps{grid-template-columns:1fr;gap:30px}.sites-auth-storage-grid{grid-template-columns:1fr}.frontend-lab-preview-body{grid-template-columns:95px minmax(0,1fr)}.frontend-lab-preview-sidebar{padding-left:5px;padding-right:5px}.lab-preview-sidebar-line{gap:3px;font-size:8px}.living-scene,.agent-actions{padding:18px}.viewport-selector button{padding:7px;font-size:10px}}@media (width<=768px){.sites-landing-preview,.sites-landing-steps,.mission-build-steps,.idea-principles,.idea-stages,.idea-goal-notes,.goal-review-layout,.debug-case-study,.debug-evidence,.debug-verify-list,.existing-read-grid,.existing-scope-grid,.existing-verify-grid{margin-left:43px}.sites-landing-preview,.idea-stages,.goal-review-layout,.existing-read-grid{grid-template-columns:1fr}.goal-criteria{border-top:1px solid #ffffff26;border-left:0;padding-left:0}.debug-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debug-evidence-grid>div:nth-child(odd){border-left:0;padding-left:0}.debug-evidence-grid>div:nth-child(n+3){border-top:1px solid #ffffff26}.sites-landing-preview>img{min-height:350px}.sites-landing-steps,.mission-build-steps,.idea-principles,.idea-goal-notes,.existing-scope-grid,.existing-verify-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-stages>div,.idea-stages>div+div,.existing-read-grid>div,.existing-read-grid>div+div{min-height:initial;border-top:1px solid var(--line);border-right:0;padding:27px 0 34px}.idea-stages span{margin-bottom:35px}.existing-context-grid,.existing-feature-brief,.existing-review-grid,.existing-context-note,.existing-review-note{margin-left:43px}.existing-feature-brief{grid-template-columns:1fr}.existing-feature-requirements{border-top:1px solid #ffffff29;border-left:0}.existing-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}}@media (width<=410px){.sites-landing-preview,.sites-landing-steps,.mission-build-steps,.idea-principles,.idea-stages,.idea-goal-notes,.goal-review-layout,.debug-case-study,.debug-evidence,.debug-verify-list,.existing-read-grid,.existing-scope-grid,.existing-verify-grid{grid-template-columns:1fr;margin-left:34px}.sites-landing-preview>img{min-height:230px}.sites-landing-preview>div{padding:30px 24px}.goal-review-order>div,.debug-verify-list>div{grid-template-columns:38px minmax(0,1fr);gap:5px 8px;padding:20px 0}.goal-review-order p,.debug-verify-list p{grid-column:2}.debug-case-study>figcaption,.debug-evidence-grid{grid-template-columns:1fr}.debug-case-study>figcaption>div+div,.debug-evidence-grid>div+div{border-top:1px solid #ffffff26;border-left:0;padding-left:0}.debug-case-study>img{aspect-ratio:auto;object-position:center;min-height:250px}.debug-evidence-grid>div{min-height:initial;padding:24px 0 28px}.debug-evidence-grid h4{margin-top:36px}.sites-landing-steps>div,.mission-build-steps>div,.existing-read-grid>div,.existing-scope-grid>div,.existing-verify-grid>div{min-height:initial}.idea-experience-caption{align-items:start}.idea-experience-caption>div:last-child{text-align:left}.existing-context-grid,.existing-feature-brief,.existing-review-grid{grid-template-columns:1fr;margin-left:34px}.existing-context-note,.existing-review-note{margin-left:34px;font-size:23px}.existing-context-grid>div,.existing-context-grid>div+div,.existing-context-grid>div:nth-child(3),.existing-context-grid>div:nth-child(4){min-height:initial;border-top:1px solid #1c272429;border-left:0;padding:25px 0 30px}.existing-context-grid>div:first-child{border-top:0}.existing-context-grid h3,.existing-review-grid h3{margin-top:38px}.existing-feature-brief>div:first-child{padding-right:0}.existing-feature-brief h3{margin-top:45px}.existing-feature-requirements{grid-template-columns:1fr}.existing-feature-requirements>div,.existing-feature-requirements>div:nth-child(2n),.existing-feature-requirements>div:nth-child(n+3){min-height:initial;border-top:1px solid #ffffff29;border-left:0;padding:25px 0 28px}.existing-review-grid{gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}