.hero.hero--studio{--hs-bg: #fdfdfc;--hs-ink: #16141f;--hs-muted: #5e5a6e;--hs-line: #16141f14;--hs-grad: linear-gradient(92deg, #ff6b3d 0%, #ec4f86 48%, #7a5cff 100%);background:linear-gradient(180deg,#fff,#fbfbfa);color:var(--hs-ink);border:0;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #16141f10,0 0 0 5px #f4f5f7,0 0 0 10px #e4e7ec,0 0 0 11px #c3c8d0,0 2px 0 11px #fff,0 28px 54px -30px #16141f55;padding-bottom:clamp(74px,7vw,108px);isolation:isolate}.hero-outer:has(.hero--studio){padding:10px 7px 0}.hero--studio .hero-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero--studio .hero-aurora i{display:none}.hero--studio .hero-aurora:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 22% 7% at 14% 22%,#8b93a226,transparent 70%),radial-gradient(ellipse 16% 6% at 86% 30%,#8b93a220,transparent 70%),radial-gradient(ellipse 26% 8% at 76% 74%,#8b93a21e,transparent 70%),radial-gradient(ellipse 13% 5% at 22% 66%,#8b93a21c,transparent 70%)}.hero--studio .hero-aurora:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#16141f40 1.25px,transparent 1.6px);background-size:22px 22px;background-position:11px 11px;-webkit-mask-image:radial-gradient(ellipse 46% 30% at 50% 34%,#0007 0%,#000 100%);mask-image:radial-gradient(ellipse 46% 30% at 50% 34%,#0007,#000)}.hero--studio .hero-marquee .item{font-family:Manrope,system-ui,sans-serif;font-weight:500;font-size:clamp(12px,.9vw,13.5px);letter-spacing:.01em;color:var(--hs-muted)}.hero--studio .hero-marquee .item svg{fill:#ec4f86!important;opacity:.8}.hero--studio .hero-badge{position:relative;background:transparent;color:var(--hs-ink);border:0;box-shadow:none;font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:clamp(11px,.85vw,12.5px);letter-spacing:.12em;padding:9px 18px 9px 14px;gap:9px}.hero--studio .hero-badge>span{position:relative}.hero--studio .hero-badge:after{display:none}.hero--studio .hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--hs-grad);box-shadow:0 0 0 3px #ec4f8622;animation:hsPulse 2.4s ease-in-out infinite}@keyframes hsPulse{50%{box-shadow:0 0 0 6px #ec4f8600}}.hero--studio h1.display{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:clamp(36px,5.2vw,82px);line-height:1.04;letter-spacing:-.04em;color:var(--hs-ink);max-width:none;text-wrap:wrap}.hero--studio h1 .hl-lead{white-space:nowrap}.hero--studio h1 .hl{position:relative;display:inline-block;isolation:isolate;font-weight:800;color:var(--hs-ink)}.hero--studio h1 .hl-shade{position:absolute;z-index:-1;inset:.26em -.12em .08em -.14em;pointer-events:none}.hero--studio h1 .hl-text{position:relative}.hero--studio p.sub{font-family:Manrope,system-ui,sans-serif;font-weight:500;color:var(--hs-muted);font-size:clamp(15px,1.25vw,19px);line-height:1.55;margin:22px auto 30px;max-width:62ch;text-wrap:balance}.hero--studio p.sub b{color:var(--hs-ink)!important;font-weight:800!important}.hero--studio .demo-frame{border:1px solid var(--hs-line);box-shadow:0 1px 2px #16141f0f,0 30px 80px -24px #3b2a6b45}.hero--studio .hero-card{margin-bottom:0}.hero-outer:has(.hero--studio){width:min(1760px,96%)}.hero--studio .hero-card{width:100%}.hero--studio .demo-frame{border-radius:22px}@media(prefers-reduced-motion:reduce){.hero--studio .hero-aurora i,.hero--studio .hero-badge-dot{animation:none}}@media(max-width:640px){.hero.hero--studio{padding-bottom:28px!important;padding-inline:16px}.hero--studio h1.display{font-size:min(44px,calc((94vw - 36px) / 11.4));max-width:none}.hero--studio h1 .hl{white-space:nowrap}.hero--studio .demo-frame{border-width:1px;border-radius:18px;box-shadow:0 14px 34px -18px #3b2a6b4d}.hero--studio .hero-card{width:calc(100% + 20px);margin-inline:-10px}.hero.hero--studio{box-shadow:inset 0 0 0 1px #16141f12,0 18px 40px -30px #16141f40;padding-bottom:20px!important}.hero--studio .wb-tray,.hero--studio .hero-aurora:before{display:none}.hero--studio .hero-aurora:after{opacity:.55}}.hero--studio .wb-tray{position:absolute;z-index:2;left:0;right:0;bottom:0;height:18px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:linear-gradient(180deg,#eef0f3,#dfe3e9 55%,#cdd3db);box-shadow:inset 0 1px #fffc,inset 0 -1px #b9c0ca,0 -1px 2px #16141f0f}.hero--studio .wb-tray:before{content:"";position:absolute;left:0;right:0;top:4px;height:5px;background:linear-gradient(180deg,#c6ccd5,#e9ecf0);box-shadow:inset 0 1px 1px #aab2bd}.hero--studio .wb-pen{position:absolute;bottom:9px;width:clamp(64px,8vw,104px);height:11px;border-radius:6px;box-shadow:inset 0 1px #ffffff80,inset 0 -2px 3px #00000026,0 2px 3px #16141f26}.hero--studio .wb-pen:after{content:"";position:absolute;right:-5px;top:1px;width:10px;height:9px;border-radius:3px;background:#f3f4f6;box-shadow:inset 0 0 0 1px #00000018}.hero--studio .wb-pen--orange{left:7%;transform:rotate(-2deg);background:linear-gradient(180deg,#ff8a4c,#ef6a2e)}.hero--studio .wb-pen--pink{left:calc(7% + clamp(70px,8.5vw,112px));transform:rotate(1.5deg);background:linear-gradient(180deg,#f56aa0,#e24f86)}.hero--studio .wb-pen--purple{left:calc(7% + 2*clamp(70px,8.5vw,112px));transform:rotate(-1deg);background:linear-gradient(180deg,#9a7bf0,#7a5cff)}@media(max-width:640px){.hero--studio .wb-pen--purple{display:none}}
