/* The original vault image is unchanged; only separate holographic layers move. */
.original-hero{width:100%;max-width:none;display:block;min-height:570px;padding:64px 0 54px;overflow:clip;border-bottom:1px solid #203a43}.original-hero .hero-content{position:relative;width:min(1180px,calc(100% - 80px));margin:auto;z-index:2}.original-hero h1{max-width:650px}.original-hero .hero-description{max-width:470px}.original-vault{position:absolute;inset:0;pointer-events:none;overflow:hidden}.original-vault>img{position:absolute;height:100%;width:auto;max-width:none;right:max(0px,calc((100vw - 1530px)/2));top:0}.original-vault:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09151d 0%,#09151d88 22%,transparent 47%);pointer-events:none}.holo-layer{position:absolute;right:max(0px,calc((100vw - 1530px)/2));top:0;bottom:0;aspect-ratio:1672/941;overflow:hidden;opacity:.65}.holo-layer svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.holo-path{stroke:#a4ffe7;stroke-width:1.3;fill:none;stroke-dasharray:12 250;animation:holo-flow 6s linear infinite;filter:drop-shadow(0 0 3px #80f5d7)}.holo-sweep{position:absolute;top:13%;left:61%;width:34%;height:64%;background:linear-gradient(180deg,transparent 0%,#98ffe600 44%,#98ffe633 49%,#c6fff0a0 50%,#98ffe619 51%,transparent 57%);transform:translateY(-70%);animation:holo-scan 8s ease-in-out infinite;clip-path:inset(0)}.holo-horizon{position:absolute;left:55%;top:17%;width:44%;height:62%;border:1px solid #86e2c722;border-radius:50%;transform:rotateX(62deg) rotate(-20deg);animation:holo-breathe 6s ease-in-out infinite}.holo-point{position:absolute;width:4px;height:4px;border-radius:50%;background:#c9fff0;box-shadow:0 0 9px #86e2c7;animation:holo-breathe 4s ease-in-out infinite}.holo-point.p1{left:75%;top:29%}.holo-point.p2{left:92%;top:65%;animation-delay:-2s}.holo-point.p3{left:63%;top:56%;animation-delay:-1s}@keyframes holo-flow{to{stroke-dashoffset:-524}}@keyframes holo-scan{0%,100%{transform:translateY(-60%);opacity:0}12%,85%{opacity:.7}90%{transform:translateY(60%);opacity:0}}@keyframes holo-breathe{0%,100%{opacity:.25}50%{opacity:.9}}
/* Pixel-aligned content overlays on the actual 1424 x 901 editor screenshot. */
.real-demo{overflow:hidden;border-color:#385355}.real-demo .demo-top{border-bottom:1px solid #394b4e}.real-editor{position:relative;width:100%;aspect-ratio:1424/901;container-type:inline-size;overflow:hidden;background:#171717;font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;isolation:isolate}.real-editor-base{display:block;width:100%;height:100%;object-fit:contain}.real-project-name{position:absolute;left:40.7%;top:1.15%;width:10.8%;height:4.1%;background:#101010;color:#d9e8ed;font-size:.79cqw;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.real-savebar{position:absolute;left:0;top:6.44%;width:100%;height:3.22%;padding:0 1.25%;display:flex;gap:1.05%;align-items:center;background:#161c25;font-size:.82cqw;color:#d9e7f4;white-space:nowrap;overflow:hidden}.real-savebar #save-status{color:#93ffe1}.real-savebar .demo-path{font-size:inherit;color:inherit}.real-asset-list{position:absolute;left:3.8%;top:14.2%;width:21.2%;height:37.2%;background:#1a1a1a;display:flex;gap:5.5%;padding:1% .5%;align-content:flex-start;flex-wrap:wrap}.real-asset{position:relative;width:39.7%;height:22%;font-size:.78cqw;flex:none;opacity:1;transition:opacity .45s,transform .45s}.real-asset>img{width:100%;height:82%;display:block;object-fit:cover;border-radius:2px}.real-asset small{display:block;color:#94a6b7;font-size:.78cqw;margin-top:3%;overflow:hidden;white-space:nowrap}.real-asset i{position:absolute;right:1%;bottom:18%;font-size:.7cqw;background:#161616;color:#fff;font-style:normal}.second-asset img{object-position:left;object-fit:cover}.real-audio-asset{margin-top:8%;width:39.7%;font-size:.75cqw;opacity:0;transition:opacity .4s}.real-audio-asset>span{display:flex;align-items:center;justify-content:center;font-size:2cqw;background:#21333d;border-radius:2px;width:100%;height:4cqw;color:#8dbdb8}.real-audio-asset small{font-size:.7cqw;color:#94a6b7;display:block;margin-top:4%}.real-preview{position:absolute;left:31.953%;top:10.766%;width:36.0955%;height:32.0755%;background:#080808;overflow:hidden}.real-preview>.demo-footage{display:block;width:100%;height:100%;object-fit:cover;transform:none!important;animation:none!important}.real-caption{position:absolute;left:3%;right:3%;bottom:7%;text-align:center;color:white;font-size:1.24cqw;font-weight:600;text-shadow:0 1px 3px black,0 0 7px black;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s}.real-cover{position:absolute;background:#0a0a0a;border:1px solid #070707;opacity:0;transition:opacity .4s}.document-cover{left:66.5%;top:63.5%;width:24%;height:17.7%;transform:rotate(9deg)}.photograph-cover{left:43.1%;top:65.6%;width:17.4%;height:14%;transform:rotate(8deg)}.real-crop{position:absolute;inset:3%;border:1px dashed #a4ebdb;opacity:0;transition:opacity .4s;box-shadow:0 0 0 20px #0004}.real-time{position:absolute;left:26.5%;top:48.3%;height:2.1%;width:12.5%;font-size:.72cqw;line-height:1.7;background:#1a1a1a;color:#2ab7ef;font-family:monospace}.real-tracks{position:absolute;left:8.85%;top:62.6%;width:90.1%;height:32.75%;background:#191919;overflow:hidden;background-image:repeating-linear-gradient(90deg,transparent,transparent calc(16.666% - 1px),#3337 calc(16.666% - 1px),#3337 16.666%)}.real-ruler{height:9%;display:flex;justify-content:space-between;color:#808080;font-size:.65cqw;padding-inline:1px}.real-clip{position:absolute;left:0;top:16.1%;width:98.5%;height:22%;border-radius:3px;border:1px solid #23b7ed;background:#637b6b url('assets/private-family-sample.webp') left center/auto 100% repeat-x;transition:width .75s,left .75s,opacity .5s}.real-clip>span{font-size:.7cqw;color:#fff;text-shadow:0 1px 2px black;padding:1px 3px;display:inline-block;background:#0005}.real-clip.second-clip{left:34%;width:49%;opacity:0}.real-text-track{position:absolute;left:4%;top:44%;width:79%;height:12%;font-size:.8cqw;padding:.35% .7%;background:#365b51;border:1px solid #79b19e;border-radius:3px;color:#d6eee6;opacity:0;transition:opacity .4s}.real-music-track{position:absolute;left:0;top:61%;width:83%;height:16%;background:#243849;border:1px solid #557e98;border-radius:3px;opacity:0;transition:opacity .4s}.real-music-track>span{position:relative;z-index:2;font-size:.7cqw;margin-left:.5%;color:#d9e9f2}.real-music-track>i{position:absolute;inset:43% 1% 10%;background:repeating-linear-gradient(90deg,#77b7cb 0 1px,transparent 1px 3px,#77b7cb 3px 5px,transparent 5px 8px);clip-path:polygon(0 40%,4% 15%,8% 45%,14% 0,20% 35%,27% 10%,34% 40%,38% 0,43% 20%,50% 5%,56% 40%,60% 0,67% 15%,75% 40%,81% 0,88% 25%,94% 0,100% 40%,100% 60%,94% 100%,88% 75%,81% 100%,75% 60%,67% 85%,60% 100%,56% 60%,50% 95%,43% 80%,38% 100%,34% 60%,27% 90%,20% 65%,14% 100%,8% 55%,4% 85%,0 60%)}.real-playhead{position:absolute;inset:0;border-left:1px solid #39b9eb;transform:translateX(calc(var(--progress)*100%));will-change:transform;pointer-events:none}.real-playhead i{display:block;width:5px;height:8px;background:#39b9eb}.real-cursor{position:absolute;left:21.2%;top:12%;z-index:7;display:flex;align-items:flex-start;gap:3px;transition:left .7s ease,top .7s ease;pointer-events:none;filter:drop-shadow(0 1px 2px #0007)}.real-cursor svg{width:1.5cqw;height:1.9cqw;flex:none}.real-cursor span{white-space:nowrap;background:#12372f;color:#dffff3;border:1px solid #78bbac;font-size:.7cqw;padding:.25cqw .4cqw;border-radius:2px;transform:translateY(1.3cqw)}.real-ui-focus{position:absolute;left:18.7%;top:10.6%;width:5.8%;height:3.2%;border:1px solid #87f8d5;box-shadow:0 0 10px #8afbd730;border-radius:4px;transition:all .6s;pointer-events:none;z-index:5}.demo-narrative{display:flex;align-items:center;gap:18px;padding:18px 24px;min-height:96px;border-top:1px solid #335751;background:#0d2428}.narrative-number{font-family:monospace;white-space:nowrap;font-size:11px;color:#85c5b8;align-self:flex-start;margin-top:3px}.demo-narrative strong{font-size:15px;font-weight:600;color:#e7fff7}.demo-narrative p{font-size:12px;color:#9ebdbb;line-height:1.65;margin:5px 0 0;max-width:850px}.narrative-shield{margin-left:auto;font-size:30px;color:#86e2c7}.six-steps{grid-template-columns:repeat(6,1fr)}.six-steps button{gap:8px;padding-inline:12px}.six-steps strong{font-size:11px}
.real-demo:not([data-stage="0"]) .first-clip{width:32%}.real-demo:not([data-stage="0"]) .second-clip{opacity:1}.real-demo[data-stage="1"] .real-crop{opacity:1}.real-demo[data-stage="1"] .real-cursor{left:7.5%;top:55.5%}.real-demo[data-stage="1"] .real-ui-focus{left:6.1%;top:54%;width:2.9%;height:3.4%}.real-demo[data-stage="2"] .real-cursor{left:2.4%;top:23.8%}.real-demo[data-stage="2"] .real-ui-focus{left:.85%;top:21.5%;width:2.6%;height:3.4%}.real-demo:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"]) :is(.real-caption,.real-text-track,.real-music-track,.real-audio-asset){opacity:1;transform:none}.real-demo:is([data-stage="3"],[data-stage="4"],[data-stage="5"]) .real-cover{opacity:1}.real-demo[data-stage="3"] .real-cursor{left:61%;top:36%}.real-demo[data-stage="3"] .real-ui-focus{left:55.6%;top:31.1%;width:9%;height:7.6%;border-radius:0}.real-demo[data-stage="4"] .real-cursor{left:77.2%;top:3.5%}.real-demo[data-stage="4"] .real-ui-focus{left:73.4%;top:1.1%;width:8.4%;height:4.1%}.real-demo[data-stage="5"] .real-cursor{left:90.8%;top:3.5%}.real-demo[data-stage="5"] .real-ui-focus{left:87.7%;top:1.1%;width:6.6%;height:4.1%}.real-demo[data-stage="4"] .real-savebar{background:#18362e}.real-demo[data-stage="5"] .real-savebar{background:#16312b}
@media(max-width:1100px){.original-hero .hero-content{width:calc(100% - 56px)}.original-hero h1{font-size:62px;max-width:520px}.original-hero .hero-description{max-width:390px}.original-vault>img,.holo-layer{right:-140px}.original-vault:after{background:linear-gradient(90deg,#09151d 0%,#09151dd9 25%,#09151d22 67%,transparent)}.six-steps strong{font-size:9px}.six-steps button{gap:5px;padding-inline:9px}}
@media(max-width:840px){.original-hero{min-height:500px;padding-block:48px}.original-hero h1{font-size:54px}.original-hero .hero-description{max-width:360px}.original-vault>img,.holo-layer{right:-165px;opacity:.8}.original-hero .hero-actions{flex-direction:column;align-items:flex-start}.six-steps{grid-template-columns:repeat(3,1fr)}.six-steps strong{font-size:11px}.demo-narrative{padding:15px 18px;gap:13px;min-height:104px}.demo-narrative p{font-size:11px}.demo-narrative strong{font-size:14px}.real-demo .demo-illustration{font-size:7px}.real-demo .demo-project{display:none}}
@media(max-width:600px){.original-hero{min-height:610px;padding:33px 0 215px}.original-hero .hero-content{width:calc(100% - 36px)}.original-hero h1{font-size:57px;max-width:100%;margin-bottom:18px}.original-hero .hero-description{max-width:340px}.original-hero .hero-actions{flex-direction:row;align-items:center}.original-vault>img,.holo-layer{height:360px;top:auto;bottom:-15px;right:-20px;opacity:.95}.original-vault:after{background:linear-gradient(180deg,#09151d 0%,#09151d 38%,#09151dd9 51%,transparent 74%),linear-gradient(90deg,#09151d55,transparent 60%)}.original-hero .hero-note{position:relative;z-index:3;font-size:8px}.original-hero .hero-grid{display:none}.holo-layer{height:360px}.real-demo .demo-illustration{font-size:5px}.real-demo .demo-top{gap:5px;padding-inline:8px}.real-demo .demo-play{min-width:65px;font-size:7px}.real-demo .demo-brand{font-size:10px}.real-demo .demo-brand>img{width:17px;height:17px}.real-editor{min-width:0}.real-demo .demo-narrative{padding:13px 12px;gap:10px;min-height:132px;align-items:flex-start}.narrative-number{font-size:9px;margin-top:2px}.demo-narrative strong{font-size:12px}.demo-narrative p{font-size:10px;line-height:1.75}.narrative-shield{display:none}.six-steps{grid-template-columns:repeat(2,1fr)}.six-steps button{padding:10px;gap:9px}.six-steps strong{font-size:10px}.real-demo .demo-path{font-size:inherit}.real-demo .demo-time{font-size:.72cqw}html[lang=zh-CN] .original-hero h1{font-size:47px}}
@media(max-width:360px){.original-hero h1{font-size:47px}.original-hero .hero-actions{gap:10px;flex-wrap:wrap}.original-hero{min-height:630px;padding-bottom:220px}.original-vault>img,.holo-layer{height:330px;right:-25px}.original-hero .hero-actions .text-link{max-width:90px;font-size:9px}html[lang=zh-CN] .original-hero h1{font-size:43px}.real-demo .demo-brand{font-size:9px}.real-demo .demo-illustration{font-size:4px}.real-demo .demo-play{font-size:6px;min-width:60px}}
@media(prefers-reduced-motion:reduce){.holo-sweep{display:none}.real-cursor,.real-ui-focus,.real-clip{transition:none}.holo-layer *{animation:none!important}}

html[lang=zh-CN] .real-project-name{left:46.5%;width:10.7%}.real-demo[data-stage='4'] .real-cursor{left:14%;top:8.2%}.real-demo[data-stage='4'] .real-ui-focus{left:1%;top:6.8%;width:13%;height:2.4%}

.original-vault>img{mask-image:linear-gradient(90deg,transparent,black 17%,black 94%,transparent)}.real-tracks{width:90.4%}.six-steps{margin:0 0 12px}.real-editor .real-savebar{line-height:1}

/* Registered to the original artwork's 1672 x 941 coordinates. */
.holo-layer{opacity:1;mix-blend-mode:screen}.registered-vault-motion{width:100%;height:100%}.vault-vertical-scan{fill:none;stroke:#d0fff1;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:13 87;animation:vault-vertical-down 12s linear infinite;filter:drop-shadow(0 0 3px #86e2c7)}.vault-dome-sweep{fill:none;stroke:url(#vault-arc-light);animation:vault-dome-down 17s linear infinite;transform-box:view-box}.dome-edge{stroke-width:1.1}.dome-glow{stroke-width:7;filter:blur(5px)}.vault-wire{fill:none;stroke:#d7fff4;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 93;animation:vault-wire-travel 8s linear infinite;filter:drop-shadow(0 0 2px #80f5d7)}.vault-terminal{fill:#cffff0;opacity:0;animation:vault-terminal-arrive 8s linear infinite;filter:drop-shadow(0 0 4px #8fffdc)}.wire-1{animation-delay:0s}.wire-2{animation-delay:-1.3s}.wire-3{animation-delay:-2.6s}.wire-4{animation-delay:-3.9s}.wire-5{animation-delay:-5.2s}.wire-6{animation-delay:-6.5s}
@keyframes vault-vertical-down{0%{stroke-dashoffset:100;opacity:0}8%{opacity:.7}90%{opacity:.7}100%{stroke-dashoffset:0;opacity:0}}@keyframes vault-dome-down{0%{transform:translateY(-30px);opacity:0}12%{opacity:.5}78%{opacity:.5}100%{transform:translateY(650px);opacity:0}}@keyframes vault-wire-travel{0%{stroke-dashoffset:100;opacity:0}10%,80%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}@keyframes vault-terminal-arrive{0%,78%,100%{opacity:0}89%{opacity:.9}}
@media(prefers-reduced-motion:reduce){.registered-vault-motion{display:none}}