.lp-refresh *{box-sizing:border-box}.lp-refresh{background:var(--base-2);color:var(--base-12);-webkit-font-smoothing:antialiased;--duration-1:.2s;--duration-2:.22s;--ease-standard:ease;margin:0;font-family:inherit}.lp-refresh a{color:inherit;text-decoration:none}.lp-refresh button{font:inherit;cursor:pointer}.lp-refresh a:focus-visible,.lp-refresh button:focus-visible,.lp-refresh summary:focus-visible{outline:2px solid var(--accent-11);outline-offset:2px}.lp-refresh h1,.lp-refresh h2,.lp-refresh h3,.lp-refresh p{margin:0}.lp-refresh h1,.lp-refresh h2{letter-spacing:-.055em;font-weight:700}.lp-refresh p{color:#686d6a;line-height:2}.lp-refresh .note{color:#888;font-size:11px}.lp-refresh .wrap{width:min(1200px,100% - 128px);margin:auto}.lp-refresh .eyebrow{letter-spacing:.14em;color:var(--base-9);font-size:11px;font-weight:500}.lp-refresh .pill{background:var(--base-12);min-height:49px;color:var(--base-1);border:1px solid var(--base-12);transition:background var(--duration-1);border-radius:100px;justify-content:center;align-items:center;padding:0 28px;font-size:14px;font-weight:500;display:inline-flex}.lp-refresh .pill:hover{background:#454c48}.lp-refresh .pill.outline{color:var(--base-12);background:0 0;border-color:#d4d6d1}.lp-refresh .pill.outline:hover{background:var(--base-3)}.lp-refresh .opening{padding-top:100px}.lp-refresh .intro{justify-content:space-between;align-items:flex-start;gap:70px;display:flex}.lp-refresh .opening h2{margin-top:24px;font-size:clamp(38px,4vw,58px);line-height:1.5}.lp-refresh .intro>p{flex-shrink:0;width:325px;padding-top:60px;font-size:15px}.lp-refresh .scene{grid-template-columns:1fr 230px;align-items:center;gap:80px;padding:52px 0 100px;display:grid}.lp-refresh .scene img{object-fit:contain;width:100%;height:440px}.lp-refresh .scene h3{letter-spacing:-.035em;font-size:18px;font-weight:500}.lp-refresh .scene li{border-bottom:1px solid var(--sand-6);padding:22px 0;list-style:none}.lp-refresh .scene ol{padding:0}.lp-refresh .scene li p{margin-top:9px;font-size:13px;line-height:1.9}.lp-refresh .scene li:first-child{padding-top:0}.lp-refresh .scene li:last-child{border:0}.lp-refresh .developers{border-top:1px solid var(--sand-6);padding:110px 0}.lp-refresh .section-title{justify-content:space-between;align-items:end;gap:50px;margin-bottom:58px;display:flex}.lp-refresh .section-title h2{font-size:40px;line-height:1.55}.lp-refresh .section-title .eyebrow{margin-bottom:22px}.lp-refresh .section-title>p{max-width:360px;font-size:14px}.lp-refresh .dev-layout{grid-template-columns:310px 1fr;align-items:center;gap:110px;min-height:370px;display:grid}.lp-refresh .dev-tabs{flex-direction:column;align-items:stretch;display:flex}.lp-refresh .dev-tabs button{border:0;border-bottom:1px solid var(--sand-6);text-align:left;color:var(--base-10);background:0 0;padding:25px 0}.lp-refresh .dev-tabs button[aria-selected=true]{color:var(--base-12)}.lp-refresh .dev-tabs strong{font-size:21px;font-weight:500;display:block}.lp-refresh .dev-tabs small{margin-top:12px;font-size:13px;line-height:1.9;display:block}.lp-refresh .dev-tab-arrow{float:right;color:#8e80bd;margin-top:4px}.lp-refresh .lp-link-arrow{vertical-align:-2px;flex-shrink:0;margin-left:6px;display:inline-block}.lp-refresh .dev-panel img{object-fit:contain;width:100%;height:300px}.lp-refresh .dev-panel a{text-align:center;text-underline-offset:6px;margin-top:28px;font-size:13px;text-decoration:underline;display:block}.lp-refresh .uses{text-align:center;border-top:1px solid var(--sand-6);flex-direction:column;align-items:center;gap:.5rem;padding:72px 0 88px;display:flex}.lp-refresh .uses>p{letter-spacing:.25em;color:var(--base-10);font-size:12px}.lp-refresh .uses-stream{--uses-row:1.35em;letter-spacing:-.01em;width:100%;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.35}.lp-refresh .uses-viewport{height:calc(var(--uses-row) * 2.4);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0% 10%,#000 30% 70%,#0000 90% 100%);mask-image:linear-gradient(#0000 0% 10%,#000 30% 70%,#0000 90% 100%)}.lp-refresh .uses-track{transform:translate3d(0, calc((var(--uses-n) + .5) * var(--uses-row) * -1), 0);will-change:transform;position:absolute;top:50%;left:0;right:0}.lp-refresh .uses-word{height:var(--uses-row);white-space:nowrap;will-change:opacity;display:block}.lp-refresh .uses-list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;list-style:none;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.lp-refresh .uses-viewport{display:none}.lp-refresh .uses-list{clip-path:none;white-space:normal;flex-wrap:wrap;justify-content:center;gap:.2em .9em;width:auto;height:auto;margin:0;display:flex;position:static;overflow:visible}}.lp-refresh .pricing{background:var(--sand-3);padding:96px 0 88px}.lp-refresh .pricing h2{font-size:45px;line-height:1.5}.lp-refresh .pricing .section-title{margin-bottom:48px}.lp-refresh .plan-cards{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px;margin:0;padding:0;list-style:none;display:grid}.lp-refresh .plan-card{grid-row:span 5;grid-template-rows:subgrid;background:var(--base-1);border:1px solid var(--sand-5);border-radius:16px;grid-template-columns:minmax(0,1fr);row-gap:0;padding:32px 24px;display:grid}.lp-refresh .plan-card.recommended{background:var(--base-12);color:var(--base-1);border-color:var(--base-12)}.lp-refresh .plan-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lp-refresh .plan-card h3{font-size:18px;font-weight:500}.lp-refresh .recommended-mark{border:1px solid var(--accent-8);letter-spacing:.04em;color:var(--accent-6);white-space:nowrap;border-radius:100px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.lp-refresh .plan-caption{letter-spacing:.04em;color:var(--base-10);margin-top:10px;font-size:13px;line-height:1.9}.lp-refresh .plan-card.recommended .plan-caption{color:var(--base-5)}.lp-refresh .plan-price{flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin-top:20px;line-height:1;display:flex}.lp-refresh .plan-price b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--base-12);font-size:32px;font-weight:500;line-height:1.2}.lp-refresh .plan-card.recommended .plan-price b{color:var(--base-1)}.lp-refresh .plan-price>span{letter-spacing:.04em;color:var(--base-10);white-space:nowrap;font-size:13px;font-weight:500;line-height:1.3}.lp-refresh .plan-card.recommended .plan-price>span{color:var(--base-5)}.lp-refresh .plan-cta{text-align:center;width:100%;min-height:44px;transition:background var(--duration-1), color var(--duration-1), border-color var(--duration-1);border-radius:100px;justify-content:center;align-items:center;margin-top:20px;padding:0 24px;font-size:14px;font-weight:500;display:flex}.lp-refresh .plan-cta-solid{background:var(--solid);color:var(--on-solid);border:1px solid var(--solid)}.lp-refresh .plan-cta-solid:hover{background:var(--solid-hover);border-color:var(--solid-hover)}.lp-refresh .plan-cta-outline{color:var(--base-12);border:1px solid var(--sand-6);background:0 0}.lp-refresh .plan-cta-outline:hover{background:var(--base-3)}.lp-refresh .plan-cta-invert{background:var(--base-1);color:var(--base-12);border:1px solid var(--base-1)}.lp-refresh .plan-cta-invert:hover{background:var(--base-4)}.lp-refresh .plan-features{margin:24px 0 0;padding:0;list-style:none}.lp-refresh .plan-features li{letter-spacing:.04em;color:var(--base-11);align-items:center;gap:8px;font-size:14px;line-height:1.7;display:flex}.lp-refresh .plan-features li+li{margin-top:10px}.lp-refresh .plan-features li svg{color:var(--base-9);flex:none}.lp-refresh .plan-card.recommended .plan-features li{color:var(--base-1)}.lp-refresh .plan-card.recommended .plan-features li svg{color:var(--base-6)}@media (max-width:900px){.lp-refresh .pricing{padding:64px 0 60px}.lp-refresh .pricing h2{font-size:30px}.lp-refresh .pricing .section-title{margin-bottom:30px}.lp-refresh .plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-refresh .plan-card{padding:28px 22px}}@media (max-width:560px){.lp-refresh .plan-cards{grid-template-columns:minmax(0,1fr);gap:16px}}.lp-refresh .guide{background:var(--sand-3);padding:120px 0;overflow:hidden}.lp-refresh .guide-layout{grid-template-columns:1.12fr 1fr;align-items:center;gap:105px;display:grid}.lp-refresh .papers{aspect-ratio:100/68;width:100%;max-width:560px;position:relative}.lp-refresh .paper{background:#fff;border-radius:2px;width:72%;padding:1.6%;position:absolute;box-shadow:0 1px 2px #20272714,0 10px 18px #20272714,0 35px 60px #2027270f}.lp-refresh .paper img{aspect-ratio:16/9;width:100%;height:auto;display:block}.lp-refresh .paper.back{top:0;left:28%;transform:rotate(4deg)}.lp-refresh .paper.front{z-index:1;top:30%;left:0;transform:rotate(-4deg)}.lp-refresh .paper.front:before{content:"";aspect-ratio:4;clip-path:polygon(0 0,100% 0,97% 20%,100% 40%,97% 60%,100% 80%,97% 100%,0 100%,3% 80%,0 60%,3% 40%,0 20%);background:repeating-linear-gradient(-45deg,#b3a3d1 0 6px,#eee9f5 6px 12px);width:24%;position:absolute;top:-5%;left:38%;transform:rotate(-5deg);box-shadow:0 1px 2px #2027271a}.lp-refresh .paper.back:before{content:"";background:radial-gradient(circle at 35% 30%,#ffffffb3 0 18%,#8a72b8 22%,#4e3b72 100%);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:3%;left:50%;box-shadow:2px 3px 3px #20272740}.lp-refresh .guide h2{margin:20px 0;font-size:36px;line-height:1.6}.lp-refresh .guide .lead{max-width:375px;font-size:14px}.lp-refresh .contents{counter-reset:item;margin:30px 0 35px;padding:0}.lp-refresh .contents li{counter-increment:item;border-bottom:1px solid #d6d9d0;padding:13px 0;font-size:13px;list-style:none}.lp-refresh .contents li:before{content:"0" counter(item);letter-spacing:.1em;color:var(--base-10);margin-right:22px;font-size:10px}.lp-refresh .guide .note{margin-top:15px}.lp-refresh .cases{padding:115px 0}.lp-refresh .cases .wrap{justify-content:space-between;align-items:center;gap:70px;display:flex}.lp-refresh .cases h2{margin-top:20px;font-size:30px;line-height:1.6}.lp-refresh .cases p{margin-top:20px;font-size:14px}.lp-refresh .cases .pill{flex-shrink:0}.lp-refresh .faq{padding:0 0 110px}.lp-refresh .faq .wrap{grid-template-columns:260px 1fr;gap:60px;display:grid}.lp-refresh .faq h2{font-size:22px}.lp-refresh .faq-item{border-bottom:1px solid var(--base-4)}.lp-refresh .faq-item h3{font-weight:inherit;margin:0}.lp-refresh .faq-trigger{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:15px;display:flex}.lp-refresh .faq-trigger[data-focus-visible]{outline:2px solid var(--accent-11);outline-offset:2px}.lp-refresh .faq-icon{color:#7d827e;flex-shrink:0;font-size:21px;font-weight:300}.lp-refresh .faq-icon:after{content:"+"}.lp-refresh .faq-item[data-expanded] .faq-icon:after{content:"−"}.lp-refresh .faq-panel{height:0;transition:height var(--duration-2) var(--ease-standard);overflow:hidden}.lp-refresh .faq-item[data-expanded] .faq-panel{height:var(--disclosure-panel-height)}.lp-refresh .faq-panel p{margin:0;padding:0 32px 20px 0;font-size:13px}@media (prefers-reduced-motion:reduce){.lp-refresh .faq-panel{transition:none}}@media (max-width:900px){.lp-refresh .wrap{width:calc(100% - 48px)}.lp-refresh .intro{display:block}.lp-refresh .intro>p{width:auto;max-width:460px;padding-top:28px}.lp-refresh .scene{grid-template-columns:1fr;gap:15px;padding-top:20px}.lp-refresh .scene img{height:auto;max-height:400px}.lp-refresh .scene ol{gap:25px;display:flex}.lp-refresh .scene li{border:0;flex:1;padding:0}.lp-refresh .scene h3{font-size:15px}.lp-refresh .dev-layout{grid-template-columns:240px 1fr;gap:40px}.lp-refresh .section-title{display:block}.lp-refresh .section-title>p{margin-top:25px}.lp-refresh .guide-layout{gap:45px}.lp-refresh .guide h2{font-size:29px}.lp-refresh .cases .wrap{display:block}.lp-refresh .cases .pill{margin-top:35px}.lp-refresh .faq .wrap{grid-template-columns:1fr;gap:35px}.lp-refresh .uses-stream{margin-top:4px}}@media (max-width:600px){.lp-refresh .opening{padding-top:64px}.lp-refresh .opening h2{font-size:35px}.lp-refresh .scene{padding-bottom:60px}.lp-refresh .scene ol{display:block}.lp-refresh .scene li{padding:14px 0}.lp-refresh .scene li p{margin-top:3px}.lp-refresh .developers{padding:65px 0}.lp-refresh .section-title h2{font-size:30px}.lp-refresh .dev-layout{grid-template-columns:1fr;gap:30px}.lp-refresh .dev-tabs{flex-direction:row;gap:16px}.lp-refresh .dev-tabs button{flex:1;padding:15px 0}.lp-refresh .dev-tabs strong{font-size:14px}.lp-refresh .dev-tabs small{display:none}.lp-refresh .dev-panel img{height:220px}.lp-refresh .uses{padding:48px 0 64px}.lp-refresh .guide{padding:55px 0}.lp-refresh .guide-layout{grid-template-columns:1fr;gap:0}.lp-refresh .papers{margin-bottom:32px}.lp-refresh .guide h2{font-size:30px}.lp-refresh .cases{padding:65px 0}.lp-refresh .cases h2{font-size:25px}.lp-refresh .faq{padding-bottom:65px}}.lp-refresh .motion-art{justify-content:center;align-items:center;width:100%;height:440px;display:flex}.lp-refresh .motion-art img,.lp-refresh .motion-art video{width:100%;height:100%;overflow:visible}.lp-refresh .dev-layout{position:relative}.lp-refresh .dev-stage{height:300px;position:relative}.lp-refresh .dev-slide{position:absolute;inset:0}.lp-refresh .handdrawn-media{width:100%;height:100%;position:relative}.lp-refresh .handdrawn-poster{pointer-events:none;position:absolute;inset:0}.lp-refresh .dev-slide img,.lp-refresh .dev-slide video{width:100%;height:100%;font-family:inherit}.lp-refresh .dev-tabs button{position:relative}.lp-refresh .tab-progress{transform-origin:0;background:#a595ce;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.lp-refresh .pill{transition:background var(--duration-1), transform var(--duration-1)}.lp-refresh .pill:active{transform:scale(.97)}@media (max-width:600px){.lp-refresh .motion-art{height:255px}.lp-refresh .dev-stage{height:220px}.lp-refresh .dev-layout{margin-bottom:20px}}.lp-refresh section{scroll-margin-top:96px}.lp-refresh .pill:disabled{opacity:.55;cursor:default}@media (min-width:1200px) and (max-width:1450px){.lp-refresh .wrap{width:calc(100% - 256px)}}.lp-refresh .motion-art img,.lp-refresh .motion-art video,.lp-refresh .dev-slide img,.lp-refresh .dev-slide video{object-fit:contain}@media (max-width:600px){.lp-refresh .intro,.lp-refresh .section-title,.lp-refresh .cases .wrap{text-align:center}.lp-refresh .intro>p,.lp-refresh .section-title>p{max-width:34ch;margin-inline:auto}.lp-refresh .intro>p{padding-top:24px;font-size:14px}.lp-refresh .scene{gap:28px;padding-top:32px}.lp-refresh .motion-art{aspect-ratio:720/628;max-width:350px;height:auto;margin-inline:auto}.lp-refresh .scene ol{text-align:center;width:100%;max-width:330px;margin-inline:auto}.lp-refresh .scene li{padding:20px 0}.lp-refresh .scene li+li{border-top:1px solid var(--sand-6)}.lp-refresh .guide{padding-block:64px}.lp-refresh .guide-layout{gap:28px}.lp-refresh .papers{margin:0 auto}.lp-refresh .paper{box-shadow:0 8px 24px #20272712}.lp-refresh .guide-layout>div:last-child{text-align:center}.lp-refresh .guide h2{letter-spacing:-.04em;margin:16px 0;font-size:clamp(24px,6.6vw,30px)}.lp-refresh .guide .lead{max-width:32ch;margin-inline:auto}.lp-refresh .guide .lead br{display:none}.lp-refresh .contents{text-align:left;margin:24px 0}.lp-refresh .contents li{align-items:baseline;padding-block:15px;display:flex}.lp-refresh .contents li:before{flex-shrink:0}.lp-refresh .guide .pill{width:100%}}.lp-refresh .keep-phrase{display:inline-block}.lp-refresh .developer-summary a,.lp-refresh .guide .contents a{text-decoration:underline;-webkit-text-decoration-color:var(--color-base-7);text-decoration-color:var(--color-base-7);text-underline-offset:.2em}.lp-refresh .developer-summary a:focus-visible,.lp-refresh .guide .contents a:focus-visible{outline-offset:3px;outline:2px solid}.lp-refresh .section-title>.developer-summary{flex:0 430px;min-width:0;max-width:430px}.lp-refresh .developer-summary>span,.lp-refresh .developer-summary-methods>span{display:block}.lp-refresh .developer-summary-frameworks,.lp-refresh .developer-summary-result{text-wrap:balance}@media (max-width:600px){.lp-refresh .section-title>.developer-summary{max-width:100%;font-size:13px}}@media (max-width:360px){.lp-refresh .developers .section-title h2{font-size:26px}}.lp-refresh .dev-title-mobile,.lp-refresh .dev-mobile-description{display:none}.lp-refresh .guide-status{color:#65508f;margin-top:12px;font-size:13px}@media (max-width:600px){.lp-refresh .dev-title-desktop{display:none}.lp-refresh .dev-title-mobile{white-space:nowrap;display:inline}.lp-refresh .dev-mobile-description{text-align:center;color:#626966;min-height:56px;margin-bottom:16px;font-size:14px;line-height:2;display:block}.lp-refresh .dev-tabs{gap:12px}.lp-refresh .dev-tabs strong{font-size:14px}.lp-refresh .section-title>p{max-width:none;font-size:14px}.lp-refresh .guide .lead{text-wrap:pretty;max-width:none}.lp-refresh .scene li p{color:#626966}}.lp-refresh .customer-sites{margin-top:24px}.lp-refresh .customer-sites a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}