.ext-hero{padding:var(--space-20) 0 var(--space-12)}.ext-hero .container{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.ext-hero__content{max-width:560px}.ext-hero__eyebrow{margin:0 0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.ext-hero h1{font-size:var(--text-4xl);font-weight:var(--weight-display);margin:0 0 var(--space-4);line-height:1.1}.ext-hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.ext-hero__mobile-cta{display:none}.btn-chrome{gap:var(--space-3);min-height:var(--space-12);padding:var(--space-3) var(--space-8);font-size:var(--text-lg)}.btn-chrome:hover{color:#fff}.btn-chrome__icon{width:var(--space-6);height:var(--space-6);background:url(/assets/chrome-icon.svg) 50%/contain no-repeat;flex-shrink:0}@media (forced-colors:active){.btn-chrome__icon{display:none}}.browser-frame{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-ambient);overflow:hidden}.browser-frame__bar{background:rgba(255, 255, 255, var(--alpha-xs));border-bottom:1px solid var(--color-border);gap:6px;padding:10px 14px;display:flex}.browser-frame__dot{border-radius:50%;width:10px;height:10px}.browser-frame__dot:first-child{background:#ff5f56}.browser-frame__dot:nth-child(2){background:#ffbd2e}.browser-frame__dot:nth-child(3){background:#27c93f}.browser-frame img{aspect-ratio:740/800;object-fit:cover;object-position:50% 0;width:100%;height:auto;display:block}.ext-how-it-works{padding:var(--space-16) 0}.ext-timeline{gap:var(--space-8);margin:var(--space-8) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.ext-timeline-step{align-items:flex-start;gap:var(--space-4);display:flex}.ext-timeline-number{width:var(--space-12);height:var(--space-12);background:var(--color-primary);color:#fff;font-weight:var(--weight-display);font-size:var(--text-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ext-timeline-step h3{font-size:var(--text-base);margin:var(--space-3) 0 var(--space-2)}.ext-timeline-step p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.ext-screenshots{padding:var(--space-16) 0}.ext-screenshots__grid,.ext-features__grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ext-feature-icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-primary) 10%, transparent);margin-bottom:var(--space-3);color:var(--color-primary-light);justify-content:center;align-items:center;display:flex}.ext-feature-icon svg{width:var(--space-6);height:var(--space-6);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ext-section-intro{color:var(--color-text-secondary);font-size:var(--text-base);max-width:65ch;margin:var(--space-4) auto var(--space-8);line-height:1.7}.ext-compare{padding:var(--space-16) 0}.ext-compare__table-wrap{margin-top:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.ext-compare__table-wrap:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.ext-compare__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ext-compare__table thead th,.ext-compare__table thead td{background:rgba(255, 255, 255, var(--alpha-xs));padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-bold);color:var(--color-text);border-bottom:1px solid var(--color-border)}.ext-compare__table thead th:nth-child(2),.ext-compare__table tbody td:first-of-type{background:color-mix(in oklab, var(--color-primary) 8%, transparent)}.ext-compare__table tbody td:first-of-type{color:var(--color-text);font-weight:var(--weight-medium)}.ext-compare__table tbody th{padding:var(--space-3) var(--space-4);font-weight:var(--weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);text-align:left}.ext-compare__table tbody td{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.ext-compare__table th,.ext-compare__table td{overflow-wrap:anywhere;vertical-align:top}.ext-compare__verdict{color:var(--color-text);margin:var(--space-6) auto 0;font-size:var(--text-base);max-width:65ch;line-height:1.6}.ext-bridge{padding:var(--space-16) 0}.ext-bridge__content{border:1px solid color-mix(in oklab, var(--color-primary) 20%, transparent);border-radius:var(--radius-xl);padding:var(--space-10);background:linear-gradient(135deg,#2962ff26 0%,#ff4d4d1a 100%)}.ext-bridge h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.ext-bridge__text{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:60ch;margin:0 0 var(--space-8);line-height:1.6}.ext-bridge__actions{align-items:center;gap:var(--space-8);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.ext-bridge__qr{align-items:center;gap:var(--space-4);display:flex}.ext-bridge__qr-frame{width:128px;height:128px;padding:var(--space-2);border-radius:var(--radius-md);background:#fff;flex-shrink:0}.ext-bridge__qr-frame svg{width:100%;height:100%;display:block}.ext-bridge__qr-label{max-width:16ch;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.ext-bridge__badges{display:none}.ext-bridge__link{min-height:var(--space-12);color:var(--color-primary-light);font-weight:var(--weight-semibold);text-underline-offset:3px;font-size:var(--text-base);align-items:center;text-decoration:underline;display:inline-flex}.ext-bridge__link:hover{color:var(--color-text)}.ext-faq details{border-bottom:1px solid var(--color-border)}.ext-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);list-style:none;display:flex}.ext-faq summary::-webkit-details-marker{display:none}.ext-faq summary:after{content:"+";font-size:var(--text-xl);font-weight:var(--weight-body);color:var(--color-text-muted);flex-shrink:0}.ext-faq details[open] summary:after{content:"−";color:var(--color-primary-light)}.ext-bottom-cta{margin-top:var(--space-6)}@media (width<=1023px){.ext-timeline{gap:var(--space-6);max-width:var(--max-width-text);grid-template-columns:minmax(0,1fr);margin-inline:auto}}@media (width<=767px){.ext-hero{padding-top:var(--space-12)}.ext-hero .container{grid-template-columns:minmax(0,1fr)}.ext-hero__content{max-width:100%}.ext-hero h1{font-size:var(--text-3xl)}.ext-hero__visual{max-width:400px;margin:0 auto}.ext-hero__desktop-cta{display:none}.ext-hero__mobile-cta{margin-bottom:var(--space-4);display:block}.ext-hero__mobile-cta .store-badges__buttons{justify-content:flex-start}.ext-screenshots__grid{grid-template-columns:minmax(0,1fr);max-width:480px;margin-left:auto;margin-right:auto}.ext-features__grid{grid-template-columns:minmax(0,1fr)}.ext-bridge__content{padding:var(--space-6)}.ext-bridge__qr{display:none}.ext-bridge__badges{display:block}.ext-bridge__badges .store-badges__buttons{justify-content:flex-start}.btn-chrome{width:100%}.ext-bottom-cta-section{display:none}}html[data-install-device=desktop] .ext-hero__desktop-cta{display:block}html[data-install-device=desktop] .ext-hero__mobile-cta{display:none}html[data-install-device=desktop] .ext-bridge__qr{display:flex}html[data-install-device=desktop] .ext-bridge__badges{display:none}html[data-install-device=desktop] .ext-bottom-cta-section{display:block}html[data-install-device=ios] .ext-hero__desktop-cta,html[data-install-device=android] .ext-hero__desktop-cta,html[data-install-device=ios] .ext-bridge__qr,html[data-install-device=android] .ext-bridge__qr,html[data-install-device=ios] .ext-bottom-cta-section,html[data-install-device=android] .ext-bottom-cta-section{display:none}html[data-install-device=ios] .ext-hero__mobile-cta,html[data-install-device=android] .ext-hero__mobile-cta,html[data-install-device=ios] .ext-bridge__badges,html[data-install-device=android] .ext-bridge__badges{display:block}
