.developers-hero{padding-block:0}.developers-hero .developers-hero__inner{-moz-column-gap:var(--size12);align-items:center;column-gap:var(--size12);padding-inline:var(--page-width-padding-inline);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}@media screen and (width>=900px){.developers-hero .developers-hero__inner{padding:var(--size24) 0;padding-inline:var(--page-width-padding-inline)}}.developers-hero .developers-hero__text{gap:var(--size4);flex-direction:column;min-width:0;display:flex}.developers-hero .developers-hero__text h1{text-wrap:balance}.developers-hero .developers-hero__text p{max-width:32rem}.developers-hero .developers-hero__text .call-to-action{margin-top:var(--size2)}.card-art{aspect-ratio:602/464;justify-self:end;width:100%;min-width:0;max-width:602px;position:relative;container-type:inline-size}.card-art img.full{clip-path:inset(7.97% 0 0);opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:auto;transition:opacity .28s;position:absolute;top:0;left:0}.card-art img.full.on{opacity:1}.card-art img.full--tabs{clip-path:inset(0 0 92.03%);transition:none}.card-art .hit{appearance:none;border-radius:var(--radius-pill-next);cursor:pointer;background:0 0;border:0;height:5.2%;position:absolute;top:2.8%}.card-art .hit[data-state=omni]{width:15.1%;left:6%}.card-art .hit[data-state=repo]{width:23.6%;left:21.1%}.card-art .hit:focus-visible{outline:2px solid var(--color-brand-primary-next);outline-offset:2px}.card-art .pulse{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.card-art .pulse path{fill:none;opacity:0;stroke:var(--color-light-pink-next);stroke-linejoin:miter;stroke-width:2px;transition:opacity .35s,stroke-width .35s}.card-art .pulse.go path{opacity:.9;stroke-width:5px}@media screen and (width<900px){.developers-hero .developers-hero__inner{row-gap:var(--size8);text-align:center;grid-template-columns:1fr;min-height:0}.developers-hero .developers-hero__text{align-items:center}.card-art{justify-self:center}}.ticker{background:var(--color-light-pink-next);color:var(--color-deep-pink-next);font-family:var(--font-family-caps-next);letter-spacing:.02em;align-items:center;height:44px;font-size:12.5px;display:flex;overflow:hidden}.ticker .tk-label{color:var(--color-deep-pink-next);letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #4d122c2e;flex:none;align-items:center;height:100%;padding:0 22px 0 32px;font-size:11px;font-weight:600;display:flex}.ticker .tk-track{flex:1;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.ticker .tk-run{white-space:nowrap;will-change:transform;align-items:center;height:100%;padding-left:24px;display:flex;position:absolute;top:0;left:0}.ticker .tk-btn{border:1.5px solid var(--color-deep-pink-next);color:var(--color-deep-pink-next);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin:0 12px;padding:0;display:inline-flex}.ticker .tk-btn:hover{background:var(--color-deep-pink-next);color:var(--color-light-pink-next)}.ticker .tk-btn svg{width:14px;height:14px;display:block}.ticker .tk-item{color:var(--color-deep-pink-next);align-items:center;gap:10px;padding:0 40px 0 0;text-decoration:none;display:inline-flex}.ticker .tk-date{opacity:.6}.ticker .tk-tag{border-radius:var(--radius-pill-next);color:var(--color-deep-pink-next);letter-spacing:.06em;text-transform:uppercase;background:#ffffffb3;padding:2px 8px;font-size:10.5px}.t-links{gap:var(--size2);flex-wrap:wrap;margin-top:auto;display:flex}.t-link{background:var(--color-light-gray-next);border-radius:var(--radius-pill-next);color:var(--color-rich-black-next);font-family:var(--font-family-caps-next);letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;padding:5px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s}.t-link:hover{transform:translateY(-1px);box-shadow:0 2px 6px #4d122c24}.t-link.k-docs{background:var(--color-deep-pink-next);color:var(--color-warm-white-next)}.t-link.k-blog{background:var(--color-brand-primary-next)}.t-link.k-case{background:var(--color-light-pink-next)}.t-link.k-github{color:var(--color-deep-pink-next)}.t-link.k-page{border-color:var(--color-deep-pink-next);color:var(--color-deep-pink-next);background:0 0}.nowrap{white-space:nowrap}.developers-wall{padding-block:var(--size16) var(--size16)}.developers-wall .developers-wall__head{margin:0 auto var(--size10);text-align:center;max-width:52rem}.developers-wall .developers-wall__head h2{margin-bottom:var(--size3)}.developers-wall .developers-wall__grid{gap:var(--size4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.developers-wall .t-card{background:var(--color-warm-white-next);border:2px solid var(--color-warm-white-next);min-height:168px;padding:var(--size5) var(--size6) var(--size5);border-radius:18px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex}.developers-wall .t-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #4d122c24}.developers-wall .t-card h3{margin:0 0 var(--size2)}.developers-wall .t-card p{color:var(--color-deep-pink-next);margin:0 0 var(--size3);opacity:.75}.developers-wall .t-card p a{border-bottom:1.5px solid var(--color-brand-primary-next);color:inherit;text-decoration:none}.developers-wall .t-ico{color:var(--color-deep-pink-next);height:34px;margin:0 0 var(--size3);width:34px;display:block}.developers-wall .t-ico svg{width:34px;height:34px;display:block}@media screen and (width<900px){.developers-wall .developers-wall__grid{grid-template-columns:1fr}}.developers-builds{overflow-anchor:none;padding-block:0 var(--size16)}@media screen and (width>=1368px){.developers-builds .tab-accordion-layout{align-items:end;gap:var(--size8);grid-template-columns:minmax(0, var(--tab-accordion-content-width)) auto;justify-content:center;margin-inline:-54px}}@media screen and (width>=1024px){.developers-builds .tab-accordion-screenshots{max-width:calc(var(--tab-accordion-screenshot-max-height) * 1.6);width:100%;margin-right:0}}@media screen and (width>=1368px){.developers-builds .tab-accordion-screenshots{height:var(--builds-menu-height,411px);place-self:end start;width:auto;max-width:none;max-height:none}}.developers-builds .proof__body{flex-direction:column;justify-content:center;min-height:72px;display:flex}.developers-builds .tab-accordion-content h2{color:var(--color-brand-primary-next)}.developers-builds .tab-accordion-section{border-bottom:0;margin-bottom:0;padding-bottom:0}.developers-builds .tab-accordion-tabs{background:var(--color-light-gray-next);border-radius:20px;overflow:hidden}.developers-builds .tab-accordion-item{background:0 0}.developers-builds .tab-accordion-item+.tab-accordion-item{border-top-color:var(--color-warm-white-next)}.developers-builds .build-tags{gap:var(--size2);margin-top:var(--size3);flex-wrap:wrap;display:flex}.developers-builds .stage-scene{background:linear-gradient(135deg,#fff 0%,#f5eef1 100%);width:100%;height:100%}.developers-builds .stage-scene svg{width:100%;height:100%;display:block}.developers-builds .stage-image{-o-object-fit:contain;object-fit:contain;background:linear-gradient(135deg,#fff 0%,#f5eef1 100%);width:100%;height:100%;display:block}.developers-builds .stage-video{-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#fff 0%,#f5eef1 100%);width:100%;height:100%;display:block}.developers-builds .stage-placeholder{color:var(--color-support-mid-gray-next);font-family:var(--font-family-caps-next);height:100%;padding:var(--size6);text-align:center;background:linear-gradient(135deg,#fff 0%,#f5eef1 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;font-size:13px;display:flex}.developers-builds .stage-placeholder b{color:var(--color-deep-pink-next);margin-bottom:var(--size1);font-weight:500;display:block}.developers-builds .proof{background:var(--color-light-gray-next);align-items:center;gap:var(--size5);max-width:900px;padding:var(--size3) var(--size6);border-radius:14px;grid-template-columns:132px 1fr auto;margin:32px auto 0;display:grid}.developers-builds .proof.proof--nologo{grid-template-columns:1fr auto}.developers-builds .proof__logo{color:var(--color-deep-pink-next);align-items:center;width:8.25rem;height:44px;display:flex}.developers-builds .proof__logo svg{width:100%;max-width:8.25rem;height:auto;max-height:34px}.developers-builds .proof__kind{color:var(--color-support-mid-gray-next);font-family:var(--font-family-caps-next);letter-spacing:.05em;margin-bottom:var(--size1);text-transform:uppercase}.developers-builds .proof__blurb{color:var(--color-deep-pink-next);margin:0}.developers-builds .proof__cta{background:var(--color-brand-primary-next);border-radius:var(--radius-pill-next);color:var(--color-rich-black-next);font-family:var(--font-family-caps-next);white-space:nowrap;width:fit-content;padding:9px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s}.developers-builds .proof__cta:hover{transform:translateY(-1px);box-shadow:0 2px 6px #4d122c24}@media screen and (width<760px){.developers-builds .proof,.developers-builds .proof.proof--nologo{grid-template-columns:1fr}}.developers-quotes .quote-carousel__logo{width:auto;max-height:56px}@media screen and (width>=64rem){.developers-demos .developers-demos__rail{--carousel-rail-slide-size:calc((100cqw - 2 * var(--carousel-rail-gap)) / 3)}}.developers-setup{background:var(--color-warm-white-next);padding-block:calc(var(--size16) + 50px)}.developers-setup .developers-setup__head{margin:0 auto var(--size10);text-align:center;max-width:52rem}.developers-setup .developers-setup__head h2{margin-bottom:var(--size3)}.developers-setup .developers-setup__grid{gap:var(--size4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.developers-setup .doorc{background:var(--color-light-gray-next);border:2px solid var(--color-light-gray-next);padding:var(--size5) var(--size6) var(--size5);border-radius:18px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex}.developers-setup .doorc:hover{transform:translateY(-3px);box-shadow:0 10px 26px #4d122c24}.developers-setup .doorc h3{margin:0 0 var(--size2)}.developers-setup .doorc pre{background:var(--color-deep-pink-next);box-sizing:border-box;color:var(--color-warm-white-next);font-family:var(--font-family-caps-next);margin:0 0 var(--size3);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:10px;min-height:3em;padding:12px 44px 12px 14px;font-size:12.5px;line-height:1.5;position:relative}.developers-setup .doorc .copy{appearance:none;color:var(--color-warm-white-next);cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:opacity .15s,background .15s;display:inline-flex;position:absolute;top:7px;right:7px}.developers-setup .doorc .copy:hover,.developers-setup .doorc .copy:focus-visible{opacity:1;background:#ffffff24;outline:none}.developers-setup .doorc .copy svg{fill:currentColor;width:16px;height:16px;display:block}.developers-setup .doorc .copy .copy__check,.developers-setup .doorc .copy.copy--done .copy__icon{display:none}.developers-setup .doorc .copy.copy--done .copy__check{color:var(--color-light-green-next);display:block}.developers-setup .doorc__kicker{color:var(--color-brand-primary-next);font-family:var(--font-family-caps-next);letter-spacing:.06em;margin:0 0 var(--size2);text-transform:uppercase;font-weight:600}.developers-setup .t-links{gap:var(--size2);margin-top:auto;display:flex}.developers-setup .t-link{background:var(--color-warm-white-next);border-radius:var(--radius-pill-next);color:var(--color-deep-pink-next);font-family:var(--font-family-caps-next);letter-spacing:.03em;text-transform:uppercase;padding:5px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s}.developers-setup .t-link:hover{transform:translateY(-1px);box-shadow:0 2px 6px #4d122c24}.developers-setup .t-link.k-docs{background:var(--color-deep-pink-next);color:var(--color-warm-white-next)}@media screen and (width<900px){.developers-setup .developers-setup__grid{grid-template-columns:1fr}}
