.wb__switch{margin-bottom:var(--space-6);justify-content:center;display:flex}.wb__stage{justify-items:center;display:grid;position:relative}.wb__frame{width:100%;max-width:var(--wb-frame,1120px);transition:max-width .75s var(--ease-in-out), border-radius .75s var(--ease-in-out)}.wb[data-device=tablet] .wb__frame{--wb-frame:860px;border-radius:26px}.wb[data-device=mobile] .wb__frame{--wb-frame:400px;border-radius:34px}.wb[data-device=mobile] .browser__dots{display:none}.wb__viewport{transition:height .75s var(--ease-in-out);position:relative;overflow:hidden}.wb__canvas{transform-origin:0 0;width:100%;container-type:inline-size}.wb.is-scaled .wb__canvas{width:var(--wb-canvas,1280px);transform:scale(var(--wb-scale,1));position:absolute;top:0;left:0}.wb__media{border-radius:0}.wb__site{background:var(--surface);color:var(--fg);gap:28px;padding:20px 28px 32px;font-size:15px;display:grid}.wb__nav{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding-bottom:16px;display:flex}.wb__brand{letter-spacing:-.02em;align-items:center;gap:8px;margin-right:auto;font-weight:700;display:inline-flex}.wb__logo{background:var(--brand);border-radius:7px;width:22px;height:22px}.wb__links{color:var(--fg-soft);gap:22px;font-size:14px;display:none}.wb__btn{border-radius:var(--radius-pill);background:var(--fg);color:var(--bg);white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:600;display:none}.wb__btn--lg{justify-self:start;padding:12px 22px;font-size:15px;display:inline-flex}.wb__burger{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.wb__burger svg{width:16px;height:16px}.wb__hero{gap:22px;display:grid}.wb__copy{align-content:center;gap:12px;display:grid}.wb__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.wb__title{letter-spacing:-.035em;text-wrap:balance;font-size:30px;font-weight:680;line-height:1.08}.wb__text{color:var(--fg-soft);line-height:1.55}.wb__art{background:var(--bg-alt);border-radius:18px;min-height:200px;position:relative;overflow:hidden}.wb__art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wb__blob{filter:blur(2px);border-radius:50%;position:absolute}.wb__blob--a{aspect-ratio:1;background:var(--brand);opacity:.85;width:70%;top:-18%;right:-12%}.wb__blob--b{aspect-ratio:1;background:var(--brand);opacity:.7;width:44%;bottom:-14%;left:8%}.wb__blob--c{aspect-ratio:1;background:var(--surface);opacity:.9;width:22%;box-shadow:var(--shadow-lg);top:34%;left:46%}.wb__cards{gap:12px;display:grid}.wb__card{background:var(--bg-alt);border:1px solid var(--line);border-radius:14px;gap:6px;padding:16px;display:grid}.wb__card-icon{background:var(--info-soft);width:32px;height:32px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.wb__card-icon svg{width:16px;height:16px}.wb__card-title{font-weight:620}.wb__card-text{color:var(--fg-soft);font-size:13px}@container (width>=600px){.wb__site{gap:36px;padding:24px 40px 44px}.wb__links,.wb__btn{display:inline-flex}.wb__burger{display:none}.wb__hero{grid-template-columns:1.1fr 1fr;gap:32px}.wb__title{font-size:40px}.wb__art{min-height:280px}.wb__cards{grid-template-columns:repeat(2,1fr)}}@container (width>=1000px){.wb__site{gap:48px;padding:28px 64px 60px}.wb__title{font-size:58px}.wb__text{max-width:46ch;font-size:17px}.wb__art{min-height:360px}.wb__cards{grid-template-columns:repeat(3,1fr)}}.wb__badge{z-index:3;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);white-space:nowrap;padding:10px 14px 10px 10px;display:none;position:absolute}.wb__badge strong{font-weight:600;display:block}.wb__badge small{font-size:var(--text-xs);color:var(--fg-muted);display:block}.wb__badge--0{top:30%;left:0}.wb__badge--1{top:14%;right:0}.wb__badge--2{bottom:10%;right:2%}@media (width>=1180px){.wb__badge{display:flex}}.wb__features{gap:var(--space-5) var(--space-6);margin-top:clamp(3rem,2rem + 3vw,4.5rem);display:grid}@media (width>=640px){.wb__features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.wb__features{grid-template-columns:repeat(3,minmax(0,1fr))}}.wb__feature{gap:var(--space-4);align-items:flex-start;display:flex}.wb__feature strong{margin-bottom:2px;font-weight:600;display:block}.wb__feature .body{font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){.wb__frame,.wb__viewport{transition:none}}@media (width<=640px){.wb__switch .segmented__btn{padding-inline:.8rem}}