@layer properties,theme;@layer base{html:has([data-opening-overlay]:not([data-complete=true])){background-color:var(--semantic-color-canvas-inverse)}html:has([data-opening-overlay]:not([data-complete=true])) body{background-color:var(--semantic-color-canvas-inverse)}}@layer components;
@layer properties,theme,base;@layer components{.showcase-frame{opacity:1}.showcase-frame__content{z-index:1}.showcase-frame__image--contain,.showcase-frame__image--cover{object-position:center}.showcase-frame__image--contain{object-fit:contain}.showcase-frame__image--cover{object-fit:cover}.showcase-frame__image--vivid{filter:contrast(1.1)saturate(1.12)}.showcase-frame__border,.showcase-frame__border-path{z-index:2;fill:none}.showcase-frame__border{stroke:var(--component-contact-cta-frame-stroke)}}
@layer properties,theme,base;@layer components{.contact-cta{--contact-cta-aspect:343 / 577;aspect-ratio:var(--contact-cta-aspect);padding:8rem var(--spacing-side) var(--spacing-side);background:var(--semantic-color-canvas);color:var(--semantic-color-fg-inverse);overflow:hidden}.contact-cta__inner{width:100%;height:calc(100% - 8rem - var(--spacing-side));border-radius:var(--radius-contact-cta-stage);background:var(--component-contact-cta-stage);flex-direction:column;align-items:center;display:flex;position:relative;top:0;left:0;overflow:hidden}.contact-cta__inner-content,.contact-cta__outer{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;inset:0}.contact-cta__inner-content{z-index:1;text-align:center;justify-content:center}.contact-cta__caption{font-size:var(--text-contact-cta-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--text-contact-cta-caption--letter-spacing);line-height:var(--text-contact-cta-caption--line-height);text-transform:uppercase}.contact-cta__title{margin-block:2rem}.contact-cta__title-text{font-family:var(--font-display);font-size:var(--text-contact-cta-title);font-weight:var(--font-weight-black);letter-spacing:var(--text-contact-cta-title--letter-spacing);line-height:var(--text-contact-cta-title--line-height);text-transform:uppercase}.contact-cta__title-line{display:block}.contact-cta__title-word{display:inline-block}.contact-cta__frames{width:100%;max-width:var(--container-main);height:100%;position:relative;top:0;left:0}.contact-cta__frame-wrap{height:auto;position:absolute;left:50%}.contact-cta__frame-wrap--bottom-left{aspect-ratio:1.2;width:32rem;top:85%;transform:translate(-50%,-40%)}.contact-cta__frame-wrap--top-left{display:none}.contact-cta__frame-wrap--top-right{aspect-ratio:.9;width:28rem;top:0;transform:translate(-50%,-10%)}@media not all and (min-width:1280px){.contact-cta{aspect-ratio:auto;padding-top:var(--spacing-section)}.contact-cta__inner{height:auto}.contact-cta__inner-content{height:auto;padding:20rem 2.4rem;position:relative}.contact-cta__title{width:100%;margin-block:2.4rem}.contact-cta__inner>.contact-cta__frames{pointer-events:none;position:absolute;inset:0}.contact-cta__outer{pointer-events:none}.contact-cta__frame-wrap--bottom-left{width:min(32rem,80vw);top:auto;bottom:-6.4rem;transform:translate(-50%)}.contact-cta__frame-wrap--top-right{width:min(28rem,70vw)}}@media (min-width:1280px){.contact-cta{--contact-cta-aspect:1517 / 663;max-height:calc(2000px / (var(--contact-cta-aspect)));padding:var(--spacing-side)}.contact-cta__inner{height:100%}.contact-cta__title{margin-block:3.5rem}.contact-cta__frame-wrap{aspect-ratio:.7}.contact-cta__frame-wrap--bottom-left{width:30%;top:auto;bottom:0;left:10%;transform:translateY(40%)}.contact-cta__frame-wrap--top-left{width:30%;display:block;top:0;left:10%;transform:translateY(-40%)}.contact-cta__frame-wrap--top-right{width:38%;top:0;left:66%;transform:translateY(-14%)}}}
@layer properties,theme,base;@layer components{.intro-visual{--intro-visual-x:0px;--intro-visual-y:0px;background-color:var(--semantic-color-canvas);width:100%;height:100%;display:block;position:relative;overflow:hidden}.intro-visual__stage{transform:translate3d(var(--intro-visual-x), var(--intro-visual-y), 0);position:absolute;inset:0}.intro-visual__media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.intro-visual__source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}}
@layer properties,theme,base;@layer components{@media not all and (min-width:1280px){.manifesto-chip{--chip-width:min(20rem, calc(100vw - 2 * var(--spacing-side) - 4rem))}.manifesto-chip__dot{width:2.4rem;height:2.4rem;transform:translate(-50%,-50%)}}}
@layer properties,theme,base;@layer components{.manifesto-showcase__visual{visibility:hidden;opacity:0}.manifesto-showcase__visual--ready{visibility:visible;opacity:1}@media (prefers-reduced-motion:reduce){.manifesto-showcase__visual{visibility:visible;opacity:1;transition:none;animation:none;transform:none}}}
@layer properties,theme,base;@layer components{.delivery-card__glow{background-image:linear-gradient(180deg, var(--component-delivery-glow), transparent), linear-gradient(90deg, var(--component-delivery-glow), transparent)}.delivery-card--scope{aspect-ratio:520/305;align-self:flex-end;width:28rem}.delivery-card--code{aspect-ratio:1;align-self:flex-start;width:18rem}.delivery-card--tests{aspect-ratio:520/705;align-self:center;width:24rem}.delivery-card--demo{aspect-ratio:520/705;align-self:flex-start;width:28rem}.delivery-card--handover{aspect-ratio:1;align-self:flex-end;width:18rem}.delivery-card--trademark{aspect-ratio:530/305;align-self:flex-start;width:28rem}@media not all and (min-width:1280px){.delivery-card--scope,.delivery-card--code,.delivery-card--tests,.delivery-card--demo,.delivery-card--handover,.delivery-card--trademark{aspect-ratio:auto;align-self:stretch;width:100%;min-width:0;min-height:24rem}.delivery-card__content{gap:2.4rem;min-height:24rem}.delivery-card--handover .delivery-card__content{min-height:44rem}}@media (min-width:1280px){.delivery-card--scope{align-self:stretch;width:100%}.delivery-card--code{align-self:flex-end;width:33rem}.delivery-card--tests,.delivery-card--demo{align-self:stretch;width:100%}.delivery-card--handover{align-self:flex-start;width:33rem}.delivery-card--trademark{align-self:stretch;width:100%}}}