.header .logo.brand-lockup{display:inline-flex;align-items:center;gap:10px;background:#091b46;border-radius:14px;padding:9px 15px 9px 11px;width:auto;flex:none;min-width:0;color:white;text-decoration:none}
.header .brand-lockup>img{width:28px;height:39px;object-fit:contain;max-width:none}.header .brand-lockup>span{font:900 italic 18px/1 Montserrat,sans-serif;letter-spacing:-.055em;white-space:nowrap}.header .brand-lockup .brand-domain{color:#42dce9}.header .brand-lockup:focus-visible{outline:3px solid #1460ff;outline-offset:4px}
.motion-workflow .scene-source{background:#091b46;color:white;isolation:isolate;border-color:#173e74}.motion-workflow .scene-source:before{border-color:#41dcf240;box-shadow:0 0 0 40px #2c8df511,0 0 0 80px #2c8df508}.motion-workflow .scene-source .scene-top{color:#d0e7ff}.motion-workflow .scene-source .scene-top>span:last-child{color:#64e0ed}.motion-workflow .scene-source .scene-caption{color:#b0c8e6}
.motion-workflow .pf-material{height:350px;max-width:550px;position:relative;margin:auto;perspective:1100px;transform-style:preserve-3d}
.pf-material>div{position:absolute;box-shadow:0 20px 38px #0005,0 1px 0 #ffffff99 inset;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pf-photo{left:8%;top:7%;width:47%;height:77%;background:#f7f8fb;border:1px solid #fff;border-radius:19px;transform:rotateY(10deg) rotateZ(-8deg);overflow:hidden;color:#091b46;display:flex;flex-direction:column}
.pf-file-label{padding:14px 14px 0;font-size:8px;color:#62738b;letter-spacing:.08em}.pf-photo>img{width:100%;height:68%;object-fit:contain;padding:6px}.pf-photo>div{padding:0 14px 14px}.pf-photo b{display:block;font-size:12px;line-height:1.2}.pf-photo small{display:block;font-size:8px;color:#64758e;margin-top:6px}
.pf-clip{top:11%;right:6%;width:35%;border:1px solid #4785c5;background:#133462;border-radius:17px;padding:8px;transform:rotateY(-12deg) rotateZ(7deg);overflow:hidden}.pf-clip>img{width:100%;height:90px;object-fit:cover;border-radius:10px}.pf-clip .pf-play{position:absolute;top:39px;left:calc(50% - 13px);display:grid;place-items:center;width:28px;height:28px;border:1px solid #fff6;border-radius:50%;background:#ffffffdb;color:#1460ff;font-size:11px}.pf-clip>b,.pf-clip>small{display:block;margin:9px 6px 0;font-size:11px}.pf-clip>small{font-size:8px;color:#bdd5f3;margin-top:4px}.pf-mini-track{display:flex;gap:4px;height:9px;margin:12px 5px 3px}.pf-mini-track i{width:34%;border-radius:2px;background:#3adce9}.pf-mini-track i:nth-child(2){background:#6595ff}.pf-mini-track i:nth-child(3){background:#ccd7fd}
.pf-brand{right:6%;bottom:9%;width:34%;padding:16px 13px;border-radius:17px;border:1px solid #8eafde;background:#f5f9ff;color:#091b46;transform:rotateY(-9deg) rotateZ(-4deg)}.pf-brand>img{position:absolute;right:13px;top:14px;width:21px;height:32px;object-fit:contain}.pf-brand>b{display:block;max-width:70%;font-size:11px}.pf-brand>small{display:block;font-size:8px;margin-top:7px;color:#60718b}.pf-brand>div{display:flex;gap:5px;margin-top:13px}.pf-brand i{height:14px;width:23px;border-radius:4px;background:#1460ff}.pf-brand i:nth-child(2){background:#2bd7e5}.pf-brand i:nth-child(3){background:#091b46}
.pf-material-note{position:absolute;left:12%;bottom:4%;font-size:10px;line-height:1.5;color:#e6f0ff}.pf-material-note b{color:#57deec}.motion-workflow.is-motion-visible .pf-photo{animation:pf-card-float 6s ease-in-out infinite}.motion-workflow.is-motion-visible .pf-clip{animation:pf-card-float 7s ease-in-out -2s infinite}.motion-workflow.is-motion-visible .pf-brand{animation:pf-card-float 8s ease-in-out -4s infinite}
@keyframes pf-card-float{50%{translate:0 -8px}}
.studio-showcase{width:100%;max-width:760px;margin:auto;--pf-shadow:0 28px 40px #0008}
.pf-stage{height:470px;position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:radial-gradient(ellipse at 52% 38%,#144375,#071b40 64%);border:1px solid #1c4877;perspective:1100px}
.pf-stage:before{content:"";position:absolute;width:470px;height:470px;left:calc(50% - 235px);top:-60px;border:1px solid #6cdff327;border-radius:50%;box-shadow:0 0 0 36px #4cb6f308,0 0 0 80px #4cb6f305;pointer-events:none}
.pf-stage-top{position:absolute;left:25px;right:25px;top:24px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:11px;z-index:8}.pf-stage-top>span:last-child{font-size:8px;color:#89b3db;letter-spacing:.08em}
.pf-stage-floor{position:absolute;left:5%;right:5%;bottom:5%;height:30%;border-radius:50%;background:radial-gradient(ellipse,#3f8fd344,transparent 68%);transform:rotateX(56deg);border-top:1px solid #6ad5ef25}
.pf-monitor{position:absolute;width:67%;left:19%;top:18%;transform:rotateY(-9deg) rotateX(5deg);transform-style:preserve-3d;z-index:2;transition:transform .85s cubic-bezier(.16,1,.3,1)}
.pf-monitor-shell{background:#071124;padding:6px;border-radius:16px;border:1px solid #8aadd3;box-shadow:var(--pf-shadow),4px 4px 0 #283e58;overflow:hidden}.pf-device-bar{display:flex;gap:7px;align-items:center;padding:4px 5px 10px;color:#c2d6ea;font-size:8px}.pf-device-bar>i{width:4px;height:4px;border-radius:50%;background:#4edfe9}.pf-device-bar small{margin-left:auto;color:#89a5c5;font-size:7px}.pf-monitor video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#061736;border-radius:7px}.pf-video-track{display:flex;position:relative;gap:3px;height:16px;margin:9px 4px 4px;overflow:hidden}.pf-video-track i{width:24%;background:#366cff;border-radius:3px}.pf-video-track i:nth-child(even){background:#2bd3e3}.pf-video-track b{position:absolute;top:0;bottom:0;width:1px;background:white;left:32%;animation:pf-playhead 10s linear infinite}.pf-monitor-neck{display:block;width:12%;height:54px;background:linear-gradient(90deg,#1c2f45,#6387ab,#223a57);margin:auto;transform:skewX(-5deg)}.pf-monitor-foot{display:block;width:43%;height:15px;background:linear-gradient(160deg,#9bbcd8,#314a65);border-radius:50% 50% 6px 6px;margin:-3px auto 0;box-shadow:0 16px 22px #0008;transform:skewX(-12deg)}
.pf-phone{position:absolute;left:6%;top:31%;width:23%;height:59%;padding:5px;background:#071020;border:1px solid #90a9c6;border-radius:23px;box-shadow:var(--pf-shadow),-4px 3px 0 #273b54;transform:rotateY(13deg) rotateZ(-8deg);overflow:hidden;z-index:4;transition:transform .85s cubic-bezier(.16,1,.3,1)}.pf-notch{position:absolute;top:6px;left:30%;width:40%;height:7px;border-radius:0 0 6px 6px;background:#071020;z-index:5}.pf-story-header{height:33px;padding:11px 5px 0;font-size:7px;color:white}.pf-story-header>div{display:flex;gap:3px;margin:6px 0}.pf-story-header i{height:2px;background:#91aac9;width:33%}.pf-story-header i:first-child{background:#54e0eb}.pf-story-window{height:calc(100% - 57px);overflow:hidden;border-radius:5px}.pf-story-feed{animation:pf-feed 14s ease-in-out infinite}.pf-story-feed img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.pf-phone-bottom{display:block;text-align:center;padding:9px 1px;color:#c8e7fa;font-size:6px}
.pf-tablet{position:absolute;right:6%;top:36%;width:31%;height:57%;border-radius:18px;padding:6px;background:#091124;border:1px solid #afc3db;box-shadow:var(--pf-shadow),4px 4px 0 #293e59;transform:rotateY(-14deg) rotateZ(7deg);overflow:hidden;z-index:5;transition:transform .85s cubic-bezier(.16,1,.3,1)}.pf-post-header{display:flex;align-items:center;gap:5px;height:32px;padding:5px 7px;background:white;border-radius:10px 10px 0 0;color:#091b46}.pf-post-header>img{width:12px;height:19px;object-fit:contain}.pf-post-header>span{font-size:7px;font-weight:800}.pf-post-header small{display:block;font-size:5px;font-weight:500;margin-top:3px}.pf-post-header>i{margin-left:auto;font-size:8px;font-style:normal}.pf-post-window{height:calc(100% - 62px);overflow:hidden;background:#eef7ff}.pf-post-feed{animation:pf-feed 16s ease-in-out -3s infinite}.pf-post-feed img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.pf-post-footer{height:30px;background:white;padding:6px 7px;border-radius:0 0 9px 9px;color:#091b46}.pf-post-footer b{display:block;font-size:7px}.pf-post-footer span{display:block;font-size:5px;margin-top:3px}
.pf-device-label{position:absolute;color:#a0cced;font-size:8px;z-index:6;bottom:5%}.pf-label-story{left:7%}.pf-label-post{right:8%}
.studio-showcase[data-view=video] .pf-monitor{transform:translateY(-7px) rotateY(-4deg) rotateX(2deg)}.studio-showcase[data-view=post] .pf-tablet{transform:translate(-7px,-18px) rotateY(-5deg) rotateZ(2deg) scale(1.055)}.studio-showcase[data-view=story] .pf-phone{transform:translate(9px,-18px) rotateY(4deg) rotateZ(-2deg) scale(1.07)}
.pf-format-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px auto 0;padding:6px;background:#e0ebf7;border:1px solid #cfdfef;border-radius:20px;max-width:550px}.pf-format-controls button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;padding:12px 4px;border-radius:14px;color:#506683;transition:background .25s,color .25s,box-shadow .25s}.pf-format-controls button>span{font-size:8px;line-height:1.4;color:#718bad}.pf-format-controls b{font-size:12px;margin-top:4px}.pf-format-controls small{font-size:7px;margin-top:5px}.pf-format-controls button[aria-pressed=true]{background:#091b46;color:white;box-shadow:0 5px 12px #091b4624}.pf-format-controls button[aria-pressed=true]>span{color:#5be1ec}.pf-format-controls button:focus-visible{outline:3px solid #1460ff;outline-offset:2px}.pf-stage-caption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;margin:18px 0 0;color:#091b46}.pf-stage-caption strong{font-size:11px}.pf-stage-caption>span{font-size:8px;color:#677b98}
.studio-showcase[data-active=false] *{animation-play-state:paused!important}
@keyframes pf-feed{0%,25%{transform:translateY(0)}45%,65%{transform:translateY(-33.3333%)}85%,100%{transform:translateY(-66.6667%)}}
@keyframes pf-playhead{from{left:0}to{left:100%}}
@media(max-width:1100px){.header .brand-lockup>span{font-size:16px}.header .logo.brand-lockup{padding:8px 10px;gap:7px}.header .brand-lockup>img{width:23px;height:34px}.pf-stage{height:420px}}
@media(max-width:760px){.header .logo.brand-lockup{padding:8px 9px;border-radius:12px;gap:6px}.header .brand-lockup>span{font-size:13px}.header .brand-lockup>img{width:21px;height:31px}.pf-stage{height:320px;border-radius:25px}.pf-stage-top{left:16px;right:16px;top:19px;font-size:8px}.pf-stage-top>span:last-child{font-size:6px}.pf-monitor{width:75%;left:15%;top:22%}.pf-monitor-shell{padding:4px;border-radius:11px;box-shadow:0 17px 24px #0007,3px 3px 0 #283e58}.pf-device-bar{font-size:5px;padding:3px 3px 7px;gap:4px}.pf-device-bar small{font-size:5px}.pf-video-track{height:10px;margin:6px 3px 3px;gap:2px}.pf-monitor-neck{height:37px}.pf-monitor-foot{height:10px}.pf-phone{left:5%;top:38%;width:25%;height:54%;padding:4px;border-radius:17px}.pf-story-header{height:27px;font-size:5px;padding:11px 3px 0}.pf-notch{height:5px;top:4px}.pf-story-header>div{margin-top:5px}.pf-story-window{height:calc(100% - 47px)}.pf-phone-bottom{padding-top:7px;font-size:4px}.pf-tablet{right:5%;top:43%;width:33%;height:51%;border-radius:13px;padding:4px}.pf-post-header{height:24px;padding:4px;border-radius:7px 7px 0 0;gap:3px}.pf-post-header>img{width:9px;height:13px}.pf-post-header>span{font-size:5px}.pf-post-header small{font-size:4px;margin-top:2px}.pf-post-window{height:calc(100% - 48px)}.pf-post-footer{height:24px;padding:5px 4px}.pf-post-footer b{font-size:5px}.pf-post-footer span{font-size:4px}.pf-device-label{font-size:6px;bottom:2%}.pf-format-controls{margin-top:15px;padding:4px;gap:4px;border-radius:16px}.pf-format-controls button{padding:10px 2px;border-radius:12px}.pf-format-controls b{font-size:10px}.pf-format-controls small{font-size:6px}.pf-stage-caption strong{font-size:9px}.pf-stage-caption>span{font-size:7px;line-height:1.7;max-width:40ch}.motion-workflow .pf-material{height:290px}.pf-file-label{padding:12px 10px 0;font-size:6px}.pf-photo>div{padding:0 10px 12px}.pf-photo b{font-size:9px}.pf-photo small{font-size:6px;line-height:1.5}.pf-clip{width:36%;padding:6px;border-radius:13px}.pf-clip>img{height:66px}.pf-clip .pf-play{top:27px;width:23px;height:23px;font-size:9px}.pf-clip>b{font-size:8px;margin-top:8px}.pf-clip>small{font-size:6px}.pf-mini-track{height:6px;margin-top:9px}.pf-brand{width:36%;padding:13px 10px;border-radius:13px;bottom:12%}.pf-brand>b{font-size:8px}.pf-brand>small{font-size:6px;line-height:1.5}.pf-brand>img{width:16px;height:25px;right:10px;top:10px}.pf-brand i{width:18px;height:11px}.pf-material-note{font-size:8px;bottom:5%}}
@media(max-width:360px){.header .brand-lockup>span{font-size:11.5px}.header .logo.brand-lockup{gap:5px;padding-inline:7px}.header .brand-lockup>img{width:19px;height:28px}.pf-stage{height:275px}.pf-stage-top>span:last-child{display:none}.motion-workflow .pf-material{height:260px}}
@media(prefers-reduced-motion:reduce){.pf-material *,.studio-showcase *{animation:none!important;transition:none!important;translate:none!important}}