:root{--spectrum: linear-gradient(90deg, var(--tone-pdf) 0%, var(--tone-video) 9%, var(--tone-slides) 19%, var(--tone-sheets) 30%, var(--tone-apps) 40%, var(--tone-notes) 50%, var(--tone-document) 61%, var(--tone-agent) 69%, var(--tone-forms) 79%, var(--tone-automate) 88%, var(--tone-design) 100%)}.tone-tint{--tone-ink: color-mix(in srgb, var(--product-tone) 62%, #10163a)}:root[data-theme=dark] .tone-tint{--tone-ink: color-mix(in srgb, var(--product-tone) 58%, #ffffff)}.band-dark .tone-tint,.agent-door .tone-tint{--tone-ink: color-mix(in srgb, var(--product-tone) 58%, #ffffff)}:root .eyebrow.tone-tint{color:var(--tone-ink);display:inline-flex;align-items:center;gap:9px}.eyebrow.tone-tint:before{content:"";width:13px;height:13px;flex:none;border-radius:4px;background:var(--product-tone);box-shadow:0 2px 7px -1px color-mix(in srgb,var(--product-tone) 62%,transparent)}@media(prefers-reduced-motion:no-preference){.eyebrow.tone-tint:before{transition:transform .25s ease}.head:hover .eyebrow.tone-tint:before{transform:rotate(-8deg) scale(1.12)}}.spectrum-rule{height:3px;border:0;margin:0;background:var(--spectrum);opacity:.92}.spectrum-rule.soft{height:2px;opacity:.5}.scroll-progress{background:var(--spectrum)!important;background-size:100vw 100%!important}.promise-item .promise-mark{background:color-mix(in srgb,var(--product-tone) 13%,var(--surface));color:var(--tone-ink);border:1px solid color-mix(in srgb,var(--product-tone) 26%,var(--line))}.promise-item b{color:var(--ink)}.promise-item .promise-tool{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:2px;color:var(--tone-ink);background:color-mix(in srgb,var(--product-tone) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--product-tone) 24%,var(--line))}.fmt .ext.tone-tint{color:var(--tone-ink);background:color-mix(in srgb,var(--product-tone) 9%,var(--surface));border-color:color-mix(in srgb,var(--product-tone) 30%,var(--line));font-weight:700}.fmt .ext.tone-tint:hover{background:color-mix(in srgb,var(--product-tone) 15%,var(--surface));border-color:color-mix(in srgb,var(--product-tone) 52%,var(--line))}.fmt .ext.native.tone-tint{background:color-mix(in srgb,var(--product-tone) 16%,var(--surface));border-color:color-mix(in srgb,var(--product-tone) 46%,var(--line))}.hpill{position:relative;overflow:hidden}.hpill:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--spectrum);opacity:.85}@media(max-width:900px){.hero-tool-picker{padding-bottom:40px}}@media(max-width:430px){.hero-tool-picker{padding-bottom:56px}}.hero-tool-hint .spectrum-word{background:var(--spectrum);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:750}.final{position:relative}.final:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--spectrum);opacity:.9}.price{--plan-tone: var(--tone-hub)}.price[data-tier=free]{--plan-tone: var(--tone-sheets)}.price[data-tier=plus]{--plan-tone: var(--tone-notes)}.price[data-tier=pro]{--plan-tone: var(--tone-document)}.price[data-tier=max]{--plan-tone: var(--tone-forms)}.price[data-tier=ultra]{--plan-tone: var(--tone-design)}.price[data-tier=family]{--plan-tone: var(--tone-apps)}.price[data-tier=family-max]{--plan-tone: var(--tone-notes)}.price[data-tier=team]{--plan-tone: var(--tone-document)}.price[data-tier=business]{--plan-tone: var(--tone-automate)}.price[data-tier]{--product-tone: var(--plan-tone);--tone-ink: color-mix(in srgb, var(--plan-tone) 62%, #10163a)}:root[data-theme=dark] .price[data-tier]{--tone-ink: color-mix(in srgb, var(--plan-tone) 58%, #ffffff)}.price[data-tier] .cr{color:var(--tone-ink)}.price[data-tier] li svg{stroke:var(--plan-tone)}@media(prefers-reduced-motion:no-preference){.spectrum-rule.drift{background-size:220% 100%;animation:spectrum-drift 26s linear infinite}@keyframes spectrum-drift{0%{background-position:0% 50%}to{background-position:220% 50%}}}@media(max-width:560px){.eyebrow.tone-tint{gap:7px}.eyebrow.tone-tint:before{width:11px;height:11px}.promise-item .promise-tool{margin-left:6px}}