@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@800&family=Space+Mono:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
:root{--bg:#020b1f;--panel:#0b1d3f;--line:#1f3358;--line-soft:#142749;--line-strong:#4a6a94;--radius-s:6px;--radius-m:10px;--radius-l:14px;--shadow-1:0 1px 2px rgba(0,0,0,.35);--shadow-2:0 1px 2px rgba(0,0,0,.35),0 12px 32px -16px rgba(0,0,0,.7);--space-section:clamp(64px,5vw + 40px,120px);--fs-xs:12px;--fs-s:14px;--fs-body:clamp(17px,16.4px + .2vw,18px);--fs-h3:clamp(19px,17px + .5vw,24px);--fs-h2:clamp(32px,24px + 1.8vw,50px);--fs-display:clamp(40px,27px + 3.7vw,80px);--ease:cubic-bezier(.2,.7,.2,1);--t-micro:160ms;--t-reveal:420ms;--t-sync:180ms;--header-h:80px;--text:#e8f1ff;--muted:#9fb3d1;--cyan:#3cdefe;--blue:#2d73e1;--coral:#fd674f;--paper:#f2f2f7;--ink:#0b1530;--green:#34c759;--mono:'Space Mono',monospace;--sans:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;--title:'Gothic A1',var(--sans)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:calc(var(--header-h) + 16px)}html:has(body.guide-page){scroll-padding-top:calc(var(--header-h) + 64px)}html:focus-within{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-body)/1.7 var(--sans);word-break:keep-all;overflow-wrap:anywhere}p,li,dd,figcaption,summary{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%;display:block}img{height:auto}figure,p,h1,h2,h3,h4{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{font-family:var(--title);font-weight:800;letter-spacing:-.052em;line-height:1.18}h1{font-size:var(--fs-display)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.4}p+p{margin-top:14px}strong{font-weight:650}ul,ol{padding-left:1.25em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}a{transition:color var(--t-micro) var(--ease),border-color var(--t-micro) var(--ease)}a:hover{color:var(--cyan)}kbd{font-family:inherit}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.mono,.eyebrow{font-family:var(--mono);font-size:var(--fs-xs);font-weight:400;letter-spacing:.1em;font-variant-numeric:tabular-nums}.eyebrow{color:var(--cyan);margin-bottom:22px}.muted{color:var(--muted)}.caption{font-size:var(--fs-s);color:var(--muted);line-height:1.65}.skip{position:absolute;top:-100px;left:24px;background:var(--cyan);color:var(--bg);padding:12px 20px;z-index:99}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(2,11,31,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:border-color var(--t-micro) var(--ease)}.site-header.is-scrolled{border-color:var(--line)}.site-header-inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:19px;min-height:44px}.brand img{width:42px;border-radius:23%}.brand small{font-size:12px;font-family:var(--mono);font-weight:400;color:var(--muted);margin-left:8px}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-nav a{display:flex;align-items:center;min-height:44px}.nav-buy{border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:0 18px}.nav-buy:hover{border-color:var(--cyan)}.hero{padding-top:51px}.hero-label{display:flex;justify-content:space-between;margin-bottom:25px}.hero-label .eyebrow{margin:0}.hero-heading{display:grid;grid-template-columns:1fr 320px;gap:35px;align-items:end}.hero-heading p{color:var(--muted);font-size:var(--fs-body);line-height:1.7;padding-bottom:8px}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:24px}.store-link{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:12px 20px;border-radius:var(--radius-s);font-weight:600;font-size:var(--fs-s);background:var(--cyan);color:var(--bg);border:1px solid var(--cyan);line-height:1.5;transition:background var(--t-micro) var(--ease),border-color var(--t-micro) var(--ease),box-shadow var(--t-micro) var(--ease),transform var(--t-micro) var(--ease)}.store-link:hover{background:#8bebff;color:var(--bg);box-shadow:var(--shadow-1)}.store-link:active{transform:scale(.98)}.store-link.secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}.store-link.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.store-link small{font-size:11px;display:block;font-weight:400;opacity:.85}.arrow{font-size:20px;font-weight:400}.hero-actions .caption{margin-left:12px;max-width:220px;font-size:13px}.multiview{position:relative;margin-top:32px;border:1px solid var(--line-strong);border-radius:var(--radius-l);overflow:hidden;background:#041026;box-shadow:var(--shadow-2)}.monitor-title{display:flex;justify-content:space-between;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs);font-family:var(--mono)}.monitor-title b{color:var(--text);font-weight:400}.tally{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;vertical-align:middle}.multiview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1px;background:var(--line)}.view-tile{background:#07142d;min-width:0}.view-label{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font:var(--fs-xs)/1.5 var(--mono);letter-spacing:.04em;color:var(--muted)}.view-label .ko{font-family:var(--sans);font-size:13px}.tile-content{height:224px;padding:18px 22px;background:var(--paper);color:var(--ink);overflow:hidden}.tile-content h3{font-size:19px}.tile-capture{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.capture-ui{min-width:0}.ui-sub{font-size:12px;color:#526078;line-height:1.6}.ui-white{background:white;border:1px solid #dce2e9;border-radius:15px;padding:15px}.ui-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e1e5eb;font-size:12px}.ui-row:last-child{border:0}.ui-row strong{font-size:12px}.ui-status{background:#e5f2ed;color:#245340;padding:3px 7px;border-radius:99px;font-size:10px;white-space:nowrap}.ui-button{display:block;background:#087d9b;color:white;font-size:12px;text-align:center;border-radius:9px;padding:9px 12px;margin-top:12px;font-weight:600;line-height:1.6}.ui-button.blue{background:#006bdd}.ui-button.red{background:#ae2c35}.ui-button.gray{background:#e6ebf2;color:#163b65}.capture-devices{padding-top:4px}.capture-devices .ui-row{align-items:start;line-height:1.5}.device-name{display:block;margin-bottom:2px}.tile-shot{padding:0;background:var(--paper);position:relative}.tile-shot img{width:100%;height:auto;max-width:none}.tile-shot.preflight img{width:100%;margin-top:-84px}.tile-shot.roles img{width:100%;margin-top:-8px}.tile-watch{background:#061126;color:var(--text);display:flex;align-items:center;gap:32px;justify-content:center}.watch-case{background:#000;border:5px solid #29415e;outline:1px solid #57708c;border-radius:36px;padding:14px 15px;width:150px;aspect-ratio:1/1.22;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;text-align:center;box-shadow:var(--shadow-1)}.watch-case h3{font-size:12px;color:#fff}.watch-case .ui-button{margin:8px 0;font-size:12px;border-radius:14px;background:#37d3f4;color:#011323;padding:5px}.watch-case .ui-button.red{background:#a52d39;color:white}.watch-case .caption{font-size:9px}.watch-copy{max-width:155px}.watch-copy strong{display:block;font-size:17px;margin-bottom:6px}.hero-wave{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:16px 24px;gap:16px;border-top:1px solid var(--line)}.hero-wave .mono{color:var(--muted);font-size:11px;line-height:1.8;letter-spacing:.04em}.hero-wave svg{width:100%;height:76px}.hero figcaption{margin-top:12px}.section{padding:var(--space-section) 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-bottom:48px}.section-head p{color:var(--muted)}.two-apps{padding-top:calc(var(--space-section) * .65)}.two-apps .section-head{margin-bottom:32px}.app-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border-block:1px solid var(--line)}.app-half{padding:34px 40px 34px 0;position:relative}.app-half+.app-half{border-left:1px solid var(--line);padding-left:40px;padding-right:0}.app-heading{display:flex;align-items:center;gap:18px;margin-bottom:17px}.app-heading img{width:58px;border-radius:23%}.app-heading .eyebrow{margin-bottom:6px;font-size:10px}.app-half p{color:var(--muted);max-width:470px;font-size:16px}.app-half .meta{margin-top:20px;font-size:var(--fs-s)}.app-half .meta span{color:var(--cyan)}.app-split-note{text-align:center;padding-top:16px;font-size:var(--fs-s);color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 440px;gap:95px;align-items:center}.cue-summary{counter-reset:cue;margin:0;padding:0;list-style:none}.cue-summary li{counter-increment:cue;border-top:1px solid var(--line);padding:24px 0 24px 56px;position:relative}.cue-summary li::before{content:'0' counter(cue);position:absolute;left:0;top:27px;font:var(--fs-xs) var(--mono);color:var(--cyan)}.cue-summary h3{margin-bottom:8px}.cue-summary p{color:var(--muted);font-size:15px}.label-chip{display:inline-block;border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:2px 8px;font-size:13px;line-height:1.7;color:var(--text);font-weight:550;font-family:inherit}.field-shot{position:relative;max-width:344px;margin-inline:auto}.field-shot .image-frame{border:1px solid var(--line-strong);border-radius:24px;padding:5px;background:#0b1931;overflow:hidden;box-shadow:var(--shadow-2)}.field-shot img{border-radius:19px;width:100%}.field-shot figcaption{margin-top:13px}.callout{position:absolute;left:-17px;background:var(--bg);border:1px solid var(--cyan);color:var(--cyan);font:var(--fs-xs) var(--mono);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.callout.one{top:33%}.callout.two{top:91%;left:auto;right:-17px}.notice{border-left:2px solid var(--cyan);padding:16px 18px;background:#071832;font-size:var(--fs-s);color:var(--muted);margin-top:24px}.notice strong{color:var(--text)}.transfer-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px;align-items:start}.transfer-heading p{color:var(--muted);max-width:460px}.transfer-path{display:grid;grid-template-columns:1fr 32px 1.3fr 32px 1fr;align-items:center;gap:16px}.path-stop{border-top:2px solid var(--blue);padding:24px 0}.path-stop:first-child{border-color:var(--cyan)}.path-stop small{font:var(--fs-xs) var(--mono);color:var(--cyan);letter-spacing:.08em}.path-stop h3{margin:8px 0}.path-stop p{font-size:var(--fs-s);color:var(--muted)}.path-arrow{color:var(--cyan);font-size:24px}.transfer-bottom{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:24px;margin-top:15px}.transfer-bottom p{color:var(--muted);font-size:var(--fs-s)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--cyan);font-size:var(--fs-s);white-space:nowrap}.text-link:hover span{transform:translateX(3px)}.text-link span{transition:transform var(--t-micro) var(--ease)}.sync-section{background:#05132c}.sync-section .section-head{grid-template-columns:1fr 370px}.sync-controls{display:flex;gap:10px;margin-bottom:24px}.sync-controls button{border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:var(--radius-s);min-height:48px;padding:10px 19px;font-size:var(--fs-s);font-weight:550;transition:background var(--t-micro) var(--ease),border-color var(--t-micro) var(--ease),color var(--t-micro) var(--ease),transform var(--t-micro) var(--ease)}.sync-controls button:active{transform:scale(.98)}.sync-controls button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:var(--bg)}.sync-controls button:hover{border-color:var(--cyan)}.sync-controls [data-sync=reset]{margin-left:auto;color:var(--muted)}.sync-board{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--bg);padding:24px 30px 20px}.sync-ruler{display:flex;justify-content:space-between;padding-left:132px;font:11px var(--mono);color:var(--muted);margin-bottom:16px;font-variant-numeric:tabular-nums}.wave-row{display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:center;margin-bottom:12px}.wave-row .mono{font-size:11px;letter-spacing:.04em;line-height:1.8}.wave-row .mono span{display:block;color:var(--muted);font-family:var(--sans);font-size:12px;letter-spacing:0}.wave-row svg{width:100%;height:59px;border-block:1px solid #152849;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#1c304d calc(25% - 1px),#1c304d 25%);overflow:hidden}.wave-signal{transition:transform var(--t-sync) var(--ease)}.sync-board svg line{transition:opacity var(--t-sync) var(--ease)}.sync-board[data-aligned=true] .wave-signal{transform:translateX(0)!important}.sync-status{color:var(--text);font-size:var(--fs-s);margin-top:20px;min-height:26px}.sync-caption{margin-top:12px;max-width:880px}.nojs-after{margin-top:28px}.nojs-after .eyebrow{margin-bottom:12px}html.js .nojs-after{display:none}.js-only{display:none}html.js .js-only{display:flex}.sync-note{display:flex;justify-content:space-between;gap:40px;margin-top:40px;color:var(--muted);font-size:15px}.sync-note strong{color:var(--text);display:block;margin-bottom:6px}.studio-window{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-2)}.window-top{display:flex;align-items:center;gap:8px;padding:12px 17px;background:#e7e9ee;border-bottom:1px solid #d3d9e4;font-size:11px;color:#526078}.window-dot{width:8px;height:8px;border-radius:50%;background:#8b97ac}.window-top span:last-child{margin-left:auto}.studio-layout{display:grid;grid-template-columns:191px 1fr}.studio-sidebar{padding:23px 13px;background:#e5e8ed;border-right:1px solid #d6dce5}.studio-brand{display:flex;gap:9px;align-items:center;margin-bottom:26px;font-weight:650;font-size:14px}.studio-brand img{width:37px;border-radius:9px}.studio-brand small{display:block;font:8px/1.5 var(--mono);letter-spacing:.1em;color:#526078;margin-top:5px}.studio-sidebar ul{list-style:none;padding:0;margin:0;font-size:12px}.studio-sidebar li{padding:7px 10px;border-radius:5px;display:flex;gap:9px;align-items:center;line-height:1.5}.studio-sidebar li svg{width:15px;height:15px;flex-shrink:0;color:#387cbe}.studio-sidebar li.active{background:#006bdd;color:white}.studio-sidebar li.active svg{color:white}.mac-info{margin-top:35px;border-top:1px solid #b9c5d5;padding:15px 10px;font-size:11px;color:#526078}.studio-main{padding:30px 28px}.studio-main .eyebrow{font-size:10px;color:#076b91;margin-bottom:10px}.studio-main h3{font-size:30px;font-weight:750;letter-spacing:-.035em;margin-bottom:5px}.studio-main .ui-sub{font-size:12px}.studio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}.studio-metrics div{padding:12px;background:#e6e9f0;border-radius:10px;font-size:10px;color:#526078}.studio-metrics strong{display:block;color:var(--ink);font-size:19px;margin-top:2px;font-variant-numeric:tabular-nums}.studio-card{background:white;border:1px solid #e0e5ed;border-radius:13px;padding:17px 19px;margin-top:17px;font-size:12px}.studio-card h4{font-size:14px;margin-bottom:11px;font-weight:650}.studio-card .ui-row{padding:8px 0}.studio-track{height:21px;margin:6px 0;background:#e3ebf7;border-radius:4px;display:flex;gap:3px;overflow:hidden}.studio-track span{background:#70b4e5;border-radius:3px;height:100%}.studio-track.song span{background:#9accb8}.studio-track small{font-size:9px;color:#244361;padding:3px 8px;white-space:nowrap}.studio-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;font-variant-numeric:tabular-nums}.studio-table th{font-weight:500;color:#526078;border-bottom:1px solid #e2e6ed;padding-bottom:8px}.studio-table td{padding:8px 0;border-bottom:1px solid #e2e6ed}.studio-table tr:last-child td{border:0}.ui-check{display:inline-block;width:12px;height:12px;border-radius:3px;background:#006bdd;color:white;text-align:center;font-size:9px;line-height:12px;margin-right:5px}.output-checks{display:flex;flex-wrap:wrap;gap:10px 19px;margin-bottom:8px}.studio-card .ui-button{width:max-content;margin-left:auto}.studio-caption{margin-top:16px}.studio-features{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:40px}.studio-features h3{margin-bottom:10px}.studio-features p{color:var(--muted);font-size:15px}.output-list{margin-top:48px}.output-clip{display:grid;grid-template-columns:130px 1fr 210px;gap:24px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.output-clip .mono{color:var(--cyan)}.output-clip p{color:var(--muted);font-size:var(--fs-s);margin-top:6px}.clip-bars{height:35px;display:flex;gap:4px;align-items:center}.clip-bars span{height:28px;background:#102e53;border:1px solid #285990;border-radius:4px;flex:1;transform-origin:left center}.clip-bars span:nth-child(2){flex:.65;background:#113c5e;border-color:#327995}.clip-bars.shorts{justify-content:end}.clip-bars.shorts span{flex:none;width:18px;height:34px}.clip-bars.image span{height:34px;background:#123449;max-width:75px}.jamblea-strip{background:#061731;padding:48px 0}.jamblea-strip .wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.jamblea-strip p{font-size:var(--fs-s);color:var(--muted)}.handoff-flow{display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:var(--fs-s);line-height:1.6}.handoff-flow span{color:var(--cyan);font-family:var(--mono)}.handoff-flow small{display:block;color:var(--muted);font-size:var(--fs-xs);margin-top:4px}.guide-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.guide-step{display:block;background:#0a1c37;padding:28px 24px;border-top:2px solid var(--cyan);border-radius:0 0 var(--radius-m) var(--radius-m);min-width:0;min-height:208px;transition:transform var(--t-micro) var(--ease),background var(--t-micro) var(--ease)}.guide-step:hover{transform:translateY(-2px);background:#0d2242;color:inherit}.guide-step:nth-child(2){border-color:#61baff}.guide-step:nth-child(3){border-color:#658ce3}.guide-step:nth-child(4){border-color:#94b6e5}.guide-step .mono{color:var(--muted)}.guide-step h3{margin:16px 0 8px}.guide-step p{font-size:var(--fs-s);color:var(--muted)}.guide-step .arrow{float:right;color:var(--cyan)}.guide-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:24px;align-items:center}.guide-bottom p{font-size:var(--fs-s);color:var(--muted)}.spec-table{width:100%;border-collapse:collapse;font-size:var(--fs-s);margin-top:40px;line-height:1.7}.spec-table th,.spec-table td{border-bottom:1px solid var(--line);padding:19px 24px;text-align:left;vertical-align:top}.spec-table th{font-weight:550}.spec-table th:first-child{width:19%;padding-left:0;color:var(--muted)}.spec-table td{width:40.5%}.spec-table thead th{font-size:18px;color:var(--text)}.spec-table td small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px}.privacy-grid h3{margin-bottom:12px}.privacy-grid p{font-size:15px;color:var(--muted)}.privacy-grid .text-link{margin-top:12px}.pricing{padding:var(--space-section) 0;background:#05132c}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.price-card{padding:32px;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:#061731}.price-card .app-heading{margin-bottom:25px}.price-card .price{font-size:42px;letter-spacing:-.04em;line-height:1.3;font-weight:550;font-variant-numeric:tabular-nums}.price-card .price small{font-size:14px;margin-left:10px;color:var(--muted);font-weight:400;letter-spacing:0}.price-card p{color:var(--muted);font-size:var(--fs-s);margin:16px 0 24px}.pricing>.wrap>.caption{margin-top:24px}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:96px}.faq-list details{border-top:1px solid var(--line);padding:0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:64px;padding:18px 32px 18px 0;list-style:none;position:relative;font-size:16px;font-weight:550;line-height:1.6}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:3px;top:17px;color:var(--cyan);font-size:22px;font-weight:400;transition:transform var(--t-micro) var(--ease)}details[open] summary::after{content:'−'}.faq-list details p{color:var(--muted);font-size:var(--fs-s);padding:0 25px 22px 0}.closing{padding:var(--space-section) 0}.closing .wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}.closing .text-link{border-bottom:1px solid var(--cyan)}.site-footer{border-top:1px solid var(--line);padding:32px 0 40px;display:grid;grid-template-columns:1fr auto;gap:20px;font-size:13px;color:var(--muted)}.footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-family{display:flex;gap:20px;justify-content:end}.footer-family a{display:inline-flex;align-items:center;min-height:44px}.footer-note{font-size:var(--fs-xs);grid-column:1/-1;border-top:1px solid var(--line-soft);padding-top:20px;display:flex;justify-content:space-between;gap:20px}.guide-hero{padding:56px 0 40px}.guide-hero>p{max-width:680px;color:var(--muted);margin-top:24px}.guide-hero .eyebrow{margin-bottom:24px}.guide-legend{margin-top:28px;display:flex;gap:24px;font-size:var(--fs-s);flex-wrap:wrap}.guide-legend span{padding-left:12px;border-left:2px solid var(--cyan)}.guide-prep{padding:28px 32px;background:#07172f;border:1px solid var(--line);border-radius:var(--radius-m);display:grid;grid-template-columns:1fr 2.7fr;gap:36px;margin:32px 0 48px}.guide-prep h2{font-family:var(--sans);font-size:var(--fs-h3);letter-spacing:-.02em}.guide-prep p{font-size:var(--fs-s);color:var(--muted)}.guide-chapter{border-top:1px solid var(--line);padding:64px 0 40px}.chapter-title{display:flex;align-items:center;gap:24px;margin-bottom:40px}.chapter-num{font:42px var(--mono);color:var(--cyan);line-height:1}.chapter-title .eyebrow{margin-bottom:8px}.chapter-device{margin-left:auto;color:var(--muted);font-size:var(--fs-xs);border:1px solid var(--line);padding:7px 12px;border-radius:var(--radius-s)}.guide-cue{display:grid;grid-template-columns:74px 1fr 330px;gap:32px;padding:32px 0;border-top:1px solid var(--line-soft);align-items:start}.cue-number{font:11px var(--mono);color:var(--muted);padding-top:5px;line-height:1.8;letter-spacing:.08em}.cue-number b{display:block;font-size:24px;font-weight:400;color:var(--cyan);letter-spacing:0;font-variant-numeric:tabular-nums}.cue-body h3{margin-bottom:12px}.cue-body>p{font-size:15px;color:var(--muted)}.cue-body .cue-device{font-size:var(--fs-xs);color:var(--cyan);margin-bottom:10px}.cue-body .action-line{margin:15px 0;font-size:13px;line-height:2.2}.cue-body .cue-state{font-size:var(--fs-s);color:var(--text);border-left:2px solid #6083a9;padding-left:12px;margin-top:16px}.cue-note{font-size:var(--fs-s);color:var(--muted);margin-top:12px}.guide-ui{background:var(--paper);color:var(--ink);border-radius:var(--radius-m);border:1px solid var(--line-strong);padding:20px;font-size:12px;min-width:0}.guide-ui h4{font-size:15px;margin-bottom:10px}.guide-ui .ui-sub{font-size:11px}.guide-ui .ui-row{font-size:11px}.guide-ui .ui-row strong{font-size:11px}.guide-ui .ui-button{font-size:11px;margin-top:10px}.guide-ui .ui-stepper{display:flex;justify-content:space-between;font-size:12px;margin:9px 0}.guide-ui-caption{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.6}.guide-ui-wrap{min-width:0}.guide-ui .file-chip{padding:8px 10px;background:#fff;border:1px solid #d5deea;border-radius:5px;margin:7px 0;color:#365069;font:10px var(--mono);letter-spacing:0}.guide-ui .ui-progress{height:5px;border-radius:3px;background:#d3e2f2;margin:12px 0}.guide-ui .ui-progress span{display:block;width:100%;height:100%;background:#178399}.guide-ui .ui-mini-tabs{display:flex;gap:5px;margin-bottom:14px;font-size:10px;color:#526078}.guide-ui .ui-mini-tabs span{background:#e5eaf1;padding:3px 5px;border-radius:3px}.guide-ui .ui-mini-tabs span.active{background:#006bdd;color:white}.guide-cue .shot-small{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-l);overflow:hidden;max-height:465px;background:var(--paper)}.guide-cue .shot-small img{width:100%}.guide-cue .watch-case{margin:auto}.guide-cue .shot-small.review{max-height:none}.guide-cue .shot-small.review img{width:100%}.advanced-title{margin-top:35px}.guide-tips{display:grid;grid-template-columns:1fr 1fr;gap:34px}.guide-tips>div{border-top:2px solid var(--blue);padding:24px 0}.guide-tips h3{margin-bottom:10px}.guide-tips p{color:var(--muted);font-size:var(--fs-s)}.troubleshooting .faq-layout{grid-template-columns:1fr 2fr;gap:60px}.guide-next{padding:56px 0 72px;display:flex;justify-content:space-between;align-items:center;gap:36px}.not-found{min-height:60vh;padding:96px 0}.not-found p{color:var(--muted);margin:24px 0}.not-found .text-link{font-size:var(--fs-body)}
@media(min-width:1600px){.wrap{width:1240px}}
@media(max-width:1100px){.hero-heading{grid-template-columns:1fr 280px}.hero-heading p{font-size:15px}.hero-actions .caption{display:none}.field-grid{gap:45px;grid-template-columns:1fr 370px}.section-head{grid-template-columns:1fr 310px}.studio-layout{grid-template-columns:157px 1fr}.studio-main{padding:24px 20px}.guide-cue{grid-template-columns:58px 1fr 285px;gap:22px}.tile-capture{gap:15px}.tile-content{padding:15px}.tile-shot{padding:0}.watch-copy{max-width:120px}.tile-watch{gap:22px}.tile-content h3{font-size:17px}.capture-devices .ui-row{font-size:11px}.privacy-grid{gap:40px}.faq-layout{gap:50px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}:root{--header-h:72px}.site-nav{gap:20px}.brand small{display:none}.hero{padding-top:36px}.hero-heading{display:block}.hero-heading p{max-width:610px;margin-top:22px}.hero-actions{margin-top:23px}.multiview-grid{grid-template-columns:1fr 1fr}.tile-capture{display:block}.capture-devices{display:none}.tile-content{height:205px;padding:18px}.tile-shot{padding:0}.watch-copy{display:none}.hero-wave{grid-template-columns:74px 1fr;padding-inline:20px}.section-head{display:block}.section-head p{max-width:560px;margin-top:23px}.section-head{margin-bottom:32px}.field-grid{grid-template-columns:1fr 295px;gap:40px}.field-shot{width:100%;max-width:290px}.cue-summary p{font-size:var(--fs-s)}.transfer-heading{gap:30px}.transfer-path{gap:12px;grid-template-columns:1fr 20px 1.2fr 20px 1fr}.path-stop p{font-size:13px}.sync-note{gap:25px}.studio-sidebar{display:none}.studio-layout{grid-template-columns:1fr}.studio-main{padding:26px}.studio-features{gap:35px}.output-clip{grid-template-columns:85px 1fr 115px;gap:17px}.jamblea-strip .wrap{display:block}.handoff-flow{margin-top:25px}.guide-overview{grid-template-columns:1fr 1fr;gap:10px}.guide-step{min-height:185px}.price-card{padding:24px}.privacy-grid{gap:35px}.faq-layout{display:block}.faq-list{margin-top:30px}.site-footer{display:block}.footer-family{justify-content:start;margin-top:8px}.footer-note{margin-top:20px}.guide-cue{grid-template-columns:52px 1fr 255px;gap:20px}.cue-body>p{font-size:var(--fs-s)}.guide-ui{padding:15px}.guide-prep{grid-template-columns:1fr 2fr;gap:25px}.troubleshooting .faq-layout{display:block}.sync-controls button{padding-inline:15px}.app-half{padding-right:24px}.app-half+.app-half{padding-left:24px}.app-heading{gap:13px}.watch-case{width:136px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}:root{--header-h:64px}.brand{font-size:17px;gap:8px}.brand img{width:34px}.site-nav{gap:18px;font-size:12px}.site-nav .nav-buy{display:none}.hero-label{margin-bottom:25px}.hero-label .mono{display:none}.eyebrow{letter-spacing:.08em;margin-bottom:16px}.hero-heading h1{letter-spacing:-.045em;line-height:1.25}.hero-heading p{font-size:16px;line-height:1.7;margin-top:20px}.hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:25px}.store-link{min-height:56px;padding:10px 16px;font-size:13px;gap:16px}.store-link small{font-size:11px}.hero-actions .caption{display:block;max-width:none;margin:8px 0 0;font-size:13px}.multiview{margin-top:28px;border-radius:var(--radius-m)}.monitor-title{padding:10px 12px;font-size:11px}.monitor-title span:last-child{display:none}.multiview-grid{grid-template-columns:1fr}.view-tile:not(:first-child){display:none}.view-label{font-size:11px;padding:9px 12px}.view-label .ko{font-size:12px}.tile-content{height:207px;padding:18px}.tile-capture{display:block}.tile-content h3{font-size:19px}.hero-wave{padding:12px 12px;grid-template-columns:64px 1fr;gap:10px}.hero-wave .mono{font-size:10px}.hero-wave svg{height:62px}.hero figcaption{font-size:13px}h2{line-height:1.25}.section-head{margin-bottom:28px}.section-head p{font-size:15px;margin-top:17px}.app-split{display:block}.app-half{padding:24px 0}.app-half+.app-half{padding:24px 0;border-left:0;border-top:1px solid var(--line)}.app-heading{gap:14px}.app-heading img{width:49px}.app-half p{font-size:15px}.app-half .meta{font-size:13px;margin-top:12px}.app-split-note{text-align:left;font-size:13px;padding-top:16px}.field-grid{display:flex;flex-direction:column;gap:31px}.cue-summary li{padding:20px 0 20px 40px}.cue-summary li::before{top:24px}.notice{font-size:13px;padding:14px 16px}.field-shot{max-width:290px}.field-shot figcaption{font-size:13px}.transfer-heading{display:block;margin-bottom:24px}.transfer-heading p{margin-top:20px;font-size:15px}.transfer-path{grid-template-columns:1fr;gap:0}.path-stop{padding:20px 0;border-top:1px solid var(--line)}.path-stop h3{margin:6px 0}.path-stop p{font-size:var(--fs-s)}.path-arrow{line-height:1.3;font-size:19px;transform:rotate(90deg);width:25px;margin-block:0}.transfer-bottom{display:block;margin-top:18px;padding-top:18px}.transfer-bottom p{font-size:var(--fs-s)}.transfer-bottom .text-link{margin-top:10px}.sync-controls{gap:8px;flex-wrap:wrap;margin-bottom:20px}.sync-controls button{padding:9px 13px;font-size:13px;min-height:44px}.sync-controls [data-sync=reset]{margin-left:0}.sync-board{padding:18px 12px 16px}.sync-ruler{padding-left:72px;font-size:10px}.wave-row{grid-template-columns:62px 1fr;gap:10px;margin-bottom:8px}.wave-row .mono{font-size:10px}.wave-row .mono span{font-size:11px}.wave-row svg{height:48px}.sync-status{font-size:13px;line-height:1.7;margin-top:16px}.sync-caption{font-size:13px}.sync-note{display:block;margin-top:24px;font-size:14px}.sync-note>div+div{margin-top:18px}.window-top{padding:10px 13px;font-size:10px}.studio-main{padding:20px 15px}.studio-main h3{font-size:23px}.studio-main .ui-sub{font-size:11px}.studio-metrics{grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.studio-metrics div{padding:10px}.studio-metrics strong{font-size:16px}.studio-card{padding:14px 12px;margin-top:12px;font-size:10px}.studio-card h4{font-size:12px}.studio-card .ui-row{display:block;font-size:10px;line-height:1.7}.studio-card .ui-row>span{display:block}.studio-card .ui-row strong{font-size:10px}.studio-card .ui-status{display:inline-block;margin-top:4px;font-size:9px}.studio-table{font-size:10px;line-height:1.5}.studio-table .hide-mobile{display:none}.studio-table td{padding:9px 2px}.output-checks{gap:8px 11px;font-size:10px}.studio-card .ui-button{width:100%;font-size:11px}.studio-caption{font-size:13px;line-height:1.6}.studio-features{display:block;margin-top:28px}.studio-features>div+div{margin-top:24px}.studio-features p{font-size:var(--fs-s)}.output-list{margin-top:32px}.output-clip{grid-template-columns:1fr 68px;gap:12px;padding:20px 0}.output-clip>.mono{grid-column:1/-1}.output-clip p{font-size:var(--fs-s)}.clip-bars{width:68px}.clip-bars span{height:23px}.clip-bars.shorts span{width:12px;height:28px}.jamblea-strip{padding:40px 0}.jamblea-strip p{font-size:var(--fs-s)}.handoff-flow{font-size:13px;gap:8px;flex-wrap:wrap;justify-content:start}.handoff-flow small{font-size:11px}.handoff-flow>div{min-width:66px}.guide-overview{gap:8px}.guide-step{padding:22px 16px;min-height:184px}.guide-step h3{margin-top:16px}.guide-step p{font-size:13px}.guide-step .mono{font-size:11px}.guide-bottom{display:block;margin-top:20px}.guide-bottom p{font-size:var(--fs-s)}.guide-bottom .text-link{margin-top:10px}.spec-table{font-size:var(--fs-s);margin-top:24px;display:block}.spec-table thead{display:none}.spec-table tbody,.spec-table tr{display:block}.spec-table tr{border-bottom:1px solid var(--line);padding:16px 0}.spec-table th,.spec-table td{display:block;border:0;padding:0;width:auto}.spec-table th:first-child{width:auto;padding:0;font-size:var(--fs-xs);font-family:var(--mono);letter-spacing:.08em;color:var(--cyan);margin-bottom:8px}.spec-table td{padding:6px 0 6px 0}.spec-table td::before{content:attr(data-app);display:block;font-size:var(--fs-xs);color:var(--muted);margin-bottom:2px}.spec-table td small{font-size:13px}.privacy-grid{display:block;margin-top:28px}.privacy-grid>div+div{margin-top:30px}.privacy-grid p{font-size:15px}.price-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.price-card{padding:24px}.price-card .price{font-size:36px}.price-card .price small{font-size:13px}.price-card p{font-size:var(--fs-s)}.pricing>.wrap>.caption{font-size:13px}.faq-list{margin-top:24px}summary{font-size:15px;min-height:64px}.faq-list details p{font-size:var(--fs-s)}.closing .wrap{display:block}.closing .text-link{margin-top:24px}.site-footer{padding:24px 0 32px}.footer-links{gap:16px}.footer-family{gap:20px}.footer-note{display:block;font-size:var(--fs-xs)}.footer-note span{display:block;margin-top:6px}.guide-hero{padding-top:40px;padding-bottom:24px}.guide-hero h1{line-height:1.25}.guide-hero>p{font-size:15px;margin-top:20px}.guide-legend{gap:12px;font-size:13px;margin-top:20px}.guide-prep{display:block;padding:20px;margin:24px 0 32px}.guide-prep h2{margin-bottom:12px}.guide-prep p{font-size:var(--fs-s)}.guide-chapter{padding:40px 0 24px}.chapter-title{gap:16px;margin-bottom:24px;flex-wrap:wrap}.chapter-num{font-size:36px}.chapter-title .eyebrow{margin-bottom:6px}.chapter-device{margin-left:0;font-size:var(--fs-xs);padding:4px 9px}.guide-cue{grid-template-columns:40px 1fr;gap:12px;padding:24px 0}.cue-number{font-size:10px;padding-top:3px}.cue-number b{font-size:20px}.cue-body h3{margin-bottom:10px}.cue-body>p{font-size:var(--fs-s)}.cue-body .action-line{font-size:13px;margin:12px 0}.label-chip{font-size:12px;padding:2px 6px}.cue-body .cue-state{font-size:13px}.cue-note{font-size:13px}.guide-ui-wrap{grid-column:2;margin-top:4px}.guide-ui{padding:16px}.guide-ui h4{font-size:14px}.guide-cue .shot-small{max-width:275px;max-height:440px}.guide-cue .shot-small.review{max-height:none}.guide-ui-caption{font-size:12px}.guide-tips{grid-template-columns:1fr;gap:12px}.guide-tips p{font-size:var(--fs-s)}.guide-next{display:block;padding:40px 0 48px}.guide-next .text-link{margin-top:20px}.not-found{padding:72px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* build2: show useful screen detail sooner, preserve mobile reading order. */
@media(min-width:851px){.hero{padding-top:32px}.hero-label{margin-bottom:16px}.hero-actions{margin-top:24px}.multiview{margin-top:32px}.tile-shot{padding:0}}
.tile-shot.roles img{width:80%;margin:-4px auto 0}
.mobile-app-wave{display:none}
@media(max-width:600px){.hero .hero-wave{display:none}.mobile-app-wave{display:block;margin-top:28px;border:1px solid var(--line);border-radius:var(--radius-s)}.mobile-app-wave .hero-wave{border-top:0}.mobile-app-wave>.caption{padding:0 12px 12px;font-size:13px}.hero figcaption{max-width:none}.hero{padding-top:28px}}

/* build3: deliberate crops, generous tap targets and complete screenshot access. */
.site-nav a{min-width:44px;justify-content:center}
.tile-shot.preflight img{margin-top:-64%}
.guide-ui-caption .text-link{font-size:11px;min-height:44px;margin-top:3px}
@media(max-width:600px){.guide-ui-caption .text-link{font-size:11px}.guide-cue .shot-small.review{border-radius:7px}}

/* Independent review: precise imagery, document outline and cue-sheet navigation. */
.screen-title{font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.4}
.screen-title+.ui-sub{margin-top:0}
.watch-case .screen-title{font-size:12px;color:#fff}
.jamblea-strip h2{font-family:var(--sans);font-size:var(--fs-h3);font-weight:700;line-height:1.4;letter-spacing:-.025em;margin-bottom:8px}
.guide-route{font-size:var(--fs-s);color:var(--muted);margin-top:24px}
.guide-route a{display:inline;padding:10px 0;color:var(--cyan);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}.guide-route a:hover{text-decoration-color:var(--cyan)}
.chapter-return{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;font-size:var(--fs-xs);color:var(--cyan);border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:6px 12px}
.chapter-return:hover{border-color:var(--cyan)}
@media(max-width:850px){.guide-hero{padding-top:40px}}
@media(max-width:600px){.guide-hero{padding-top:28px}.guide-route{font-size:13px;margin-top:16px}.chapter-return{margin-left:auto;font-size:var(--fs-xs)}}

.skip:hover{color:var(--bg)}

/* ---- 2026-10-25 polish: guide rail, mobile CTA bar, motion language "타임코드 싱크" ---- */
.guide-rail{position:sticky;top:var(--header-h);z-index:40;background:rgba(2,11,31,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin:0 0 8px}
.guide-rail summary{display:none}
.guide-rail nav{display:flex;gap:4px;flex-wrap:wrap;padding:6px 0}
.guide-rail a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--radius-s);font-size:13px;color:var(--muted);border:1px solid transparent;transition:color var(--t-micro) var(--ease),background var(--t-micro) var(--ease),border-color var(--t-micro) var(--ease)}
.guide-rail a:hover{color:var(--cyan)}
.guide-rail a[aria-current=true]{color:var(--text);background:#0a1c37;border-color:var(--line-strong)}
.guide-rail a[aria-current=true]::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:8px}
html:not(.js) .guide-rail{position:static}
@media(max-width:640px){.guide-rail{margin-inline:-20px;padding-inline:20px}.guide-rail summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:0;font-size:13px;font-weight:550;cursor:pointer;list-style:none}.guide-rail summary::-webkit-details-marker{display:none}.guide-rail summary::after{content:'+';margin-left:auto;color:var(--cyan);font-size:20px;font-weight:400;position:static}.guide-rail[open] summary::after{content:'−'}.guide-rail summary .mono{color:var(--cyan)}.guide-rail nav{padding:0 0 10px}.guide-rail a{min-height:44px;padding:0 12px;font-size:13px}}
.cta-bar{display:none}
@media(max-width:640px){html.js body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}html.js .cta-bar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(2,11,31,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(110%);visibility:hidden;transition:transform 240ms var(--ease),visibility 0s linear 240ms}html.js .cta-bar.is-visible{transform:none;visibility:visible;transition:transform 240ms var(--ease),visibility 0s}.cta-bar .store-link{flex:1;min-height:48px;padding:6px 14px;font-size:13px;line-height:1.35;gap:8px}.cta-bar .store-link small{font-size:11px}}
.store-link small,.cta-bar .store-link small{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:no-preference){
html.js .rv{opacity:0;transform:translateX(-12px)}
html.js .rv.in{opacity:1;transform:none;transition:opacity var(--t-reveal) var(--ease),transform var(--t-reveal) var(--ease)}
html.js .rv-group>.rv:nth-child(2).in{transition-delay:70ms}html.js .rv-group>.rv:nth-child(3).in{transition-delay:140ms}html.js .rv-group>.rv:nth-child(4).in{transition-delay:210ms}html.js .rv-group>.rv:nth-child(5).in{transition-delay:280ms}html.js .rv-group>.rv:nth-child(6).in{transition-delay:350ms}html.js .rv-group>.rv:nth-child(7).in{transition-delay:420ms}
html.js .multiview::after{content:'';position:absolute;inset:0;border-left:2px solid var(--cyan);opacity:0;transform:translateX(100%);pointer-events:none;transition:transform 640ms linear 60ms,opacity 640ms linear 60ms}
html.pre-sync .multiview::after{transform:none;opacity:.9;transition:none}
html.js .multiview .view-tile{transition:opacity 340ms var(--ease) calc(120ms + var(--i,0) * 80ms),transform 340ms var(--ease) calc(120ms + var(--i,0) * 80ms)}
html.pre-sync .multiview .view-tile{opacity:.35;transform:translateX(var(--dx));transition:none}
.multiview .view-tile:nth-child(1){--i:0;--dx:-14px}.multiview .view-tile:nth-child(2){--i:1;--dx:10px}.multiview .view-tile:nth-child(3){--i:2;--dx:-8px}.multiview .view-tile:nth-child(4){--i:3;--dx:12px}
html.js .hero-wave .lane-b,html.js .hero-wave .lane-c{transition:transform 240ms var(--ease) 460ms}
html.pre-sync .hero-wave .lane-b{transform:translateX(-22px);transition:none}html.pre-sync .hero-wave .lane-c{transform:translateX(16px);transition:none}
html.js .sync-board[data-aligned=true] svg line{animation:line-flash 360ms var(--ease)}
@keyframes line-flash{0%{opacity:1}40%{opacity:.2}100%{opacity:1}}
html.js .output-clip .clip-bars span{opacity:.2;transform:scaleX(.6)}
html.js .output-clip.in .clip-bars span{opacity:1;transform:none;transition:opacity 0s,transform 0s}
html.js .output-clip.in .clip-bars span:nth-child(2){transition-delay:120ms}html.js .output-clip.in .clip-bars span:nth-child(3){transition-delay:240ms}html.js .output-clip.in .clip-bars span:nth-child(4){transition-delay:360ms}
@supports (animation-timeline:scroll()){
.site-header{animation:header-line linear both;animation-timeline:scroll(root);animation-range:0 48px}
@keyframes header-line{from{border-color:transparent}to{border-color:var(--line)}}
}
}