.ma-section{background:#f0f3f4}.ma-section .head{max-width:850px}.ma-section .caps{letter-spacing:2px;font-size:11px}.ma-section h2{font-size:min(clamp(34px,4.9vw,70px),var(--type-section))}.ma-mosaic{display:grid;grid-template-columns:1fr 1.65fr 1.1fr;grid-template-rows:140px 290px 145px;gap:12px}.ma-card{border:1.5px solid #ffffffd9;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 2px 16px #181e2d08}.ma-card h3{font-weight:700;font-size:27px;letter-spacing:-1px;line-height:1.16}.ma-card p{font-size:13px;line-height:1.6;margin-top:14px}.ma-notification{grid-column:1;grid-row:1;background:linear-gradient(130deg,#dbe3e9,#e9eff4);padding:25px 13px}.ma-toast{position:relative;background:#ffffffed;box-shadow:0 7px 0 -3px #c5d2dd,0 12px 24px #0001;border-radius:14px;display:flex;align-items:center;gap:10px;padding:14px 10px;min-height:60px}.ma-toast b{font-size:10px;line-height:1.2;display:block}.ma-toast small{font-size:9px;line-height:1.3;display:block;margin-top:4px}.ma-toast>span:last-child{font-size:12px;margin-left:auto}.ma-spark{font-size:23px}.ma-notification>p{font-size:9px;margin-top:17px}.ma-connect{grid-column:1;grid-row:2/4;background:linear-gradient(#fbfbf8,#dbe3e9);padding:28px 22px}.ma-connect p{max-width:200px}.ma-chips{display:flex;flex-wrap:wrap;gap:12px;position:absolute;bottom:28px;left:18px;right:18px}.ma-chips span{background:#fbfbf8;border-radius:40px;padding:10px 16px;box-shadow:0 0 0 3px #00000008;font-size:14px}.ma-floating-chip{position:absolute;top:46%;right:20px;background:#6aa6da;rotate:-14deg;padding:10px 16px;border-radius:30px;font-size:12px;font-style:normal;box-shadow:0 5px 10px #0001}.ma-automate{grid-column:2;grid-row:1/3;background:radial-gradient(at top left,#f0f2d7,#e1e5ac);min-height:430px}.ma-copy{position:relative;z-index:3;padding:30px 26px}.ma-copy h3{font-size:29px}.ma-copy em{font-style:normal;color:#477fae}.ma-windows{position:absolute;inset:0}.ma-window{position:absolute;width:70%;height:240px;border:3px solid white;overflow:hidden;border-radius:10px;box-shadow:0 12px 28px #404a2c29}.ma-back{left:14%;top:53%;rotate:-7deg;background:#dbe3e9}.ma-front{left:27%;top:62%;rotate:4deg;background:#fbfbf8}.ma-chrome{background:#222;color:white;font-size:6px;padding:3px 6px;display:flex;gap:6px;align-items:center}.ma-chrome span{margin-left:15px;opacity:.6}.ma-win-body{display:flex;height:100%;font-size:8px}.ma-win-body aside{background:#bdcedd;padding:16px 10px;width:28%;font-size:7px;line-height:1.7}.ma-win-body>div{padding:16px 12px;flex:1;min-width:0}.ma-win-body b{font-size:11px;line-height:1.2;display:block}.ma-win-body i{display:block;background:#fff9;height:6px;margin:12px 0;width:80%}.ma-win-tag{font-size:7px;display:block;margin-top:24px}.ma-flow{display:flex;align-items:center;flex-direction:column;margin-top:12px;gap:4px}.ma-flow span{border:1px solid #b4c3ce;border-radius:5px;background:white;padding:5px 10px;font-size:8px}.ma-flow small{font-size:9px}.ma-done,.ma-ai{position:absolute;z-index:4;background:white;border-radius:30px;box-shadow:0 0 0 3px #00000008,0 6px 20px #0001;padding:9px 13px;font-size:9px;font-weight:600}.ma-done{right:4%;bottom:15%;rotate:-1deg}.ma-ai{left:5%;bottom:7%;border-radius:10px;padding:13px}.ma-pointer{position:absolute;right:12%;bottom:4%;width:25px;height:30px;z-index:5}.ma-insights{grid-column:3;grid-row:1/3;background:linear-gradient(#fbfbf8,#dbe3e9);padding:26px 22px;display:flex;flex-direction:column}.ma-tag{background:#fff;border-radius:30px;padding:8px 12px;align-self:start;font-size:10px}.ma-insights h3{font-size:min(32px,var(--type-subheading));margin-top:20px}.ma-insights p{font-size:12px}.ma-chart{display:flex;align-items:end;gap:10px;height:150px;margin-top:auto;padding-top:15px}.ma-chart i{height:var(--height);background:#bdccd8;border-radius:6px 6px 0 0;flex:1;transform-origin:bottom}.ma-chart i:last-child{background:linear-gradient(#6aa6da,#4d7c9b)}.ma-insights>small{font-size:7px;letter-spacing:1px;margin-top:12px;color:#59656e}.ma-search{grid-column:2/4;grid-row:3;background:linear-gradient(110deg,#dbe3e9,#9bc3e4);display:flex;align-items:center;gap:25px;padding:25px}.ma-search h3{font-size:20px;flex-shrink:0}.ma-query{display:flex;align-items:center;gap:12px;border-radius:40px;background:white;padding:14px 16px;flex:1;min-width:0;color:#66747f;font-size:11px}.ma-query svg{width:23px;flex-shrink:0}.ma-query>span:last-child{margin-left:auto}.ma-foot{margin-top:25px;display:flex;gap:25px;align-items:center;justify-content:space-between}.ma-foot p{font-size:11px;color:#59656e;max-width:550px}
.ma-enter .ma-card{animation:ma-panel .82s cubic-bezier(.16,1,.3,1) backwards}.ma-enter .ma-automate{animation-delay:.04s}.ma-enter .ma-notification{animation-delay:.1s}.ma-enter .ma-insights{animation-delay:.14s}.ma-enter .ma-connect{animation-delay:.2s}.ma-enter .ma-search{animation-delay:.28s}.ma-enter .ma-copy h3,.ma-enter .ma-connect h3{animation:ma-type .78s .2s cubic-bezier(.22,1,.36,1) backwards}.ma-enter .ma-back{animation:ma-interface .84s .42s cubic-bezier(.16,1,.3,1) backwards}.ma-enter .ma-front{animation:ma-interface .94s .5s cubic-bezier(.16,1,.3,1) backwards}.ma-enter .ma-done,.ma-enter .ma-ai,.ma-enter .ma-pointer{animation:ma-interface .6s .78s cubic-bezier(.16,1,.3,1) backwards}.ma-enter .ma-toast{animation:ma-interface .62s .38s cubic-bezier(.16,1,.3,1) backwards}.ma-enter .ma-chips span{animation:ma-interface .62s .86s cubic-bezier(.16,1,.3,1) backwards}.ma-enter .ma-chart{animation:ma-chart .86s .72s cubic-bezier(.16,1,.3,1) backwards}.ma-enter .ma-query{animation:ma-search .7s .88s cubic-bezier(.16,1,.3,1) backwards}@keyframes ma-panel{from{opacity:0;translate:0 12px;scale:.988;clip-path:inset(3% round 22px)}62%{opacity:1}to{opacity:1;translate:0 0;scale:1;clip-path:inset(0 round 22px)}}@keyframes ma-type{from{opacity:0;translate:0 16px;clip-path:inset(0 0 96% 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}@keyframes ma-interface{from{opacity:0;translate:0 16px;scale:.975}to{opacity:1;translate:0 0;scale:1}}@keyframes ma-chart{from{opacity:0;translate:0 10px;clip-path:inset(100% 0 0 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}@keyframes ma-search{from{opacity:0;translate:12px 0;scale:.975 1}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:701px) and (max-width:1040px){.ma-mosaic{grid-template-columns:1.6fr 1fr;grid-template-rows:440px 150px 330px}.ma-automate{grid-column:1;grid-row:1}.ma-insights{grid-column:2;grid-row:1}.ma-notification{grid-column:1;grid-row:2}.ma-connect{grid-column:2;grid-row:2/4}.ma-search{grid-column:1;grid-row:3;flex-direction:column;justify-content:center;align-items:stretch}.ma-query{flex:none}.ma-copy h3{font-size:25px}.ma-copy{padding:25px 20px}.ma-chips{bottom:22px}.ma-floating-chip{top:45%}}
@media(max-width:700px){.ma-mosaic{grid-template-columns:1fr;grid-template-rows:auto;gap:14px}.ma-card{grid-column:auto;grid-row:auto}.ma-automate{grid-row:1;min-height:360px}.ma-notification{padding:25px 20px}.ma-notification>p{font-size:11px}.ma-toast b{font-size:12px}.ma-toast small{font-size:11px}.ma-connect{min-height:360px}.ma-insights{min-height:380px}.ma-chart{height:150px;flex:none;margin-top:25px}.ma-copy{padding:25px 20px}.ma-copy h3{font-size:26px}.ma-copy p{font-size:12px}.ma-window{height:205px}.ma-back{top:51%}.ma-front{top:62%}.ma-done{font-size:8px;right:3%;bottom:11%}.ma-ai{font-size:8px;left:3%;bottom:3%}.ma-pointer{right:9%;bottom:2%;width:21px}.ma-search{padding:25px 20px;display:block}.ma-query{margin-top:20px;font-size:11px}.ma-foot{align-items:start;flex-direction:column}.ma-floating-chip{top:40%}.ma-enter .ma-insights,.ma-enter .ma-search,.ma-enter .ma-chart,.ma-enter .ma-query{animation:none}}
@media(prefers-reduced-motion:reduce){.ma-mosaic *{animation:none!important;transition:none!important}}