/* A continuous, twenty-second editorial sequence. All movement shares one clock. */
.hero-writing .action-cream{white-space:nowrap}
.light-pulse{animation:cable-idle 7s linear infinite;filter:drop-shadow(0 0 5px #609aff)}
@keyframes cable-idle{from{stroke-dashoffset:8}to{stroke-dashoffset:-101}}
.cinema .demo-heading-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:38px}
.cinema .demo-heading-row>div{max-width:390px;padding-bottom:4px}
.cinema .demo-heading-row p{font-size:clamp(17px,1.7vw,26px);line-height:1.35;letter-spacing:-.025em}
.cinema .demo-heading-row>div>span{display:block;font-size:14px;color:#637080;margin-top:14px}
.cinema-player{--scene-duration:20s;border-color:#c7cfd2;background:#e9eeef;border-radius:6px;box-shadow:0 24px 70px -44px #1b3159}
.cinema-player .player-top{font-size:10px;padding:15px 24px;background:#f7f8f5}
.cinema-player .player-top i{box-shadow:0 0 0 4px #4169ff10}
.autoplay-label{color:#61718a;font-size:9px;letter-spacing:.08em}
.scene-canvas{height:clamp(430px,44vw,640px);position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 51% 48%,#d8e3f5 0,transparent 40%),linear-gradient(145deg,#eef0ed,#e5eaf0 70%,#edf0ef)}
.scene-canvas:before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(#93a4b7 .65px,transparent .65px);background-size:19px 19px;z-index:-1;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}
.scene-labels{position:absolute;inset:26px 4% auto;display:grid;grid-template-columns:1fr 1fr 1fr;color:#6a798a;font:9px var(--mono);text-transform:uppercase;letter-spacing:.09em;z-index:2}
.scene-labels span:nth-child(2){text-align:center}.scene-labels span:last-child{text-align:right}.scene-labels b{font-weight:400;color:#315bdb;margin-right:7px}
.flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wire-track{stroke:#afbfdc;stroke-width:1.5}.wire-stream{stroke:url(#flow-blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:7 93;animation:wire-transit var(--scene-duration) linear infinite paused}.wire-node{fill:#87a4e7}
.mail-actor{position:absolute;top:21%;left:4.5%;width:32%;z-index:3;animation:mail-arrival var(--scene-duration) linear infinite paused;transform-origin:80% 50%}
.incoming-mail{position:relative;background:#fffffff5;border:1px solid #fff;border-radius:7px;box-shadow:0 18px 40px -14px #293e6c38;overflow:hidden}
.mail-toolbar{padding:14px 16px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e7e9ec}
.mail-avatar{width:29px;height:29px;border-radius:50%;background:#eef1f8;color:#50618a;display:grid;place-items:center;font-size:9px;font-weight:600}
.mail-toolbar div{flex:1}.mail-toolbar b{display:block;font-size:11px;font-weight:550}.mail-toolbar small{display:block;font-size:9px;color:#85909e;margin-top:2px}
.mail-toolbar svg{width:18px;height:18px;stroke:#8b9bad;stroke-width:1.2}
.mail-content{padding:19px 20px 23px}.mail-type{font:8px var(--mono);letter-spacing:.12em;color:#526787}
.mail-content h3{font-size:clamp(18px,2vw,30px);letter-spacing:-.05em;font-weight:550;margin:7px 0 19px;line-height:1.1}
.mail-content p{font-size:clamp(11px,1.15vw,17px);line-height:1.6;color:#4e5c70;margin:0 0 9px}
.mail-content mark{color:#233c70;background:linear-gradient(90deg,#dbe6ff 50%,transparent 50%);background-size:202% 100%;background-position:100% 0;padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:highlight-a var(--scene-duration) linear infinite paused}
.mail-content .extract-b{animation-name:highlight-b}.mail-content .mail-signoff{margin:16px 0 0;color:#8b96a4;font-size:10px}
.mail-scan{position:absolute;top:0;left:0;right:0;height:1px;background:#507aff;box-shadow:0 -18px 25px 5px #4c76ff18;opacity:0;animation:mail-scanner var(--scene-duration) linear infinite paused}
.mail-envelope{position:absolute;inset:10% -7% -7%;border:1px solid #c5cfdc;background:linear-gradient(135deg,#e3e9f2,#cbd8ea);border-radius:6px;transform:rotate(-5deg);animation:envelope-open var(--scene-duration) linear infinite paused;box-shadow:0 15px 22px -13px #34456e20}
.mail-envelope span{position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.7%,#bcc8d9 50%,transparent 50.4%),linear-gradient(-135deg,transparent 49.7%,#bcc8d9 50%,transparent 50.4%)}
.arrival-note{display:flex;align-items:center;justify-content:center;gap:7px;position:absolute;left:8%;right:8%;bottom:-40px;padding:8px 10px;background:#fafcfff5;border:1px solid #d4ddeb;border-radius:100px;box-shadow:0 6px 15px #1b3e6b08;font-size:10px;color:#415875;animation:arrival-label var(--scene-duration) linear infinite paused}
.arrival-note i{width:5px;height:5px;border-radius:50%;background:#3f6aff}
.data-chip{position:absolute;z-index:5;left:26%;top:49%;display:flex;gap:9px;align-items:center;white-space:nowrap;border-radius:5px;border:1px solid #a7bef8;background:#f1f5ff;color:#274eac;padding:9px 12px;box-shadow:0 8px 18px #25469b20;font:9px var(--mono);opacity:0;animation:extract-token-a var(--scene-duration) linear infinite paused}
.data-chip span{font-size:14px;color:#1e419d}.data-chip i{font-style:normal;font-size:14px;margin-left:9px}.chip-b{top:59%;animation-name:extract-token-b}
.engine-actor{position:absolute;left:50%;top:50%;width:clamp(92px,13vw,176px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:4}
.engine-halo{position:absolute;inset:-31%;border-radius:50%;border:1px solid #8da7d722;box-shadow:0 0 0 19px #829fe408;animation:engine-breathe var(--scene-duration) linear infinite paused}
.engine-orbit{position:absolute;inset:-13%;border:1px dashed #8aa6dc75;border-radius:50%;animation:engine-orbit var(--scene-duration) linear infinite paused}
.engine-orbit:before{content:"";position:absolute;left:14%;top:13%;width:5px;height:5px;background:#648afa;border:1px solid #fff;border-radius:50%}
.automation-core{position:absolute;inset:0;background:linear-gradient(145deg,#253e62,#0b1a30 58%,#132a4b);border:1px solid #456181;border-radius:24%;box-shadow:inset 0 2px 2px #99b8f440,inset 0 -3px 1px #0004,0 15px 25px -9px #132b5466,0 0 0 5px #dce4ef;overflow:hidden;animation:core-process var(--scene-duration) linear infinite paused}
.automation-core svg{position:absolute;width:77%;height:68%;left:11.5%;top:14%;stroke:#aac6ff;stroke-width:1.4}.core-frame{fill:#46638f1f}.core-eyes{stroke:#dceaff;stroke-width:3;stroke-linecap:round}.core-mouth{stroke:#738fbd}.automation-core svg circle{fill:#b8ceff;stroke:none}
.core-top{position:absolute;top:11%;width:100%;text-align:center;font:6px var(--mono);letter-spacing:.22em;color:#a2b9d8}
.core-bottom{position:absolute;bottom:10%;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:5px;font:5.5px var(--mono);letter-spacing:.14em;color:#829bbf}.core-bottom i{width:3px;height:3px;border-radius:50%;background:#8bb5ff;box-shadow:0 0 6px #5285ff}
.core-scan{position:absolute;left:8%;right:8%;top:32%;height:1px;background:#a5d3ff;box-shadow:0 0 12px 3px #67a5ff33;opacity:0;animation:core-scan var(--scene-duration) linear infinite paused}
.engine-caption{position:absolute;top:calc(100% + 36px);left:50%;transform:translateX(-50%);width:190px;text-align:center;font:8px var(--mono);letter-spacing:.025em;color:#607596}
.engine-caption span{display:none}.cinema-player[data-phase="0"] .engine-wait,.cinema-player[data-phase="1"] .engine-read,.cinema-player[data-phase="2"] .engine-write,.cinema-player[data-phase="3"] .engine-done{display:block}
.output-pulse{position:absolute;left:56%;top:54%;width:9px;height:4px;border-radius:4px;background:#487cff;box-shadow:0 0 9px #487cff;opacity:0;z-index:2;animation:output-pulse-a var(--scene-duration) linear infinite paused}.pulse-b{animation-name:output-pulse-b}
.paper-dock{position:absolute;right:5%;top:17%;width:29%;height:74%;perspective:1200px;z-index:3}
.paper-shadow{position:absolute;inset:15% -8% -6%;background:#30416420;filter:blur(22px);opacity:0;animation:paper-shadow var(--scene-duration) linear infinite paused}
.paper-back{position:absolute;inset:0;background:#f4f6f7;border:1px solid #cad4df;box-shadow:2px 3px 7px #263d5920;padding:21px 18px;transform-origin:50% 90%;opacity:0;animation:back-sheet-one var(--scene-duration) linear infinite paused}
.paper-back span{font:6px var(--mono);letter-spacing:.11em;color:#8294ab}.paper-back i{display:block;width:90%;height:1px;background:#cdd5df;margin-top:16px}.paper-back i:nth-child(3){width:70%}.paper-back-two{animation-name:back-sheet-two;background:#e8edf3}
.offer-paper{position:absolute;inset:0;background:#fff;border:1px solid #d3dce2;box-shadow:0 10px 16px -9px #203c5f40;padding:clamp(17px,2.2vw,34px);overflow:hidden;opacity:0;transform-origin:50% 90%;animation:paper-emerge var(--scene-duration) linear infinite paused}
.paper-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9d2df;padding-bottom:15px}.paper-brand>span{font-size:clamp(19px,2.2vw,31px);font-weight:600;letter-spacing:-.065em;color:#153052}.paper-brand-dot{color:#3767ed}.paper-brand>small{font:7px/1.5 var(--mono);color:#798a9e;text-align:right;letter-spacing:.05em}
.paper-title{margin-top:19px}.paper-title>small{font:6px var(--mono);letter-spacing:.1em;color:#607697}.paper-title h3{font-size:clamp(19px,2.25vw,34px);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:6px 0}.paper-title>span{font-size:8px;color:#8b95a2}
.paper-table{margin-top:22px}.table-head,.product-line{display:grid;grid-template-columns:1fr 25px 35px;gap:6px;align-items:center}.table-head{font:6px var(--mono);color:#8291a3;letter-spacing:.05em;border-bottom:1px solid #ccd7e1;padding-bottom:7px}.table-head>span:nth-child(n+2),.product-line>span:nth-child(n+2){text-align:right}
.product-line{border-bottom:1px solid #e6ebf0;padding:11px 0;font-size:9px;color:#526981}.product-line b{font-size:9px;font-weight:500;color:#193753}.product-line small{display:block;font-size:7px;color:#8191a4;margin-top:3px}
.paper-total{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:18px}.paper-total>small{font:6px var(--mono);color:#6b7f99;letter-spacing:.04em}.paper-total strong{font-size:clamp(19px,2.2vw,31px);font-weight:500;letter-spacing:-.06em;color:#213f78;white-space:nowrap}.paper-total strong>span{font-size:.46em;letter-spacing:-.025em}
.paper-footer{position:absolute;bottom:18px;left:clamp(17px,2.2vw,34px);right:clamp(17px,2.2vw,34px);display:flex;justify-content:space-between;color:#9ba7b5;font:6px var(--mono)}
.print-line{opacity:0;animation:print-heading var(--scene-duration) linear infinite paused;clip-path:inset(0 100% 0 0)}
.paper-title{animation-name:print-title}.table-head{animation-name:print-table}.line-a{animation-name:print-row-a}.line-b{animation-name:print-row-b}.paper-total{animation-name:print-total}.paper-footer{animation-name:print-footer}
.review-note{position:absolute;left:-8%;right:-8%;bottom:-20px;display:flex;align-items:center;gap:8px;background:#fbfdfd;border:1px solid #bacfc6;border-radius:5px;box-shadow:0 7px 19px #234c3a12;padding:11px 13px;opacity:0;animation:review-ready var(--scene-duration) linear infinite paused}
.review-note>span{border:1px solid #b1c7bb;color:#416954;display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;font-size:11px}.review-note b{font-size:10px;font-weight:500;color:#365448;display:block}.review-note small{font-size:8px;color:#7c8f87;display:block;margin-top:2px}
.scene-caption{position:absolute;inset:auto 4% 17px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#546a86;letter-spacing:-.015em}.scene-caption-index{font:8px var(--mono);letter-spacing:.1em;color:#8796aa}
.cinema-player .cinema-phases{display:grid;grid-template-columns:repeat(4,1fr);padding:0 23px;background:#f9faf8;border-top:1px solid #cbd3dc}
.cinema-phases button{padding:17px 10px;border:0!important;font-size:12px;gap:9px;color:#8c96a3}.cinema-phases button small{color:inherit;font-size:8px}.cinema-phases button i{width:5px;height:5px;flex:none;margin-left:0}.cinema-phases [aria-pressed=true]{font-weight:500;color:#2c54a8}.cinema-phases button:disabled{cursor:default}
.cinema-player .player-bottom{background:#f9faf8;padding:10px 28px;min-height:47px;border-top:1px solid #dfe4e6;gap:16px}
.cinema-player .player-bottom .demo-disclaimer{font:9px var(--mono);color:#8090a2;letter-spacing:0}
.playback-controls{display:flex;gap:21px;align-items:center}.cinema-player .playback-controls button{font-size:11px;padding:5px 0;text-decoration:none;min-width:50px;color:#3e526d;gap:7px}.playback-controls #demo-restart span{font-size:16px}.cinema-player #demo-play{min-width:72px}.cinema-player #demo-play:disabled{opacity:.6;min-width:115px;cursor:default}.cinema-player #demo-restart:disabled{display:none}.cinema-player .play-icon{transform:scale(.75)}
.cinema-player .transport-line{height:2px}.cinema-player .transport-line i{width:100%;transform:scaleX(0);transform-origin:left;transition:none;animation:scene-progress var(--scene-duration) linear infinite paused}

@keyframes mail-arrival{0%{opacity:0;transform:translate(-18px,40px) rotate(-5deg) scale(.94)}6%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}20%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}35%,88%{opacity:.64;transform:translate(-9px,0) rotate(-2deg) scale(.95)}94%,100%{opacity:0;transform:translate(-24px,-16px) rotate(-3deg) scale(.94)}}
@keyframes envelope-open{0%{transform:translateY(35px) rotate(-5deg);opacity:0}5%,10%{opacity:1;transform:translateY(0) rotate(-5deg)}18%,87%{opacity:.6;transform:translateY(6px) rotate(-5deg)}95%,100%{opacity:0;transform:translateY(14px) rotate(-5deg)}}
@keyframes arrival-label{0%,3%{opacity:0;transform:translateY(10px)}7%,20%{opacity:1;transform:translateY(0)}25%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes highlight-a{0%,15%{background-position:100% 0}21%,88%{background-position:0 0}95%,100%{background-position:100% 0}}
@keyframes highlight-b{0%,20%{background-position:100% 0}26%,88%{background-position:0 0}95%,100%{background-position:100% 0}}
@keyframes mail-scanner{0%,13%{opacity:0;top:28%}16%{opacity:.8;top:32%}28%{opacity:.8;top:88%}31%,100%{opacity:0;top:94%}}
@keyframes extract-token-a{0%,22%{opacity:0;left:20%;transform:translateY(8px) scale(.9)}26%{opacity:1;left:25%;transform:translateY(0) scale(1)}32%{opacity:1;left:34%;transform:translateY(-4px) scale(.92)}38%{opacity:0;left:47%;transform:translateY(-8px) scale(.4)}100%{opacity:0;left:47%;transform:translateY(-8px) scale(.4)}}
@keyframes extract-token-b{0%,28%{opacity:0;left:20%;transform:translateY(8px) scale(.9)}32%{opacity:1;left:25%;transform:translateY(0) scale(1)}38%{opacity:1;left:34%;transform:translateY(-24px) scale(.92)}44%,100%{opacity:0;left:47%;transform:translateY(-40px) scale(.4)}}
@keyframes wire-transit{0%,20%{opacity:0;stroke-dashoffset:0}23%{opacity:1;stroke-dashoffset:0}43%{opacity:1;stroke-dashoffset:-49}58%{opacity:1;stroke-dashoffset:-100}62%,100%{opacity:0;stroke-dashoffset:-100}}
@keyframes engine-breathe{0%,24%,72%,100%{transform:scale(.94);opacity:.4}32%,46%,61%{transform:scale(1.06);opacity:1}39%,54%{transform:scale(.98);opacity:.6}}
@keyframes engine-orbit{0%,22%{transform:rotate(-40deg);opacity:.4}42%{transform:rotate(80deg);opacity:1}67%{transform:rotate(215deg);opacity:1}88%,100%{transform:rotate(320deg);opacity:.4}}
@keyframes core-process{0%,24%,73%,100%{box-shadow:inset 0 2px 2px #99b8f440,inset 0 -3px 1px #0004,0 15px 25px -9px #132b5466,0 0 0 5px #dce4ef}36%,48%,61%{box-shadow:inset 0 2px 2px #99b8f470,inset 0 -3px 1px #0004,0 15px 25px -9px #132b5466,0 0 0 5px #dce4ef,0 0 35px 8px #5f88ff44}}
@keyframes core-scan{0%,29%{opacity:0;top:30%}31%{opacity:.9;top:30%}39%{opacity:.9;top:70%}40%{opacity:0;top:70%}41%{opacity:0;top:30%}43%{opacity:.9;top:30%}51%{opacity:.9;top:70%}52%,100%{opacity:0;top:70%}}
@keyframes output-pulse-a{0%,44%{opacity:0;left:56%;transform:scaleX(.5)}46%{opacity:1;left:56%;transform:scaleX(1)}52%{opacity:1;left:65%;transform:scaleX(1.8)}55%,100%{opacity:0;left:70%;transform:scaleX(.5)}}
@keyframes output-pulse-b{0%,49%{opacity:0;left:56%;transform:scaleX(.5)}51%{opacity:1;left:56%;transform:scaleX(1)}57%{opacity:1;left:65%;transform:scaleX(1.8)}60%,100%{opacity:0;left:70%;transform:scaleX(.5)}}
@keyframes paper-emerge{0%,44%{opacity:0;transform:translate(-35px,42px) rotateY(-13deg) rotate(4deg) scale(.9);clip-path:inset(95% 0 0)}48%{opacity:1;clip-path:inset(90% 0 0)}56%{opacity:1;transform:translate(0,0) rotateY(0) rotate(0) scale(1);clip-path:inset(0)}88%{opacity:1;transform:translate(0,0) rotateY(0) rotate(0) scale(1);clip-path:inset(0)}97%,100%{opacity:0;transform:translate(20px,-18px) rotateY(0) rotate(3deg) scale(.97);clip-path:inset(0)}}
@keyframes back-sheet-one{0%,50%{opacity:0;transform:translateY(28px) rotate(0)}59%{opacity:1;transform:translate(5px,-5px) rotate(4deg)}67%,88%{opacity:1;transform:translate(5px,-5px) rotate(4deg)}97%,100%{opacity:0;transform:translate(28px,-24px) rotate(6deg)}}
@keyframes back-sheet-two{0%,54%{opacity:0;transform:translateY(28px) rotate(0)}64%,88%{opacity:1;transform:translate(8px,-8px) rotate(8deg)}97%,100%{opacity:0;transform:translate(30px,-28px) rotate(9deg)}}
@keyframes paper-shadow{0%,45%{opacity:0}56%,88%{opacity:1}97%,100%{opacity:0}}
@keyframes print-heading{0%,54%{opacity:0;clip-path:inset(0 100% 0 0)}58%,96%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes print-title{0%,57%{opacity:0;clip-path:inset(0 100% 0 0)}61%,96%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes print-table{0%,60%{opacity:0;clip-path:inset(0 100% 0 0)}64%,96%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes print-row-a{0%,62%{opacity:0;clip-path:inset(0 100% 0 0)}66%,96%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes print-row-b{0%,65%{opacity:0;clip-path:inset(0 100% 0 0)}69%,96%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes print-total{0%,68%{opacity:0;clip-path:inset(0 100% 0 0)}73%,96%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes print-footer{0%,70%{opacity:0;clip-path:inset(0 100% 0 0)}74%,96%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes review-ready{0%,74%{opacity:0;transform:translateY(14px) scale(.97)}79%,88%{opacity:1;transform:translateY(0) scale(1)}97%,100%{opacity:0;transform:translateY(-8px) scale(.97)}}
@keyframes scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.motion-static .scene-canvas *,.motion-static .transport-line i{animation:none!important}
.motion-static .mail-actor,.motion-static .offer-paper,.motion-static .paper-back,.motion-static .print-line,.motion-static .review-note{opacity:1;transform:none;clip-path:none}
.motion-static .mail-envelope{opacity:.5}.motion-static .arrival-note,.motion-static .data-chip,.motion-static .mail-scan,.motion-static .core-scan,.motion-static .output-pulse,.motion-static .wire-stream{display:none}
.motion-static .extract-a,.motion-static .extract-b{background-position:0 0}
.motion-static .paper-back-one{transform:translate(4px,-4px) rotate(4deg)}.motion-static .paper-back-two{transform:translate(7px,-7px) rotate(8deg)}
@media(min-width:1500px){.paper-title{margin-top:25px}.paper-table{margin-top:30px}.product-line{padding:15px 0;font-size:12px}.product-line b{font-size:12px}.product-line small{font-size:9px}.table-head{font-size:8px}.paper-title>small,.paper-total>small,.paper-footer{font-size:8px}.paper-title>span{font-size:10px}.review-note b{font-size:12px}.review-note small{font-size:10px}.core-top{font-size:8px}.core-bottom{font-size:7px}}
@media(max-width:850px){.scene-labels{font-size:7px}.scene-labels b{margin-right:3px}.scene-canvas{height:440px}.mail-actor{left:4%;width:32%;top:23%}.mail-toolbar{padding:10px;gap:7px}.mail-avatar{width:23px;height:23px;font-size:8px}.mail-toolbar b{font-size:9px}.mail-toolbar small{font-size:7px}.mail-toolbar svg{display:none}.mail-content{padding:16px 14px 18px}.mail-content h3{font-size:19px;margin-bottom:14px}.mail-content p{font-size:11px}.mail-type{font-size:6px}.mail-content .mail-signoff{font-size:9px;margin-top:12px}.paper-dock{right:5%;width:30%;top:18%;height:69%}.offer-paper{padding:17px}.paper-title{margin-top:15px}.paper-table{margin-top:15px}.product-line{padding:10px 0;font-size:8px}.product-line b{font-size:8px}.table-head,.product-line{grid-template-columns:1fr 17px 29px;gap:3px}.paper-total{margin-top:15px}.paper-total>small{font-size:5px}.paper-total strong{font-size:21px}.paper-title h3{font-size:22px}.paper-brand{padding-bottom:11px}.review-note{padding:9px 10px;left:-6%;right:-6%;bottom:-24px;gap:6px}.review-note b{font-size:8px}.review-note small{font-size:7px}.review-note>span{width:19px;height:19px}.engine-caption{font-size:7px;width:170px;top:calc(100% + 29px)}.scene-caption{font-size:11px}.arrival-note{left:0;right:0;font-size:8px;bottom:-35px}.cinema-player .cinema-phases{padding:0 12px}.cinema-phases button{font-size:10px;gap:7px;padding:15px 7px}.cinema-phases button i{display:none}.cinema-player .player-bottom{padding:11px 18px}.data-chip{font-size:7px;padding:7px 9px;gap:6px}.data-chip span{font-size:11px}.data-chip i{font-size:10px;margin-left:3px}}
@media(max-width:580px){
 .cinema .demo-heading-row{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.cinema .demo-heading-row h2 br{display:none}.cinema .demo-heading-row h2{font-size:clamp(42px,11vw,60px)}.cinema .demo-heading-row h2 em{margin-left:10px}.cinema .demo-heading-row>div{max-width:35ch}.cinema .demo-heading-row p{font-size:16px}.cinema .demo-heading-row>div>span{font-size:12px;margin-top:7px}
 .cinema-player .player-top{padding:13px 15px;font-size:8px}.autoplay-label{font-size:7px}.scene-canvas{height:510px}.scene-labels{inset:20px 6% auto}.scene-labels span:nth-child(2){display:none}.scene-labels{grid-template-columns:1fr 1fr}.scene-labels span:last-child{text-align:right}
 .mail-actor{top:15%;left:12%;width:76%;animation-name:mail-arrival-mobile;transform-origin:center}.mail-content{padding:18px 21px 20px}.mail-content h3{font-size:26px}.mail-content p{font-size:13px}.mail-toolbar{padding:12px 17px}.mail-avatar{width:27px;height:27px}.mail-toolbar b{font-size:11px}.mail-toolbar small{font-size:8px}.mail-toolbar svg{display:block}.mail-content .mail-signoff{font-size:10px;margin-top:12px}.mail-type{font-size:7px}.mail-envelope{inset:8% -4% -5%}.arrival-note{left:8%;right:8%;font-size:10px;bottom:-41px}
 .engine-actor{top:79%;left:50%;width:70px;z-index:5}.engine-caption{top:calc(100% + 21px);font-size:7px}.engine-halo{inset:-22%}.engine-orbit{inset:-10%}.core-top{font-size:4px}.core-bottom{font-size:4px}.automation-core{box-shadow:0 7px 16px #17355c40,0 0 0 3px #dce4ef}.flow-wires{display:none}.data-chip{left:31%;top:43%;font-size:9px;padding:9px 13px;animation-name:extract-token-mobile-a}.data-chip span{font-size:13px}.chip-b{top:53%;animation-name:extract-token-mobile-b}
 .paper-dock{top:13%;right:18%;width:64%;height:59%;perspective:800px}.offer-paper{padding:18px 21px;animation-name:paper-emerge-mobile}.paper-title h3{font-size:24px}.paper-title{margin-top:14px}.paper-title>span{font-size:8px}.paper-brand>span{font-size:25px}.paper-table{margin-top:17px}.product-line{font-size:9px;padding:10px 0}.product-line b{font-size:9px}.paper-total strong{font-size:24px}.paper-total>small{font-size:6px}.paper-footer{left:21px;right:21px;bottom:17px}.review-note{bottom:-27px;left:-10%;right:-10%;padding:10px}.review-note b{font-size:9px}.review-note small{font-size:8px}.review-note>span{width:23px;height:23px}.output-pulse{left:50%;top:75%;animation-name:output-mobile-a}.pulse-b{animation-name:output-mobile-b}
 .scene-caption{bottom:14px;font-size:10px;inset-inline:5%;gap:8px}.scene-caption #scene-status{max-width:30ch;line-height:1.35}.scene-caption-index{white-space:nowrap}.cinema-player .cinema-phases{grid-template-columns:repeat(4,1fr);padding:0 7px}.cinema-phases button{flex-direction:column;align-items:flex-start;gap:7px;font-size:9px;padding:12px 7px;line-height:1.3}.cinema-phases button small{font-size:7px}.cinema-player .player-bottom{align-items:flex-start;gap:8px;padding:10px 13px}.cinema-player .player-bottom .demo-disclaimer{font-size:7px;max-width:20ch;line-height:1.65}.playback-controls{gap:13px}.cinema-player .playback-controls button{font-size:10px;min-width:35px}.cinema-player #demo-play{min-width:65px}
 .motion-static .scene-canvas{height:700px}.motion-static .mail-actor{top:8%;width:70%;left:15%;transform:scale(.9);transform-origin:top}.motion-static .engine-actor{top:45%;width:58px}.motion-static .engine-caption{display:none}.motion-static .paper-dock{top:53%;height:39%;width:58%;right:21%}.motion-static .paper-title h3{font-size:20px}.motion-static .paper-brand>span{font-size:20px}.motion-static .paper-title{margin-top:10px}.motion-static .paper-table{margin-top:12px}.motion-static .product-line{padding:7px 0}.motion-static .paper-total{margin-top:10px}
}
@keyframes mail-arrival-mobile{0%{opacity:0;transform:translateY(38px) rotate(-4deg) scale(.96)}6%,24%{opacity:1;transform:translateY(0) rotate(0) scale(1)}33%{opacity:.6;transform:translateY(-6px) rotate(-2deg) scale(.97)}43%,100%{opacity:0;transform:translateY(-25px) rotate(-2deg) scale(.92)}}
@keyframes extract-token-mobile-a{0%,22%{opacity:0;left:31%;top:44%;transform:scale(.9)}26%{opacity:1;left:31%;top:44%;transform:scale(1)}32%{opacity:1;left:33%;top:60%;transform:scale(.9)}38%,100%{opacity:0;left:39%;top:77%;transform:scale(.4)}}
@keyframes extract-token-mobile-b{0%,28%{opacity:0;left:31%;top:53%;transform:scale(.9)}32%{opacity:1;left:31%;top:53%;transform:scale(1)}38%{opacity:1;left:33%;top:67%;transform:scale(.9)}44%,100%{opacity:0;left:39%;top:77%;transform:scale(.4)}}
@keyframes paper-emerge-mobile{0%,44%{opacity:0;transform:translateY(55px) rotateX(-12deg) scale(.86);clip-path:inset(95% 0 0)}48%{opacity:1;clip-path:inset(90% 0 0)}56%,88%{opacity:1;transform:translateY(0) rotateX(0) scale(1);clip-path:inset(0)}97%,100%{opacity:0;transform:translate(15px,-20px) rotate(3deg) scale(.97);clip-path:inset(0)}}
@keyframes output-mobile-a{0%,44%{opacity:0;top:75%;transform:scaleY(.5)}46%{opacity:1;top:75%;transform:scaleY(1)}52%{opacity:1;top:68%;transform:scaleY(1.8)}55%,100%{opacity:0;top:64%;transform:scaleY(.5)}}
@keyframes output-mobile-b{0%,49%{opacity:0;top:75%;transform:scaleY(.5)}51%{opacity:1;top:75%;transform:scaleY(1)}57%{opacity:1;top:68%;transform:scaleY(1.8)}60%,100%{opacity:0;top:64%;transform:scaleY(.5)}}
.offer-paper{font-size:10px;line-height:1.35}
.paper-title>small,.paper-title>span{display:block;line-height:1.3}
.paper-title>span{line-height:1.4}
@media(max-width:850px){.paper-title{margin-top:12px}.paper-table{margin-top:12px}.product-line{padding:9px 0}.paper-total{margin-top:12px}.paper-footer{bottom:12px}}
@media(max-width:580px){.scene-canvas{height:580px}.paper-dock{top:9%;height:335px}.engine-actor{top:82%}.engine-caption{top:calc(100% + 12px)}}
@media(prefers-reduced-motion:reduce){.light-pulse{animation:none;display:none}}