/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-CKDp9E3C.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Inter-Medium-D5YUpoRx.woff2) format("woff2"),url(/assets/Inter-Medium-NQOIbdhU.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Inter-Bold-CQHYVgG_.woff2) format("woff2"),url(/assets/Inter-Bold-Dm1wsqGD.woff) format("woff")}@font-face{font-family:Oswald;src:url(/assets/Oswald-Medium-DM4Gz7NK.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}:root{--purple: #965df5;--purple-deep: #7037c7;--ink: #21182c;--muted: #655d70;--paper: #fbfaff;--lavender: #eee6fc;--line: #dcd3e7;--radius: 16px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:Oswald,Arial,sans-serif;font-weight:500;text-wrap:balance}h3{font-weight:500;text-wrap:balance}p{line-height:1.65}::selection{background:var(--purple);color:#fff}:focus-visible{outline:3px solid var(--purple-deep);outline-offset:6px}html{scrollbar-color:var(--purple) var(--lavender)}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}h2{font-size:clamp(42px,5.4vw,72px);line-height:1.08;letter-spacing:-.025em}.heading-dot{color:var(--purple)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:48px}.skip-link{position:fixed;top:10px;left:16px;padding:16px;background:#fff;z-index:20;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line);transition:transform .24s var(--ease)}.site-header.is-hidden{transform:translateY(calc(-100% - 3px))}.site-header:has(:focus-visible){transform:translateY(0)}.site-header .brand{font-size:23px;gap:7px}.site-header .brand img{width:26px;height:32px}.header-inner{display:flex;align-items:center;gap:32px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:28px;letter-spacing:-.035em}.brand img{width:32px;height:42px;object-fit:contain}.navigation{display:flex;gap:22px;align-items:center;margin-left:auto}.navigation a{font-size:13px;font-weight:500;white-space:nowrap;padding-block:15px;text-underline-offset:7px}.navigation a:hover{text-decoration:underline;text-decoration-color:var(--purple)}.navigation a:first-child,.navigation a:last-child{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;padding:12px 22px;border-radius:100px;font-size:14px;font-weight:500;transition:background .25s,color .25s}.header-cta{background:var(--lavender);white-space:nowrap;min-height:40px;padding-block:8px}.header-cta:hover{background:var(--purple-deep);color:#fff}.button svg{width:18px;height:18px}.menu-toggle{display:none}.button-primary{background:var(--purple-deep);color:#fff;min-height:58px;padding-inline:30px;font-size:16px}.button-primary:hover{background:var(--ink)}.hero{padding-top:52px;padding-bottom:38px}.hero h1{font-size:clamp(54px,7.6vw,96px);line-height:1.04;letter-spacing:-.03em;text-transform:uppercase;max-width:1180px}.hero h1>span{color:var(--purple-deep);display:block}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-top:30px}.hero-bottom p{font-size:17px;max-width:520px;line-height:1.55}.project-fan{display:flex;align-items:center;justify-content:center;height:325px;margin-top:46px;isolation:isolate}.fan-card{width:34%;max-width:420px;flex-shrink:0;overflow:hidden;border-radius:12px;background:var(--lavender);box-shadow:0 16px 36px #21182c18;transition:transform .6s var(--ease);position:relative}.fan-card img{width:100%;aspect-ratio:1.92;object-fit:cover}.fan-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:16px;font-weight:500}.fan-caption svg{width:18px;height:18px}.fan-card-0{transform:rotate(-7deg) translate(24px);background:#e9d5ff}.fan-card-1{z-index:2;transform:translateY(-14px);background:var(--ink);color:#fff}.fan-card-2{transform:rotate(7deg) translate(-24px);background:#dfe6ff}.project-fan:hover .fan-card-0,.project-fan:focus-within .fan-card-0{transform:rotate(-10deg) translate(-2px,-8px)}.project-fan:hover .fan-card-1,.project-fan:focus-within .fan-card-1{transform:translateY(-28px)}.project-fan:hover .fan-card-2,.project-fan:focus-within .fan-card-2{transform:rotate(10deg) translate(2px,-8px)}.fan-card:focus-visible{z-index:3;outline-offset:4px}.text-link{font-size:14px;display:flex;align-items:center;gap:22px}.text-link:hover{color:var(--purple-deep)}.hero-more{justify-content:center;margin-top:20px}.hero-more span{font-size:22px}.examples{border-top:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:58px}.case-card{display:block;min-width:0}.case-media{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--lavender);padding:44px 12px 12px}.case-media>img,.case-media>video{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;border-radius:12px;transition:transform .55s var(--ease)}.case-brand{position:absolute;top:14px;left:20px;font-size:15px;font-weight:500}.case-open{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--ink);transition:background .25s,color .25s}.case-open svg{width:20px;height:20px}.case-card:hover .case-open,.case-card:focus-visible .case-open{background:var(--purple-deep);color:#fff}.case-card:hover .case-media>img,.case-card:hover .case-media>video{transform:scale(1.01)}.case-0 .case-media{background:#ecddf5}.case-1 .case-media{background:#ede9df}.case-2 .case-media{background:#e1eafa}.case-3 .case-media{background:#ece7fa}.case-4 .case-media{background:#e8edf1}.case-5 .case-media{background:#e9e8e4}.case-copy{padding-top:22px;display:grid;grid-template-columns:1fr auto;gap:12px 16px}.case-copy h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;grid-column:1 / -1;max-width:90%}.case-copy p{color:var(--muted);font-size:14px;max-width:440px;grid-column:1 / -1}.case-action{display:inline-flex;align-items:center;gap:8px;color:var(--purple-deep);font-size:13px;font-weight:500;margin-top:4px}.case-action svg{width:15px;height:15px}.formats{background:var(--lavender)}.formats-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.formats-heading{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:48px}.format-mark{font-family:Oswald,Arial,sans-serif;font-size:clamp(50px,7vw,92px);color:#cbb6ef;letter-spacing:-.03em;line-height:1}.format-list details{border-top:1px solid #c7b6df}.format-list details:last-child{border-bottom:1px solid #c7b6df}.format-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;list-style:none}.format-list summary::-webkit-details-marker{display:none}.format-list h3{font-size:23px;line-height:1.3}.expand-icon{width:24px;height:24px;position:relative;flex-shrink:0}.expand-icon:before,.expand-icon:after{content:"";position:absolute;background:var(--purple-deep);left:3px;top:11px;width:18px;height:2px}.expand-icon:after{transform:rotate(90deg);transition:transform .25s}.format-list details[open] .expand-icon:after{transform:rotate(0)}.format-list p{max-width:55ch;padding:0 36px 26px 0;font-size:15px;color:#51445f}.format-list summary:hover{color:var(--purple-deep)}.steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px;margin:0;padding:0;list-style:none}.steps-grid li{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:26px}.step-number{font-family:Oswald,Arial,sans-serif;font-size:36px;line-height:1.1;color:var(--purple-deep);font-variant-numeric:tabular-nums;flex-shrink:0}.steps-grid h3{font-size:22px;line-height:1.3;margin-bottom:16px;letter-spacing:-.02em}.steps-grid p{font-size:14px;color:var(--muted)}.steps-grid .step-note{color:var(--purple-deep);margin-top:15px;font-size:13px}.tools{padding-top:0}.tools h2{margin-bottom:40px}.tool-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--line);padding-block:36px;gap:24px}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:0}.tool img{width:86px;height:48px;object-fit:contain}.tool span{font-size:13px;color:var(--muted);text-align:center}.contacts{background:var(--purple);color:var(--ink);padding-top:72px}.contacts h2{font-size:clamp(64px,8vw,96px);display:flex;align-items:center;justify-content:space-between;line-height:1.1}.contacts h2>span{font-family:Arial,sans-serif;font-weight:400;font-size:100px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;margin-bottom:72px}.contact-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #4d267a66;padding:26px 0;transition:color .25s}.contact-links>a>span{display:flex;align-items:center;gap:16px;font-size:28px}.contact-links img{width:30px;height:30px}.contact-links>a:hover{color:#fff}.contact-links>a:focus-visible,.footer a:focus-visible{outline-color:var(--ink)}.footer{border-top:1px solid #4d267a66;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}.footer .brand img{filter:brightness(0) saturate(100%);opacity:.8}.back-top{display:flex;align-items:center;gap:30px;font-size:14px}.back-top span{font-size:24px}@media(min-width:1450px){.project-fan{height:355px}.hero{padding-top:64px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header-inner{gap:24px}.navigation{gap:16px}.navigation a{font-size:12px}.header-cta{font-size:12px;padding-inline:16px;gap:14px}.brand{font-size:25px}.hero h1{font-size:8vw}.project-fan{height:280px}.formats-layout{gap:48px}.case-copy h3{font-size:21px}}@media(max-width:900px){.header-inner{min-height:60px;justify-content:space-between}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:14px;border:0;background:var(--lavender);padding:11px 16px;border-radius:100px;font-size:14px;color:var(--ink)}.menu-bars{width:19px;height:14px;position:relative}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0;width:19px;height:2px;background:currentColor;transition:transform .2s}.menu-bars:before{top:3px}.menu-bars:after{bottom:3px}.menu-bars.open:before{transform:translateY(3px) rotate(45deg)}.menu-bars.open:after{transform:translateY(-3px) rotate(-45deg)}.navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 32px 28px;border-bottom:1px solid var(--line);margin:0}.navigation.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.navigation a,.navigation a:first-child,.navigation a:last-child{display:block;font-size:18px;padding:14px 0}.section{padding-block:76px}.hero-bottom p{max-width:410px;font-size:15px}.hero-bottom{gap:30px}.button-primary{font-size:14px;padding-inline:24px;white-space:nowrap}.hero h1{font-size:9vw}.project-fan{height:230px;margin-top:40px}.fan-caption{font-size:13px;padding:12px 16px}.formats-layout{grid-template-columns:1fr;gap:36px}.format-mark{display:none}.steps-grid{gap:38px 32px}.steps-grid li{gap:16px}.steps-grid h3{font-size:20px}.tools{padding-top:0}.case-grid{gap:40px 24px}.case-media{padding:44px 12px 12px}.case-brand{left:18px}.case-copy h3{font-size:20px;max-width:100%}.tool-list{gap:14px}.tool span{font-size:11px}}@media(max-width:600px){html{scroll-padding-top:72px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:56px}.brand{font-size:25px}.brand img{width:26px;height:36px}.hero{padding-top:34px;padding-bottom:32px}.hero h1{font-size:clamp(39px,10.5vw,63px);line-height:1.08;letter-spacing:-.025em}.hero-bottom{flex-direction:column-reverse;align-items:flex-start;gap:22px;margin-top:24px}.hero-bottom p{font-size:15px;line-height:1.6;max-width:36ch}.button-primary{min-height:52px;font-size:14px;padding-inline:24px;gap:32px}.project-fan{height:176px;margin-top:26px}.fan-card{width:40%;border-radius:8px}.fan-card-0{transform:rotate(-9deg) translate(16px)}.fan-card-1{transform:translateY(-8px)}.fan-card-2{transform:rotate(9deg) translate(-16px)}.fan-caption{font-size:11px;padding:9px 10px}.fan-caption svg{width:13px;height:13px}.fan-card img{aspect-ratio:1.3;object-fit:cover}.hero-more{margin-top:3px;font-size:12px}.section{padding-block:56px}h2{font-size:44px}.section-heading{gap:14px;margin-bottom:30px}.case-grid{grid-template-columns:1fr;row-gap:34px}.case-media{padding:42px 10px 10px}.case-copy{padding-top:17px;gap:10px}.case-copy h3{font-size:22px;max-width:95%}.case-copy p{font-size:14px}.case-open{width:40px;height:40px}.case-brand{left:20px;font-size:14px}.formats-layout{gap:28px}.format-list h3{font-size:21px}.format-list summary{padding-block:22px}.format-list p{font-size:14px}.steps-grid{grid-template-columns:1fr;gap:30px}.steps-grid li{gap:20px;padding-top:22px}.steps-grid h3{font-size:21px}.step-number{font-size:32px}.steps .section-heading{align-items:flex-end}.steps h2{max-width:250px}.tools{padding-top:0}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px;padding-block:28px}.tool img{height:40px;width:74px}.tool span{font-size:12px}.tool{gap:14px}.tools h2{margin-bottom:28px}.contacts{padding-top:48px}.contacts h2{font-size:62px}.contacts h2>span{font-size:64px}.contact-links{grid-template-columns:1fr;gap:0;margin-top:30px;margin-bottom:44px}.contact-links>a{padding:22px 0}.contact-links>a+a{border-top:0}.contact-links>a>span{font-size:24px}.footer{padding-block:22px}.back-top{gap:18px}.navigation{padding-inline:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project-fan:hover .fan-card-0,.project-fan:focus-within .fan-card-0{transform:rotate(-7deg) translate(24px)}.project-fan:hover .fan-card-1,.project-fan:focus-within .fan-card-1{transform:translateY(-14px)}.project-fan:hover .fan-card-2,.project-fan:focus-within .fan-card-2{transform:rotate(7deg) translate(-24px)}}@media(max-width:600px){.fan-card{width:35%}}@media(max-width:360px){.examples .section-heading{flex-direction:column;align-items:flex-start}}.hero-more span,.back-top span,.contacts h2>span{display:inline-flex}.hero-more svg{transform:rotate(135deg);width:20px;height:20px}.back-top svg{transform:rotate(-45deg);width:20px;height:20px}.contacts h2 svg{width:80px;height:80px}@media(max-width:600px){.contacts h2 svg{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.case-card:hover .case-media>img,.case-card:hover .case-media>video{transform:none}}@media(max-width:600px)and (prefers-reduced-motion:reduce){.project-fan:hover .fan-card-0,.project-fan:focus-within .fan-card-0{transform:rotate(-9deg) translate(16px)}.project-fan:hover .fan-card-1,.project-fan:focus-within .fan-card-1{transform:translateY(-8px)}.project-fan:hover .fan-card-2,.project-fan:focus-within .fan-card-2{transform:rotate(9deg) translate(-16px)}}.format-list details{overflow-anchor:none}.format-content{display:flow-root}.format-list summary{transition:color .18s ease}.format-list details[data-expanded=false] .expand-icon:after{transform:rotate(90deg)}.format-list details[data-expanded=true] .expand-icon:after{transform:rotate(0)}.button svg,.case-open svg,.contact-links>a>svg{transition:transform .24s var(--ease)}.button:hover svg,.button:focus-visible svg,.case-card:hover .case-open svg,.contact-links>a:hover>svg{transform:translate(2px,-2px)}.button:active{scale:.98}.reading-progress{display:none}@keyframes reading-progress{0%{scale:0 1}to{scale:1 1}}@keyframes fan-scroll{0%{translate:0 0;rotate:0deg}to{translate:var(--fan-x) var(--fan-y);rotate:var(--fan-rotate)}}@keyframes cover-scroll{0%{translate:0 14px}to{translate:0 -14px}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.reading-progress{display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--purple-deep);transform-origin:left;animation:reading-progress linear both;animation-timeline:scroll(root block)}.hero{view-timeline-name:--hero-scroll;view-timeline-axis:block}.project-fan{clip-path:inset(-60px -10px -60px -10px)}.fan-card{--fan-y: -32px;animation:fan-scroll linear both;animation-timeline:--hero-scroll;animation-range:exit 0% exit 75%}.fan-card-0{--fan-x: -24px;--fan-rotate: 7deg}.fan-card-1{--fan-x: 0px;--fan-y: 12px;--fan-rotate: 0deg}.fan-card-2{--fan-x: 24px;--fan-rotate: -7deg}.case-card{view-timeline-name:--case-scroll;view-timeline-axis:block}.case-media{animation:cover-scroll linear both;animation-timeline:--case-scroll;animation-range:entry 0% exit 100%}}@media(max-width:600px){.fan-card{--fan-y: -12px}.fan-card-0{--fan-x: 0px;--fan-rotate: 9deg}.fan-card-1{--fan-y: 4px}.fan-card-2{--fan-x: 0px;--fan-rotate: -9deg}@keyframes cover-scroll{0%{translate:0 7px}to{translate:0 -7px}}}}@media(prefers-reduced-motion:reduce){.button:hover svg,.button:focus-visible svg,.case-card:hover .case-open svg,.contact-links>a:hover>svg{transform:none}.button:active{scale:1}.button,.format-list summary{transition:background-color .12s ease,color .12s ease!important}}.language-switch{display:flex;flex-shrink:0;align-items:center;gap:2px}.language-switch a{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink);min-width:36px;min-height:40px;padding:8px 6px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer}.language-switch a[aria-current=page]{background:var(--lavender)}.language-switch a:hover{color:var(--purple-deep)}.demo-note{color:var(--muted);margin:-16px 0 32px;font-size:14px}@media(min-width:901px){.header-inner{gap:20px}}@media(max-width:900px){.header-inner{gap:12px}.language-switch{margin-left:auto}.menu-toggle{order:2}}@media(max-width:380px){.header-inner{gap:6px}.menu-toggle{padding-inline:10px;gap:8px}.language-switch a{min-width:30px}}.content-header .header-inner{flex-wrap:wrap}.content-navigation{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:14px}.content-navigation a{white-space:nowrap;padding-block:12px}.content-page{padding-top:130px;min-height:65vh}.content-page h1{font-size:clamp(2.5rem,6vw,5rem);margin:0 0 32px}.content-page .prose{max-width:1000px}.prose p,.prose li{line-height:1.7}.prose h2,.prose h3,.prose h4{margin-top:1.5em}.prose img,.content-page video,.content-split img,.content-grid img{max-width:100%;height:auto;border-radius:16px}.prose blockquote{border-left:3px solid currentColor;padding-left:24px}.content-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.content-split.reverse>img{order:2}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-filter,.pagination{display:flex;gap:20px;align-items:center;margin:30px 0}.blog-filter select{padding:12px}.pagination [aria-current]{font-weight:700;text-decoration:underline}.preview-banner{position:fixed;bottom:0;left:0;right:0;background:#fff0b3;color:#111;padding:12px;text-align:center;z-index:9999}@media(max-width:700px){.content-split,.content-grid{grid-template-columns:1fr}.content-split.reverse>img{order:0}.content-navigation{display:flex;position:static;gap:12px;order:3;width:100%;overflow-x:auto}.content-page{padding-top:110px}}