.mdg-page{color:#f6f4fa;--mdg-muted:#aaa7bb;--mdg-pink:#ffafcc;background:#0d0e14;font-family:"Exo 2",sans-serif;overflow:clip}.mdg-page *{box-sizing:border-box}.mdg-wrap{max-width:1240px;margin:0 auto;padding-left:36px;padding-right:36px}.mdg-page .mdg-eyebrow{letter-spacing:2px;color:var(--mdg-pink);margin:0 0 22px;font-size:10px;font-weight:700}.mdg-page h1,.mdg-page h2,.mdg-page h3,.mdg-page p{margin-top:0}.mdg-page h1{letter-spacing:-2.6px;margin-bottom:24px;font-size:clamp(46px,4.5vw,65px);font-weight:600;line-height:1.05}.mdg-page h2{letter-spacing:-1.3px;margin-bottom:22px;font-size:38px;font-weight:600;line-height:1.15}.mdg-page em{color:var(--mdg-pink)}.mdg-page em.bg-clip-text{color:#0000}.mdg-page h3{letter-spacing:-.3px;margin-bottom:12px;font-size:19px;font-weight:600;line-height:1.3}.mdg-page p{color:var(--mdg-muted);font-size:15px;line-height:1.8}.mdg-breadcrumb{color:#8c879c;grid-column:1/-1;align-items:center;gap:12px;margin-bottom:44px;font-size:11px;display:flex}.mdg-breadcrumb a:hover{color:var(--mdg-pink)}.mdg-breadcrumb>span[aria-hidden]{color:#52475e}.mdg-hero{-moz-column-gap:50px;grid-template-columns:.9fr 1.1fr;align-items:center;column-gap:50px;padding-top:32px;padding-bottom:40px;display:grid}.mdg-lead{max-width:410px;margin-bottom:28px}.mdg-button{color:#19141d;background:linear-gradient(110deg,#ffafcc,#d4c1e6 70%,#a2d2ff);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:16px 22px;font-size:13px;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.mdg-button:hover{filter:brightness(1.06);transform:translateY(-2px)}.mdg-button>span{font-size:22px;font-weight:400;line-height:1}.mdg-page .mdg-note{color:#a19aaf;margin-top:13px;margin-bottom:0;font-size:11px}.mdg-hero-art{align-self:center;min-width:0;margin:0}.mdg-hero-art>img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;background:#c8b8db;border:1px solid #e2d1f62b;border-radius:18px;width:100%;height:auto}.mdg-hero-art figcaption{color:#a7a0b6;justify-content:space-between;gap:16px;margin-top:13px;font-size:11px;display:flex}.mdg-hero-art figcaption span:first-child{letter-spacing:1.5px;color:#d3b2e0;font-size:9px;font-weight:600}.mdg-hero-bottom{color:#cbc4d7;border-top:1px solid #302a38;grid-column:1/-1;justify-content:space-between;gap:18px;margin-top:54px;padding-top:25px;font-size:12px;display:flex}.mdg-hero-bottom i{color:var(--mdg-pink);margin-right:7px;font-style:normal}.mdg-section{padding-top:76px;padding-bottom:18px}.mdg-section-top{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:30px;display:flex}.mdg-section-top h2{margin-bottom:0}.mdg-section-top>p{max-width:345px;margin-bottom:2px}.mdg-pairings{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.mdg-pairings article{background:#15151f;border:1px solid #302b39;border-radius:15px;overflow:hidden}.mdg-pairing-copy{padding:24px}.mdg-pairing-copy p{margin-bottom:0;font-size:14px}.mdg-pairing-art{aspect-ratio:4/3;border-radius:8px;margin:8px;position:relative;overflow:hidden}.mdg-pairing-art>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.mdg-pair-laptop{background:#cbbbe0}.mdg-mini-laptop{background:#1a1b25;border:6px solid #272732;border-radius:8px;width:210px;height:130px;position:absolute;top:57px;left:35px;box-shadow:8px 12px 15px #40305240}.mdg-mini-laptop:after{content:"";background:#827a93;border-radius:2px 2px 10px 10px;width:228px;height:8px;position:absolute;bottom:-12px;left:-15px}.mdg-mini-laptop>span{background:#3d324f;width:36px;height:100%;position:absolute;top:0;left:0}.mdg-mini-laptop>b{background:linear-gradient(150deg,#d8c4ed,#f7cadb);border-radius:5px;width:135px;height:64px;position:absolute;top:25px;left:49px}.mdg-mini-phone{background:#f5edf8;border:4px solid #23222e;border-radius:14px;width:67px;height:140px;position:absolute;top:66px;right:29px;transform:rotate(9deg);box-shadow:6px 12px 17px #33253f60}.mdg-mini-phone:before{content:"";background:#23222e;border-radius:6px;width:21px;height:5px;position:absolute;top:3px;left:19px}.mdg-mini-phone>span{background:#cfb1e7;border-radius:5px;width:43px;height:37px;position:absolute;top:22px;left:8px}.mdg-mini-phone>b,.mdg-mini-phone>i{background:#e4d7ec;border-radius:4px;width:43px;height:21px;position:absolute;top:69px;left:8px}.mdg-mini-phone>i{background:#d1c5e2;top:97px}.mdg-art-number{color:#44314f;letter-spacing:1px;font-size:10px;font-weight:600;position:absolute;top:17px;left:17px}.mdg-pair-browser{background:#b9d4ed}.mdg-mini-browser{background:#f2f0f9;border:3px solid #4d5369;border-radius:7px;width:235px;height:138px;position:absolute;top:52px;left:22px;overflow:hidden;transform:rotate(-5deg);box-shadow:8px 14px 20px #27395440}.mdg-mini-browser>span{color:#afa4c8;letter-spacing:1px;background:#292937;height:22px;padding:3px 7px;font-size:10px;display:block}.mdg-mini-browser i{color:#c5bfd1;margin-left:14px;font-size:6px;font-style:normal}.mdg-mini-browser>b{background:#d6c3e9;border-radius:5px;width:85px;height:57px;position:absolute;top:42px;left:17px}.mdg-mini-browser>em{background:#afa1c5;border-radius:2px;width:90px;height:10px;position:absolute;top:42px;left:117px;box-shadow:0 18px #ddd6e7,0 36px #ddd6e7}.mdg-pair-browser .mdg-mini-phone{top:77px;right:17px;transform:rotate(7deg)}.mdg-pair-phones{background:#ecc3d5}.mdg-pair-phones .mdg-mini-phone{width:78px;height:162px;top:41px;right:63px;transform:rotate(12deg)}.mdg-pair-phones .mdg-mini-phone:first-child{background:#30243e;top:33px;left:66px;right:auto;transform:rotate(-12deg)}.mdg-pair-phones .mdg-mini-phone>span,.mdg-pair-phones .mdg-mini-phone>b,.mdg-pair-phones .mdg-mini-phone>i{width:54px}.mdg-pair-phones .mdg-mini-phone:first-child>b{background:#685076}.mdg-pair-phones .mdg-mini-phone:first-child>i{background:#463350}.mdg-control{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.mdg-control-preview{background:radial-gradient(at 0 0,#3b2843,#18151f 70%);border:1px solid #423347;border-radius:18px;padding:32px}.mdg-control-caption{letter-spacing:1px;color:#c8bdcf;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px;font-size:9px;display:flex}.mdg-control-caption>span:last-child{letter-spacing:0;color:#95869f;font-size:10px}.mdg-slot-demo{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mdg-slot-demo>div{color:#baa7c7;background:#1b1724;border:1px solid #bd81ac;border-radius:12px;align-items:center;gap:12px;padding:17px 12px;font-size:11px;display:flex}.mdg-slot-demo>div:last-child{border-color:#7199bf}.mdg-slot-demo strong{color:#f0e7f5;margin-top:5px;font-size:12px;font-weight:600;display:block}.mdg-slot-icon{flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.mdg-slot-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.mdg-slot-check{color:#dfb0d2;margin-left:auto;font-size:11px}.mdg-control-swatches{border-top:1px solid #47334c;align-items:center;gap:7px;margin-top:25px;padding-top:24px;display:flex}.mdg-control-swatches>span{background:#ffafcc;border-radius:50%;width:18px;height:18px}.mdg-control-swatches>span:nth-child(2){background:#cdb4db}.mdg-control-swatches>span:nth-child(3){background:#a2d2ff}.mdg-control-swatches>span:nth-child(4){background:#302437}.mdg-control-swatches i{color:#b9a8c4;margin-left:auto;font-size:10px;font-style:normal}.mdg-control-preview>p{color:#a294ad;margin:21px 0 0;font-size:10px}.mdg-text-link{color:var(--mdg-pink);align-items:center;gap:6px;margin-top:28px;font-size:12px;display:inline-flex}.mdg-how{grid-template-columns:1fr 1.15fr;gap:80px;padding-bottom:65px;display:grid}.mdg-how ol{margin:0;padding:0;list-style:none}.mdg-how li{gap:24px;padding-bottom:27px;display:flex}.mdg-how li>span{color:var(--mdg-pink);padding-top:3px;font-size:13px}.mdg-how h3{margin-bottom:8px;font-size:18px}.mdg-how li p{margin-bottom:0;font-size:14px}.mdg-use-cases{border-block:1px solid #302a38;padding-top:50px;padding-bottom:50px}.mdg-use-cases>div{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:33px;display:grid}.mdg-use-cases p{margin-bottom:0;font-size:14px}.mdg-faq{grid-template-columns:1fr 1.2fr;gap:80px;padding-bottom:70px;display:grid}.mdg-faq>div>p:not(.mdg-eyebrow){max-width:340px;font-size:14px}.mdg-faq a{color:var(--mdg-pink);text-underline-offset:3px;text-decoration:underline}.mdg-faq details{border-bottom:1px solid #302a38;padding:20px 0}.mdg-faq details:first-child{padding-top:0}.mdg-faq summary{cursor:pointer;justify-content:space-between;gap:24px;font-size:15px;line-height:1.5;list-style:none;display:flex}.mdg-faq summary::-webkit-details-marker{display:none}.mdg-faq summary>span{color:var(--mdg-pink);font-size:20px;font-weight:400}.mdg-faq details[open] summary>span{transform:rotate(45deg)}.mdg-faq details p{margin:15px 20px 0 0;font-size:14px;line-height:1.85}.mdg-final{text-align:center;background:radial-gradient(at bottom,#32213680,#0000 70%);border-top:1px solid #272631;padding-top:65px;padding-bottom:75px}.mdg-final h2{margin:0 0 30px;font-size:54px}.mdg-page .mdg-final>p:last-child{color:var(--mdg-muted);margin-top:20px;font-size:10px}.mdg-final a:not(.mdg-button){color:var(--mdg-pink)}.mdg-page a:focus-visible,.mdg-page summary:focus-visible{outline-offset:5px;border-radius:5px;outline:2px solid #ffafcc}.mdg-static-header{border-bottom:1px solid #302a38;justify-content:space-between;gap:20px;padding:20px 36px;display:flex}.mdg-static-header a{color:#ffafcc}@media (width<=1050px){.mdg-hero{-moz-column-gap:25px;column-gap:25px}.mdg-page h1{font-size:51px}.mdg-pairings{gap:13px}.mdg-pairing-copy{padding:20px}.mdg-mini-laptop{width:180px;left:17px}.mdg-mini-laptop:after{width:198px}.mdg-mini-laptop>b{width:110px}.mdg-pair-laptop .mdg-mini-phone{right:18px}.mdg-mini-browser{width:200px;left:12px}.mdg-pair-phones .mdg-mini-phone{right:35px}.mdg-pair-phones .mdg-mini-phone:first-child{left:35px}.mdg-control,.mdg-how,.mdg-faq{gap:40px}.mdg-slot-demo{grid-template-columns:1fr}.mdg-slot-demo>div{padding:12px}.mdg-control-swatches i{display:none}.mdg-hero-bottom{font-size:11px}}@media (width<=700px){.mdg-wrap{padding-left:22px;padding-right:22px}.mdg-hero{grid-template-columns:1fr;gap:0;padding-top:25px}.mdg-breadcrumb{margin-bottom:33px;font-size:10px}.mdg-page h1{letter-spacing:-1.7px;font-size:49px;line-height:1.07}.mdg-page h2{letter-spacing:-1px;font-size:33px}.mdg-page .mdg-eyebrow{letter-spacing:1.6px;margin-bottom:19px;font-size:9px}.mdg-page p{font-size:14px}.mdg-button{gap:16px;padding:15px 18px;font-size:13px}.mdg-page .mdg-note{font-size:10px}.mdg-hero-art{margin-top:30px}.mdg-hero-art>img{border-radius:13px}.mdg-hero-art figcaption{gap:8px;font-size:10px}.mdg-hero-art figcaption span:first-child{font-size:8px}.mdg-hero-bottom{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;margin-top:30px;padding-top:23px}.mdg-section{padding-top:47px}.mdg-section-top{margin-bottom:25px;display:block}.mdg-section-top>p{max-width:none;margin-top:20px}.mdg-pairings{grid-template-columns:1fr;gap:19px}.mdg-mini-laptop{width:210px;top:48px;left:calc(50% - 120px)}.mdg-mini-laptop:after{width:228px}.mdg-mini-laptop>b{width:135px}.mdg-pair-laptop .mdg-mini-phone{top:58px;right:calc(50% - 120px)}.mdg-mini-browser{width:235px;top:42px;left:calc(50% - 130px)}.mdg-pair-browser .mdg-mini-phone{top:66px;right:calc(50% - 130px)}.mdg-pair-phones .mdg-mini-phone{right:calc(50% - 80px)}.mdg-pair-phones .mdg-mini-phone:first-child{left:calc(50% - 80px)}.mdg-pairing-copy{padding:19px 21px 25px}.mdg-control,.mdg-how,.mdg-faq{grid-template-columns:1fr;gap:30px}.mdg-control-preview{order:2;padding:24px}.mdg-slot-demo{grid-template-columns:1fr 1fr;gap:9px}.mdg-slot-demo>div{gap:7px;padding:13px 9px}.mdg-slot-icon{width:32px;height:32px}.mdg-slot-demo strong,.mdg-slot-demo>div{font-size:10px}.mdg-slot-check{display:none}.mdg-control-caption{font-size:8px}.mdg-control-caption>span:last-child{font-size:9px}.mdg-how{padding-bottom:40px}.mdg-how li{gap:20px}.mdg-use-cases{padding-top:35px;padding-bottom:30px}.mdg-use-cases>div{grid-template-columns:1fr;gap:22px;margin-top:26px}.mdg-use-cases h3{margin-bottom:8px;font-size:18px}.mdg-faq{padding-bottom:40px}.mdg-faq summary{font-size:14px}.mdg-final{padding-top:42px;padding-bottom:50px}.mdg-final h2{font-size:43px}}@media (prefers-reduced-motion:reduce){.mdg-page *{transition:none!important}}
