:root{--bg:#07121a;--surface:#10232d;--line:#28424c;--ink:#eff7f8;--muted:#a5bac2;--accent:#68dfbe;--good:#a8efbd;--blue:#8fbdff;--title:clamp(30px,3.1vw,52px);--body:clamp(16px,1.35vw,21px)}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.3;cursor:default}a{color:inherit}.deck{height:100svh;grid-template-rows:auto minmax(0,1fr) auto;padding:20px 28px 14px;gap:14px}.masthead{display:flex;align-items:center;gap:20px;min-height:32px;font-size:14px}.masthead a{text-decoration:none;font-weight:750;letter-spacing:.05em}.masthead a span{color:var(--accent);margin:0 9px}.edition{margin-left:auto;font:11px ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.masthead button{width:auto;height:32px;padding:0 10px;font-size:12px}
.slide{grid-template-columns:1fr;align-content:center;align-items:initial;gap:24px;padding:clamp(24px,3.5vw,52px);background:radial-gradient(ellipse at 96% 0%,#12373870,transparent 65%),var(--bg);border-radius:18px}.slide>*{min-width:0}.slide h1,.slide h2{line-height:1.16;letter-spacing:-.045em;text-wrap:balance;word-break:keep-all;margin:12px 0 16px}.slide h1{font-size:clamp(48px,5.7vw,88px)}.slide h2{font-size:var(--title)}h3{font-size:clamp(20px,1.7vw,27px);line-height:1.3;letter-spacing:-.025em;word-break:keep-all;margin:0 0 12px}p{font-size:var(--body);line-height:1.6;max-width:none;word-break:keep-all;color:#bacbd2}strong{color:var(--ink)}small{color:var(--muted)}figure{margin:0}.kicker{font-size:11px;letter-spacing:.15em}.scene-heading p{font-size:var(--body)}.label,.lane-label{font:11px ui-monospace,monospace;letter-spacing:.09em;color:var(--accent);display:block;margin-bottom:12px}.footnote,.micro-note{font-size:12px;line-height:1.55;color:#9aafb9}.footnote{margin-top:0}.muted{color:var(--muted);font-size:16px;margin-top:24px}.intro{grid-template-columns:1.05fr 1fr;gap:7%;align-items:center}.lead{font-size:clamp(20px,1.7vw,27px)}.motives{display:grid;gap:24px}.motives article{display:flex;gap:20px;padding:0 0 22px;border-bottom:1px solid var(--line)}.motives p{font-size:17px}.ordinal{font:14px ui-monospace,monospace;color:var(--accent);padding-top:7px}.motives h3{margin-bottom:8px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.architecture-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#0c1c26}.architecture-card.chosen{border-color:#55b89f;background:#0d272b}.architecture-card p{font-size:16px;margin-top:18px}.stack{display:grid;gap:5px}.stack>div{background:#142d38;border:1px solid #36505a;padding:12px 16px;border-radius:8px;text-align:center;font-size:17px;font-weight:650}.stack small{display:block;font-size:12px;font-weight:400;margin-top:3px}.stack .foundation{font-size:13px;background:transparent;color:var(--muted);padding:8px}.down{display:block;text-align:center;font-size:24px;color:var(--accent);font-style:normal}.accent-box{border-color:var(--accent)!important;background:#11352f!important}.build-map{display:grid;grid-template-columns:1.3fr .28fr .8fr;gap:16px 24px}.build-user{grid-column:1;grid-row:1}.flow-row{display:flex;align-items:stretch;gap:14px}.flow-node{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;width:auto;height:auto;min-height:128px;flex:1;padding:20px;border:1px solid #35525d;border-radius:12px;text-align:left;background:#10242e;transition:border-color .25s,background .25s,box-shadow .25s}.flow-node span{font:11px ui-monospace,monospace;color:var(--accent)}.flow-node b{font-size:clamp(18px,1.6vw,25px);line-height:1.3;word-break:keep-all}.flow-node small{font-size:13px;line-height:1.45}.flow-arrow{font-style:normal;color:var(--accent);align-self:center;font-size:24px}.library{grid-column:1;grid-row:2;padding:20px;border:1px dashed #547088;border-radius:12px;background:#101e30}.library h3{font-size:20px}.library code{font-size:15px;color:var(--blue)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:12px;padding:6px 8px;border-radius:5px;background:#1b3044;color:#c9ddf4}.library p{font-size:13px;margin-top:12px}.join{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px;text-align:center}.join b,.join i{font-size:28px;color:var(--accent);font-style:normal}.build-result{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;gap:8px}.build-result .flow-node{flex:0}.sequence-foot{display:flex;align-items:center;gap:16px;grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;min-height:58px}.sequence-foot p{font-size:15px;flex:1}.sequence-foot button{font-size:12px;white-space:nowrap;width:auto;height:32px;padding:0 10px}.is-current{border-color:var(--accent)!important;background:#12372f!important;box-shadow:0 0 25px #68dfbe19}.download-track{display:flex;align-items:stretch;gap:10px}.download-track .flow-node{padding:18px 14px}.download-track .flow-node b{font-size:19px}.download-diagram .sequence-foot{margin-top:24px}.two-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-notes article{border-left:2px solid var(--blue);padding-left:20px}.two-notes h3{font-size:20px}.two-notes p{font-size:15px}
.runtime-scene{gap:16px}.runtime-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:0}.runtime-explain{min-width:0}.loop{position:relative;display:grid;gap:7px;padding-right:34px}.loop:after{content:"";position:absolute;right:10px;top:20px;bottom:25px;width:15px;border:1px solid #466672;border-left:0;border-radius:0 12px 12px 0}.loop-step{display:flex;align-items:center;gap:14px;padding:10px 15px;width:100%;height:auto;text-align:left;border-radius:9px;background:#10242e}.loop-step b{font:12px ui-monospace,monospace;color:var(--accent)}.loop-step span{font-size:17px;font-weight:650}.loop-step small{display:block;font:11px ui-monospace,monospace;margin-top:3px}.loop-return{position:absolute;right:-2px;bottom:0;font-size:10px;color:var(--accent)}.runtime-explain .sequence-foot{padding-top:9px;margin-top:8px;min-height:70px}.runtime-explain .sequence-foot p{font-size:12px}.code-shot{display:flex;flex-direction:column;min-height:0}.image-open{display:block;width:100%;height:100%;min-height:0;padding:0;overflow:hidden;background:#eaf0f4;border:1px solid #385362;border-radius:10px;cursor:zoom-in}.image-open img{display:block;width:100%;height:100%;object-fit:contain}.code-shot .image-open{height:clamp(270px,36vh,430px)}figcaption{font-size:12px;color:var(--muted);padding-top:8px}.code-shot figcaption{display:flex;justify-content:space-between}.io-cycle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px;background:#0f292d;border:1px solid #2c6259;border-radius:10px}.io-cycle .lane-label{margin:0}.io-cycle b{font-size:14px}.io-cycle i{color:var(--accent);font-style:normal}.accent-text{color:var(--accent)}
.carousel .frames{position:relative}.frame{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.frame[hidden], [hidden]{display:none!important}.gallery-scene{gap:18px}.gallery-scene .frame .image-open{height:clamp(240px,43vh,510px)}.frame figcaption{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:baseline}.frame figcaption>span{font:12px ui-monospace,monospace;color:var(--accent)}.frame figcaption>b{font-size:20px;color:var(--ink)}.frame figcaption>p{font-size:15px}.frame.active{animation:frame-in .45s ease both}@keyframes frame-in{from{opacity:.3;transform:translateX(12px)}to{opacity:1;transform:none}}.carousel-controls{display:flex;align-items:center;gap:12px;margin-top:14px}.carousel-controls button{height:32px;width:36px;font-size:14px}.carousel-controls [data-autoplay]{width:auto;padding:0 12px;font-size:12px;margin-left:6px}.dots{display:flex;gap:8px}.dots button{width:12px;height:12px;border-radius:50%;padding:0;background:#35515c;border:0}.dots button[aria-current="true"]{background:var(--accent);box-shadow:0 0 0 3px #68dfbe20}.zoom-hint{font-size:11px;color:var(--muted);margin-left:auto}
.demo-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}.demo-photo img{display:block;width:100%;height:clamp(280px,45vh,490px);object-fit:contain;border-radius:12px}.demo-photo figcaption{text-align:center}.mode-controls{display:flex;gap:8px;margin-bottom:22px}.mode-controls button{width:auto;height:auto;padding:10px 13px;font-size:13px;flex:1}.mode-controls button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:#153b32}.mode-visual h3{font-size:27px}.mini-chain{display:flex;align-items:center;gap:7px;margin:18px 0}.mini-chain span{border:1px solid var(--line);padding:10px;font-size:12px;border-radius:6px}.mini-chain i{font-style:normal;color:var(--accent)}.mini-chain .owner{border-color:var(--accent);color:var(--accent)}.mode-visual p{font-size:16px}.demo-proof{margin:24px 0 16px;border-top:1px solid var(--line);padding-top:16px}.demo-proof b{font-size:19px}.demo-proof p{font-size:14px;margin-top:6px}.web-carousel .frame{grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.web-carousel .image-open{height:clamp(300px,49vh,560px)}.web-carousel figcaption{display:block}.web-carousel figcaption>b{display:block;font-size:28px;margin-top:14px}.web-carousel ul{padding-left:20px;font-size:18px;line-height:1.9;color:#d6e5ea}.web-carousel figcaption>p{font-size:14px;color:var(--muted)}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.scope-grid article{padding:24px;border:1px solid var(--line);border-radius:14px;background:#0e202a}.status-tag{display:inline-block;font:12px ui-monospace,monospace;padding:6px 9px;border-radius:5px;margin-bottom:20px}.verified{color:var(--accent);background:#16362f}.planned{color:#d3c2fc;background:#2b2443}.pending{color:var(--blue);background:#1b2d43}.scope-grid ul{padding-left:18px;font-size:17px;line-height:1.55;display:grid;gap:14px;color:#d8e4e8}.scope-grid small,.scope-grid p{font-size:13px;color:var(--muted)}.closing h2{font-size:clamp(42px,5.7vw,84px);margin:0}.closing-lead{font-size:clamp(20px,1.8vw,28px)}.reference-path{display:flex;gap:20px;align-items:center;margin:10px 0}.reference-path span{font-size:20px}.reference-path b{display:block;font:12px ui-monospace,monospace;color:var(--accent);margin-bottom:8px}.reference-path i{font-size:22px;font-style:normal;color:#5c8088}.closing-message{border-top:1px solid var(--line);padding-top:22px;font-size:18px}.control{position:relative;gap:16px;padding-bottom:7px}.position{display:flex;align-items:center;gap:18px}.position [data-section]{font:11px ui-monospace,monospace;color:#7d9da8}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#142e38}.progress i{display:block;width:10%;height:100%;background:var(--accent);transition:width .3s}.lightbox{width:96vw;max-width:none;height:94svh;max-height:none;padding:18px;background:#081820;color:var(--ink);border:1px solid var(--line);border-radius:12px}.lightbox::backdrop{background:#000c}.lightbox[open]{display:flex;flex-direction:column;gap:12px}.lightbox>button{width:auto;height:36px;padding:0 14px;align-self:flex-end}.lightbox>img{object-fit:contain;min-height:0;flex:1;width:100%}.lightbox>p{font-size:14px;text-align:center}
@media(max-width:1000px){.deck{padding:12px}.slide{padding:26px;gap:18px}.download-track{flex-wrap:wrap}.download-track .flow-node{min-width:125px;min-height:125px}.download-track .flow-arrow{display:none}.scope-grid{gap:12px}.scope-grid article{padding:18px}.build-map{gap:14px}.motives p{font-size:15px}.mode-visual h3{font-size:22px}}
@media(max-width:760px){.deck{gap:8px;padding:8px}.masthead{font-size:12px}.edition{display:none}.masthead button{margin-left:auto}.slide{align-content:start;padding:22px 18px;gap:20px;border-radius:12px}.slide h1{font-size:48px}.slide h2{font-size:32px}.scene-heading p{font-size:16px}.intro{grid-template-columns:1fr}.motives{gap:15px}.motives article{padding-bottom:14px}.compare-grid,.runtime-layout,.demo-grid,.scope-grid{grid-template-columns:1fr}.architecture-card{padding:18px}.build-map{grid-template-columns:1fr}.build-user,.library,.join,.build-result{grid-column:1;grid-row:auto}.join{flex-direction:row}.build-result{flex-direction:row;align-items:stretch}.build-result .flow-node{flex:1}.build-result .down{align-self:center;transform:rotate(-90deg)}.flow-node{padding:14px;min-height:118px}.flow-node b{font-size:18px}.flow-node small{font-size:12px}.sequence-foot{align-items:start;gap:10px}.sequence-foot p{font-size:13px}.sequence-foot button{font-size:10px;padding:0 6px}.two-notes{grid-template-columns:1fr;gap:18px}.code-shot .image-open{height:auto;aspect-ratio:802/598}.io-cycle{flex-wrap:wrap;justify-content:center}.io-cycle .lane-label{width:100%;text-align:center}.io-cycle b{font-size:12px}.runtime-scene .footnote{font-size:11px}.gallery-scene .frame .image-open{height:auto;aspect-ratio:1.5}.frame figcaption{grid-template-columns:auto 1fr;gap:8px 12px}.frame figcaption>p{grid-column:1/-1}.frame figcaption>b{font-size:18px}.carousel-controls{gap:9px;flex-wrap:wrap}.zoom-hint{display:none}.carousel-controls [data-autoplay]{font-size:10px;padding:0 7px}.demo-photo img{height:auto;max-height:40vh}.web-carousel .frame{grid-template-columns:1fr;gap:16px}.web-carousel .image-open{height:auto;aspect-ratio:.95}.web-carousel figcaption>b{font-size:24px}.web-carousel ul{font-size:16px}.web-carousel figcaption>p{font-size:13px}.closing h2{font-size:42px}.reference-path{gap:8px;justify-content:space-between}.reference-path span{font-size:15px}.reference-path i{font-size:15px}.closing-message{font-size:16px}.position [data-section]{display:none}.control .hint{display:none}.lightbox{padding:10px}.control{min-height:46px}}
@media(max-width:760px){.runtime-layout{display:block;min-height:auto}.runtime-explain{min-height:auto}.code-shot{display:block;min-height:auto;margin-top:24px}.code-shot .image-open{height:250px;aspect-ratio:auto}}
@media(min-width:761px){.slide{align-content:safe center}}
@keyframes slide-in{from{opacity:0}to{opacity:1}}
.dots button{width:22px;height:30px;background:transparent;display:grid;place-items:center}.dots button:before{content:"";width:9px;height:9px;border-radius:50%;background:#35515c}.dots button[aria-current="true"]{background:transparent;box-shadow:none}.dots button[aria-current="true"]:before{background:var(--accent);box-shadow:0 0 0 3px #68dfbe20}
@media(max-width:400px){.closing h2{font-size:clamp(28px,8vw,32px)}.reference-path{display:grid;grid-template-columns:1fr auto 1fr;gap:18px}.reference-path>i:nth-of-type(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}