:root{--paper:#f5f5f0;--white:#fff;--ink:#20372f;--muted:#70766c;--line:#dce0d5;--green:#265145;--sage:#e5eddf;--accent:#cce497;--blue:#d9e8ed;--lavender:#e5def0;--round:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-size:15px;line-height:1.65}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid #779f59;outline-offset:4px}[hidden]{display:none!important}p,h1,h2,h3,figure{margin:0}img,video{display:block;max-width:100%}.wrap{width:min(1320px,90vw);margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:99;background:white;padding:14px}.skip:focus{top:12px}.site-header{height:90px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.wordmark{display:flex;align-items:center;text-decoration:none;font-weight:650;font-size:24px;letter-spacing:-.055em;gap:8px}.wordmark-dot{margin-left:-9px;color:#80a561}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a{text-decoration:none;color:#5e6d62}.site-header nav a:hover{color:var(--green)}.header-note{border-left:1px solid var(--line);padding-left:26px;font-size:11px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;color:#60745b}.hero{text-align:center;padding:70px 0 50px}.hero>.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:100%;background:#769855}.hero h1{font-size:112px;line-height:1.08;font-weight:600;letter-spacing:-.07em;margin:18px auto 0}.hero h1>span{display:block;font-size:clamp(24px,3vw,38px);font-weight:450;line-height:1.3;letter-spacing:-.033em;margin-top:18px}.hero-lead{font-size:16px;color:var(--muted);line-height:1.65;margin:22px auto}.hero-links{display:flex;gap:10px;justify-content:center;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 22px;font-size:13px;font-weight:550;line-height:1.3;text-decoration:none;border:1px solid var(--line);border-radius:50px;background:transparent}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#356653}.secondary:hover{background:#ebeee4}.hero-facts{display:flex;align-items:center;justify-content:center;gap:35px;margin:42px auto 0}.hero-facts>div:not(.fact-path):not(.fact-divider){display:flex;gap:11px;text-align:left;align-items:center}.hero-facts strong{font-size:31px;font-weight:500;letter-spacing:-.06em;line-height:1}.hero-facts strong span{font-size:20px;margin-left:1px}.hero-facts div>span{max-width:82px;font-size:11px;line-height:1.45;color:var(--muted)}.fact-path{font-size:15px;color:#adb9a4}.fact-divider{height:26px;width:1px;background:var(--line)}.section{padding:58px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:33px;letter-spacing:-.04em;line-height:1.22;font-weight:500}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.65}.showcase-frame{border:1px solid var(--line);border-radius:var(--round);overflow:hidden;background:white;box-shadow:0 14px 50px #22342a07}.showcase-title{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid var(--line)}.showcase-title h3{font-size:15px;font-weight:600}.showcase-title>div{display:flex;align-items:center;gap:15px}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.tag{font-size:10px;background:var(--sage);padding:3px 10px;border-radius:20px;color:var(--green)}.showcase-body{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}.hero-player{background:#111a15;position:relative;display:flex;align-items:center}.hero-player video{width:100%;aspect-ratio:16/9;object-fit:contain}.prompt-panel{padding:24px;border-left:1px solid var(--line);background:#fbfcf8;display:flex;flex-direction:column;min-width:0;overflow:auto;max-height:470px}.prompt-heading{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.active-cues{display:grid;gap:10px}.cue{padding:12px 14px;background:var(--sage);border-left:3px solid #7c9c6c;border-radius:3px 8px 8px 3px;line-height:1.65;font-size:12px}.cue-time{display:block;font-family:Consolas,monospace;color:#597349;font-size:10px;margin-bottom:5px}.prompt-note{font-size:10px;color:var(--muted);margin:15px 0;line-height:1.6}.scene-details{border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-size:11px}.scene-details summary{cursor:pointer;font-weight:550}.scene-details p,.scene-details div{padding-top:10px;color:var(--muted)}.timeline-heading{display:flex;justify-content:space-between;padding:18px 23px 10px;font-size:10px;color:var(--muted)}.event-timeline{margin:0 23px;display:flex;flex-direction:column;gap:5px}.timeline-track{height:29px;position:relative;background:#f2f4ef;border-radius:4px}.interval{position:absolute;top:0;height:29px;background:#e1e9d9;border:1px solid white;border-radius:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;color:#59714d}.timeline-track:nth-child(even) .interval{background:var(--blue);color:#466571}.interval.active{background:var(--green)!important;color:white!important}.interval:hover{filter:brightness(.94)}.time-axis{display:flex;justify-content:space-between;padding:9px 23px 17px;font-size:9px}.scene-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:18px}.scene-pick{border:1px solid var(--line);border-radius:10px;text-align:left;padding:5px 5px 12px;background:#fafbf7;overflow:hidden;transition:transform .15s,border-color .15s;min-width:0}.scene-pick img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%}.scene-pick span{display:block;font-size:11px;padding:10px 6px 0;line-height:1.3}.scene-pick[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green);background:white}.scene-pick:hover{transform:translateY(-3px)}.abstract-band{background:#e9ede2;border-block:1px solid #dce2d1;margin:35px 0 15px;padding:60px 0}.abstract-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:80px}.abstract-layout h2{font-size:41px;margin-top:17px}.abstract-layout>div:last-child{max-width:775px;font-size:14px;color:#5c695a}.abstract-layout p+p{margin-top:15px}.abstract-layout .abstract-lead{font-size:19px;line-height:1.5;color:var(--ink)}.abstract-layout strong{font-weight:550;color:var(--ink)}.comparison-scenario{font-size:13px;color:var(--muted);margin-bottom:20px}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.comparison-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.comparison-card figcaption{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:12px;font-weight:550}.comparison-card.ours{border-color:#648d64}.comparison-card.ours figcaption{background:var(--sage)}.fullscreen{background:none;border:0;padding:3px 7px;font-size:18px;line-height:1}.comparison-card video{aspect-ratio:16/9;object-fit:contain;background:#101812;width:100%}.comparison-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}.comparison-controls .button{padding:11px 18px}.comparison-controls .mono{margin-left:auto}.comparison-controls input{width:100%;accent-color:var(--green);margin:12px 0;height:16px;cursor:pointer}.comparison-prompt{display:grid;grid-template-columns:160px 1fr;gap:15px;background:white;border:1px solid var(--line);border-radius:10px;padding:18px 20px;align-items:start}.comparison-prompt>.eyebrow{padding-top:9px}.comparison-prompt .cue{font-size:12px;border:0;background:#f0f3eb;padding:10px 14px;display:flex;gap:15px;align-items:baseline}.comparison-prompt .cue-time{white-space:nowrap;margin:0}.player-status{font-size:11px;color:var(--muted);margin-top:13px;min-height:18px}.method-section{border-top:1px solid var(--line);margin-top:25px}.method-diagram{background:white;border:1px solid var(--line);border-radius:var(--round);padding:35px;display:grid;grid-template-columns:1fr 60px 1.75fr;align-items:center;gap:15px}.diagram-label{font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--muted)}.prompt-card{display:flex;gap:14px;padding:17px;border-radius:9px;margin-top:14px}.prompt-card.context{background:var(--sage)}.prompt-card.action{background:var(--blue)}.prompt-card>span{font-size:10px;opacity:.55;padding-top:4px}.prompt-card strong{font-size:13px;font-weight:550}.prompt-card p{font-size:11px;color:#748071;margin-top:3px}.diagram-arrow{font-size:28px;text-align:center;color:#a0b193}.diagram-footnote{font-size:10px;line-height:1.65;color:var(--muted);margin-top:15px}.schedule-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.schedule-tracks{position:relative}.schedule-row{display:grid;grid-template-columns:68px 1fr;gap:12px;font-size:10px;align-items:center;margin:12px 0}.schedule-row>span{color:var(--muted)}.schedule-row>div{height:28px;position:relative;background:#f4f5f1;border-radius:3px}.schedule-row i{position:absolute;height:100%;top:0;font-style:normal;border-radius:4px}.context-support{left:30%;width:39%;background:#caddb9;border:1px solid #99b17f}.event-bar{font-size:9px;text-align:center;line-height:28px;color:#4c6c7b;background:var(--blue)}.event-a{left:4%;width:34%}.event-b{left:43%;width:44%}.event-c{left:22%;width:35%;background:var(--lavender);color:#79728a}.event-d{left:68%;width:25%;background:var(--lavender);color:#79728a}.generated>div{display:flex;gap:3px;background:none}.generated i{position:static;flex:1;background:#e5e9e0;border:1px solid #cfd8c6}.generated i.current-block{background:#87a06f;border-color:#87a06f}.window{position:absolute;z-index:2;pointer-events:none;top:-14px;bottom:-9px;left:calc(80px + (100% - 80px)*.30);width:calc((100% - 80px)*.39);border:1px dashed #8a9a6f;border-radius:7px;background:#e4edc422}.window>span{position:absolute;top:-23px;width:100%;text-align:center;font-size:9px;color:#65804b}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:30px}.step-number{font-family:Georgia,serif;font-style:italic;font-size:29px;color:#91a37e}.method-steps h3{font-weight:550;font-size:16px;margin:7px 0}.method-steps p{font-size:13px;color:var(--muted);line-height:1.8}.closing{border-top:1px solid var(--line);padding:46px 0 60px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.closing h2{margin-top:14px;font-size:37px}footer{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.footer-divider{padding:0 9px;color:#b4bfb0}.video-error{position:absolute;bottom:55px;left:10px;right:10px;background:#fffffff0;color:var(--ink);padding:14px;font-size:12px;border-radius:7px}
@media(min-width:1700px){.wrap{width:min(1460px,90vw)}.prompt-panel{max-height:530px}}
@media(max-width:1050px){.header-note{display:none}.hero h1{font-size:94px}.showcase-body{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.prompt-panel{padding:18px;max-height:370px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abstract-layout{gap:40px;grid-template-columns:1fr 1.5fr}.method-diagram{padding:25px;grid-template-columns:1fr 25px 1.5fr}.method-steps{gap:25px}.scene-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){html{scroll-padding-top:15px}.wrap{width:92vw}.site-header{height:75px;gap:15px}.wordmark{font-size:21px}.wordmark svg{width:25px}.site-header nav{gap:15px;font-size:11px}.hero{padding-top:48px;padding-bottom:18px}.hero h1{font-size:79px}.hero h1>span{font-size:25px;margin-top:17px}.desktop-break{display:none}.hero-lead{font-size:14px}.hero-facts{gap:17px;margin-top:34px}.hero-facts strong{font-size:26px}.hero-facts strong span{font-size:17px}.hero-facts>div:not(.fact-path):not(.fact-divider){gap:7px}.hero-facts div>span{font-size:9px;max-width:62px}.fact-path{display:none}.fact-divider{height:30px}.button{font-size:12px;padding:12px 17px;gap:12px}.section{padding:42px 0}.section-heading{display:block;margin-bottom:20px}.section-heading>p{margin-top:13px;font-size:12px}.section-heading>p br{display:none}h2{font-size:28px}.showcase-title{padding:13px 15px;gap:15px}.showcase-title h3{font-size:13px}.showcase-title .mono{display:none}.showcase-body{grid-template-columns:1fr}.prompt-panel{border-left:0;border-top:1px solid var(--line);max-height:none;padding:18px}.prompt-heading{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}.prompt-note{margin:12px 0}.scene-details{padding-top:11px}.cue{font-size:12px}.timeline-heading{padding:15px 15px 9px;gap:10px;font-size:9px}.event-timeline{margin-inline:15px}.interval{font-size:9px;padding-inline:3px}.time-axis{padding-inline:15px}.scene-picker{gap:9px}.scene-pick{padding-bottom:10px}.scene-pick span{font-size:10px;padding:9px 3px 0}.abstract-band{padding:38px 0;margin-top:18px}.abstract-layout{display:block}.abstract-layout h2{font-size:34px;margin:13px 0 23px}.abstract-layout .abstract-lead{font-size:17px}.abstract-layout>div:last-child{font-size:13px}.comparison-grid{gap:9px}.comparison-card figcaption{font-size:10px;padding:9px}.fullscreen{padding:0 4px;font-size:16px}.comparison-controls{gap:7px}.comparison-controls .button{font-size:11px;padding:10px 14px}.comparison-prompt{grid-template-columns:1fr;gap:9px;padding:14px}.comparison-prompt .eyebrow{padding:0}.comparison-prompt .cue{display:block;padding:9px 12px}.comparison-prompt .cue-time{margin-bottom:5px}.method-diagram{grid-template-columns:1fr;padding:23px}.diagram-arrow{transform:rotate(90deg);line-height:1.2}.schedule-heading{margin-top:10px}.method-steps{grid-template-columns:1fr;gap:20px}.method-steps article{display:grid;grid-template-columns:42px 1fr;column-gap:12px}.method-steps h3{margin:5px 0 8px}.method-steps p{grid-column:2}.step-number{grid-row:span 2}.closing{padding:35px 0;align-items:flex-start}.closing h2{font-size:28px}.closing .button{margin-top:30px;font-size:10px;gap:7px;padding:11px 14px}footer{font-size:9px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-pick{transition:none}}
/* Twelve-scene gallery, preserving the original paper-and-sage palette. */
.scene-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
.scene-pick{padding:15px 16px;min-height:112px;display:flex;flex-direction:column;gap:7px}
.scene-pick span{padding:0}.scene-pick .scene-number{font-size:10px;letter-spacing:.12em;color:#6d8561}.scene-pick .scene-title{font-size:13px;font-weight:550;line-height:1.4}.scene-pick .scene-meta{font-size:10px;color:var(--muted);margin-top:auto}
.comparison-selector{display:flex;align-items:center;gap:16px;margin-bottom:15px;font-size:12px}.comparison-selector select{font:inherit;color:var(--ink);background:white;border:1px solid var(--line);border-radius:8px;padding:11px 36px 11px 12px;max-width:100%;min-width:280px}.comparison-selector select:focus-visible{outline:3px solid #779f59;outline-offset:3px}.comparison-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:16px;max-width:900px}
@media(max-width:1050px){.scene-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.scene-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-pick{padding:12px;min-height:105px}.scene-pick .scene-title{font-size:12px}.comparison-selector{display:block}.comparison-selector label{display:block;margin-bottom:7px}.comparison-selector select{width:100%;min-width:0}}