.device-story{--stage-height:calc(100svh - 76px);isolation:isolate;position:relative}.device-sticky{height:var(--stage-height);min-height:0;position:sticky;top:76px;overflow:hidden}.device-stage{position:absolute;inset:22px 0 52px}.workspace-scene{width:var(--workspace-width,100%);height:var(--workspace-height,100%);opacity:0;transform-origin:50%;will-change:transform,opacity;position:absolute;top:0;left:0}.workspace-plane,.workspace-plane .workspace-content{position:absolute;inset:0}.workspace-chrome{display:none}#device-canvas,#device-flat{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#device-canvas{z-index:1}#device-flat{z-index:2}.device-stage .outside-intro{z-index:3}.device-stage[data-render=webgl] .workspace-scene,.device-stage[data-render=webgl] .phone-device{visibility:hidden!important}.device-stage[data-render=webgl] .workspace-content{color:#f9f5ed;background:#111216;border-radius:14px;width:960px;height:570px;position:relative;overflow:hidden}.device-stage[data-render=webgl] .workspace-chrome{color:#85858d;letter-spacing:.12em;background:#17181c;border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;height:37px;padding-inline:22px;font-size:8px;display:flex}.device-stage[data-render=webgl] .workspace-chrome>span:first-child{color:#d5ae6a;letter-spacing:.2em}.device-stage[data-render=webgl] .workspace-panels{height:533px}.device-stage[data-render=webgl] .screen-panel{grid-template-columns:.9fr 1.1fr;gap:36px;padding:43px}.device-stage[data-render=webgl] .screen-section-copy h2{margin-top:24px;font-size:47px}.device-stage[data-render=webgl] .screen-section-copy h2 em{color:#d0b5a6}.device-stage[data-render=webgl] .screen-section-copy>p{color:#a8a6af;max-width:320px;margin-top:25px;font-size:17px;line-height:1.7}.device-stage[data-render=webgl] .screen-copy-note{color:#767480;margin-top:35px;font-size:10px}.device-stage[data-render=webgl] .screen-label{color:#ed9d7c}.device-stage[data-render=webgl] .workspace-object{transform:none}.device-stage[data-render=webgl] .workspace-object:before,.device-stage[data-render=webgl] .workspace-object:after{display:none}.device-stage[data-render=webgl] .workspace-object>.card{box-shadow:0 20px 40px #0002}.device-stage[data-render=webgl] .code-row{font-size:14px;line-height:1.65}.device-stage[data-render=webgl] .code-title{height:42px;font-size:10px}.device-stage[data-render=webgl] .code-lines{padding-block:13px}.device-stage[data-render=webgl] .mini-hub-header{font-size:13px}.device-stage[data-render=webgl] .mini-project{padding:23px 16px}.device-stage[data-render=webgl] .mini-project-title{font-size:13px}.device-stage[data-render=webgl] .mini-project>p{font-size:8px}.device-stage[data-render=webgl] .mini-creative{height:100px}.device-stage[data-render=webgl] .delivery-output.card{padding:16px}.device-stage[data-render=webgl] .delivery-output .delivery-row{height:30px;font-size:13px}.device-stage[data-render=webgl] .delivery-status{font-size:8px}.device-stage[data-render=webgl] .export-file.card{height:84px}.device-stage[data-render=webgl] .export-file>img{height:62px}.device-stage[data-render=webgl] .export-file strong{font-size:12px}.device-stage[data-render=webgl] .phone-home{opacity:1}.upload-card{background:#1b1c20;border:1px solid #ffffff18;overflow:hidden}.upload-card-body{padding:24px}.upload-file{color:#e8ddcf;align-items:center;gap:14px;font-size:15px;display:flex}.upload-file>svg{color:#d4ae8c;flex-shrink:0}.upload-file>svg:last-child{color:#a9bb9a;margin-left:auto}.upload-file small{color:#96919d;margin-top:7px;font-size:10px;display:block}.upload-assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;display:grid}.upload-assets>div{color:#c5b8a9;background:#ffffff04;border:1px solid #ffffff12;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:13px;height:95px;font-size:11px;display:flex}.upload-assets>div:nth-child(2){color:#aab9a0}.upload-assets>div:nth-child(3){color:#b6aecb}.upload-progress{background:#ffffff10;border-radius:4px;height:3px;margin-top:27px;overflow:hidden}.upload-progress i{width:100%;height:100%;transform:scaleX(var(--upload-in,1));transform-origin:0;background:#adbc9c;display:block}.upload-card-body>p{color:#adbc9c;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.delivery-output.card{--delivery-pad:14px;padding-top:0!important}.delivery-output>.mini-hub-header{margin-inline:calc(-1 * var(--delivery-pad));margin-bottom:12px}.device-stage[data-render=webgl] .delivery-output.card{--delivery-pad:16px}.device-stage[data-render=webgl] .upload-card-body{padding:20px}.device-stage[data-render=webgl] .screen-upload .screen-section-copy h2{margin-top:18px;font-size:42px}.device-stage[data-render=webgl] .screen-upload .screen-section-copy>p{margin-top:20px;font-size:16px;line-height:1.6}.device-stage[data-render=webgl] .screen-upload .screen-copy-note{margin-top:25px}.phone-device.mockup-phone{aspect-ratio:auto;corner-shape:round;width:388px;max-width:none;height:798px;max-height:none;box-shadow:none;opacity:0;transform-origin:50%;will-change:transform,opacity;background:0 0;border:0;border-radius:58px;padding:0;display:block;position:absolute;top:0;left:0;overflow:visible}.phone-shell{opacity:var(--frame-reveal,0);pointer-events:none;background:linear-gradient(120deg,#e4e7e9,#969da3 36%,#dce0e3 66%,#a1a8ad);border-radius:50px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #929a9f,inset 0 0 0 4px #f2f3f4,0 28px 56px #2425211c}.phone-device:before,.phone-device:after{content:"";width:3px;opacity:var(--frame-reveal,0);pointer-events:none;background:linear-gradient(90deg,#777f85,#d7dcdf);border-radius:2px;position:absolute}.phone-device:before{height:72px;top:150px;left:6px;box-shadow:0 90px #a1a8ad}.phone-device:after{height:116px;top:205px;right:6px}.phone-device .phone-screen{z-index:1;border-radius:calc(18px + 26px * var(--frame-reveal,0));corner-shape:round;opacity:1;width:360px;height:770px;box-shadow:0 0 0 calc(2px * var(--frame-reveal,0)) #282c30,0 18px 45px rgb(36 37 33/calc(.12 * (1 - var(--frame-reveal,0))));display:block;position:absolute;top:14px;left:14px}.workspace-content{width:100%;height:100%;color:var(--color-base-content);user-select:text}.screen-chrome{letter-spacing:.12em;color:#8d8e96;background:#17181c;border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;height:37px;padding:0 22px;font-size:8px;display:flex}.screen-dots{gap:5px;width:155px;display:flex}.screen-dots i{background:#67666d;border-radius:100%;width:5px;height:5px}.screen-dots i:first-child{background:#dd765f}.screen-dots i:nth-child(2){background:#d5ae6a}.screen-dots i:nth-child(3){background:#94a58d}.screen-online{justify-content:flex-end;align-items:center;gap:6px;width:155px;font-size:7px;display:inline-flex}.screen-online i,.code-build i,.mini-progress i{background:#b6c2a5;border-radius:50%;width:4px;height:4px}.workspace-panels{height:100%;position:relative}.screen-panel{opacity:0;pointer-events:none;will-change:opacity,transform;padding:43px;position:absolute;inset:0}.screen-panel:first-child{opacity:1}.screen-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.screen-brand{letter-spacing:-.06em;z-index:2;align-items:center;gap:16px;font-size:64px;font-weight:650;line-height:1;display:flex;position:relative}.screen-brand>span>span{color:#f29170}.screen-brand img{width:47px;height:47px}.screen-intro h1{letter-spacing:-.06em;z-index:2;justify-content:center;align-items:center;max-width:770px;min-height:154px;margin-top:27px;font-size:74px;line-height:1.03;display:flex;position:relative}.screen-intro h1 span{display:block}.slogan-enter{animation:.65s cubic-bezier(.22,1,.36,1) both slogan-in}@keyframes slogan-in{0%{opacity:0;filter:blur(5px);transform:translateY(13px)}to{opacity:1;filter:blur();transform:translateY(0)}}.screen-intro>p{color:#b2b0b7;z-index:2;max-width:460px;margin-top:17px;font-size:19px;line-height:1.7}.screen-intro-foot{color:#73727d;letter-spacing:.15em;z-index:2;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:27px;left:34px;right:34px}.screen-orb{filter:blur(25px);background:radial-gradient(#d67f5440,#0000 70%);border-radius:100%;width:500px;height:270px;position:absolute;bottom:-130px;left:230px}.screen-code,.screen-upload,.screen-hub,.screen-deliver{grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px;display:grid}.screen-label{letter-spacing:.16em;color:var(--color-primary);font-size:9px;display:block}.screen-section-copy h2{letter-spacing:-.055em;margin-top:24px;font-size:47px;line-height:1.07}.screen-section-copy h2 em{color:var(--muted);font-style:normal}.screen-section-copy>p{color:var(--muted);max-width:320px;margin-top:25px;font-size:17px;line-height:1.7}.screen-copy-note{color:var(--muted);align-items:center;gap:8px;max-width:300px;margin-top:35px;font-size:10px;line-height:1.8;display:flex}.workspace-object{isolation:isolate;min-width:0;position:relative;transform:perspective(1200px)rotateX(2deg)rotateY(-3deg)}.screen-deliver .workspace-object{transform:none}.workspace-object:before,.workspace-object:after{content:"";z-index:-1;border:1px solid color-mix(in srgb,var(--color-base-content) 10%,transparent);background:linear-gradient(130deg,var(--color-base-200),var(--color-secondary));box-shadow:0 22px 50px color-mix(in srgb,var(--color-base-content) 8%,transparent);pointer-events:none;border-radius:16px;position:absolute;inset:8px -7px -8px 7px;transform:rotate(4deg)}.workspace-object:after{background:linear-gradient(145deg,var(--color-base-200),color-mix(in srgb,var(--color-accent) 32%,var(--color-base-200)));z-index:-1;box-shadow:none;inset:2px 4px -4px -4px;transform:rotate(-2deg)}.workspace-object>.card{color:#f9f5ed;border-radius:15px;position:relative;box-shadow:0 28px 55px #24252121,0 4px 10px #2425210c,inset 0 1px #ffffff14}.screen-hub .workspace-object{opacity:var(--hub-in,0)}.code-editor{background:#19191f;border:1px solid #ffffff15;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0002}.code-title{color:#bbb5c6;border-bottom:1px solid #ffffff0b;align-items:center;gap:9px;height:42px;padding-inline:17px;font-size:10px;display:flex}.code-title>span:last-child{color:#78717f;margin-left:auto;font-size:8px}.code-file-dot{background:#e69f7b;border-radius:2px;width:5px;height:5px}.code-lines{padding:24px 0}.code-row{white-space:pre;font-family:Consolas,monospace;font-size:9px;line-height:2.35;display:flex}.code-row>span{color:#57505f;text-align:right;width:33px;margin-right:14px}.code-row code{color:#d7bca7}.code-row:nth-child(3) code{color:#c1bad4}.code-row:nth-child(5) code,.code-row:nth-child(6) code{color:#9bbdaf}.code-build{color:#9caaa4;border-top:1px solid #ffffff09;align-items:center;gap:7px;padding:11px 17px;font-size:8px;display:flex}.code-build b{margin-left:auto;font-size:13px;font-weight:400}.mini-hub{opacity:var(--hub-in,0);transform:translateY(calc((1 - var(--hub-in,0)) * 15px));background:#1b1c20;border:1px solid #ffffff16;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0002}.mini-hub-header{border-bottom:1px solid #ffffff0c;align-items:center;gap:7px;height:42px;padding-inline:13px;font-size:13px;font-weight:600;display:flex}.mini-hub-header img{width:16px;height:16px}.mini-hub-header>span{color:#a7a3ae;margin-left:5px;font-size:9px;font-weight:400}.mini-hub-header i{color:#eee3d5;background:#6a5a53;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;margin-left:auto;font-size:7px;font-style:normal;display:flex}.mini-hub-body{min-height:229px;display:flex}.mini-sidebar{color:#74707e;border-right:1px solid #ffffff09;width:69px;padding:19px 9px;font-size:7px}.mini-sidebar span{margin-bottom:4px;padding:8px;display:block}.mini-sidebar .active{color:#d4c8b8;background:#ffffff08;border-radius:3px}.mini-project{flex:1;padding:23px 16px}.mini-project-title{justify-content:space-between;align-items:center;gap:9px;font-size:13px;display:flex}.mini-project-title b{color:#7e7886;letter-spacing:.1em;font-size:9px}.mini-project>p{color:#817986;margin-block:12px 13px;font-size:8px}.mini-creatives{gap:9px;display:flex}.mini-creative{background:#dcc3a2;border-radius:5px;flex:1;height:100px;position:relative;overflow:hidden}.mini-creative>span{color:#554536;font-size:7px;position:absolute;bottom:7px;left:8px}.creative-1{background:#b6bfcb}.creative-2{background:#c7cdb3}.mini-stack{position:absolute;top:32px;left:20px;transform:rotate(-15deg)}.mini-stack i{background:#b57850;width:34px;height:11px;margin-top:-3px;display:block;transform:skewY(16deg);box-shadow:2px 3px #885536}.creative-1 .mini-stack i{background:#74789f;box-shadow:2px 3px #535873}.creative-2 .mini-stack i{background:#809463;box-shadow:2px 3px #526745}.mini-create{color:#c7b9af;text-align:center;border:1px solid #ffffff13;border-radius:4px;margin-top:15px;padding:9px;font-size:8px;display:block}.mini-progress{color:#a2ada0;border-top:1px solid #ffffff09;align-items:center;gap:6px;padding:10px 13px;font-size:7px;display:flex}.mini-progress b{color:#767780;margin-left:auto;font-weight:400}.hub-transition-logo{opacity:var(--hub-logo,0);transform:scale(calc(.8 + var(--hub-logo,0) * .2));align-items:center;gap:12px;font-size:40px;font-weight:600;display:flex;position:absolute;top:41%;right:20%}.hub-transition-logo img{filter:brightness(0);width:33px;height:33px}.delivery-list{border-block:1px solid #ffffff10;padding-block:4px}.delivery-row{border-bottom:1px solid #ffffff08;align-items:center;gap:12px;height:48px;font-size:13px;display:flex}.delivery-row:last-child{border:0}.network-icon{color:#d8bca4;background:#27262e;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-weight:650;display:flex}.delivery-status{color:#797780;margin-left:auto;font-size:8px}.delivery-row>svg{color:#a7b799}.delivery-output.card{background:linear-gradient(145deg,#24252b,#191a20);border:1px solid #ffffff18;min-width:0;padding:20px}.delivery-output .delivery-list{border-top:0;margin-bottom:14px}.delivery-output .delivery-row{height:34px}.delivery-output .network-icon{width:22px;height:22px;font-size:11px}.export-file.card{background:linear-gradient(135deg,#24262d,#1a1c22);border:1px solid #ffffff1c;border-radius:12px;flex-direction:row;align-items:center;gap:14px;height:96px;padding:11px 16px;display:flex;position:relative;box-shadow:0 12px 28px #0002}.export-file>img{object-fit:cover;background:#e9ddc6;border-radius:2px;flex-shrink:0;width:34px;height:73px;box-shadow:0 3px 12px #0003}.export-file .card-body{gap:7px;min-width:0;padding:0}.export-file-label{letter-spacing:.16em;color:#96949d;font-size:7px}.export-file strong{color:#f2eade;white-space:nowrap;font-size:12px;font-weight:400}.export-file-state{color:#a9b49c;align-items:center;gap:5px;font-size:9px;display:flex}.phone-screen{corner-shape:round;color:#403b35;backface-visibility:hidden;opacity:0;pointer-events:auto;background:#e9ddc6;border-radius:43px;width:360px;height:770px;position:relative;overflow:hidden}.phone-demo-poster{object-fit:cover;z-index:3;pointer-events:none;opacity:1;width:100%;height:100%;position:absolute;inset:0}.phone-screen[data-demo-ready=true] .phone-demo-poster{opacity:0;transition:opacity .3s}.phone-demo-loader{z-index:4;pointer-events:none;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.phone-demo-loader img{filter:brightness(0)invert()drop-shadow(0 2px 5px #0006);display:block}@media (prefers-reduced-motion:reduce){.phone-demo-poster{transition:none}}#phone-runtime{width:360px;height:770px;position:absolute;inset:0}#phone-runtime iframe{border:0;width:360px;min-width:0;height:770px;display:block}.phone-unavailable{background:var(--color-base-100);color:var(--color-base-content);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px 28px;display:flex;position:absolute;inset:0}.phone-error-brand{letter-spacing:-.05em;align-items:center;gap:10px;margin-bottom:24px;font-size:27px;font-weight:650;display:flex}.phone-unavailable .eyebrow{letter-spacing:.12em;font-size:10px}.phone-error-code{letter-spacing:-.08em;color:var(--color-primary);font-size:110px;line-height:1}.phone-unavailable h2{letter-spacing:-.045em;font-size:30px;line-height:1.15}.phone-unavailable>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6}.phone-unavailable .phone-restart.btn{background:var(--color-base-content);width:auto;height:48px;min-height:48px;color:var(--color-base-100);border:0;border-radius:30px;gap:12px;margin-top:10px;padding-inline:22px;font-size:15px;position:static}.phone-home{z-index:5;width:126px;height:4px;opacity:var(--frame-reveal,0);pointer-events:none;background:#51453588;border-radius:10px;display:none;position:absolute;bottom:13px;left:117px}.phone-demo-message{z-index:4;text-align:center;color:#5f4d3b;cursor:pointer;background:#f6f0e4e8;border-radius:10px;padding:12px;font-size:11px;position:absolute;top:65%;left:25px;right:25px}.phone-story-copy{z-index:3;max-width:360px;opacity:var(--phone,0);transform:translateY(calc((1 - var(--phone,0)) * 25px));pointer-events:none;position:absolute;top:29%;left:max(52px,50vw - 600px)}.phone-story-copy .screen-label{color:var(--color-primary)}.phone-story-copy h2{letter-spacing:-.055em;margin-top:25px;font-size:clamp(37px,4.2vw,63px);line-height:1.05}.phone-story-copy h2 em{color:#a9a49b;font-style:normal}.phone-story-copy>p{max-width:280px;color:var(--muted);margin-top:26px;font-size:14px;line-height:1.8}.phone-tap{color:var(--color-primary);align-items:center;gap:19px;margin-top:31px;font-size:11px;display:flex}.device-story-footer{letter-spacing:.1em;color:var(--muted);z-index:3;pointer-events:none;align-items:center;gap:32px;font-size:8px;display:flex;position:absolute;bottom:23px;left:0;right:0}.device-progress{background:#24252120;flex:1;height:1px}.device-progress i{background:var(--color-primary);width:100%;height:1px;transform:scaleX(var(--progress,0));transform-origin:0;display:block}.device-scroll-cue{align-items:center;gap:20px;display:flex}.device-scroll-cue>span{font-size:20px}.device-progress i{transition:transform .62s var(--ease)}.device-waypoints{margin-top:calc(-1 * var(--stage-height));pointer-events:none;position:relative}.device-waypoints>div{height:var(--stage-height);scroll-margin-top:0}.device-waypoints>div:nth-child(6){top:calc(1.02 * var(--stage-height));position:relative}.device-transcript{padding-block:40px}.device-transcript h2{margin-top:30px}.device-transcript p{margin-top:15px}.device-mobile-note{display:none}.outside-intro{z-index:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px 24px 65px;display:flex;position:absolute;inset:0}.outside-intro h1{letter-spacing:-.07em;align-items:center;gap:23px;font-size:clamp(94px,10vw,144px);font-weight:650;line-height:1;display:flex}.outside-intro h1 img{filter:brightness(0);width:65px;height:65px}.outside-intro h1>span{color:var(--color-primary);margin-left:-23px}.outside-slogan{letter-spacing:-.055em;justify-content:center;align-items:center;max-width:760px;min-height:155px;margin-top:25px;font-size:clamp(42px,5vw,73px);line-height:1.03;display:flex}.outside-slogan>span{display:block}.outside-description{color:var(--muted);max-width:400px;margin-top:22px;font-size:17px;line-height:1.8}.outside-scroll{color:var(--color-primary);align-items:center;gap:19px;margin-top:32px;font-size:11px;display:flex}@media (width<=1000px){.phone-story-copy{max-width:280px;left:34px}.phone-story-copy h2{font-size:43px}}@media (prefers-reduced-motion:reduce){.slogan-enter{animation:none}.screen-panel{will-change:auto}}.device-stage{inset:68px 0 62px;overflow:hidden;container-type:size}.workspace-content,.phone-screen{-webkit-text-size-adjust:100%;text-size-adjust:100%}.workspace-surface{width:100%;height:100%}.phone-chapter{display:contents}.device-stage[data-reading=true] .screen-panel{will-change:auto}.device-stage[data-reading=true] .mini-hub{transform:none}.device-waypoints>div{scroll-margin-top:-14px}.device-waypoints>div:nth-child(2){top:calc(.08 * var(--stage-height));position:relative}.device-waypoints>div:nth-child(3),.device-waypoints>div:nth-child(4),.device-waypoints>div:nth-child(5){top:calc(.05 * var(--stage-height));position:relative}.device-waypoints>div:nth-child(6){height:calc((var(--story-finish,5) - 4) * var(--stage-height));top:calc((var(--phone-anchor,5.25) - 5) * var(--stage-height))}.device-waypoints>div:last-child{height:calc(var(--story-tail,.57) * var(--stage-height))}.slogan-line{white-space:nowrap;padding-block:8px;line-height:1.12;display:block;overflow:hidden}.slogan-line>span{display:inline-block}.outside-slogan{min-height:180px}@media (width<=1023px){.device-story{--stage-height:calc(100svh - 64px)}.device-sticky{min-height:0;top:64px}.device-stage{inset:48px 0 50px;overflow:hidden}.device-waypoints{margin-top:calc(-1 * var(--stage-height))}.device-waypoints>div{height:var(--stage-height);scroll-margin-top:-26px}.device-waypoints>div:nth-child(2){top:calc(.08 * var(--stage-height))}.device-waypoints>div:nth-child(3),.device-waypoints>div:nth-child(4),.device-waypoints>div:nth-child(5){top:calc(.05 * var(--stage-height))}.device-waypoints>div:nth-child(6){height:calc((var(--story-finish,5) - 4) * var(--stage-height));top:calc((var(--phone-anchor,5.25) - 5) * var(--stage-height))}.device-waypoints>div:last-child{height:calc(var(--story-tail,.57) * var(--stage-height))}.outside-intro{padding:18px 24px 28px}.outside-intro h1{gap:15px;font-size:clamp(82px,23vw,112px)}.outside-intro h1 img{width:44px;height:44px}.outside-intro h1>span{margin-left:-15px}.outside-slogan{min-height:110px;margin-top:20px;font-size:clamp(31px,8.7vw,48px)}.outside-description{max-width:310px;margin-top:12px;font-size:15px;line-height:1.65}.outside-scroll{margin-top:24px;font-size:11px}.device-story-footer{gap:16px;padding-inline:18px;font-size:7px;bottom:21px}.device-story-footer>span:first-child{min-width:130px}.device-scroll-cue{display:none}.screen-chrome{justify-content:center;height:37px}.screen-dots,.screen-online{display:none}.screen-panel{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:18px 0;display:flex}.screen-section-copy,.workspace-object{width:var(--portrait-content-width,420px);flex-shrink:0}.workspace-object{transform:none}.workspace-object:before{inset:8px -3px -8px 3px;transform:rotate(2deg)}.workspace-object:after{transform:rotate(-1deg)}.workspace-object>.card{width:100%}.delivery-output.card{padding:16px}.screen-section-copy{text-align:center}.screen-label{font-size:11px}.screen-section-copy h2{margin-top:10px;font-size:36px}.screen-section-copy>p,.screen-copy-note{display:none}.code-title{height:31px;font-size:12px}.code-title>span:last-child{font-size:10px}.code-lines{padding-block:8px}.code-row{font-size:14px;line-height:1.4}.code-row>span{width:27px;margin-right:11px}.code-row:nth-child(2),.code-row:nth-child(7){display:none}.code-build{padding-block:8px;font-size:10px}.mini-sidebar{display:none}.mini-hub-header{height:42px;font-size:17px}.mini-hub-header>span{font-size:12px}.mini-hub-header img{width:20px;height:20px}.mini-hub-body{min-height:229px}.mini-project-title{font-size:17px}.mini-project>p{font-size:11px}.mini-creative{height:120px}.mini-creative>span{font-size:9px}.mini-create{font-size:11px}.mini-progress{font-size:10px}.hub-transition-logo{justify-content:center;top:51%;left:0;right:0}.delivery-row{height:43px;font-size:17px}.network-icon{width:29px;height:29px}.delivery-status{display:none}.delivery-row>svg{margin-left:auto}.phone-story-copy{text-align:center;max-width:none;top:0;left:16px;right:16px}.phone-story-copy .screen-label{font-size:7px}.phone-story-copy h2{margin-top:7px;font-size:22px}.phone-story-copy>p,.phone-tap{display:none}}.screen-panel{padding:16px clamp(34px,5vw,76px)}.screen-code,.screen-upload,.screen-hub,.screen-deliver{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,90px)}.screen-section-copy{min-width:0}.screen-section-copy h2{margin-top:clamp(14px,3cqh,25px);font-size:clamp(32px,min(4.2vw,10cqh),64px)}.screen-section-copy>p{max-width:440px;margin-top:clamp(16px,3cqh,26px);font-size:clamp(14px,1.3vw,18px);line-height:1.65;display:block}.screen-copy-note{margin-top:clamp(16px,3.4cqh,32px);font-size:11px}.code-row{font-size:clamp(11px,min(1.3vw,3.1cqh),18px);line-height:1.5}.code-row>span{flex-shrink:0}.code-row:nth-child(2),.code-row:nth-child(7){display:none}.code-title{height:clamp(30px,7cqh,42px);font-size:clamp(10px,1vw,13px)}.code-lines{padding-block:clamp(8px,2cqh,13px)}.code-build{padding-block:8px;font-size:10px}.mini-hub-body{min-height:0}.mini-project{min-width:0;padding:clamp(14px,3cqh,24px) 16px}.mini-project-title{font-size:clamp(13px,1.2vw,18px)}.mini-project>p{font-size:10px}.mini-creative{height:clamp(72px,17cqh,140px)}.mini-creative>span{font-size:9px}.delivery-output.card{padding:clamp(14px,3cqh,24px)}.delivery-output .delivery-row{height:clamp(24px,4.5cqh,38px);font-size:clamp(12px,1.2vw,16px)}.delivery-output .delivery-list{margin-bottom:12px}.delivery-status{font-size:10px}.export-file.card{gap:12px;height:clamp(70px,13cqh,96px);padding:10px 14px}.export-file>img{aspect-ratio:360/770;width:auto;height:clamp(44px,11cqh,73px)}.export-file strong{white-space:normal;overflow-wrap:anywhere;font-size:clamp(11px,1vw,14px)}.outside-intro{gap:clamp(8px,2.2cqh,20px);padding:12px 24px}.outside-intro>*{flex-shrink:0;margin:0}.outside-intro h1{gap:clamp(12px,2vw,23px);font-size:clamp(64px,min(12vw,24cqh),144px);line-height:1.1}.outside-intro h1 img{aspect-ratio:1;width:clamp(28px,min(6vw,12cqh),65px);height:auto}.outside-intro h1>span{margin-left:calc(-1*clamp(12px,2vw,23px))}.outside-slogan{max-width:100%;min-height:0;font-size:clamp(24px,min(4vw,8cqh),60px)}.outside-description{max-width:440px;font-size:clamp(12px,min(1.6vw,3cqh),17px);line-height:1.65}.outside-scroll{margin:0}.outside-scroll.btn{height:auto;min-height:44px;box-shadow:none;color:var(--color-primary);background:0 0;border:0;border-radius:4px;padding:0;font-size:11px;font-weight:400;text-decoration:none}.phone-story-copy{width:36%;max-width:520px;transform:translateY(calc(-50% + (1 - var(--phone,0)) * 18px));top:50%;left:max(34px,50% - 600px)}.phone-story-copy h2{margin-top:clamp(14px,3cqh,25px);font-size:clamp(32px,min(4.2vw,9cqh),63px)}.phone-story-copy>p{max-width:390px;margin-top:clamp(14px,3cqh,24px);display:block}.phone-tap{margin-top:clamp(16px,3cqh,28px)}@media (width<=1023px){.screen-panel{gap:clamp(12px,2.3cqh,20px);padding:12px 0}.screen-section-copy,.workspace-object{width:calc(100% - 36px)}.screen-section-copy h2{margin-top:10px;font-size:clamp(24px,min(8.5vw,7cqh),36px)}.screen-label{font-size:9px}.screen-section-copy>p{max-width:410px;margin:10px auto 0;font-size:clamp(12px,1.8cqh,14px);line-height:1.5;display:block}.screen-copy-note{display:none}.code-row{font-size:clamp(10px,min(3.6vw,2.8cqh),14px);line-height:1.4}.code-row>span{width:27px;margin-right:11px}.code-title{height:32px;font-size:12px}.mini-hub-header,.mini-project-title{font-size:17px}.mini-project>p{font-size:11px}.delivery-output.card{padding:14px}.delivery-output .delivery-row{gap:8px;font-size:14px}.delivery-status{display:none}.outside-intro{gap:clamp(8px,2.2cqh,16px);padding:8px 24px}.outside-intro h1{gap:15px;font-size:clamp(48px,min(23vw,17cqh),112px)}.outside-intro h1 img{width:clamp(28px,min(11vw,9cqh),52px)}.outside-intro h1>span{margin-left:-15px}.outside-slogan{min-height:0;font-size:clamp(16px,min(5.5vw,7cqh),40px)}.outside-description{max-width:320px;font-size:clamp(12px,3cqh,15px)}.phone-story-copy{width:auto;max-width:none;transform:translateY(calc((1 - var(--phone,0)) * 14px));top:0;left:18px;right:18px}.phone-story-copy h2{margin-top:7px;font-size:22px}.phone-story-copy>p{max-width:340px;margin:10px auto 0;font-size:12px;line-height:1.45;display:block}.phone-tap{display:none}}@media (width<=1023px) and (height<=740px){.screen-panel{gap:8px;padding:6px 0}.screen-section-copy h2{margin-top:7px;font-size:clamp(22px,6.8vw,28px)}.screen-section-copy>p{margin-top:8px;font-size:12px;line-height:1.4}.code-row:nth-child(n+8):not(:last-child){display:none}.code-title{height:28px}.code-lines,.code-build{padding-block:6px}.mini-hub-header{height:34px}.mini-project{padding:12px}.mini-project>p{margin-block:8px}.mini-creative{height:64px}.mini-stack{transform-origin:0 0;top:16px;left:16px;transform:rotate(-15deg)scale(.72)}.mini-create{margin-top:10px;padding:7px}.mini-progress{padding-block:7px}.delivery-list{grid-template-columns:1fr 1fr;column-gap:12px;display:grid}.delivery-output.card{padding:12px}.delivery-output .delivery-row{font-size:12px}}@media (width<=1023px){.screen-panel{justify-content:flex-start;gap:clamp(18px,3.5cqh,28px);padding-top:clamp(22px,5.5cqh,40px)}.screen-section-copy h2{font-size:clamp(28px,8.2vw,36px)}.screen-section-copy>p{margin-top:12px;font-size:14px;line-height:1.55}.upload-card-body{padding:18px}.upload-file{font-size:14px}.upload-assets{gap:8px;margin-top:20px}.upload-assets>div{height:78px}.delivery-output>.mini-hub-header{font-size:17px}.screen-hub .workspace-object,.mini-hub{opacity:1}}@media (width<=1023px) and (height<=740px){.screen-panel{gap:10px;padding-top:8px}.screen-section-copy h2{margin-top:7px;font-size:clamp(25px,6.8vw,28px)}.screen-section-copy>p{margin-top:8px;font-size:14px;line-height:1.4}.code-row{font-size:clamp(10px,3.5vw,12px)}.mini-project{padding:8px 10px}.mini-project-title{font-size:14px}.mini-creative{height:48px}.mini-stack{top:9px;transform:rotate(-15deg)scale(.6)}.mini-create{margin-top:8px;padding:6px}.mini-progress{padding-block:6px}.upload-card-body{padding:12px}.upload-file small{display:none}.upload-assets{margin-top:12px}.upload-assets>div{gap:6px;height:48px;font-size:10px}.upload-assets svg{width:18px;height:18px}.upload-progress{margin-top:12px}.upload-card-body>p{margin-top:8px}.upload-card .mini-progress{display:none}.delivery-output.card{--delivery-pad:12px}.delivery-output>.mini-hub-header{height:30px;margin-bottom:6px}.delivery-output .delivery-row{gap:6px;height:22px;font-size:11px}.delivery-output .network-icon{width:18px;height:18px;font-size:10px}.delivery-output .delivery-list{margin-bottom:6px}.export-file.card{gap:8px;height:62px;padding:8px}.export-file>img{height:42px}.export-file strong{font-size:10px}}@media (width<=1023px) and (height>=741px){.screen-panel{justify-content:space-evenly;gap:24px;padding-block:clamp(12px,2.5cqh,24px)}.screen-section-copy h2{margin-top:16px;font-size:clamp(32px,9vw,42px);line-height:1.1}.screen-section-copy>p{max-width:430px;margin-top:18px;font-size:16px;line-height:1.6}.screen-section-copy .screen-label{font-size:10px}}@media (width<=1023px){.screen-section-copy,.workspace-object{width:min(100% - 36px,620px)}}.device-story-footer{gap:24px;font-size:10px}.device-story-footer>span:first-child{min-width:175px}.device-progress{border-radius:3px;height:3px;position:relative}.device-progress i{height:3px;width:calc(100% * var(--progress,0));border-radius:3px;transition:width .16s linear;position:relative;transform:none}.device-progress i:after{content:"";background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-3px}@media (width<=1023px){.device-story-footer{grid-template-columns:1fr auto;gap:12px 16px;font-size:9px;display:grid;bottom:17px}.device-story-footer>span:first-child{min-width:0}.device-progress{grid-area:1/1/auto/-1}.device-scroll-cue{letter-spacing:.06em;gap:9px;font-size:8px;display:flex}.device-scroll-cue>span{font-size:17px}}.device-stage[data-render=webgl] .phone-screen{corner-shape:round;clip-path:inset(0 round 50px);border-radius:50px}.code-build b{font-variant-numeric:tabular-nums;font-size:10px;font-weight:400}.upload-assets>div{text-align:center;padding-inline:5px;position:relative;overflow:hidden}.upload-assets>div:after{content:"";height:2px;width:calc(100% * var(--task-progress,0));background:currentColor;position:absolute;bottom:0;left:0}.upload-assets>div[data-active=true]{background:#ffffff0b;border-color:#adbc9c55}.upload-progress i{transform:scaleX(var(--activity-progress,0))}.upload-card-body>p b{font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px;font-weight:400}.delivery-row[data-card-task]{background:linear-gradient(90deg,#adbc9c12 calc(100% * var(--task-progress,0)),transparent 0);position:relative}.delivery-row[data-card-task]>svg{opacity:calc(.18 + var(--task-progress,0) * .82)}.mini-creatives{perspective:700px}.mini-creative[data-card-task]{opacity:var(--variation-opacity,0);transform:translateY(calc((1 - var(--variation-settle,0)) * 24px)) rotateX(calc((1 - var(--variation-settle,0)) * 14deg)) rotateZ(calc((1 - var(--variation-settle,0)) * -3deg)) scale(calc(.9 + var(--variation-settle,0) * .1));transform-origin:50% 85%}.mini-creative[data-card-task]:after{content:"";translate:calc((var(--task-progress,0) * 2 - 1) * 90%) 0;opacity:var(--variation-shine,0);pointer-events:none;background:linear-gradient(105deg,#0000 40%,#fff5 50%,#0000 60%);position:absolute;inset:-35% -90%}.mini-creative[data-card-task]:before{content:"✓";color:#384232;width:15px;height:15px;opacity:var(--variation-done,0);background:#30372d20;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:7px;right:7px}.mini-creative[data-card-task] .mini-stack i:first-child{translate:0 calc((1 - var(--variation-layer-0,0)) * -14px)}.mini-creative[data-card-task] .mini-stack i:nth-child(2){translate:0 calc((1 - var(--variation-layer-1,0)) * -24px)}.mini-creative[data-card-task] .mini-stack i:nth-child(3){translate:0 calc((1 - var(--variation-layer-2,0)) * -34px)}.device-story[data-phone-transition=true] .device-progress i{transition:none}@media (width<=760px){.mobile-story .device-sticky{height:auto;position:relative;top:auto;overflow:visible}.mobile-story .device-stage{position:relative;inset:auto;overflow:visible;container-type:normal}.mobile-story .workspace-scene,.mobile-story .workspace-plane,.mobile-story .workspace-content,.mobile-story .workspace-surface,.mobile-story .workspace-panels{opacity:1;visibility:visible;width:100%;height:auto;position:static;inset:auto;transform:none}.mobile-story .outside-intro{opacity:1;gap:18px;min-height:calc(100svh - 64px);padding:clamp(72px,14svh,132px) 20px 0;position:relative;inset:auto;transform:none}.mobile-story .outside-intro h1{font-size:clamp(72px,22vw,112px)}.mobile-story .outside-slogan{min-height:0;font-size:clamp(24px,6vw,34px)}.mobile-story .outside-description{font-size:16px;line-height:1.6}.mobile-story .screen-panel{opacity:1;will-change:auto;pointer-events:auto;flex-direction:column;gap:24px;padding:36px 18px;display:flex;position:relative;inset:auto;transform:none}.mobile-story .screen-section-copy,.mobile-story .workspace-object{width:100%;max-width:620px;margin-inline:auto}.mobile-story .screen-section-copy h2{margin-top:12px;font-size:clamp(28px,8vw,40px)}.mobile-story .screen-section-copy>p{margin-top:14px;font-size:15px;line-height:1.6}.mobile-story .screen-label{font-size:11px}.mobile-story .workspace-object{opacity:1;transform:none}.mobile-story .code-row{font-size:clamp(11px,3.3vw,14px);line-height:1.5}.mobile-story .upload-card-body{padding:20px}.mobile-story .upload-assets{gap:8px;margin-top:20px}.mobile-story .upload-assets>div{height:84px}.mobile-story .mini-creative{height:110px}.mobile-story .device-waypoints,.mobile-story .device-story-footer,.mobile-story .device-mobile-note{display:none}.mobile-story [data-story-anchor],.mobile-story #upload,.mobile-story #creativehub,.mobile-story #delivery{height:0;scroll-margin-top:64px}.mobile-handoff{--mobile-stage-height:calc(100svh - 64px);height:calc(var(--mobile-stage-height) * 2.7);position:relative}.mobile-handoff-stage{height:var(--mobile-stage-height);position:sticky;top:64px;overflow:hidden}.mobile-story .mobile-handoff-stage>.screen-deliver{justify-content:center;gap:24px;padding-block:20px;position:absolute;inset:0}.mobile-story .phone-chapter{pointer-events:none;display:block;position:absolute;inset:0}.mobile-story .phone-story-copy{text-align:center;width:auto;max-width:none;top:18px;left:18px;right:18px;transform:none}.mobile-story .phone-story-copy h2{margin-top:8px;font-size:clamp(24px,7vw,34px)}.mobile-story .phone-story-copy>p{max-width:340px;margin:10px auto 0;font-size:14px;line-height:1.5}.mobile-story .phone-tap{display:none}.mobile-story #showcase{top:var(--mobile-stage-height);height:0;scroll-margin-top:64px;position:absolute}}@media (width<=760px) and (height<=700px){.mobile-story .mobile-handoff-stage .screen-section-copy h2{font-size:26px}.mobile-story .mobile-handoff-stage .screen-section-copy>p{font-size:13px;line-height:1.4}.mobile-story .mobile-handoff-stage>.screen-deliver{gap:16px}.mobile-story .delivery-output .delivery-row{height:23px}.mobile-story .phone-story-copy>p{display:none}}@media (width<=760px) and (prefers-reduced-motion:no-preference){.mobile-story .screen-section-copy>*,.mobile-story .workspace-object>.card{transition:opacity .7s var(--ease),transform .8s var(--ease)}.mobile-story .screen-panel:not(.is-in) .screen-section-copy>*{opacity:0;transform:translateY(18px)}.mobile-story .screen-panel:not(.is-in) .workspace-object>.card{opacity:0;transform:translateY(34px)scale(.96)}.mobile-story .screen-section-copy>:nth-child(2){transition-delay:60ms}.mobile-story .screen-section-copy>:nth-child(3){transition-delay:.12s}.mobile-story .screen-section-copy>:nth-child(4){transition-delay:.18s}.mobile-story .workspace-object>.card{transition-delay:.22s}}.use-cases-section{border-top:1px solid var(--line)}.use-cases-heading{justify-content:space-between;align-items:flex-end;gap:30px}.use-cases-heading .eyebrow{margin-bottom:26px}.use-cases-heading h2>span:last-child{color:var(--subtle)}.use-cases-description{max-width:285px;color:var(--muted);padding-bottom:4px;font-size:13px;line-height:1.85}.use-cases-gallery{margin-top:48px}.use-cases-track.carousel{overscroll-behavior-x:contain;scrollbar-width:none;border-radius:0;gap:18px;width:100%;padding:3px 1px 8px;scroll-padding-inline:1px;position:relative}.use-case-slide.carousel-item{scroll-snap-align:start;flex:none;width:calc(37.037% - 13.3333px)}.use-case-card.card{border:1px solid var(--line);background:var(--color-base-200);width:100%;height:100%;box-shadow:none;border-radius:17px;overflow:hidden}.use-case-card .card-body{flex:1;gap:0;padding:26px}.use-case-card .card-body p{flex-grow:0}.use-case-card .eyebrow{letter-spacing:.12em;font-size:7px}.use-case-card .card-title{letter-spacing:-.045em;margin-top:13px;font-size:27px;font-weight:400;line-height:1.15}.use-case-body{color:var(--muted);margin-top:16px;margin-bottom:25px;font-size:12px;line-height:1.85}.use-case-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;margin-top:auto;padding-top:19px;font-size:9px;display:flex}.use-case-note>span{color:var(--color-primary);font-size:8px}.use-case-card .use-case-art{aspect-ratio:4/3;background:var(--color-base-100);width:100%;color:var(--muted);border-bottom:1px solid var(--line);flex-shrink:0;display:block;position:relative;overflow:hidden}.use-case-illustration{background:#eeede9;position:absolute;inset:0;overflow:hidden}.use-case-illustration>img,.art-objects{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.art-still{display:none}.art-objects{pointer-events:none;overflow:hidden}.art-ball{offset-anchor:0px 0px;offset-rotate:0deg;offset-position:0 0;animation:8s ease-in-out infinite alternate art-roll}.art-ball-playable{offset-path:path("M300 469 C340 455 405 445 426 400 C445 365 418 330 455 308 C490 285 525 296 570 305 C625 320 670 260 735 235")}.art-ball-mini{offset-path:path("M333 497 C370 510 430 493 486 484 C520 480 556 470 577 452");animation-duration:6s}.art-ball-brand{offset-path:path("M527 556 C495 556 450 550 408 541 C380 536 359 523 341 512");animation-duration:7s}.art-front-card{transform-origin:580px 550px;animation:7s cubic-bezier(.45,0,.2,1) infinite art-deal}.art-wheel{transform-origin:467px 316px;animation:12s cubic-bezier(.45,0,.15,1) infinite art-spin}.art-slider{animation:7s ease-in-out infinite art-slide}.art-toggle{animation:7s ease-in-out infinite art-switch}@keyframes art-roll{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes art-deal{0%,15%,to{transform:rotate(0)translate(0)}45%,70%{transform:rotate(7deg)translate(24px,-22px)}}@keyframes art-spin{0%,12%{transform:rotate(0)}75%,to{transform:rotate(360deg)}}@keyframes art-slide{0%,15%,to{transform:translate(0)}45%,65%{transform:translate(-135px,9px)}}@keyframes art-switch{0%,20%,to{transform:translate(0)}40%,70%{transform:translate(-82px,5px)}}@media (prefers-reduced-motion:reduce){.art-objects,.art-background{display:none}.art-still{display:block}.art-moving{animation:none}}.use-cases-footer{gap:25px;min-height:44px;margin-top:25px}.use-cases-hint{color:var(--muted);font-size:10px}.use-cases-progress{background:var(--line);flex:1;max-width:360px;height:1px;overflow:hidden}.use-cases-progress span{background:var(--color-primary);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.use-cases-controls{flex-shrink:0;gap:8px}.use-cases-arrow.btn{border-color:var(--line);width:44px;height:44px;min-height:44px;color:var(--color-base-content);background:0 0;padding:0}.use-cases-arrow.btn:hover:not(:disabled){border-color:var(--color-base-content);background:var(--color-base-content);color:var(--color-base-100)}.use-cases-back{transform:rotate(180deg)}@media (width<=1050px){.use-case-slide.carousel-item{width:calc(43.4783% - 11.7391px)}.use-cases-description{max-width:235px}.use-case-card .card-body{padding:23px}}@media (width<=760px){.use-cases-heading{align-items:flex-start;gap:23px}.use-cases-heading .eyebrow{margin-bottom:22px}.use-cases-description{max-width:400px;padding:0}.use-cases-gallery{margin-top:32px}.use-cases-track.carousel{gap:12px}.use-case-slide.carousel-item{width:calc(89.2857% - 10.7143px);max-width:400px}.use-case-card .card-body{padding:24px}.use-case-body{font-size:12px}.use-cases-progress{display:none}.use-cases-footer{gap:15px;margin-top:20px}.use-cases-hint{max-width:160px;font-size:9px;line-height:1.6}}.particle-logo[data-astro-cid-ciwq5ph3]{aspect-ratio:380/280;width:100%;max-width:390px;margin-top:24px;display:none}.particle-logo[data-astro-cid-ciwq5ph3] canvas[data-astro-cid-ciwq5ph3]{width:100%;height:100%;display:block}@media (width>=1024px){.particle-logo[data-astro-cid-ciwq5ph3]{display:block}}