/* S² motion design. Content stays available without JavaScript. */
body.motion-design{--bg:#0b0c10;--panel:#15161d;--purple:#b7a4ff;--mint:#94f0d1;background:var(--bg)}
.motion-design .header{min-height:88px;position:relative;z-index:10}
.motion-design .header nav>a{transition:color .2s}
.motion-design .header nav>a:hover{color:var(--mint)}
.motion-design .button{border-radius:100px;background:var(--mint);color:#101b17;padding-inline:25px;box-shadow:0 0 0 transparent;transition:transform .25s,box-shadow .25s,background .25s}
.motion-design .button:hover{background:#b5ffe5;box-shadow:0 8px 32px #94f0d11c;transform:translateY(-3px)}
.motion-design .button span{transition:transform .25s}
.motion-design .button:hover span{transform:translate(3px,-3px)}
.motion-design .button.secondary{background:transparent;color:var(--text)}
.motion-design main{overflow:clip}
.motion-design .video-hero{position:relative;isolation:isolate;padding-top:72px;padding-bottom:80px}
.motion-design .video-title{position:relative;max-width:980px;margin-bottom:54px}
.motion-design .video-title h1{font-size:clamp(60px,7.4vw,104px);letter-spacing:-.065em;line-height:1.02;margin-bottom:25px}
.motion-design .gradient{background-image:linear-gradient(100deg,#dad0ff,#b7a4ff 48%,#94f0d1);background-size:160% 100%}
.motion-design .video-title .eyebrow{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid #b7a4ff30;border-radius:100px;background:#b7a4ff0a;letter-spacing:1.7px;font-size:10px}
.motion-design .video-title .lead{font-size:18px;line-height:1.65;max-width:650px;color:#cbcbd6}
.hero-orbit{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:850px;height:500px;pointer-events:none;z-index:-1;opacity:.75;background:radial-gradient(ellipse,#6753a822,transparent 68%)}
.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;inset:25px 0;border:1px solid #b7a4ff18;border-radius:50%;transform:rotate(-20deg) scaleY(.65)}
.hero-orbit:after{inset:0 85px;border-color:#94f0d115;transform:rotate(30deg) scaleY(.8)}
.motion-design .video-row{gap:46px;grid-template-columns:1.3fr 1fr}
.motion-design .film-frame{border-radius:22px;box-shadow:0 30px 100px #0005,0 0 65px #b7a4ff0b;border-color:#b7a4ff45}
.motion-design .film-start{border-radius:100px;background:#14121fe8;border-color:#ffffff40;font-size:14px;padding:17px 25px}
.motion-design .film-start small{font-size:10px}
.motion-design .video-benefits h2{font-size:clamp(27px,2.6vw,35px);letter-spacing:-1.5px}
.motion-design .video-benefits ul{gap:10px}
.motion-design .video-benefits li{padding:9px 0;border-bottom:1px solid var(--line)}
.hero-tags{display:flex;gap:8px;justify-content:center;margin-top:25px;flex-wrap:wrap}
.hero-tags span{font-size:10px;letter-spacing:.3px;padding:6px 11px;border-radius:100px;border:1px solid #ffffff1c;color:#c6c3d3;background:#111218}
.motion-design .ticker{padding:0;overflow:hidden;background:#b7a4ff;color:#14111e;border:0;transform:rotate(-1.5deg);width:102%;margin-left:-1%;margin-bottom:14px}
.ticker-track{display:flex;width:max-content}
.ticker-group{display:flex;flex-shrink:0;align-items:center;gap:36px;padding:21px 18px;font-size:12px;font-weight:700;letter-spacing:1.5px}
.motion-design .ticker span{color:#14111e;font-size:25px}
.motion-design .section{padding-block:110px}
.motion-design h2{font-size:clamp(36px,4.8vw,64px);letter-spacing:-.055em;line-height:1.08}
.motion-design .about{position:relative;gap:70px;border-bottom:0;align-items:center;padding-bottom:60px}
.s2-signal{display:flex;align-items:center;gap:17px;margin-top:38px;color:var(--mint)}
.signal-mark{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px solid #94f0d130;flex-shrink:0;background:#94f0d108;font-size:30px;font-weight:800;letter-spacing:-3px}
.signal-mark:after{content:'';position:absolute;inset:-9px;border:1px dashed #b7a4ff60;border-radius:50%}
.signal-label{font-size:10px;letter-spacing:2px;color:#c3bfd2;line-height:1.9}
.motion-design .proof-section{gap:70px;padding-top:45px;padding-bottom:70px}
.motion-design .proof-image{transform:rotate(2deg);border-radius:18px;box-shadow:0 30px 70px #0006;transition:transform .5s}
.motion-design .proof-image:hover{transform:rotate(0)}
.motion-design .trust-section{padding-top:45px;padding-bottom:40px}
.motion-design .trust-grid article,.motion-design .benefits article,.motion-design .services article{position:relative;overflow:hidden;background:linear-gradient(140deg,#1c1d26,#111218);border:1px solid #ffffff18;border-radius:22px;padding:32px;transition:border-color .3s,transform .3s,box-shadow .3s}
.motion-design .trust-grid article:before,.motion-design .benefits article:before,.motion-design .services article:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#b7a4ff17,transparent 65%);pointer-events:none}
.motion-design .trust-grid article:hover,.motion-design .benefits article:hover,.motion-design .services article:hover{transform:translateY(-7px);border-color:#94f0d164;box-shadow:0 18px 45px #0003}
.motion-design .trust-mark{width:49px;height:49px;display:grid;place-items:center;background:#94f0d110;border:1px solid #94f0d129;border-radius:14px;font-size:24px}
.motion-design .benefits{gap:20px}
.motion-design .number{font-size:10px;margin-bottom:52px}
.motion-design .benefits h3{font-size:25px;letter-spacing:-1px}
.motion-design .role-panel{border-radius:24px;padding:45px;border-color:#b7a4ff40;background:radial-gradient(ellipse at 100% 0,#b7a4ff1f,transparent 70%),#15151f}
.motion-design .pills span{border-radius:100px;padding:6px 12px}
.motion-design .process{padding-top:5px;gap:90px}
.motion-design .process li{position:relative;padding:26px 0;transition:opacity .4s}
.motion-design .process li>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b7a4ff35;border-radius:50%;flex-shrink:0;padding:0;transition:background .4s,border-color .4s,color .4s}
.motion-design .process li.is-current>span{background:var(--mint);color:#121a16;border-color:var(--mint)}
.motion-design .business{position:relative;background:radial-gradient(ellipse at 0 0,#b7a4ff12,transparent 60%),#111218}
.motion-design .services{gap:20px}
.motion-design .services article{min-height:235px}
.motion-design .services article>span{display:grid;place-items:center;width:60px;height:60px;font-size:32px;border-radius:16px;background:#b7a4ff12;color:var(--purple);margin-bottom:30px}
.motion-design .services h3{font-size:23px;letter-spacing:-.8px}
.motion-design .business-bottom{justify-content:space-between}
.motion-design .faq details{border:1px solid #ffffff18;border-radius:14px;padding-inline:21px;margin-bottom:10px;background:#14151d;transition:border-color .3s}
.motion-design .faq details[open]{border-color:#b7a4ff60}
.motion-design .faq summary{font-size:14px}
.motion-design .final-cta{position:relative;padding-block:90px 100px;border-top:0;border-radius:32px;background:radial-gradient(ellipse at 50% 100%,#b7a4ff20,transparent 70%),#13141b;margin-bottom:70px;overflow:hidden}
.motion-design .final-cta h2{font-size:clamp(60px,7vw,96px);letter-spacing:-.06em}
.motion-design .final-cta:before{content:'';position:absolute;left:50%;top:35%;width:620px;height:620px;border:1px solid #b7a4ff16;border-radius:50%;transform:translateX(-50%);pointer-events:none}
.motion-toggle{position:fixed;bottom:20px;right:20px;z-index:7;border:1px solid #ffffff26;border-radius:100px;padding:9px 13px;background:#171820ed;color:#d5d2e3;font-size:10px;backdrop-filter:blur(10px);cursor:pointer}
.scroll-meter{position:fixed;top:0;left:0;right:0;height:3px;z-index:20;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--purple),var(--mint))}
body[data-motion='on'] .ticker-track{animation:ticker-travel 30s linear infinite!important}
body[data-motion='on'] .signal-mark:after{animation:signal-turn 24s linear infinite!important}
body[data-motion='on'] .gradient{animation:gradient-shift 10s ease-in-out infinite alternate!important}
@keyframes ticker-travel{to{transform:translateX(-50%)}}
@keyframes signal-turn{to{transform:rotate(360deg)}}
@keyframes gradient-shift{to{background-position:100% 0}}
@media(max-width:1000px){.motion-design .video-row{gap:28px}.motion-design .trust-grid article,.motion-design .benefits article,.motion-design .services article{padding:24px}}
@media(max-width:760px){.motion-design .header{min-height:80px}.motion-design .video-hero{padding-top:42px;padding-bottom:48px}.motion-design .video-title h1{font-size:clamp(45px,10.8vw,72px)}.motion-design .video-title{margin-bottom:30px}.motion-design .video-title .lead{font-size:15px}.motion-design .video-title .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-orbit{width:570px;height:370px;top:0}.hero-tags{margin-top:20px;gap:6px}.hero-tags span{font-size:9px}.motion-design .video-row{grid-template-columns:1fr;gap:30px}.motion-design .film-start{padding:14px 20px;font-size:12px}.motion-design .section{padding-block:65px}.motion-design .trust-section{padding-block:28px 35px}.motion-design .proof-section{padding-top:0}.motion-design .about{gap:27px}.motion-design .proof-image{transform:none}.motion-design .number{margin-bottom:28px}.motion-design .role-panel{padding:27px}.motion-design .process{padding-top:0;gap:30px}.motion-design .services article{min-height:0}.motion-design .final-cta{padding-block:62px 72px;margin-bottom:35px;border-radius:22px}.motion-toggle{bottom:calc(79px + env(safe-area-inset-bottom));right:12px;padding:7px 11px;font-size:9px}.motion-design .business-bottom{display:block}}
body[data-motion='off'] .ticker-track,body[data-motion='off'] .signal-mark:after,body[data-motion='off'] .gradient{animation:none}
body[data-motion='off'] *,body[data-motion='off'] *:before,body[data-motion='off'] *:after{scroll-behavior:auto;transition:none!important}