@layer components{.bx-shell{width:min(1200px,100%);margin-inline:auto;padding-inline:20px}@media (min-width:768px){.bx-shell{padding-inline:32px}}:where(.bx-home .bx-shell) :where(h1,h2,h3,p){margin:0}.bx-lede{color:var(--text-secondary);text-wrap:pretty;line-height:1.45}.bx-home .bx-btn{border-radius:var(--radius-full);background:var(--accent);min-height:56px;color:var(--accent-foreground);font-size:var(--text-title-sm-size);white-space:nowrap;justify-content:center;align-items:center;padding-inline:30px;font-weight:600;text-decoration:none;transition:background-color .16s ease-out,transform .16s ease-out;display:inline-flex}.bx-home .bx-btn:hover{background:var(--accent-hover)}.bx-home .bx-btn:active{background:var(--accent-active);transform:scale(.98)}.bx-home .bx-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.bx-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bx-hero{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:calc(100dvh - 65px);padding-block:24px 48px;display:grid}.bx-hero-copy{justify-items:center;gap:18px;display:grid}.bx-hero h1{font-size:var(--text-home-hero-size);letter-spacing:-.045em;text-wrap:balance;font-weight:650;line-height:1}.bx-hero .bx-lede{max-width:30ch;font-size:var(--text-home-lede-size)}.bx-hero .bx-actions{justify-content:center;width:100%;margin-block-start:14px}@media (max-width:639px){.bx-hero .bx-btn{width:100%}}.bx-fold{aspect-ratio:1;order:-1;place-items:center;width:min(64vw,280px);display:grid;position:relative}.bx-fold:before,.bx-fold:after{border-radius:var(--radius-full);content:"";position:absolute}.bx-fold:before{background:var(--accent-soft);inset:0}.bx-fold:after{background:var(--surface);opacity:.55;inset:15%}.bx-fold-mark{z-index:var(--layer-raised);width:74%;display:block;position:relative}.bx-fold-mark img{width:100%;height:auto;display:block}@media (min-width:900px){.bx-hero{text-align:start;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);place-items:center start;gap:48px}.bx-hero-copy{justify-items:start;gap:24px}.bx-hero .bx-actions{justify-content:flex-start;margin-block-start:8px}.bx-fold{order:0;justify-self:end;width:min(100%,420px)}}}@media (prefers-reduced-motion:no-preference){.bx-fold-mark{animation:7s cubic-bezier(.65,0,.35,1) infinite brand-fold}}