.studio-showcase{width:54%;margin:0;position:absolute;top:52%;right:-2%;transform:translateY(-45%);container-type:inline-size}.studio-product-scene{aspect-ratio:1.38;perspective:1600px;position:relative}.studio-light{filter:blur(30px);background:radial-gradient(#7acbff1f,#0000 65%);border-radius:50%;position:absolute;inset:16% 6% 8%}.studio-laptop{--entry-scale:1.049;--settled-scale:1.065;aspect-ratio:1757/1183;filter:drop-shadow(0 28px 24px #00101e65);width:103%;position:absolute;top:6%;left:-13%;transform:rotateY(-10deg)rotate(-4deg)}.studio-hardware{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-screen-mask{position:absolute;inset:0;-webkit-mask:url(/images/devices/macbook-pro-16-screen-mask.png) 50%/100% 100% no-repeat;mask:url(/images/devices/macbook-pro-16-screen-mask.png) 50%/100% 100% no-repeat}.studio-display{color:#1a2335;width:68.2982%;height:65.5701%;font-size:1.35cqw;font-family:var(--font-sans);text-align:left;background:#eef2f7;position:absolute;top:1.35249%;left:30.2789%;overflow:hidden}.studio-toolbar{color:#687384;background:#f8fafc;border-bottom:1px solid #dce2ea;justify-content:space-between;align-items:center;height:10%;padding:0 3%;font-size:1.05cqw;display:flex}.studio-window-dots{gap:.5cqw;display:flex}.studio-window-dots i{background:#c3cbd5;border-radius:50%;width:.7cqw;height:.7cqw}.studio-workspace{height:90%;display:flex}.studio-sidebar{color:#7a8595;background:#fbfcfd;border-right:1px solid #e3e7ed;flex-direction:column;align-items:center;gap:1.1cqw;width:8%;padding-top:1.2cqw;font-size:1.7cqw;display:flex}.studio-sidebar-mark{color:#17263a;margin-bottom:.2cqw;font-weight:700}.studio-sidebar-mark span{color:#297dff}.studio-sidebar-active{color:#3886ec;background:#e6f0ff;border-radius:.4cqw;padding:.1cqw .5cqw}.studio-sidebar-bottom{margin-top:auto;margin-bottom:1cqw}.studio-artboard{flex-direction:column;width:84%;margin:2.1% 4%;display:flex}.studio-artboard-heading{letter-spacing:.1em;color:#69758a;justify-content:space-between;font-size:.8cqw;display:flex}.studio-brand-row{justify-content:space-between;align-items:center;margin:1.3cqw 0 1cqw;display:flex}.studio-wordmark{border:1px solid #60a5ff;width:28cqw;padding:.5cqw 1.8cqw;position:relative}.studio-wordmark img{width:100%;height:auto;display:block}.studio-selection-dot{background:#fff;border:1px solid #398cff;width:.65cqw;height:.65cqw;position:absolute}.studio-selection-dot:first-of-type{top:-.4cqw;left:-.4cqw}.studio-selection-dot:nth-of-type(2){top:-.4cqw;right:-.4cqw}.studio-selection-dot:nth-of-type(3){bottom:-.4cqw;left:-.4cqw}.studio-selection-dot:nth-of-type(4){bottom:-.4cqw;right:-.4cqw}.studio-type-sample{letter-spacing:-.08em;font-size:6cqw;line-height:1}.studio-type-sample span{letter-spacing:0;color:#707b8c;margin-top:.6cqw;font-size:.8cqw;display:block}.studio-palette{border-radius:.45cqw;height:2.7cqw;margin-bottom:1.2cqw;display:flex;overflow:hidden}.studio-palette span{background:#182335;flex:1}.studio-palette span:nth-child(2){background:#3786f4}.studio-palette span:nth-child(3){background:#9edfff}.studio-palette span:nth-child(4){background:#d0e5fa}.studio-palette span:nth-child(5){background:#fdfefe}.studio-interface-row{justify-content:space-between;align-items:flex-end;display:flex}.studio-small-label{letter-spacing:.06em;color:#657086;font-size:.68cqw}.studio-interface-row p{letter-spacing:-.05em;margin:.6cqw 0 0;font-size:3.3cqw;font-weight:500;line-height:1.07}.studio-interface-button{color:#f4faff;background:#112031;border-radius:4cqw;align-items:center;gap:2cqw;margin-bottom:.4cqw;padding:1cqw 1.5cqw;font-size:1.1cqw;display:flex}.studio-interface-button svg{width:1.5cqw;height:1.5cqw}.studio-artboard-footer{color:#798495;border-top:1px solid #dce2eb;gap:2cqw;margin-top:auto;padding-top:.8cqw;font-size:.8cqw;display:flex}.studio-artboard-footer span:last-child{margin-left:auto}.studio-phone{aspect-ratio:393/800;filter:drop-shadow(-7px 14px 13px #00101c66);width:22%;position:absolute;top:37%;right:6%;transform:rotate(6deg)rotateY(-10deg)}.studio-phone-hardware{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-phone-screen{color:#0e2135;background:#f1f6fc;border-radius:15%/7%;width:89.6%;height:95.6%;padding:4.5cqw 1.5cqw 2cqw;position:absolute;top:2.2%;left:5.2%;overflow:hidden}.studio-phone-nav{justify-content:space-between;align-items:center;display:flex}.studio-phone-nav img{width:6.3cqw;height:auto}.studio-phone-nav>span{font-size:1.4cqw}.studio-phone-eyebrow{letter-spacing:.04em;color:#607891;margin-top:2.6cqw;font-size:.6cqw;display:block}.studio-phone p{letter-spacing:-.07em;margin:1cqw 0;font-size:2.75cqw;font-weight:500;line-height:1.05}.studio-phone p em{color:#2c83ed;font-style:normal}.studio-phone-action{border-top:1px solid #cddae8;justify-content:space-between;align-items:center;padding:1cqw 0;font-size:1cqw;display:flex}.studio-phone-action svg{width:1.4cqw;height:1.4cqw}.studio-home-indicator{background:#24394d;border-radius:3cqw;width:30%;height:.35cqw;position:absolute;bottom:.7cqw;left:35%}@media (max-width:1100px){.mesh-hero:has(.studio-showcase){height:auto;max-height:none;padding-bottom:0}.mesh-hero .mesh-layout{height:auto;padding-top:160px;padding-bottom:130px}.studio-showcase{width:78%;max-width:660px;margin:52px auto 0;position:relative;top:auto;right:auto;transform:none}}@media (max-width:760px){.mesh-hero:has(.studio-showcase){min-height:0;padding-bottom:0}.mesh-hero .mesh-layout{padding-top:128px;padding-bottom:115px}.studio-showcase{width:100%;max-width:none;margin:28px 0 0}}@media (prefers-reduced-motion:no-preference){.studio-laptop,.studio-phone{animation:.65s cubic-bezier(.2,.7,.2,1) both studio-device-arrive}.studio-laptop{animation-delay:.16s}.studio-phone{animation-delay:.22s}@keyframes studio-device-arrive{0%{opacity:0;translate:0 20px;scale:var(--entry-scale,.985)}to{opacity:1;translate:0;scale:var(--settled-scale,1)}}}.studio-display:after,.studio-phone-screen:after{content:"";pointer-events:none;background:linear-gradient(125deg,#e2f4ff0d,#0000 42%,#4c80a608);position:absolute;inset:0}.studio-phone-copy{color:#4e667f;margin:1.2cqw 0 1.5cqw;font-size:.9cqw;line-height:1.6}.studio-phone-action{color:#fff;background:#13263b;border:none;border-radius:3cqw;padding:1.1cqw;font-size:.9cqw}.studio-phone-project{color:#587089;border-top:1px solid #cfdae6;flex-direction:column;gap:.7cqw;margin-top:2cqw;padding-top:1.6cqw;font-size:.8cqw;display:flex}.studio-phone-project>span:first-child{letter-spacing:.05em;font-size:.6cqw}.studio-phone-project strong{color:#182d40;font-size:1.8cqw;font-weight:600}.studio-phone-project-link{color:#286eb7;margin-top:.7cqw}@media (max-width:760px){.studio-product-scene{aspect-ratio:1}.studio-laptop{width:110%;top:29%;left:-29%;transform:rotateY(-12deg)rotate(-7deg)}.studio-phone{transform-origin:100% 100%;top:52%;right:7%;transform:scale(1.9)rotate(5deg)}}.mesh-hero{isolation:isolate;color:#fff;height:min(100svh,960px);min-height:760px;font-family:var(--font-sans);background:#071e2b;margin-top:-96px;position:relative;overflow:clip}.mesh-background{z-index:-3;background:radial-gradient(at 76% 32%,#609cb780,#0000 75%),radial-gradient(at 65% 75%,#20557690,#0000 80%),#092431;position:absolute;inset:0}.mesh-canvas{opacity:0;transition:opacity .5s;transform:scale(1.16)}.mesh-canvas[data-shader-state=ready]{opacity:1}.mesh-scrim{z-index:-2;background:linear-gradient(90deg,#041625db 0%,#041625d4 42%,#04162585 72%,#04162540 100%);position:absolute;inset:0}.mesh-scrim:after{content:"";background:linear-gradient(#0000,#041625b3);position:absolute;inset:55% 0 0}.mesh-layout{flex-direction:column;justify-content:center;width:88%;max-width:1416px;height:100%;margin:0 auto;padding-top:114px;padding-bottom:115px;display:flex;position:relative}.mesh-copy{max-width:940px}.mesh-eyebrow{color:#c2d9e7;letter-spacing:.13em;margin-bottom:35px;font-size:13px;font-weight:500;line-height:1.5}.mesh-copy h1{letter-spacing:-.065em;margin:0 0 30px -6px;font-family:inherit;font-size:clamp(76px,7.6vw,124px);font-weight:500;line-height:1.02}.mesh-copy h1>span{color:#d8eef9}.mesh-intro{letter-spacing:-.02em;color:#dae6ed;max-width:570px;font-size:clamp(18px,1.5vw,23px);line-height:1.65}.mesh-actions{align-items:center;gap:32px;margin-top:36px;display:flex}.mesh-primary{color:#102435;white-space:nowrap;background:#f1f8fc;border-radius:99px;justify-content:space-between;align-items:center;gap:27px;min-height:58px;padding:7px 9px 7px 25px;font-size:16px;font-weight:500;transition:background .2s,box-shadow .2s;display:inline-flex}.mesh-primary>span{background:#ddeaf2;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s;display:grid}.mesh-primary svg{stroke-width:1.6px;width:21px;height:21px;transition:transform .2s}.mesh-primary:hover{background:#dceffc;box-shadow:0 4px 20px #00132220}.mesh-primary:hover>span{background:#c3e3f6}.mesh-primary:hover svg{transform:translate(3px)}.mesh-project-link{color:#e1edf5;align-items:center;gap:11px;min-height:48px;font-size:14px;display:inline-flex}.mesh-project-link svg{stroke-width:1.4px;width:19px;height:19px;transition:transform .2s}.mesh-project-link:hover svg{transform:translate(2px,-2px)}.mesh-bottom{justify-content:flex-end;align-items:center;display:flex;position:absolute;bottom:32px;left:0;right:0}.mesh-motion-toggle{color:#a9c5d8;opacity:.65;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .2s,background .2s;display:grid}.mesh-motion-toggle svg{stroke-width:1.5px;width:16px;height:16px}.mesh-motion-toggle:disabled{cursor:default;opacity:.6}.mesh-hero :is(a,button):focus-visible{outline-offset:5px;outline:2px solid #9edfff}@media (min-width:1600px){.mesh-hero{margin-top:-104px}.mesh-layout{padding-top:125px}}@media (min-width:761px) and (max-width:1100px){.mesh-copy h1{font-size:85px}.mesh-copy{max-width:720px}}@media (max-width:760px){.mesh-hero{height:auto;min-height:0;margin-top:-82px}.mesh-layout{width:calc(100% - 44px);height:auto}.mesh-scrim{background:linear-gradient(90deg,#041625c9,#04162599 65%,#0416257d)}.mesh-copy{max-width:570px}.mesh-eyebrow{letter-spacing:.08em;margin-bottom:27px;font-size:12px}.mesh-copy h1{letter-spacing:-.064em;margin-bottom:25px;margin-left:-3px;font-size:clamp(53px,10.4vw,76px);line-height:1.06}.mesh-intro{max-width:410px;font-size:17px;line-height:1.65}.mesh-desktop-break{display:none}.mesh-actions{--mesh-action-inset:23px;flex-direction:column;align-items:flex-start;gap:12px;width:fit-content;max-width:100%;margin-top:27px}.mesh-primary{min-height:56px;padding-left:var(--mesh-action-inset);gap:26px;font-size:16px}.mesh-project-link{padding-left:var(--mesh-action-inset);min-height:44px;font-size:14px}.mesh-bottom{bottom:24px}}@media (max-width:420px){.mesh-copy h1{font-size:clamp(45px,12.8vw,54px)}.mesh-intro{font-size:16px}}@media (prefers-reduced-motion:reduce){.mesh-hero *,.mesh-hero :after{transition:none!important;animation:none!important}}.mesh-motion-toggle:is(:hover,:focus-visible){opacity:1;background:#a9c5d810}@media (prefers-reduced-motion:no-preference){.mesh-eyebrow,.mesh-copy h1,.mesh-intro,.mesh-actions{animation:.6s cubic-bezier(.2,.7,.2,1) both mesh-copy-arrive}.mesh-copy h1{animation-delay:40ms}.mesh-intro{animation-delay:.1s}.mesh-actions{animation-delay:.14s}@keyframes mesh-copy-arrive{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}.mesh-copy h1>span{color:#0000;background-image:linear-gradient(100deg,#4a7291 0% 36%,#bfe0f5 47%,#fff 50%,#bfe0f5 53%,#4a7291 64% 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out 1s infinite backwards mesh-shine-sweep}@keyframes mesh-shine-sweep{0%{background-position:200% 0}55%{background-position:30% 0}to{background-position:-100% 0}}}