@layer theme,base,legacy,components,utilities;@layer legacy{.extension-page{min-height:100dvh;color:var(--ink);background:var(--paper-light)}.extension-page .shell{width:min(100% - 80px,1160px)}.extension-page .section{padding-block:clamp(64px,7vw,96px)}.extension-page :is(section[id],article[id]){scroll-margin-top:96px}.extension-page .eyebrow{font-size:12px;letter-spacing:.08em;text-transform:none}.extension-page .button{min-height:48px;padding-inline:22px;gap:12px;box-shadow:none}.extension-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fbf8f1f5}.extension-header__inner{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px}.extension-header .logo{width:96px;height:54px;flex:none}.extension-header .logo img{width:100%;height:auto;object-fit:contain}.extension-header__nav,.extension-header__actions{display:flex;align-items:center;gap:28px}.extension-header__nav a{display:inline-flex;min-height:44px;align-items:center;color:var(--ink-soft);font-size:13px;font-weight:600;transition:color .18s ease}.extension-header__nav a:hover{color:var(--green)}.extension-header__actions{gap:16px}.extension-header .extension-header__cta{min-height:42px}.extension-hero{padding:clamp(48px,6vw,80px) 0 24px}.extension-hero__grid{display:grid;gap:32px}.extension-hero__copy{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:24px 64px}.extension-hero__copy>.eyebrow{grid-column:1 / -1}.extension-hero h1{font-family:var(--serif);font-size:clamp(48px,5.8vw,78px);font-weight:400;letter-spacing:-.055em;line-height:1;text-wrap:balance}.extension-hero h1 em{display:block;color:var(--green);font-weight:inherit}.extension-hero__details{padding-bottom:3px}.extension-hero__lede{max-width:46ch;color:var(--ink-soft);font-size:17px;line-height:1.65;text-wrap:pretty}.extension-hero__actions{display:flex;margin-top:24px;align-items:center;flex-wrap:wrap;gap:12px 22px}.extension-text-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--green-dark);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#2f6a5d4d;transition:color .18s ease,transform .18s ease}.extension-text-link:hover{color:var(--green)}.extension-text-link:active{transform:translateY(1px)}.extension-hero__note{display:flex;margin-top:16px;align-items:center;gap:8px;color:var(--muted-ink);font-size:12px;line-height:1.5}.extension-hero__note svg{flex:none;color:var(--green)}.extension-platform-strip{display:flex;margin-top:8px;padding-top:20px;border-top:1px solid var(--line);align-items:center;justify-content:space-between;gap:24px}.extension-platform-strip__label{color:var(--muted-ink);font-size:12px}.extension-platform-links{display:grid;grid-template-columns:repeat(4,auto);gap:12px 32px}.extension-platform{display:flex;min-height:44px;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-soft);transition:color .18s ease}.extension-platform>svg{color:var(--muted-ink)}.extension-platform:hover{color:var(--green)}.extension-browser-mark{display:grid;width:42px;height:42px;flex:none;color:var(--green);place-items:center}.extension-platform .extension-browser-mark{width:24px;height:24px}.extension-browser-mark img{display:block;width:100%;height:100%;object-fit:contain}.extension-hero__visual{min-width:0;margin:0}.extension-screenshot-link{display:block;padding:6px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 16px 48px -24px #37302247;cursor:zoom-in}.extension-screenshot-link img{display:block;width:100%;height:auto;border-radius:12px}.extension-hero__visual figcaption{display:flex;margin-top:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 20px;color:var(--muted-ink);font-size:12px}.extension-hero__visual figcaption .extension-text-link{font-size:12px}.extension-section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:18px 72px}.extension-section-heading .eyebrow{grid-column:1 / -1}.extension-section-heading h2,.extension-privacy h2{font-family:var(--serif);font-size:clamp(36px,4vw,52px);font-weight:400;letter-spacing:-.045em;line-height:1.08}.extension-section-heading>p:not(.eyebrow){max-width:48ch;color:var(--muted-ink);font-size:16px;line-height:1.65}.extension-how__layout,.extension-privacy__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(40px,7vw,100px)}.extension-how .extension-section-heading{grid-template-columns:1fr}.extension-how__steps{border-top:1px solid var(--line)}.extension-how__steps article{display:grid;padding:22px 0;border-bottom:1px solid var(--line);grid-template-columns:32px 1fr;gap:14px}.extension-how__steps article>span{padding-top:4px;color:var(--green);font-size:12px;font-variant-numeric:tabular-nums}.extension-how__steps h3{font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.4}.extension-how__steps p,.extension-feature p{max-width:55ch;margin-top:8px;color:var(--muted-ink);font-size:15px;line-height:1.65}.extension-features{border-top:1px solid var(--line)}.extension-feature-grid{display:grid;margin-top:44px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:0 40px}.extension-feature{min-width:0}.extension-feature h3{margin-top:12px;font-size:clamp(21px,2.1vw,27px);font-weight:600;letter-spacing:-.035em;line-height:1.25}.extension-feature__kicker{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;font-weight:600;line-height:1.5}.extension-feature__icon{color:var(--green);padding-top:2px}.extension-feature--formats{grid-row:span 2;padding:clamp(24px,3.4vw,42px);border-radius:16px;background:#ece9df}.extension-feature--formats h3{max-width:18ch;font-family:var(--serif);font-size:clamp(30px,3.2vw,42px);font-weight:400;line-height:1.08}.extension-format-list{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.extension-format-list li{display:grid;min-height:55px;padding-block:10px;border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:12px;font-size:14px}.extension-format-list li span{color:var(--muted-ink);font-size:12px;font-variant-numeric:tabular-nums}.extension-format-list li svg{color:var(--green)}.extension-feature--adaptive,.extension-feature--progress{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:center;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.extension-feature--progress{border-bottom:1px solid var(--line)}.extension-feature--controls{display:grid;margin-top:28px;padding:28px 0 0;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}.extension-feature--controls h3{font-size:22px}.extension-key-row{display:flex;flex-wrap:wrap;gap:18px}.extension-key-row>span{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:12px}.extension-key-row kbd{display:grid;min-width:42px;min-height:36px;padding:0 10px;border:1px solid #d4d0c5;border-bottom-width:3px;border-radius:7px;background:#f2efe6;color:var(--ink-soft);font-size:12px;place-items:center}.extension-privacy{border-top:1px solid var(--line);background:var(--paper)}.extension-privacy h2{margin-top:18px}.extension-privacy__copy>p:not(.eyebrow){max-width:48ch;margin-top:20px;color:var(--ink-soft);font-size:16px;line-height:1.65}.extension-privacy__copy .extension-text-link{margin-top:16px}.extension-privacy__proof ul{margin:0;padding:0;list-style:none}.extension-privacy__proof li{display:grid;padding:12px 0;border-bottom:1px solid var(--line);grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;line-height:1.6}.extension-privacy__proof li svg{margin-top:3px;color:var(--green)}.extension-permission-note{margin-top:20px;padding-left:18px;border-left:2px solid var(--green)}.extension-permission-note span{color:var(--green-dark);font-size:12px;font-weight:650}.extension-permission-note p{margin-top:6px;color:var(--muted-ink);font-size:13px;line-height:1.6}.extension-browsers{background:var(--green-dark)}.extension-browsers__heading{margin-bottom:36px}.extension-section-heading--light h2{color:var(--paper-light)}.extension-section-heading--light>p:not(.eyebrow){color:#c6d4cd}.extension-browser-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.extension-browser-row{position:relative;display:grid;padding:26px;border:1px solid rgba(251,248,241,.25);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;color:var(--ink);background:var(--paper-light)}.extension-browser-row.is-current{border-color:#b9cbc1}.extension-browser-row__identity{display:flex;min-width:0;align-items:center;gap:12px}.extension-browser-row h3{font-size:17px;font-weight:650;letter-spacing:-.025em}.extension-browser-row p{margin-top:5px;color:var(--muted-ink);font-size:12px;line-height:1.5}.extension-browser-row__action{display:flex;justify-content:flex-end}.extension-store-badge{display:inline-flex;flex:none;padding:12px;align-items:center;justify-content:center;border-radius:4px}.extension-store-badge img{display:block;width:auto;height:48px;max-width:none}.extension-store-badge:focus-visible{outline:2px solid var(--green);outline-offset:2px}.extension-current-browser{position:absolute;bottom:7px;left:80px;display:flex;align-items:center;gap:5px;color:var(--green);font-size:12px;line-height:1}.extension-safari-note{display:flex;max-width:86ch;margin-top:24px;align-items:flex-start;gap:12px;color:#c6d4cd;font-size:13px;line-height:1.65}.extension-safari-note svg{margin-top:1px;flex:none}.extension-faq__grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:80px}.extension-faq .extension-section-heading{display:block}.extension-faq h2{margin-top:18px}.extension-faq__list{border-top:1px solid var(--line)}.extension-faq details{border-bottom:1px solid var(--line)}.extension-faq summary{position:relative;display:grid;min-height:74px;padding:20px 30px 20px 0;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:600;line-height:1.5;list-style:none}.extension-faq summary::-webkit-details-marker{display:none}.extension-faq summary>span{color:var(--muted-ink);font-size:12px;font-variant-numeric:tabular-nums}.extension-faq summary>i,.extension-faq summary>i:after{position:absolute;right:2px;width:14px;height:1px;background:var(--green);transition:transform .2s ease}.extension-faq summary>i:after{content:"";right:0;transform:rotate(90deg)}.extension-faq details[open] summary>i:after{transform:rotate(0)}.extension-faq details>p{max-width:65ch;padding:0 30px 24px 38px;color:var(--muted-ink);font-size:14px;line-height:1.7}.extension-page .extension-final{padding-block:40px;border-top:1px solid var(--line)}.extension-final__inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.extension-final h2{font-family:var(--serif);font-size:clamp(25px,3vw,36px);font-weight:400;letter-spacing:-.035em}.extension-final p{margin-top:8px;color:var(--muted-ink);font-size:14px;line-height:1.6}.extension-final .button{flex:none}.extension-page .footer--compact{padding-top:48px;padding-bottom:28px}.extension-brand-credit{padding-bottom:28px;color:var(--muted-ink);font-size:11px;line-height:1.65}@media(max-width:1079px){.extension-header__nav{display:none}.extension-hero__copy{gap:22px 32px}.extension-hero__actions{gap:8px 18px}.extension-platform-links{gap:8px 22px}.extension-feature-grid{gap:0 28px}.extension-feature--controls{grid-template-columns:1fr;gap:22px}.extension-browser-row{padding:22px;grid-template-columns:1fr;gap:18px}.extension-browser-row__action{justify-content:flex-start;margin-left:-12px}.extension-current-browser{inset:15px 16px auto auto}.extension-faq__grid{gap:40px}}@media(min-width:768px)and (max-width:959px){.extension-hero__copy{grid-template-columns:1fr}.extension-hero h1{font-size:64px}.extension-hero__lede{max-width:62ch}}@media(max-width:767px){.extension-page .shell{width:calc(100% - 40px)}.extension-page .section{padding-block:56px}.extension-header__inner{min-height:64px;gap:12px}.extension-header .logo{width:76px;height:46px}.extension-header__actions{gap:10px}.extension-header .extension-header__cta{min-height:40px;padding-inline:13px;font-size:12px}.extension-header__cta svg{display:none}.extension-hero{padding-top:36px}.extension-hero__grid{gap:24px}.extension-hero__copy{grid-template-columns:1fr;gap:18px}.extension-hero h1{max-width:620px;font-size:clamp(42px,8.2vw,58px)}.extension-hero__lede{font-size:16px}.extension-hero__actions{margin-top:20px}.extension-hero__note{margin-top:12px}.extension-platform-strip{display:block;margin-top:0;padding-top:16px}.extension-platform-strip__label{display:block;margin-bottom:10px}.extension-platform-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.extension-platform{gap:6px;font-size:12px}.extension-platform>svg{display:none}.extension-platform .extension-browser-mark{width:20px;height:20px}.extension-screenshot-link{padding:3px;border-radius:12px}.extension-screenshot-link img{border-radius:9px}.extension-hero__visual figcaption{align-items:flex-start;flex-direction:column;margin-top:12px}.extension-hero__visual figcaption>span{line-height:1.6}.extension-section-heading,.extension-how__layout,.extension-privacy__grid,.extension-faq__grid{grid-template-columns:1fr;gap:28px}.extension-section-heading{gap:14px}.extension-section-heading h2,.extension-privacy h2{max-width:19ch;font-size:clamp(34px,6vw,42px)}.extension-feature-grid{margin-top:28px;grid-template-columns:1fr;gap:0}.extension-feature--formats{grid-row:auto;margin-bottom:24px}.extension-feature--adaptive,.extension-feature--progress{gap:14px;padding-block:24px}.extension-feature--controls{margin-top:0;padding-top:24px}.extension-key-row{gap:12px 20px}.extension-browser-list{grid-template-columns:1fr}.extension-browser-row{padding:24px}.extension-current-browser{top:13px;right:14px}.extension-safari-note{font-size:12px}.extension-final__inner{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:359px){.extension-header .logo{width:68px}.extension-header__inner{gap:8px}.extension-header .extension-header__cta{padding-inline:10px}.extension-header__actions{gap:5px}.extension-hero h1{font-size:39px}.extension-platform-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.extension-page *,.extension-page *:before,.extension-page *:after{scroll-behavior:auto;transition:none;animation:none}}}