.fullwidth{--fw-bar-h:3.4rem;scroll-margin-top:var(--site-header-bottom,calc(var(--site-header-h) + 1px));grid-template-columns:minmax(0,1fr);display:grid}.showcase-feature{--showcase-feature-bg:none;--showcase-feature-bg-sm:var(--showcase-feature-bg);--accent:#4fb3ff;--veil:.56;--bright:.88;--veil-angle:90deg;--glow:72% 48%;--focus:center;isolation:isolate;content-visibility:auto;contain-intrinsic-size:auto 42rem;background:#020408;border-top:8px solid #fffffff0;min-height:clamp(28rem,54vw,42rem);position:relative;overflow:hidden}.showcase-feature:last-child{border-bottom:8px solid #fffffff0}.fullwidth .showcase-feature__picture{z-index:0;pointer-events:none;background-image:linear-gradient(var(--veil-angle), rgba(1, 4, 8, min(1, calc(var(--veil) + .24))), rgba(3, 9, 15, max(0, calc(var(--veil) - .22))) 45%, rgba(1, 4, 8, max(0, calc(var(--veil) - .12)))), var(--showcase-feature-bg);background-position:var(--focus);filter:saturate(.86) brightness(var(--bright));background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@media (max-width:1024px){.fullwidth .showcase-feature__picture.a-bg-fixed-d{background-attachment:scroll!important}}@media (max-width:900px){.fullwidth .showcase-feature__picture{background-image:linear-gradient(var(--veil-angle), rgba(1, 4, 8, min(1, calc(var(--veil) + .24))), rgba(3, 9, 15, max(0, calc(var(--veil) - .22))) 45%, rgba(1, 4, 8, max(0, calc(var(--veil) - .12)))), var(--showcase-feature-bg-sm)}}.fullwidth .showcase-feature__backdrop{z-index:0;pointer-events:none;background:radial-gradient(circle at var(--glow), color-mix(in srgb, var(--accent) 24%, transparent), transparent 24rem), linear-gradient(180deg, #0003, #0000004d), #00000014;position:absolute;inset:0}.showcase-feature__inner{z-index:1;min-height:inherit;grid-template-columns:minmax(16rem,.82fr) minmax(22rem,1.18fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(3rem,5vw,5rem);display:grid;position:relative}.showcase-feature__copy{justify-self:end;width:min(100%,29rem);container-type:inline-size}.showcase-feature__logo{filter:drop-shadow(0 .6rem 1.3rem #00000073);width:3.65rem;height:3.65rem;margin-bottom:1.1rem;display:block}.showcase-feature__logo img{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.showcase-feature__eyebrow{color:#ffffffbd;font-family:var(--mystya-preheading-font);font-size:var(--mystya-preheading-size);font-style:var(--mystya-preheading-style);font-weight:var(--mystya-preheading-weight);letter-spacing:var(--mystya-preheading-letter-spacing);line-height:var(--mystya-preheading-line-height);text-transform:uppercase;margin:0 0 .65rem}.showcase-feature__title{color:#ffffffe6;max-width:none;font-family:var(--mystya-heading-font);font-size:min(clamp(2.25rem, 4.25vw, 4.4rem), calc(100cqw / (var(--longest,8) * .72)));font-style:var(--mystya-heading-style);font-weight:var(--mystya-heading-weight);letter-spacing:var(--mystya-heading-letter-spacing);text-transform:var(--mystya-heading-transform);text-wrap:balance;margin:0 0 .85rem;line-height:.88}.showcase-feature__description{color:#ffffffc7;max-width:25rem;font-family:var(--mystya-body-font);font-size:var(--mystya-body-size);font-style:var(--mystya-body-style);font-weight:var(--mystya-body-weight);line-height:var(--mystya-body-line-height);margin:0 0 1.45rem}.showcase-feature__cta{min-width:9.5rem}.showcase-feature__visual{align-self:stretch;place-items:center;display:grid;position:relative}.fw-stage{width:min(50rem,100%);height:clamp(21rem,35vw,32rem);position:relative}.fw-phone,.fw-laptop{pointer-events:none;position:absolute}.fw-phone{--a-parallax-scale:1.26;z-index:3;aspect-ratio:9/19.4;background:linear-gradient(165deg,#1d2229,#0b0e13 55%,#171c23) padding-box padding-box,linear-gradient(145deg,#ffffffa8,#ffffff29 30%,#ffffff0f 56%,#ffffff70) border-box;border:1.5px solid #0000;border-radius:14.5%/6.7%;width:min(31.5%,13.85rem);bottom:1%;left:17%;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #ffffff0d,0 2.4rem 3.6rem -1.2rem #000000b8,0 .4rem 1rem #00000059}.fw-phone.a-parallax-self{transform:translateY(var(--a-parallax-y))!important}.fw-phone__screen{background:#000;border-radius:11.5%/5.3%;display:block;position:absolute;inset:2.1% 3.6%;overflow:hidden}.fw-phone__screen img,.fw-laptop__screen img{object-fit:cover;width:100%;height:100%;display:block}[data-project=studiostylelibre] .fw-phone__screen img{object-position:36% center}.fw-phone__island{z-index:2;background:#000;border-radius:999px;width:30%;height:2.5%;position:absolute;top:3.6%;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff12}.fw-phone__keys:before,.fw-phone__keys:after{content:"";background:linear-gradient(#3b434d,#1b2028 40%,#0d1015);border-radius:2px;width:1.7%;position:absolute;box-shadow:0 0 0 1px #0009}.fw-phone__keys:before{height:15%;top:19%;left:-1.7%}.fw-phone__keys:after{height:11%;top:23%;right:-1.7%}.fw-laptop{z-index:1;aspect-ratio:16/10.6;filter:drop-shadow(0 1.6rem 2.6rem #00000080);width:min(66%,36rem);top:22%;right:clamp(-.7rem,-1vw,0rem)}.fw-laptop__lid{background:linear-gradient(170deg,#181d23,#0a0d12 60%,#12161c) padding-box padding-box,linear-gradient(160deg,#fff9,#ffffff24 35%,#ffffff0f 70%,#ffffff5c) border-box;border:1.5px solid #0000;border-radius:.8rem .8rem .35rem .35rem;display:block;position:absolute;inset:0 5.5% 7.5%;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #ffffff0a}.fw-laptop__screen{--a-parallax-scale:1.18;background:#000;border-radius:.35rem;display:block;position:absolute;inset:4.4% 2.4% 3.4%;overflow:hidden}.fw-laptop__camera{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#4b5766,#0a0d12 70%);border-radius:50%;width:1.5%;position:absolute;top:1.4%;left:50%;translate:-50%;box-shadow:0 0 0 1px #ffffff14}.fw-laptop__base{background:linear-gradient(#2c323b 0%,#171b21 38%,#0d1015 100%);border-radius:.25rem .25rem .9rem .9rem/.25rem .25rem .55rem .55rem;height:8%;display:block;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 0 1px #0009,inset 0 1px #ffffff47,inset 0 -1px #0009}.fw-laptop__base:before{content:"";background:linear-gradient(#0a0d12,#1b2028);border-radius:0 0 .3rem .3rem;width:16%;height:34%;position:absolute;top:0;left:50%;translate:-50%;box-shadow:inset 0 -1px #ffffff1f}@property --fw-sheen{syntax:"<angle>";inherits:false;initial-value:0deg}.fw-orbs{z-index:4;align-items:center;gap:clamp(.85rem,1.5vw,1.3rem);display:flex;position:absolute;bottom:clamp(1.05rem,2.4vw,2.2rem);right:18%}.fw-orbs:before{content:"";z-index:-1;background:radial-gradient(closest-side at 18% 50%, color-mix(in srgb, var(--c1) 60%, transparent), transparent), radial-gradient(closest-side at 50% 50%, color-mix(in srgb, var(--c2) 60%, transparent), transparent), radial-gradient(closest-side at 82% 50%, color-mix(in srgb, var(--c3) 60%, transparent), transparent);filter:blur(1.3rem);opacity:.42;pointer-events:none;border-radius:50%;animation:7s ease-in-out infinite alternate paused fw-pool;position:absolute;inset:-80% -30%}@keyframes fw-pool{0%{opacity:.36;scale:.9}to{opacity:.62;scale:1.08}}.fw-orb{--swatch:#888;aspect-ratio:1;background:radial-gradient(circle at 50% 34%, color-mix(in oklab, var(--swatch), white 9%) 0%, var(--swatch) 44%, color-mix(in oklab, var(--swatch), black 26%) 100%);width:clamp(2.1rem,3.4vw,3rem);box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 1px #0006, 0 0 0 1px color-mix(in srgb, var(--swatch) 28%, #ffffff29), 0 .6rem 1.4rem #00000073, 0 0 1.3rem color-mix(in srgb, var(--swatch) 42%, transparent);border-radius:50%;position:relative}.fw-orb:before{content:"";background:conic-gradient(from var(--fw-sheen) at 50% 50%, transparent 0 26%, #ffffff24 40%, #ffffff0a 50%, transparent 60% 100%);mix-blend-mode:screen;pointer-events:none;border-radius:50%;animation:14s linear infinite paused fw-sheen;position:absolute;inset:0}@keyframes fw-sheen{to{--fw-sheen:360deg}}.fw-orbs[data-palette=out] .fw-orb{opacity:0}.fw-orbs[data-palette=in] .fw-orb{animation:.64s cubic-bezier(.22,1,.36,1) backwards fullwidth-swatch}.fw-orbs[data-palette=in] .fw-orb:nth-child(2){animation-delay:.16s}.fw-orbs[data-palette=in] .fw-orb:nth-child(3){animation-delay:.32s}.fw-orbs[data-palette=in]:before,.fw-orbs[data-palette=in] .fw-orb:before{animation-play-state:running}@keyframes fullwidth-swatch{0%{opacity:0;transform:translateY(.8rem)scale(.5)}to{opacity:1;transform:none}}.fw-band{--row-deep:#0b0d11;--row-cool:#1a1f28;--row-main:#1a1f28;--row-warm:#1a1f28;--row-light:#e6eaf0;isolation:isolate;background:radial-gradient(ellipse 62% 130% at 0% 0%, color-mix(in oklab, var(--row-cool) 58%, transparent) 0%, transparent 68%), radial-gradient(ellipse 58% 120% at 100% 8%, color-mix(in oklab, var(--row-warm) 54%, transparent) 0%, transparent 70%), radial-gradient(ellipse 54% 90% at 50% 116%, color-mix(in oklab, var(--row-main) 50%, transparent) 0%, transparent 72%), linear-gradient(in oklab 112deg, color-mix(in oklab, var(--row-deep) 88%, #030306) 0%, color-mix(in oklab, var(--row-cool) 44%, #05070c) 26%, color-mix(in oklab, var(--row-main) 38%, #05070c) 50%, color-mix(in oklab, var(--row-warm) 42%, #05070c) 74%, color-mix(in oklab, var(--row-deep) 92%, #020204) 100%);min-height:clamp(13rem,34vh,20rem);box-shadow:0 1px 0 color-mix(in oklab, var(--row-light) 20%, transparent) inset, 0 -1px 0 #0006 inset;border-top:8px solid #fffffff0;align-items:center;display:grid;position:relative;overflow:hidden}.fw-band:before,.fw-band:after{content:"";pointer-events:none;position:absolute;inset:0}.fw-band:before{z-index:-2;background:radial-gradient(ellipse 48% 70% at 14% -18%, color-mix(in oklab, var(--row-light) 24%, transparent) 0%, transparent 64%), radial-gradient(ellipse 40% 55% at 62% 40%, color-mix(in oklab, var(--row-main) 20%, transparent) 0%, transparent 70%), conic-gradient(from 212deg at 72% 38%, transparent 0deg, color-mix(in oklab, var(--row-light) 9%, transparent) 36deg, transparent 96deg)}.fw-band:after{z-index:-1;mix-blend-mode:soft-light;background:linear-gradient(#ffffff1a 0%,#fff0 14%),linear-gradient(100deg,#fff0 30%,#ffffff0d 46%,#fff0 60%),radial-gradient(130% 90%,#0000 55%,#00000061 100%)}.fw-band__inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:.55rem;padding-top:clamp(2.6rem,6vw,4rem);padding-bottom:clamp(2.6rem,6vw,4rem);display:flex;position:relative}.fw-band__word{color:#ffffffb8;font-family:var(--mystya-preheading-font);font-size:var(--mystya-preheading-size);font-style:var(--mystya-preheading-style);font-weight:var(--mystya-preheading-weight);letter-spacing:var(--mystya-preheading-letter-spacing);line-height:var(--mystya-preheading-line-height);text-transform:uppercase;text-shadow:0 1px 10px #00000061;margin:0}.fw-band__title{color:#fffffff0;font-family:var(--mystya-heading-font);font-size:min(clamp(2.6rem, 6.2vw, 5.4rem), calc((100vw - 3rem) / (var(--longest,8) * .72)));font-style:var(--mystya-heading-style);font-weight:var(--mystya-heading-weight);letter-spacing:var(--mystya-heading-letter-spacing);text-transform:var(--mystya-heading-transform);text-wrap:balance;text-shadow:0 1px 10px #00000061;margin:0;line-height:.92}@media (max-width:640px){.fw-band{border-top-width:5px;min-height:clamp(10rem,28vh,14rem)}}.fw-bar{min-width:0;top:var(--site-header-bottom,calc(var(--site-header-h) + 1px));z-index:30;height:var(--fw-bar-h);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:linear-gradient(#090d14cc,#05080dad);border-bottom:1px solid #ffffff12;position:sticky;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 48px -32px #000c}.fw-bar__inner{height:100%}.fw-bar__list{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:100%;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.4rem calc(100% - 1.4rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.4rem calc(100% - 1.4rem),#0000)}.fw-bar__list::-webkit-scrollbar{display:none}.fw-bar__tabs{align-items:stretch;gap:clamp(.2rem,1vw,.8rem);margin:0 auto;padding:0 1rem;display:flex}.fw-bar__tab{color:#fff9;font-family:var(--mystya-button-font);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:.6rem;padding:0 .9rem;font-size:.68rem;font-weight:500;line-height:1;text-decoration:none;transition:color .3s;display:inline-flex;position:relative}.fw-bar__tab:after{content:"";background:var(--row-light,#e6eaf0);height:2px;box-shadow:0 0 .8rem color-mix(in srgb, var(--row-light,#e6eaf0) 55%, transparent);opacity:0;border-radius:2px 2px 0 0;transition:opacity .35s,transform .5s cubic-bezier(.2,.88,.2,1);position:absolute;bottom:0;left:.9rem;right:.9rem;transform:scaleX(.3)}.fw-bar__tab[aria-current]{color:#fff}.fw-bar__tab[aria-current]:after{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.fw-bar__tab:hover{color:#fff}.fw-bar__tab:not([aria-current]):hover:after{opacity:.45;transform:scaleX(.6)}}.fw-bar__dot{aspect-ratio:1;background:radial-gradient(circle at 50% 34%, color-mix(in oklab, var(--row-main,#707782), white 9%) 0%, var(--row-main,#707782) 44%, color-mix(in oklab, var(--row-main,#707782), black 26%) 100%);width:.8rem;box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -1px 1px #0006, 0 0 0 1px #ffffff1f, 0 0 .5rem color-mix(in srgb, var(--row-main,#707782) 35%, transparent);border-radius:50%;transition:transform .4s cubic-bezier(.2,.88,.2,1),box-shadow .4s}.fw-bar__tab[aria-current] .fw-bar__dot{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -1px 1px #0006, 0 0 0 1px #ffffff47, 0 0 1rem color-mix(in srgb, var(--row-main,#707782) 80%, transparent);transform:scale(1.2)}.fw-band{scroll-margin-top:calc(var(--site-header-bottom,calc(var(--site-header-h) + 1px)) + var(--fw-bar-h))}@media (max-width:640px){.fullwidth{--fw-bar-h:3rem}.fw-bar__tab{padding:0 .7rem;font-size:.64rem}.fw-bar__tab:after{left:.7rem;right:.7rem}}.fullwidth-close{padding-top:clamp(3rem,6vw,4.5rem)}@media (max-width:1100px){.showcase-feature{contain-intrinsic-size:auto 53rem}.showcase-feature__inner{grid-template-columns:1fr;gap:1.5rem}.showcase-feature__copy{text-align:center;justify-self:center;width:min(100%,34rem)}.showcase-feature__logo{margin-left:auto;margin-right:auto}.showcase-feature__logo img{object-position:center}.showcase-feature__title,.showcase-feature__description{margin-left:auto;margin-right:auto}}@media (max-width:960px){.showcase-feature{min-height:auto}.fw-stage{width:min(40rem,100%);height:clamp(20rem,50vw,27rem)}.fw-laptop{width:66%;top:24%;right:-2%}.fw-phone{width:32%;bottom:2%;left:16%}.fw-orbs{bottom:clamp(.85rem,2vw,1.65rem);right:16%}}@media (max-width:640px){.showcase-feature{contain-intrinsic-size:auto 50rem;border-top-width:5px}.showcase-feature:last-child{border-bottom-width:5px}.showcase-feature__inner{padding-top:3.2rem;padding-bottom:3.2rem}.showcase-feature__visual{width:100%}.fw-stage{width:100%;height:19.5rem}.fw-laptop{width:78%;top:30%;right:-18%}.fw-phone{width:37%;bottom:4%;left:10%}.fw-orbs{bottom:1rem;right:10%}}
