.motion3{--m3-ink:#071d31;--m3-navy:#0b2e49;--m3-orange:#f35b2b;--m3-orange2:#ff7a45;--m3-blue:#5ea8e8;--m3-lilac:#9e86dc;--m3-cloud:#f1f5f7;--m3-line:#d5e0e6;--m3-muted:#687c8d;--m3-ease:cubic-bezier(.2,0,0,1);display:flex;flex-direction:column;background:#fff;color:var(--m3-ink);font-family:inherit;overflow:clip}.motion3 *{box-sizing:border-box}.motion3 a{text-decoration:none}.motion3 button,.motion3 input,.motion3 select,.motion3 textarea{font:inherit}.motion3 button{cursor:pointer}.motion3-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.motion3-section{position:relative;padding:108px 0}.motion3-heading{max-width:760px;margin-bottom:42px}.motion3-heading>span,.motion3-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--m3-orange);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.motion3-heading h2{margin:12px 0 0;font-size:clamp(32px,4.3vw,58px);line-height:1.08;letter-spacing:-.035em}.motion3-heading p{max-width:670px;margin:18px 0 0;color:var(--m3-muted);font-size:16px;line-height:1.85}.motion3-heading--light h2{color:#fff}.motion3-heading--light p{color:#9eb1c0}.motion3-split{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);gap:72px;align-items:center}.motion3-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s var(--m3-ease),transform .65s var(--m3-ease)}.motion3-reveal.is-visible{opacity:1;transform:none}.motion3-btn{min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:900;transition:transform .2s var(--m3-ease),background .2s,border-color .2s}.motion3-btn:hover{transform:translateY(-3px)}.motion3-btn--primary{background:var(--m3-orange);color:#fff;box-shadow:0 14px 32px rgba(243,91,43,.22)}.motion3-btn--ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff}.motion3-btn i,[dir=rtl] .motion3-heading+* i.fa-arrow-left,[dir=rtl] .motion3-btn i.fa-arrow-left{transform:scaleX(-1)}.motion3 :focus-visible{outline:3px solid rgba(94,168,232,.55);outline-offset:3px}

.motion3-hero{position:relative;min-height:820px;padding:92px 0;background:radial-gradient(circle at 18% 30%,rgba(94,168,232,.14),transparent 28%),radial-gradient(circle at 88% 80%,rgba(243,91,43,.14),transparent 32%),var(--m3-ink);color:#fff;overflow:hidden}.motion3-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.motion3-hero__grid{position:relative;z-index:1;min-height:620px;display:grid;grid-template-columns:.88fr 1.12fr;gap:68px;align-items:center}.motion3-kicker i{width:8px;height:8px;border-radius:50%;background:var(--m3-orange);box-shadow:0 0 0 7px rgba(243,91,43,.12);animation:m3-pulse 2.8s ease-in-out infinite}.motion3-hero h1{max-width:630px;margin:22px 0 0;font-size:clamp(48px,6.2vw,86px);line-height:.99;letter-spacing:-.05em}.motion3-hero h1 span{color:var(--m3-orange)}.motion3-hero__copy>p{max-width:590px;margin:24px 0 0;color:#b3c2cd;font-size:17px;line-height:1.9}.motion3-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.motion3-hero__status{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid rgba(255,255,255,.12)}.motion3-hero__status span{padding:18px 10px 0;border-inline-end:1px solid rgba(255,255,255,.12);color:#8fa4b3;font-size:11px}.motion3-hero__status span:last-child{border:0}.motion3-hero__status b{display:block;margin-bottom:5px;color:#fff;font-size:17px}.motion3-composer{position:relative;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#0c2940;box-shadow:0 34px 90px rgba(0,0,0,.32);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}[dir=rtl] .motion3-composer{transform:perspective(1200px) rotateY(3deg)}.motion3-composer>header{height:54px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:#91a7b8;font-size:9px;letter-spacing:.08em}.motion3-composer>header>span{display:flex;gap:5px}.motion3-composer>header>span i{width:8px;height:8px;border-radius:50%;background:#34536a}.motion3-composer>header>span i:first-child{background:var(--m3-orange)}.motion3-composer>header em{padding:5px 8px;border-radius:6px;background:rgba(243,91,43,.12);color:var(--m3-orange2);font-style:normal;font-weight:900}.motion3-composer__stage{position:relative;height:310px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(94,168,232,.08),transparent 53%)}.motion3-composer__stage:after{content:"";position:absolute;inset:25px;border:1px dashed rgba(255,255,255,.08);border-radius:16px}.motion3-composer__stage strong{position:relative;z-index:3;font-size:clamp(44px,6vw,78px);letter-spacing:-.06em;animation:m3-hero-type 5s var(--m3-ease) infinite}.motion3-stage-shape{position:absolute;border-radius:20px;will-change:transform}.motion3-stage-shape--one{width:150px;height:150px;background:var(--m3-orange);transform:rotate(18deg);animation:m3-shape-one 6s ease-in-out infinite}.motion3-stage-shape--two{width:210px;height:85px;border:2px solid rgba(94,168,232,.65);animation:m3-shape-two 7s ease-in-out infinite}.motion3-path{position:absolute;width:270px;height:170px;border:1px dashed rgba(255,255,255,.23);border-radius:50%;transform:rotate(-13deg)}.motion3-path i{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--m3-blue);box-shadow:0 0 0 6px rgba(94,168,232,.12);animation:m3-orbit 5s linear infinite;transform-origin:0 90px}.motion3-composer__timeline{position:relative;padding:14px 16px 18px;background:#071b2d}.motion3-time-ruler{display:flex;justify-content:space-between;padding-inline-start:38px;color:#627c8e;font-size:8px}.motion3-layer{height:36px;display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center}.motion3-layer>b{color:#70899b;font-size:8px}.motion3-layer>span{position:relative;height:8px;border-radius:3px;background:linear-gradient(90deg,var(--m3-blue) 0 36%,#294961 36% 100%)}.motion3-layer:nth-of-type(3)>span{background:linear-gradient(90deg,var(--m3-orange) 10% 64%,#294961 64%)}.motion3-layer>span i{position:absolute;top:50%;width:7px;height:7px;background:#fff;border:2px solid var(--m3-blue);transform:translate(-50%,-50%) rotate(45deg)}.motion3-layer>span i:nth-child(1){left:18%}.motion3-layer>span i:nth-child(2){left:48%}.motion3-layer>span i:nth-child(3){left:78%}.motion3-layer .is-wave{background:repeating-linear-gradient(90deg,#a488df 0 2px,transparent 2px 5px)}.motion3-playhead{position:absolute;top:12px;bottom:12px;left:42%;width:1px;background:var(--m3-orange);animation:m3-playhead 5.2s var(--m3-ease) 1}.motion3-playhead:before{content:"";position:absolute;top:0;left:50%;border:5px solid transparent;border-top-color:var(--m3-orange);transform:translateX(-50%)}

.motion3-categories{background:var(--m3-cloud)}.motion3-category-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:14px}.motion3-category-tabs{display:grid;gap:9px}.motion3-category-tabs button{min-height:84px;padding:14px 18px;border:1px solid var(--m3-line);border-radius:15px;background:#fff;display:flex;align-items:center;gap:16px;text-align:start;color:var(--m3-ink);transition:.2s var(--m3-ease)}.motion3-category-tabs button:hover,.motion3-category-tabs button.is-active{border-color:var(--m3-orange);transform:translateX(-5px);box-shadow:0 14px 30px rgba(7,29,49,.08)}[dir=ltr] .motion3-category-tabs button:hover,[dir=ltr] .motion3-category-tabs button.is-active{transform:translateX(5px)}.motion3-category-tabs button>i{width:46px;height:46px;border-radius:12px;background:#fff0ea;display:grid;place-items:center;color:var(--m3-orange);font-size:18px}.motion3-category-tabs b,.motion3-category-tabs small{display:block}.motion3-category-tabs b{font-size:16px}.motion3-category-tabs small{margin-top:5px;color:var(--m3-muted);font-size:11px}.motion3-category-preview{min-height:455px;border-radius:22px;background:var(--m3-ink);color:#fff;overflow:hidden}.motion3-category-preview article{height:100%;padding:36px;display:grid;grid-template-columns:1fr auto;align-content:center}.motion3-category-preview article[hidden]{display:none}.motion3-category-preview__visual{grid-column:1/-1;position:relative;height:210px;margin-bottom:26px;border:1px solid rgba(255,255,255,.1);border-radius:17px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(243,91,43,.2),transparent 40%)}.motion3-category-preview__visual>span{position:absolute;width:170px;height:170px;border:1px dashed rgba(94,168,232,.55);border-radius:50%;animation:m3-spin 14s linear infinite}.motion3-category-preview__visual>span:after{content:"";position:absolute;left:50%;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--m3-blue)}.motion3-category-preview__visual>i{position:relative;z-index:2;width:82px;height:82px;border-radius:24px;background:var(--m3-orange);display:grid;place-items:center;font-size:30px;animation:m3-float 3.4s ease-in-out infinite}.motion3-category-preview__visual>em{position:absolute;width:260px;height:2px;background:linear-gradient(90deg,transparent,var(--m3-orange),transparent);animation:m3-scan 3s ease-in-out infinite}.motion3-category-preview small{color:var(--m3-orange2);font-weight:900}.motion3-category-preview h3{grid-column:1/-1;margin:7px 0;font-size:30px}.motion3-category-preview p{max-width:550px;margin:0;color:#a9bac7;line-height:1.8}.motion3-category-preview a{align-self:end;color:#fff;font-size:12px;font-weight:900}

.motion3-journey{background:var(--m3-ink);color:#fff;overflow:hidden}.motion3-journey__rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.motion3-journey__rail article{position:relative;z-index:2;min-height:165px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#0c2a43}.motion3-journey__rail article:nth-child(n+6){transform:translateX(40%)}.motion3-journey__rail article i{display:block;margin:14px 0;color:var(--m3-orange);font-size:21px}.motion3-journey__rail article small{color:#66849a;font-weight:900}.motion3-journey__rail article b{display:block;font-size:15px}.motion3-journey__rail article span{display:block;margin-top:8px;color:#9cb0bf;font-size:12px;line-height:1.55}.motion3-journey__line{position:absolute;inset:47% 6% auto;height:2px;background:#274760}.motion3-journey__line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--m3-orange),var(--m3-blue));transition:width 1.5s var(--m3-ease)}.motion3-journey__rail.is-progressed .motion3-journey__line i{width:100%}

.motion3-storyboard{background:#fff}.motion3-storyboard__strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.motion3-board{padding:0;border:1px solid var(--m3-line);border-radius:17px;background:#fff;color:var(--m3-ink);text-align:start;overflow:hidden;transition:.25s var(--m3-ease)}.motion3-board:hover,.motion3-board[aria-expanded=true]{transform:translateY(-7px);border-color:var(--m3-orange);box-shadow:0 22px 48px rgba(7,29,49,.1)}.motion3-board__frame{position:relative;height:180px;padding:16px;display:block;background:#eaf0f3;overflow:hidden}.motion3-board__frame>em{position:relative;z-index:2;font-style:normal;font-size:11px;font-weight:900}.motion3-board__frame>i{position:absolute;border:2px solid #9eb0bc}.motion3-board__frame>i:nth-of-type(1){width:62px;height:62px;left:20%;top:34%;border-radius:50%}.motion3-board__frame>i:nth-of-type(2){width:100px;height:36px;right:11%;bottom:20%;transform:skewX(-18deg)}.motion3-board__frame>i:nth-of-type(3){left:10%;right:10%;bottom:15%;height:1px;border-width:1px 0 0}.motion3-board__frame>strong{position:absolute;inset-inline-end:12px;bottom:-20px;color:rgba(7,29,49,.07);font-size:88px}.motion3-board__body{display:block;padding:20px}.motion3-board__body small{color:var(--m3-orange);font-weight:900}.motion3-board__body b{display:block;margin:8px 0;font-size:18px}.motion3-board__body p{min-height:55px;margin:0;color:var(--m3-muted);font-size:13px;line-height:1.65}.motion3-board__body em{display:block;max-height:0;overflow:hidden;color:var(--m3-navy);font-size:11px;font-style:normal;transition:max-height .3s}.motion3-board[aria-expanded=true] .motion3-board__body em{max-height:50px;margin-top:14px}.motion3-board__body em i{margin-inline-end:7px;color:var(--m3-orange)}

.motion3-timeline{background:#071827}.motion3-mini-control{margin-top:24px;padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;font-weight:800}.motion3-mini-control i{margin-inline-end:8px;color:var(--m3-orange)}.motion3-editor{border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#0b253a;color:#fff;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.28)}.motion3-editor>header,.motion3-editor>footer{height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#7891a3;font-size:10px}.motion3-editor>header{border-bottom:1px solid rgba(255,255,255,.09)}.motion3-editor>footer{height:36px;border-top:1px solid rgba(255,255,255,.09)}.motion3-editor__body{display:grid;grid-template-columns:110px 1fr;min-height:330px}.motion3-editor__body aside{padding-top:34px;border-inline-end:1px solid rgba(255,255,255,.1)}.motion3-editor__body aside span{height:54px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#9db0be;font-size:9px}.motion3-editor__body aside i{color:var(--m3-orange)}.motion3-tracks{position:relative;padding:34px 18px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 52px)}.motion3-tracks>span{position:relative;display:block;width:var(--w);height:34px;margin-bottom:20px;border-radius:5px;background:#173f5d;animation:m3-track-in .7s var(--m3-ease) var(--delay) both}.motion3-tracks>span:nth-child(2n){background:#4b3e70}.motion3-tracks>span b{position:absolute;inset:0;border-inline-start:3px solid var(--m3-orange)}.motion3-tracks>span em{position:absolute;left:var(--x);top:50%;width:8px;height:8px;border:2px solid #fff;transform:translate(-50%,-50%) rotate(45deg)}.motion3-editor-playhead{position:absolute;top:18px;bottom:18px;left:12%;width:1px;background:var(--m3-orange);z-index:3}.motion3-editor-playhead:before{content:"";position:absolute;top:-3px;left:50%;width:10px;height:10px;background:var(--m3-orange);transform:translateX(-50%) rotate(45deg)}.motion3-editor.is-playing .motion3-editor-playhead{animation:m3-editor-play 4.2s var(--m3-ease) 1}

.motion3-dimensions{background:var(--m3-cloud)}.motion3-dimension-switch,.motion3-format-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.motion3-dimension-switch button,.motion3-format-switch button{padding:12px 18px;border:1px solid var(--m3-line);border-radius:11px;background:#fff;color:var(--m3-muted);font-weight:900}.motion3-dimension-switch button.is-active,.motion3-format-switch button.is-active{border-color:var(--m3-ink);background:var(--m3-ink);color:#fff}.motion3-dimension-stage{min-height:430px;padding:38px;border:1px solid var(--m3-line);border-radius:22px;background:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.motion3-dimension-visual{position:relative;height:330px;border-radius:18px;background:var(--m3-ink);display:grid;place-items:center;overflow:hidden;perspective:700px}.motion3-2d,.motion3-3d{position:relative;width:190px;height:190px;display:grid;place-items:center}.motion3-2d i{position:absolute;width:120px;height:120px;border-radius:28px;background:var(--m3-orange);animation:m3-2d 4s var(--m3-ease) infinite}.motion3-2d i:nth-child(2){background:var(--m3-blue);animation-delay:-2s}.motion3-2d b,.motion3-3d b{position:relative;z-index:3;color:#fff;font-size:38px}.motion3-3d i{position:absolute;inset:18px;background:linear-gradient(145deg,var(--m3-orange),#9a3215);transform:rotateX(58deg) rotateZ(45deg);box-shadow:38px 38px 0 #2f668f;animation:m3-cube 7s linear infinite}.motion3-dimension-stage article h3{font-size:27px}.motion3-dimension-stage article ul,.motion3-product ol{padding:0;list-style:none}.motion3-dimension-stage article li,.motion3-product li{padding:12px 0;border-bottom:1px solid var(--m3-line);color:var(--m3-muted)}.motion3-dimension-stage article li:before,.motion3-product li:before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:10px;border-radius:50%;background:var(--m3-orange)}

.motion3-logo-lab{background:var(--m3-ink)}.motion3-logo-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:12px;align-items:center}.motion3-logo-sequence>div{min-height:220px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#0d314c;display:grid;place-items:center;color:#fff}.motion3-logo-sequence small{color:#7891a3;font-size:9px}.motion3-logo-sequence b{font-size:72px}.motion3-logo-sequence .is-path b{color:transparent;-webkit-text-stroke:2px var(--m3-orange)}.motion3-logo-sequence .is-final{background:var(--m3-orange)}.motion3-logo-sequence .is-final em{font-style:normal;font-weight:900;letter-spacing:.2em}.motion3-logo-sequence.is-playing>div{animation:m3-logo-step .65s var(--m3-ease) both}.motion3-logo-sequence.is-playing>div:nth-of-type(2){animation-delay:.2s}.motion3-logo-sequence.is-playing>div:nth-of-type(3){animation-delay:.4s}.motion3-logo-sequence>i{color:#608099}

.motion3-type{background:#fff}.motion3-type-stage{min-height:390px;border-radius:23px;background:var(--m3-ink);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}.motion3-type-stage__message{padding:48px;display:grid;align-content:center;background:radial-gradient(circle at 20% 50%,rgba(243,91,43,.2),transparent 38%)}.motion3-type-stage__message small{color:#8da4b4}.motion3-type-stage__message strong{display:grid;margin-top:18px;font-size:clamp(40px,6vw,76px);line-height:.9}.motion3-type-stage__message strong span{display:block;transform-origin:right;animation:m3-kinetic 6s var(--m3-ease) infinite}.motion3-type-stage__message strong span:nth-child(2){color:var(--m3-orange);animation-delay:.12s}.motion3-type-stage__message strong span:nth-child(3){animation-delay:.24s}.motion3-type-stage__uses{padding:30px;display:grid;align-content:center;gap:10px;background:#0d304a}.motion3-type-stage__uses span{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:13px;display:flex;align-items:center;gap:12px}.motion3-type-stage__uses i{color:var(--m3-orange)}

.motion3-product{background:var(--m3-cloud)}.motion3-product-stage{position:relative;height:540px;border-radius:24px;background:var(--m3-ink);display:grid;place-items:center;overflow:hidden}.motion3-product-stage:before{content:"";position:absolute;width:330px;height:330px;border:1px dashed rgba(94,168,232,.25);border-radius:50%;animation:m3-spin 20s linear infinite}.motion3-product-object{position:relative;width:180px;height:240px;border-radius:30px;background:linear-gradient(145deg,#fff,#c9d7df);display:grid;place-items:center;box-shadow:0 40px 70px rgba(0,0,0,.3);animation:m3-product-float 5s ease-in-out infinite}.motion3-product-object i{position:absolute;inset:18px;border:1px solid #b5c5cf;border-radius:22px}.motion3-product-object b{color:var(--m3-orange);font-size:70px}.motion3-product-callout{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#123a57;color:#fff;font-size:10px;font-weight:900}.motion3-product-callout:after{content:"";position:absolute;top:50%;width:75px;height:1px;background:var(--m3-orange)}.motion3-product-callout--one{top:24%;left:9%}.motion3-product-callout--one:after,.motion3-product-callout--three:after{left:100%}.motion3-product-callout--two{top:44%;right:8%}.motion3-product-callout--two:after{right:100%}.motion3-product-callout--three{bottom:20%;left:14%}.motion3-product-stage>small{position:absolute;bottom:18px;color:#70899b}.motion3-product .motion3-heading ol{counter-reset:m3prod}.motion3-product li{counter-increment:m3prod}.motion3-product li:before{content:counter(m3prod);width:26px;height:26px;display:inline-grid;place-items:center;color:#fff;font-size:10px}

.motion3-formats{background:var(--m3-ink)}.motion3-format-switch button{border-color:rgba(255,255,255,.14);background:#0d304a;color:#8fa6b6}.motion3-format-switch button b,.motion3-format-switch button span{display:block}.motion3-format-switch button span{margin-top:4px;font-size:10px}.motion3-format-switch button.is-active{border-color:var(--m3-orange);background:var(--m3-orange)}.motion3-format-preview{min-height:460px;padding:42px;border:1px solid rgba(255,255,255,.12);border-radius:23px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#0a263c;overflow:hidden}.motion3-format-preview>div{--ratio:9/16;position:relative;width:min(250px,100%);max-width:100%;aspect-ratio:var(--ratio);margin-inline:auto;border:6px solid #203f55;border-radius:24px;background:linear-gradient(145deg,var(--m3-orange),#8f2b12);display:grid;place-items:center;align-content:center;gap:8px;color:#fff;transition:width .4s var(--m3-ease),aspect-ratio .4s}.motion3-format-preview>div span{font-size:48px;font-weight:950}.motion3-format-preview>div b{max-width:80%;text-align:center}.motion3-format-preview>div i{width:50%;height:2px;background:#fff}.motion3-format-preview article h3{color:#fff;font-size:30px}.motion3-format-preview article p{color:#9fb2c0;line-height:1.9}

.motion3-pipeline{background:#fff}.motion3-pipeline__map{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.motion3-pipeline__map article{position:relative;z-index:2;min-height:250px;padding:24px;border:1px solid var(--m3-line);border-radius:17px;background:var(--m3-cloud)}.motion3-pipeline__map article:nth-child(even){margin-top:40px}.motion3-pipeline__map article>small{color:#9babb5;font-weight:900}.motion3-pipeline__map article>i{width:52px;height:52px;margin:28px 0 18px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--m3-orange);font-size:20px}.motion3-pipeline__map h3{font-size:18px}.motion3-pipeline__map p{color:var(--m3-muted);font-size:12px;line-height:1.7}.motion3-pipeline__connector{position:absolute;top:50%;left:4%;right:4%;height:2px;background:var(--m3-line)}.motion3-pipeline__connector i{display:block;width:0;height:100%;background:var(--m3-orange);transition:width 1.5s var(--m3-ease)}.motion3-pipeline__map.is-progressed .motion3-pipeline__connector i{width:100%}

.motion3-render{background:#071827}.motion3-render__legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#9cb0bf;font-size:11px}.motion3-render__legend i{display:inline-block;width:8px;height:8px;margin-inline-end:6px;border-radius:50%;background:#617c90}.motion3-render__legend span:nth-child(2) i{background:var(--m3-orange)}.motion3-render__legend span:nth-child(3) i{background:var(--m3-blue)}.motion3-render-queue{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:21px;background:#0b293f}.motion3-render-queue article{padding:18px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.motion3-render-queue article:last-child{border:0}.motion3-render-queue header,.motion3-render-queue footer,.motion3-render-queue article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.motion3-render-queue header span{font-weight:900}.motion3-render-queue header i{margin-inline-end:8px;color:var(--m3-orange)}.motion3-render-queue header em{padding:5px 8px;border-radius:6px;background:#143b56;color:#9cb4c4;font-size:9px;font-style:normal}.motion3-render-queue article>div{margin:15px 0}.motion3-render-queue article>div>b{height:7px;flex:1;border-radius:9px;background:#173c57;overflow:hidden}.motion3-render-queue article>div>b i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--m3-orange),var(--m3-blue));transition:width 1.4s var(--m3-ease)}.motion3-render-queue.is-visible article>div>b i{width:var(--p)}.motion3-render-queue strong{font-size:12px}.motion3-render-queue footer{color:#70899c;font-size:9px}

.motion3-transform{background:var(--m3-cloud)}.motion3-transformer__canvas{position:relative;height:430px;border-radius:22px;background:var(--m3-ink);overflow:hidden;--split:50%}.motion3-transformer__static,.motion3-transformer__motion{position:absolute;inset:0;display:grid;place-items:center;align-content:center;color:#fff}.motion3-transformer__static{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#1a3346}.motion3-transformer__motion{clip-path:inset(0 0 0 var(--split));background:radial-gradient(circle,rgba(243,91,43,.22),transparent 38%),#071d31}.motion3-transformer__static b,.motion3-transformer__motion b{font-size:130px}.motion3-transformer__motion b{color:var(--m3-orange);animation:m3-logo-float 4s ease-in-out infinite}.motion3-transformer__motion i{position:absolute;width:250px;height:250px;border:1px dashed var(--m3-blue);border-radius:50%;animation:m3-spin 12s linear infinite}.motion3-transformer__motion i:after{content:"";position:absolute;left:50%;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--m3-blue)}.motion3-transformer__canvas input{position:absolute;z-index:5;inset:auto 8% 24px;width:84%;accent-color:var(--m3-orange)}.motion3-transformer>p{margin:16px auto 0;max-width:760px;color:var(--m3-muted);text-align:center;line-height:1.7}

.motion3-sound{background:#fff}.motion3-soundboard{border:1px solid var(--m3-line);border-radius:22px;background:var(--m3-cloud);overflow:hidden}.motion3-soundboard header{padding:18px;display:flex;align-items:center;gap:14px;background:var(--m3-ink);color:#fff}.motion3-soundboard header button{width:48px;height:48px;border:0;border-radius:50%;background:var(--m3-orange);color:#fff}.motion3-soundboard header span{display:grid;gap:4px}.motion3-soundboard header small{color:#8199aa}.motion3-soundboard header em{margin-inline-start:auto;color:var(--m3-orange2);font-size:9px;font-style:normal}.motion3-waveform{position:relative;height:220px;padding:45px 22px;display:flex;align-items:center;gap:5px;overflow:hidden}.motion3-waveform>i{flex:1;height:var(--h);border-radius:4px;background:#9db1bd;transition:background .2s}.motion3-waveform>span{position:absolute;top:22px;bottom:22px;left:0;width:2px;background:var(--m3-orange)}.motion3-soundboard.is-playing .motion3-waveform>span{animation:m3-wave-play 4s var(--m3-ease) 1}.motion3-soundboard.is-playing .motion3-waveform>i:nth-child(3n){background:var(--m3-orange)}.motion3-soundboard footer{padding:14px 18px;border-top:1px solid var(--m3-line);display:flex;gap:8px;flex-wrap:wrap}.motion3-soundboard footer span{padding:6px 9px;border-radius:6px;background:#fff;color:var(--m3-muted);font-size:9px;font-weight:900}

.motion3-direction{background:var(--m3-cloud)}.motion3-direction__board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.motion3-direction__board article{min-height:210px;padding:24px;border:1px solid var(--m3-line);border-radius:17px;background:#fff;transition:.25s var(--m3-ease)}.motion3-direction__board article:hover{transform:translateY(-6px);border-color:var(--m3-orange)}.motion3-direction__board article>i{width:50px;height:50px;border-radius:14px;background:#fff0ea;display:grid;place-items:center;color:var(--m3-orange)}.motion3-direction__board small{float:inline-end;color:#a0afb9}.motion3-direction__board h3{margin:28px 0 8px;font-size:18px}.motion3-direction__board p{margin:0;color:var(--m3-muted);font-size:13px;line-height:1.6}

.motion3-workflow{background:var(--m3-ink)}.motion3-workflow__layout{display:grid;grid-template-columns:310px 1fr;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:#0a263c}.motion3-workflow__layout nav{padding:12px;background:#071a2b;display:grid}.motion3-workflow__layout nav button{padding:12px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:none;color:#91a7b6;display:flex;align-items:center;gap:12px;text-align:start}.motion3-workflow__layout nav button.is-active{border-radius:9px;background:var(--m3-orange);color:#fff}.motion3-workflow__layout nav span{font-size:9px;font-weight:900}.motion3-workflow__panel{padding:34px;display:grid;grid-template-columns:1fr 260px;gap:34px;color:#fff}.motion3-workflow__panel article[hidden]{display:none}.motion3-workflow__panel article>small{color:var(--m3-orange2);font-weight:900}.motion3-workflow__panel h3{font-size:36px;margin:10px 0}.motion3-workflow__panel p{color:#9db0be;line-height:1.8}.motion3-workflow__panel article>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.motion3-workflow__panel article>div span{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#a9bac6;font-size:11px}.motion3-workflow__panel article>div i{color:var(--m3-orange);margin-inline-end:8px}.motion3-workflow__panel article>div b{display:block;margin:8px 0;color:#fff}.motion3-workflow__panel aside{display:grid;align-content:center;gap:10px}.motion3-workflow__panel aside span{padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#7892a4;font-size:10px}.motion3-workflow__panel aside i{display:inline-block;width:8px;height:8px;margin-inline-end:8px;border-radius:50%;background:#4b687c}.motion3-workflow__panel aside .is-done i{background:var(--m3-blue)}.motion3-workflow__panel aside .is-live{border-color:rgba(243,91,43,.45);color:#fff}.motion3-workflow__panel aside .is-live i{background:var(--m3-orange);animation:m3-pulse 2s infinite}

.motion3-portfolio{background:#fff}.motion3-portfolio__filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.motion3-portfolio__filters button{padding:10px 15px;border:1px solid var(--m3-line);border-radius:10px;background:#fff;color:var(--m3-muted);font-weight:900}.motion3-portfolio__filters button.is-active{border-color:var(--m3-ink);background:var(--m3-ink);color:#fff}.motion3-portfolio__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.motion3-portfolio-card{border:1px solid var(--m3-line);border-radius:19px;background:var(--m3-cloud);overflow:hidden}.motion3-portfolio-card[hidden]{display:none}.motion3-portfolio-card>button{position:relative;width:100%;height:310px;padding:0;border:0;background:var(--m3-ink);overflow:hidden}.motion3-portfolio-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8;transition:transform .5s var(--m3-ease),opacity .3s}.motion3-portfolio-card:hover img{transform:scale(1.04);opacity:.65}.motion3-portfolio-card>button>span{position:absolute;inset:0;display:grid;place-items:center}.motion3-portfolio-card>button>span i{width:62px;height:62px;border-radius:50%;background:var(--m3-orange);display:grid;place-items:center;color:#fff;box-shadow:0 0 0 12px rgba(243,91,43,.14)}.motion3-portfolio-card>button>small{position:absolute;inset:auto 16px 14px;color:#fff;font-weight:900;text-align:start}.motion3-portfolio-card>div{padding:22px}.motion3-portfolio-card h3{margin:0;font-size:21px}.motion3-portfolio-card p{margin:10px 0;color:var(--m3-muted);line-height:1.7}.motion3-portfolio-card>div button{padding:0;border:0;background:none;color:var(--m3-orange);font-weight:900}.motion3-portfolio-card>div button i{margin-inline-start:8px}.motion3-empty{padding:55px;border:1px dashed var(--m3-line);border-radius:20px;text-align:center}.motion3-empty>i{color:var(--m3-orange);font-size:42px}.motion3-video-dialog{width:min(960px,calc(100% - 30px));padding:12px;border:1px solid #294861;border-radius:18px;background:var(--m3-ink);color:#fff}.motion3-video-dialog::backdrop{background:rgba(2,12,20,.86);backdrop-filter:blur(7px)}.motion3-video-dialog>button{position:absolute;z-index:4;top:20px;inset-inline-end:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--m3-orange);color:#fff}.motion3-video-dialog>div{aspect-ratio:16/9;border-radius:12px;overflow:hidden}.motion3-video-dialog iframe{width:100%;height:100%;border:0}.motion3-video-dialog h3{margin:14px 8px 6px}

.motion3-knowledge{background:var(--m3-cloud)}.motion3-knowledge__diagram{margin-top:35px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.motion3-knowledge__diagram span{padding:9px 11px;border-radius:8px;background:var(--m3-ink);color:#fff;font-size:9px;font-weight:900}.motion3-knowledge__diagram i{width:24px;height:2px;background:var(--m3-orange)}.motion3-faq{display:grid;gap:9px}.motion3-faq article{border:1px solid var(--m3-line);border-radius:13px;background:#fff;overflow:hidden}.motion3-faq button{width:100%;padding:18px;border:0;background:none;color:var(--m3-ink);display:flex;justify-content:space-between;gap:18px;text-align:start;font-weight:900}.motion3-faq button i{color:var(--m3-orange);transition:transform .25s}.motion3-faq article.is-open button i{transform:rotate(45deg)}.motion3-faq article>div p{margin:0;padding:0 18px 18px;color:var(--m3-muted);line-height:1.8}

.motion3-estimator{background:var(--m3-ink)}.motion3-estimator__grid{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden}.motion3-estimator form{padding:30px;background:#0b2b44;display:grid;grid-template-columns:1fr 1fr;gap:16px;color:#fff}.motion3-estimator label{display:grid;gap:8px;font-size:12px;font-weight:900}.motion3-estimator select,.motion3-estimator input{width:100%;min-height:48px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#071d31;color:#fff}.motion3-estimator fieldset{grid-column:1/-1;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;gap:8px;flex-wrap:wrap}.motion3-estimator legend{padding:0 7px;color:#9fb2c0}.motion3-estimator fieldset label{display:block}.motion3-estimator fieldset input{position:absolute;opacity:0}.motion3-estimator fieldset span{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;display:block;color:#9db1c0}.motion3-estimator fieldset input:checked+span{border-color:var(--m3-orange);background:var(--m3-orange);color:#fff}.motion3-estimator aside{padding:34px;background:#fff;display:grid;align-content:center}.motion3-estimator aside>span{color:var(--m3-muted);font-size:12px}.motion3-estimator aside>strong{margin:8px 0;font-size:38px}.motion3-estimator aside>div{height:8px;border-radius:10px;background:var(--m3-line);overflow:hidden}.motion3-estimator aside>div i{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--m3-orange),var(--m3-blue));transition:width .4s var(--m3-ease)}.motion3-estimator aside p{min-height:72px;color:var(--m3-muted);line-height:1.7}.motion3-estimator aside button{padding:13px;border:0;border-radius:10px;background:var(--m3-ink);color:#fff;font-weight:900}

.motion3-request{background:#fff}.motion3-request__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.motion3-request__trust{display:grid;gap:10px;margin-top:28px}.motion3-request__trust span,.motion3-request__trust a{padding:13px;border:1px solid var(--m3-line);border-radius:10px;color:var(--m3-muted);font-size:12px}.motion3-request__trust i{width:25px;color:var(--m3-orange)}.motion3-request form{padding:30px;border:1px solid var(--m3-line);border-radius:22px;background:var(--m3-cloud);display:grid;gap:15px}.motion3-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.motion3-request form label{display:grid;gap:7px;color:var(--m3-ink);font-size:12px;font-weight:900}.motion3-request input,.motion3-request select,.motion3-request textarea{width:100%;padding:12px;border:1px solid var(--m3-line);border-radius:10px;background:#fff;color:var(--m3-ink)}.motion3-request input,.motion3-request select{min-height:48px}.motion3-consent{grid-template-columns:auto 1fr!important;align-items:start}.motion3-consent input{width:18px;height:18px;min-height:0;accent-color:var(--m3-orange)}.motion3-form-status{min-height:20px;margin:0;color:var(--m3-muted);font-size:12px}.motion3-form-status.is-error{color:#a72d20}.motion3-form-status.is-success{color:#24648d}

.motion3-final{position:relative;padding:70px 0;background:var(--m3-cloud);overflow:hidden}.motion3-final .motion3-shell{padding:38px;border-radius:24px;background:var(--m3-ink);display:grid;grid-template-columns:160px 1fr auto;gap:34px;align-items:center;color:#fff}.motion3-final__mark{position:relative;width:130px;height:130px;border:1px dashed rgba(94,168,232,.42);border-radius:50%;display:grid;place-items:center}.motion3-final__mark span{position:absolute;inset:12px;border:2px solid transparent;border-top-color:var(--m3-orange);border-radius:50%;animation:m3-spin 8s linear infinite}.motion3-final__mark b{font-size:54px}.motion3-final .motion3-shell>div:nth-child(2)>span{color:var(--m3-orange2);font-size:10px;font-weight:900;text-transform:uppercase}.motion3-final h2{margin:9px 0;font-size:clamp(30px,4vw,48px)}.motion3-final p{margin:0;color:#9db0be;line-height:1.7}

@keyframes m3-pulse{50%{box-shadow:0 0 0 12px rgba(243,91,43,0);opacity:.7}}@keyframes m3-hero-type{0%,18%,100%{transform:translateY(0);letter-spacing:-.06em}35%,55%{transform:translateY(-8px);letter-spacing:.02em}70%{transform:translateY(5px)}}@keyframes m3-shape-one{0%,100%{transform:rotate(18deg) scale(1)}50%{transform:rotate(62deg) scale(.82)}}@keyframes m3-shape-two{0%,100%{transform:translate(-55px,35px) rotate(-8deg)}50%{transform:translate(60px,-30px) rotate(14deg)}}@keyframes m3-orbit{to{transform:rotate(360deg)}}@keyframes m3-playhead{0%{left:12%}100%{left:88%}}@keyframes m3-spin{to{transform:rotate(360deg)}}@keyframes m3-float{50%{transform:translateY(-10px) rotate(4deg)}}@keyframes m3-scan{0%,100%{transform:translateY(-65px);opacity:.2}50%{transform:translateY(65px);opacity:1}}@keyframes m3-track-in{from{opacity:0;transform:scaleX(.2);transform-origin:left}}@keyframes m3-editor-play{0%{left:8%}100%{left:92%}}@keyframes m3-2d{0%,100%{transform:translate(-25px,18px) rotate(-8deg)}50%{transform:translate(28px,-22px) rotate(12deg)}}@keyframes m3-cube{to{transform:rotateX(58deg) rotateZ(405deg)}}@keyframes m3-logo-step{from{opacity:.3;transform:scale(.82) translateY(15px)}to{opacity:1;transform:none}}@keyframes m3-kinetic{0%,15%,100%{transform:translateX(0);opacity:1}40%{transform:translateX(26px);opacity:.45}60%{transform:translateX(-8px);opacity:1}}@keyframes m3-product-float{50%{transform:translateY(-14px) rotateY(10deg)}}@keyframes m3-logo-float{50%{transform:scale(1.1) rotate(5deg)}}@keyframes m3-wave-play{from{left:0}to{left:100%}}

@media(max-width:1100px){.motion3-hero__grid,.motion3-split,.motion3-request__grid{grid-template-columns:1fr}.motion3-hero{min-height:0}.motion3-composer{transform:none!important;max-width:760px}.motion3-category-layout{grid-template-columns:1fr}.motion3-category-tabs{grid-template-columns:repeat(2,1fr)}.motion3-storyboard__strip{grid-template-columns:repeat(2,1fr)}.motion3-journey__rail{grid-template-columns:repeat(2,1fr)}.motion3-journey__rail article:nth-child(n+6){transform:none}.motion3-direction__board{grid-template-columns:repeat(2,1fr)}.motion3-pipeline__map{grid-template-columns:repeat(3,1fr)}.motion3-pipeline__map article:nth-child(even){margin:0}.motion3-pipeline__connector{display:none}.motion3-final .motion3-shell{grid-template-columns:120px 1fr}.motion3-final .motion3-btn{grid-column:2;justify-self:start}.motion3-request__grid>.motion3-heading{margin-bottom:0}.motion3-product .motion3-split{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.motion3-shell{width:min(100% - 34px,680px)}.motion3-section{padding:78px 0}.motion3-heading{margin-bottom:30px}.motion3-heading h2{font-size:clamp(30px,9vw,46px)}.motion3-heading p{font-size:14px}.motion3-hero{padding:72px 0}.motion3-hero__grid{gap:44px}.motion3-hero h1{font-size:clamp(43px,13vw,68px)}.motion3-composer__stage{height:250px}.motion3-category-tabs{grid-template-columns:1fr}.motion3-category-preview article{padding:24px}.motion3-category-preview__visual{height:180px}.motion3-journey__rail{grid-template-columns:1fr}.motion3-journey__line{display:none}.motion3-board__frame{height:150px}.motion3-editor__body{grid-template-columns:80px 1fr}.motion3-dimension-stage,.motion3-type-stage,.motion3-format-preview{grid-template-columns:1fr}.motion3-dimension-stage{padding:22px}.motion3-logo-sequence{grid-template-columns:1fr}.motion3-logo-sequence>i{transform:rotate(-90deg);justify-self:center}.motion3-product .motion3-split{grid-template-columns:1fr}.motion3-product-stage{height:440px}.motion3-format-preview{padding:24px}.motion3-pipeline__map{grid-template-columns:1fr 1fr}.motion3-workflow__layout{grid-template-columns:1fr}.motion3-workflow__layout nav{grid-template-columns:repeat(2,1fr)}.motion3-workflow__panel{grid-template-columns:1fr}.motion3-workflow__panel aside{grid-template-columns:1fr 1fr}.motion3-portfolio__grid{grid-template-columns:1fr}.motion3-estimator__grid{grid-template-columns:1fr}.motion3-estimator form{grid-template-columns:1fr}.motion3-estimator fieldset{grid-column:auto}.motion3-request__grid{gap:35px}.motion3-final .motion3-shell{grid-template-columns:1fr;text-align:center}.motion3-final__mark{margin:auto}.motion3-final .motion3-btn{grid-column:1;justify-self:stretch}.motion3-final h2{font-size:34px}}
@media(max-width:520px){.motion3-shell{width:calc(100% - 26px)}.motion3-section{padding:62px 0}.motion3-hero__status{grid-template-columns:1fr}.motion3-hero__status span{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 0}.motion3-actions .motion3-btn{width:100%}.motion3-composer__stage{height:210px}.motion3-composer__stage strong{font-size:45px}.motion3-stage-shape--one{width:105px;height:105px}.motion3-stage-shape--two{width:155px;height:65px}.motion3-path{width:190px;height:120px}.motion3-storyboard__strip,.motion3-direction__board,.motion3-pipeline__map{grid-template-columns:1fr}.motion3-board{min-width:0}.motion3-dimension-stage{grid-template-columns:1fr}.motion3-dimension-visual{height:260px}.motion3-type-stage__message{padding:30px 22px}.motion3-product-stage{height:400px}.motion3-product-callout:after{width:35px}.motion3-workflow__layout nav{display:flex;overflow:auto}.motion3-workflow__layout nav button{min-width:150px}.motion3-workflow__panel{padding:22px}.motion3-workflow__panel article>div,.motion3-workflow__panel aside,.motion3-form-row{grid-template-columns:1fr}.motion3-portfolio-card>button{height:230px}.motion3-transformer__canvas{height:330px}.motion3-transformer__static b,.motion3-transformer__motion b{font-size:90px}.motion3-estimator form,.motion3-estimator aside,.motion3-request form{padding:22px}.motion3-final .motion3-shell{padding:28px 20px}.motion3-logo-sequence>div{min-height:170px}}
@media(prefers-reduced-motion:reduce){.motion3 *,.motion3 *:before,.motion3 *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.motion3-reveal{opacity:1!important;transform:none!important}.motion3-render-queue article>div>b i,.motion3-journey__line i,.motion3-pipeline__connector i{width:var(--p,100%)!important}}
.motion3[data-motion=off] *,.motion3[data-motion=off] *:before,.motion3[data-motion=off] *:after{animation:none!important;transition:none!important}.motion3[data-motion=off] .motion3-reveal{opacity:1;transform:none}.motion3[data-motion=off] .motion3-render-queue article>div>b i{width:var(--p)}
/* Keep the project-stage navigation inside its workflow panel; the site header owns the global fixed nav rule. */
.motion3 .motion3-workflow__layout>nav{position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:12px!important;z-index:auto!important;float:none!important;transform:none!important;opacity:1!important;visibility:visible!important;display:grid!important;align-items:stretch!important;background:#071a2b!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
@media(max-width:520px){.motion3 .motion3-workflow__layout>nav{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px!important}}