/* Presentation treatment: local typography, editorial split, one-shot motion. */
@font-face{font-family:Pretendard;src:url('./assets/fonts/pretendard-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#edf3ff;--muted:#a7b5ca;--blue:#a3bcff;--teal:#8bd5ca;--line:#ffffff16;--surface:#0d1424;--spring:cubic-bezier(.16,1,.3,1);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--surface)}
body{background:radial-gradient(ellipse at 75% 10%,#20385850,transparent 52%),var(--surface)}
.presentation{position:relative;z-index:1;padding:0 5.5vw;max-width:1700px}.site-header{padding:26px 0;border-bottom-color:#ffffff10}.brand{font-size:22px;letter-spacing:2px;gap:11px}.brand img{border-radius:11px;box-shadow:0 4px 20px #648eff20}.header-note{font-size:10px;letter-spacing:1.8px;margin-left:30px;color:#7788a5}.header-divider{color:#4a5b77;margin:0 16px}.header-actions{display:flex;align-items:center;gap:7px}.button-quiet{color:#b3c0d5;font-size:12px}.button-quiet svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.button-quiet:hover{background:#ffffff0a;color:#fff}.button{border-radius:50px;transition:transform .5s var(--spring),background .5s var(--spring),color .5s var(--spring),box-shadow .5s var(--spring);min-height:48px;font-weight:650;padding:0 20px}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:scale(.98)}.button-primary{background:#b4c8ff;color:#112044;box-shadow:inset 0 1px 0 #ffffff60,0 6px 22px #84a5ff12}.button-primary:hover{background:#c9d7ff;box-shadow:0 8px 28px #96b3ff20}.button-primary>span{display:grid;place-items:center;width:25px;height:25px;margin-right:-10px;border-radius:50%;background:#0c234513}.button-secondary{background:#ffffff06;border:1px solid #ffffff1b;color:#dce7fa}.button-secondary:hover{background:#ffffff0c}.button:disabled{background:#ffffff04;color:#57657f;border:1px solid #ffffff0a}.button-secondary>span{color:#92a9cd}button:focus-visible,a:focus-visible{outline-color:#a3bcff}
.button-quiet .fullscreen-label{font-size:12px}.show-screen{display:none}
main{position:relative;padding:46px 0 30px}.slide{column-gap:5%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);animation:none}.slide-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;color:#9eb8ef;font-weight:550;margin-bottom:22px}.eyebrow::before{content:'';display:inline-block;width:18px;height:1px;background:#6d93de}h1{font-size:clamp(38px,3.7vw,60px);font-weight:650;letter-spacing:-2.2px;line-height:1.2;margin-bottom:23px}.title-line{display:block}.title-accent{color:#a7bcdf}.slide-type-intro h1{font-size:clamp(44px,4.6vw,76px);font-weight:680;letter-spacing:-3.2px}.slide-type-intro .title-accent{color:#bbceff}.description{font-weight:350;line-height:1.85;font-size:15px;max-width:450px;color:#a6b3c7}.benefit{font-size:13px;color:#a8ded4;font-weight:500;max-width:460px;margin-top:22px}.benefit>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;font-size:14px;border:1px solid #80c0b92e;border-radius:50%;line-height:1}.feature-points{margin-top:28px;gap:11px}.feature-points li>span{font-weight:550;color:#d0dcf0;font-size:12px;flex-basis:66px}.feature-points p{font-size:12px;color:#8e9eb8}.inline-demo>span{font-size:10px;color:#8a9bb7}.chapter-number{position:absolute;top:6px;right:-5px;font-size:170px;font-weight:800;letter-spacing:-10px;line-height:1;color:#a9c5ff06;pointer-events:none;z-index:-1}.slide-note{border-top-color:#ffffff0c;font-size:10px;color:#8190a8;padding-top:17px;margin-top:30px;gap:16px}.note-label{color:#b1bfd5;font-weight:500}
.slide-visual{position:relative;z-index:1}.intro-visual,.gallery-visual,.note-visual,.summary-visual,.board-visual,.demo-visual{border:1px solid #9cb7e41b;background:linear-gradient(150deg,#1b2940,#141f33);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0a,0 26px 90px -45px #00000080;padding:25px;position:relative}.intro-visual::before,.gallery-visual::before,.note-visual::before,.summary-visual::before,.board-visual::before,.demo-visual::before{content:'';position:absolute;inset:-7px;border:1px solid #b5cfff0a;border-radius:26px;pointer-events:none}.intro-visual{padding:28px;transform:rotate(-1deg)}.intro-visual .visual-heading{color:#bbcce7;letter-spacing:.2px;font-weight:450;font-size:12px;margin-bottom:22px}.visual-heading{color:#c8d7ed;font-size:12px;font-weight:500}.status-dot{background:#9fdfcf;box-shadow:0 0 0 4px #a4dcc412}.screen-button{background:#eff4fb;border-color:#dce5ef;border-radius:10px;box-shadow:0 6px 18px #0000000a;transition:transform .5s var(--spring),box-shadow .5s var(--spring)}.screen-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000020}.screen-button img{transition:filter .5s var(--spring)}.screen-button:hover img{filter:none}.screen-figure figcaption{color:#93a5bf;font-size:10px;margin-top:10px}.expand-hint{background:#14233aea;color:#dde9ff;border-color:#ffffff26;font-family:Pretendard,sans-serif;font-size:10px;border-radius:50px;padding:6px 10px;opacity:.75;transition:opacity .5s var(--spring)}.screen-button:hover .expand-hint,.screen-button:focus-visible .expand-hint{opacity:1}.workflow{margin:25px 0 22px;font-size:11px;font-weight:450}.workflow>span:nth-child(odd){background:#ffffff06;border:1px solid #ffffff0c;color:#c3d2e8;padding:12px 15px;border-radius:8px}.workflow>span:nth-child(even){color:#607899}.visual-foot{font-size:9px;color:#7f91ae;border-color:#ffffff0d;padding-top:18px}.capture-note{font-size:10px;color:#91a1bc}.capture-badge{background:#ffffff08;color:#a2b2cb;border:1px solid #ffffff0b;border-radius:50px;font-size:9px;padding:5px 9px}.small-callout{background:#a3bcff08;border:1px solid #a3bcff0a;border-radius:10px;padding:15px;color:#99acc8;font-size:11px}.small-callout>span{color:#a3bcff}.small-callout strong{color:#cedcf2;font-weight:550}.board-visual{padding:24px 20px}.board-images{gap:10px}.board-images .screen-button{border-radius:9px}.summary-images{gap:15px}.scope-block{background:linear-gradient(140deg,#1a2b3c,#142233);border-color:#a9d8cb20;border-radius:17px;padding:25px}.scope-kicker{font-weight:500;font-size:10px;color:#a8ded4;letter-spacing:.5px}.scope-block h3{font-weight:550;font-size:21px}.scope-block ul{font-size:12px;color:#a9bbd1}.scope-next{background:#131d30;border-color:#a3bcff15}.scope-next .scope-kicker{color:#8f9eb9}.scope-next>p:not(.scope-kicker){color:#99aac6;font-size:12px}.scope-next .scope-detail{border-top-color:#ffffff0d;color:#7586a3;font-size:10px!important}.demo-card{background:#ffffff02;border-color:#a3bcff18;border-radius:13px;padding:20px 18px;transition:transform .5s var(--spring),background .5s var(--spring),border-color .5s var(--spring)}.demo-card:hover{transform:translateX(4px);background:#a3bcff08;border-color:#a3bcff30}.demo-card strong{font-weight:550;font-size:17px}.demo-card>span:nth-child(2)>span{font-size:11px;color:#91a3be}.demo-number{color:#8ca9df;font-size:11px}.demo-arrow{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #a3bcff16;border-radius:50%;font-size:17px;transition:transform .5s var(--spring)}.demo-card:hover .demo-arrow{transform:rotate(45deg)}
.navigation{border-top-color:#ffffff10;padding:21px 0;gap:32px}.progress-area{width:230px}.progress-label{font-size:10px;color:#8292ad}#slide-count{color:#c2d2ed;font-weight:550;letter-spacing:1.5px}.progress-track{height:2px;background:#ffffff0e}#progress-fill{width:100%;background:#a8c1f5;transform-origin:left;transition:transform .7s var(--spring)}.slide-dot>span{background:#33445f;transition:transform .5s var(--spring),background .5s var(--spring);width:7px;height:7px}.slide-dot[aria-current]>span{background:#a6beed;width:7px;transform:scale(1.35)}.slide-dot:hover>span{background:#7796c6;transform:scale(1.2)}.page-footnote{font-size:9px;color:#617591;padding-bottom:20px}.keyboard-hint{color:#7185a3}kbd{border-color:#ffffff13;background:#ffffff03;color:#8e9fba}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-orbit{position:absolute;right:-220px;top:-350px;width:1000px;height:1000px;border:1px solid #7aa6e20a;border-radius:50%}.ambient-orbit::before{content:'';position:absolute;inset:80px;border:1px solid #7aa6e20a;border-radius:50%}.ambient-orbit::after{content:'';position:absolute;inset:180px;border:1px solid #7aa6e20a;border-radius:50%}.ambient-grid{position:absolute;bottom:-2px;left:0;width:100%;height:150px;background-image:radial-gradient(#8baee222 .7px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(transparent,#00000080)}
dialog{background:#142034;border-color:#9cb7e425;color:var(--ink);border-radius:21px;box-shadow:0 25px 90px #02071480}dialog::backdrop{background:#060c18c9}.dialog-header .eyebrow{font-size:9px}.dialog-header h2{font-weight:550}.icon-button{background:#ffffff06;color:#a4b6d0;transition:transform .5s var(--spring),background .5s var(--spring);border-radius:50%}.icon-button:hover{background:#ffffff0e;transform:rotate(90deg)}.dialog-description{color:#92a5c1}.contents-item{background:#ffffff02;border-color:#a3bcff15;transition:transform .5s var(--spring),background .5s var(--spring),border-color .5s var(--spring);padding:14px 17px;border-radius:11px}.contents-item:hover,.contents-item[aria-current]{background:#a3bcff0d;border-color:#a3bcff36}.contents-item:hover{transform:translateX(3px)}.contents-item strong{font-weight:550}.contents-item>span:nth-child(2)>span{color:#94a7c4}.contents-number{font-weight:500}.zoom-image{border-color:#ffffff16;background:#eaf0f8}.image-caption{color:#9baec9}.skip-link{background:#223655;border-radius:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Each change performs one finite reveal; no autoplay or endless movement. */
.slide{--travel:26px}.slide.enter-backward{--travel:-26px}.slide .eyebrow{animation:copy-reveal .7s var(--spring) both}.slide .title-line{animation:title-reveal .85s var(--spring) both}.slide .title-line:nth-child(2){animation-delay:.07s}.slide .description{animation:copy-reveal .8s .12s var(--spring) both}.slide .benefit{animation:copy-reveal .8s .18s var(--spring) both}.slide .feature-points li{animation:copy-reveal .7s .22s var(--spring) both}.slide .feature-points li:nth-child(2){animation-delay:.28s}.slide .feature-points li:nth-child(3){animation-delay:.34s}.slide .inline-demo{animation:copy-reveal .7s .3s var(--spring) both}.slide .slide-visual{animation:screen-reveal .9s .1s var(--spring) both}.slide .slide-note{animation:copy-reveal .75s .25s var(--spring) both}.slide-type-summary .screen-figure:nth-child(2){animation:copy-reveal .8s .25s var(--spring) both}.slide-type-board .screen-figure{animation:copy-reveal .8s .2s var(--spring) both}.slide-type-board .screen-figure:nth-child(2){animation-delay:.28s}.slide-type-board .screen-figure:nth-child(3){animation-delay:.36s}.demo-card{animation:copy-reveal .8s .16s var(--spring) both}.demo-card:nth-child(2){animation-delay:.24s}.demo-card:nth-child(3){animation-delay:.32s}dialog[open]{animation:dialog-reveal .4s var(--spring) both}.contents-item{animation:copy-reveal .45s var(--spring) both}.contents-item:nth-child(2){animation-delay:.025s}.contents-item:nth-child(3){animation-delay:.05s}.contents-item:nth-child(4){animation-delay:.075s}.contents-item:nth-child(5){animation-delay:.1s}.contents-item:nth-child(6){animation-delay:.125s}.contents-item:nth-child(7){animation-delay:.15s}
@keyframes copy-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes title-reveal{from{opacity:0;transform:translateX(calc(var(--travel)*-.5)) translateY(14px)}to{opacity:1;transform:translate(0)}}@keyframes screen-reveal{from{opacity:0;transform:translateX(var(--travel)) translateY(10px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dialog-reveal{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.presentation{padding:0 90px}.slide{column-gap:80px}}
@media(max-width:1100px){.slide-type-intro h1{font-size:54px}.slide h1{font-size:42px}.intro-visual,.gallery-visual,.note-visual,.summary-visual,.demo-visual{padding:22px}.workflow>span:nth-child(odd){padding:10px}.workflow{font-size:10px}.header-note{font-size:9px;letter-spacing:1px;margin-left:15px}}
@media(max-width:760px){.presentation{padding:0 24px}.site-header{padding:19px 0}.brand{font-size:20px}.header-actions{gap:0}.button-quiet{padding:0 8px;font-size:11px;gap:7px;min-height:44px}.fullscreen-label{display:none}.button-quiet svg{width:17px;height:17px}main{padding:32px 0 24px}.slide{grid-template-columns:minmax(0,1fr);gap:28px}.slide-type-intro h1{font-size:48px;letter-spacing:-2.2px}.slide h1{font-size:39px;letter-spacing:-1.6px}.description{font-size:14px;line-height:1.85;max-width:100%;font-weight:350}.eyebrow{font-size:9px;margin-bottom:20px}.feature-points{margin-top:23px;gap:9px}.feature-points p{font-size:11px}.benefit{margin-top:19px;font-size:12px;line-height:1.8}.intro-visual{transform:none;padding:22px}.intro-visual,.gallery-visual,.note-visual,.summary-visual,.board-visual,.demo-visual{border-radius:16px}.intro-visual::before,.gallery-visual::before,.note-visual::before,.summary-visual::before,.board-visual::before,.demo-visual::before{inset:-5px;border-radius:21px}.chapter-number{font-size:110px;top:20px;right:0}.workflow{font-size:10px}.workflow>span:nth-child(odd){padding:10px 11px}.navigation{background:#0d1424;box-shadow:0 -8px 16px #0d1424;gap:15px;padding:14px 0}.progress-area{width:auto}.navigation-actions .button{padding:0 15px;min-height:44px;font-size:12px}.navigation-actions .button-primary>span{width:22px;height:22px;margin-right:-5px}.navigation-actions{gap:7px}.slide-note{margin-top:0;align-items:baseline;font-size:10px;gap:10px;padding-top:17px}.page-footnote{font-size:9px;color:#7185a3}.board-visual{padding:23px 20px}.board-images{gap:16px}.board-images .screen-figure{grid-template-columns:minmax(0,1fr) 80px;gap:16px}.board-images figcaption{color:#b0c1dd;font-size:12px}.board-images .screen-button img{max-height:280px;object-fit:contain}.board-images .expand-hint{font-size:9px}.scope-block{padding:22px}.scope-block ul{font-size:11px}.demo-card{padding:18px 14px;gap:13px}.demo-card strong{font-size:16px}.demo-card>span:nth-child(2)>span{font-size:10px}.capture-note{font-size:10px}.slide .slide-visual{animation-duration:.75s}.ambient-orbit{right:-500px;top:-300px}.zoom-image img{min-width:640px}}
@media(max-width:380px){.presentation{padding:0 18px}.slide-type-intro h1{font-size:42px}.slide h1{font-size:34px}.navigation{gap:10px}.navigation-actions .button{padding:0 12px}.board-images .screen-figure{grid-template-columns:minmax(0,1fr) 62px;gap:12px}.workflow{gap:5px;font-size:9px}.workflow>span:nth-child(odd){padding:9px}.intro-visual,.gallery-visual,.note-visual,.summary-visual,.demo-visual{padding:18px}.demo-card{gap:10px;padding:17px 12px}}
@media(max-width:760px){body{overflow:hidden}.presentation{height:100svh;min-height:0}.site-header{flex-shrink:0}.presentation>main{display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;margin:0 -7px;padding-left:7px;padding-right:7px}.presentation>main::-webkit-scrollbar{display:none}.navigation{position:relative;bottom:auto;flex-shrink:0;box-shadow:none}.page-footnote{flex-shrink:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.slide{padding-bottom:10px}.show-screen{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:#99b4e8;background:transparent;border-bottom:1px solid #99b4e828;padding:6px 0;font-size:11px;min-height:38px}.show-screen>span{font-size:13px;transition:transform .5s var(--spring)}.show-screen:hover>span{transform:translateY(3px)}.slide-visual{scroll-margin-top:12px}.chapter-number{position:fixed;right:24px;top:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}