@layer components{.btn{--btn-bg:var(--colors-pina-9);--btn-fg:var(--colors-bw-white-100);--btn-h:var(--height-56);--btn-px:var(--space-20);--btn-gap:var(--space-8);--btn-radius:var(--radius-16);--btn-icon:var(--icon-16);--btn-size:var(--ui-14-size);--btn-line:var(--ui-14-line);justify-content:center;align-items:center;gap:var(--btn-gap);height:var(--btn-h);padding-inline:var(--btn-px);border-radius:var(--btn-radius);background-color:var(--btn-bg);color:var(--btn-fg);font-family:inherit;font-size:var(--btn-size);line-height:var(--btn-line);letter-spacing:.00875em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;flex-shrink:0;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn[data-size=sm]{--btn-h:var(--height-40);--btn-px:var(--space-12);--btn-radius:var(--radius-12);--btn-size:var(--ui-12-size);--btn-line:var(--ui-12-line)}.btn[data-size=md]{--btn-h:var(--height-48);--btn-px:var(--space-16);--btn-radius:var(--radius-12)}.btn[data-size=xl]{--btn-h:var(--height-64);--btn-px:var(--space-24);--btn-radius:var(--radius-16);--btn-size:var(--ui-16-size);--btn-line:var(--ui-16-line)}.btn:hover:not([data-disabled]){--btn-bg:var(--colors-pina-10)}.btn:active:not([data-disabled]){--btn-bg:var(--colors-pina-11)}.btn:focus-visible{outline:2px solid var(--colors-pina-9);outline-offset:2px}.btn[data-disabled]{--btn-fg:var(--colors-bw-white-60);cursor:default}.btn>svg{width:var(--btn-icon);height:var(--btn-icon);pointer-events:none;flex-shrink:0}.benefit{gap:var(--space-20);box-sizing:border-box;width:100%;padding:var(--space-24) var(--space-28);border-radius:var(--radius-16);flex-direction:column;display:flex;position:relative;overflow:hidden}.benefit[data-surface=border]{background:var(--colors-grey-1);border:1px solid var(--colors-grey-5)}.benefit[data-surface=fill]{background:var(--colors-pina-9);color:var(--colors-bw-white-100)}.benefit[data-surface=gradient]{background:linear-gradient(110deg, var(--colors-pina-9) 0%, #c1dbff 120%);color:var(--colors-bw-white-100)}.benefit[data-surface=plain]{background:0 0;border:0;border-radius:0;padding:0}.benefit__text{gap:var(--space-12);flex-direction:column;width:100%;display:flex}.benefit__title{font-size:var(--accent-20-size);line-height:var(--accent-20-line);color:var(--colors-grey-12);font-weight:600}.benefit__description{font-size:var(--text-16-size);line-height:var(--text-16-line);color:var(--colors-grey-11)}.benefit[data-surface=fill] .benefit__title,.benefit[data-surface=gradient] .benefit__title{color:var(--colors-bw-white-100)}.benefit[data-surface=fill] .benefit__description,.benefit[data-surface=gradient] .benefit__description{color:var(--colors-bw-white-60)}.benefit__icon{color:var(--colors-pina-9);display:flex}.benefit__icon svg{width:var(--icon-48);height:var(--icon-48);display:block}.benefit[data-surface=fill] .benefit__icon,.benefit[data-surface=gradient] .benefit__icon{color:var(--colors-bw-white-100)}.benefit[data-media=glow-bottom],.benefit[data-media=glow-top]{min-height:340px}.benefit__glow{pointer-events:none;width:100%;position:absolute}.benefit[data-media=glow-top] .benefit__glow{top:0;left:50%;transform:translate(-50%,-50%)}.benefit[data-media=glow-bottom] .benefit__glow{bottom:0%;left:50%;transform:translate(-50%,50%)}.benefit__glow svg{width:100%;height:100%;display:block}}