@layer components{.tool-frame{width:min(1440px,100% - 32px);padding-inline:var(--edge);margin-inline:auto}.tool-hero{background:var(--color-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M56 0V56H0' fill='none' stroke='%23f4f3ef' stroke-opacity='.06'/%3E%3C/svg%3E") center -1px / 56px 56px;width:min(1440px,100% - 32px);color:var(--color-on-ink);text-align:center;border-radius:36px;margin:88px auto 0;padding:88px 64px 80px}.tool-hero__title{letter-spacing:-.05em;text-wrap:balance;max-width:14em;margin-inline:auto;font-size:clamp(44px,5vw,76px);font-weight:700;line-height:.98}.tool-hero__title mark{color:var(--color-brand-on-ink);background:0 0}.tool-hero__lead{letter-spacing:-.005em;max-width:38em;color:var(--color-on-ink-muted);text-wrap:pretty;margin:24px auto 0;font-size:18px;line-height:1.5}.tool-hero__body{text-align:left;max-width:820px;margin:40px auto 0}.tool-hero--hang{padding-bottom:208px}.tool-stage{width:min(1440px,100% - 32px);margin:-152px auto 0;padding-inline:48px;position:relative}.tool-float{background:var(--color-card);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 7%, transparent), 0 40px 80px -44px color-mix(in srgb, var(--color-ink) 40%, transparent);border-radius:28px}@media (max-width:1000px){.tool-hero{border-radius:30px;margin-top:84px;padding:56px 24px}.tool-hero--hang{padding-bottom:168px}.tool-stage{margin-top:-120px;padding-inline:16px}.tool-float{border-radius:24px}}@media (max-width:640px){.tool-hero{width:calc(100% - 16px);padding:40px 18px}.tool-hero__title{font-size:40px}.tool-hero__lead{font-size:16px}.tool-hero--hang{padding-bottom:136px}.tool-stage{width:calc(100% - 16px);margin-top:-96px;padding-inline:6px}}}