.extensions-page{--ext-ink:#101a38;--ext-purple:#6247e7;--ext-lime:#d9ff3f;--ext-teal:#19bca3;--ext-line:#dce3ef;color:var(--ext-ink);background:#f5f7fb}.extensions-page .ext-shell{width:min(1240px,100% - 40px);margin-inline:auto}.ext-hero{color:#fff;background:radial-gradient(circle at 82% 22%,#48e0d157,#0000 28%),radial-gradient(circle at 20% 85%,#ff69a642,#0000 26%),linear-gradient(125deg,#111d52,#5538c7 58%,#157c9f);padding:86px 0 78px;position:relative;overflow:hidden}.ext-hero:before{content:"";opacity:.2;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.ext-hero-grid{z-index:1;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:68px;display:grid;position:relative}.ext-eyebrow{color:var(--ext-lime);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;font:650 .68rem IBM Plex Mono,monospace;display:inline-flex}.ext-eyebrow:before{content:"";background:currentColor;width:23px;height:2px}.ext-hero h1{color:#fff;letter-spacing:-.055em;max-width:720px;margin:18px 0 22px;font-size:clamp(3.2rem,5.1vw,5.3rem);line-height:.98}.ext-hero h1 em{color:var(--ext-lime);font-style:normal}.ext-hero-copy>p{color:#dce5f6;max-width:640px;font-size:1.05rem;line-height:1.68}.ext-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.ext-button{color:#fff;border:1px solid #ffffff47;border-radius:4px 12px 12px;justify-content:center;align-items:center;gap:14px;min-height:49px;padding:0 18px;font-size:.78rem;font-weight:820;display:inline-flex}.ext-button.primary{border-color:var(--ext-lime);color:#17213a;background:var(--ext-lime);box-shadow:0 13px 28px #d9ff3f2e}.ext-button.light{color:#18213c;background:#fff;border-color:#fff}.ext-trust{color:#dae3f4;flex-wrap:wrap;gap:8px 18px;margin-top:23px;font-size:.72rem;font-weight:650;display:flex}.ext-trust li:before{content:"✓";color:#65edd4;margin-right:6px}.ext-browser{color:#18213b;background:#fff;border:1px solid #ffffff4d;border-radius:5px 23px 23px;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:0 35px 80px #060c2a5c}.ext-browser-bar{background:#f5f7fa;border-bottom:1px solid #dfe4ed;align-items:center;gap:7px;min-height:54px;padding:11px 14px;display:flex}.ext-browser-bar>i{background:#ff765f;border-radius:50%;width:9px;height:9px;box-shadow:15px 0 #f4c446,30px 0 #2cc48f}.ext-browser-bar span{color:#7a8498;background:#fff;border:1px solid #dce2ec;border-radius:7px;flex:1;margin-left:35px;padding:8px 12px;font-size:.58rem}.ext-serp{background:#fff;grid-template-columns:1fr 206px;min-height:390px;display:grid}.ext-results{padding:20px}.ext-query{color:#606b82;border:1px solid #dce2ec;border-radius:8px;margin-bottom:15px;padding:12px 14px;font-size:.68rem}.ext-result{border-bottom:1px solid #e8ebf1;padding:13px 14px 49px;position:relative}.ext-result small{color:#1b875f;font-size:.54rem}.ext-result b{color:#405ec3;margin-top:4px;font-size:.77rem;display:block}.ext-result p{color:#6f7890;margin-top:5px;font-size:.57rem}.ext-metric-row{background:#f7f8ff;border:1px solid #d8dded;border-radius:5px;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:9px;left:14px;right:14px;overflow:hidden}.ext-metric-row span{color:#6b748b;border-right:1px solid #d8dded;gap:1px;padding:6px;font-size:.45rem;display:grid}.ext-metric-row span:last-child{border:0}.ext-metric-row strong{color:#222c49;font-size:.59rem}.ext-sidebar{color:#e7ecf7;background:#101b3a;padding:15px}.ext-sidebar header{border-bottom:1px solid #2c395c;justify-content:space-between;align-items:center;padding-bottom:13px;font-size:.67rem;display:flex}.ext-sidebar header i{color:#14203a;background:var(--ext-lime);border-radius:7px;place-items:center;width:25px;height:25px;font-style:normal;font-weight:900;display:grid}.ext-sidebar-card{background:#17264d;border:1px solid #2e3c61;border-radius:4px 10px 10px;gap:5px;margin-top:11px;padding:11px;display:grid}.ext-sidebar-card small{color:#98a6c4;font-size:.48rem}.ext-sidebar-card strong{font-size:.8rem}.ext-sidebar-card span{background:linear-gradient(155deg,#0000 47%,#45dac3 48% 51%,#0000 52%);height:35px}.ext-section{background:#fff;padding:88px 0}.ext-section.soft{background:#f2f5fa}.ext-section.dark{color:#fff;background:#0e1937}.ext-section-head{grid-template-columns:1fr minmax(290px,.65fr);align-items:end;gap:60px;margin-bottom:34px;display:grid}.ext-section-head h2{letter-spacing:-.045em;max-width:790px;margin-top:12px;font-size:clamp(2.2rem,3.8vw,3.7rem);line-height:1.02}.ext-section-head p{color:#667188;line-height:1.65}.ext-section.dark .ext-section-head p{color:#aeb9d0}.ext-section.dark h2{color:#fff}.ext-choice-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.ext-choice{border:1px solid var(--ext-line);background:linear-gradient(145deg,#fff,#f6f8fc);border-radius:5px 18px 18px;min-height:360px;padding:25px;position:relative;overflow:hidden;box-shadow:0 18px 45px #19254b14}.ext-choice:after{content:"";background:var(--choice-soft);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-75px;right:-75px}.ext-choice-icon{color:#fff;background:var(--choice);width:66px;height:66px;box-shadow:0 10px 24px color-mix(in srgb,var(--choice) 25%,transparent);border-radius:5px 18px 18px;place-items:center;display:grid}.ext-choice-icon svg{width:38px;height:38px}.ext-choice small{color:var(--choice);letter-spacing:.08em;margin-top:22px;font:700 .58rem IBM Plex Mono,monospace;display:block}.ext-choice h3{margin-top:6px;font-size:1.55rem}.ext-choice p{color:#667188;margin-top:11px;font-size:.84rem;line-height:1.62}.ext-choice ul{color:#4f5b73;gap:8px;margin-top:18px;font-size:.72rem;display:grid}.ext-choice li:before{content:"✓";color:var(--choice);margin-right:7px;font-weight:900}.ext-choice a{z-index:1;color:#fff;background:#17213b;border-radius:4px 10px 10px;align-items:center;gap:9px;padding:10px 13px;font-size:.68rem;font-weight:820;display:inline-flex;position:absolute;bottom:24px;left:25px}.ext-feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ext-feature{background:#142344;border:1px solid #2b395d;border-radius:4px 15px 15px;min-height:185px;padding:22px}.ext-feature i{color:#15203c;background:var(--ext-lime);border-radius:4px 11px 11px;place-items:center;width:41px;height:41px;font-style:normal;display:grid}.ext-feature svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ext-feature h3{color:#fff;margin-top:18px;font-size:1.05rem}.ext-feature p{color:#aeb9cf;margin-top:8px;font-size:.76rem;line-height:1.58}.ext-steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ext-step{background:#fff;border:1px solid #dce2ec;border-radius:4px 14px 14px;grid-template-columns:auto 1fr;gap:14px;min-height:145px;padding:22px;display:grid}.ext-step>i{color:#17213b;background:var(--ext-lime);border-radius:50%;place-items:center;width:39px;height:39px;font:700 .62rem IBM Plex Mono,monospace;display:grid}.ext-step strong{font-size:.95rem;display:block}.ext-step p{color:#69748b;margin-top:8px;font-size:.72rem;line-height:1.55}.ext-final{background:#f2f5fa;padding:28px 0 84px}.ext-final-panel{color:#fff;background:radial-gradient(circle at 90% 20%,#32dac247,#0000 30%),linear-gradient(125deg,#111b3e,#553cc4);border-radius:5px 20px 20px;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:38px;display:grid}.ext-final h2{color:#fff;font-size:clamp(2rem,3vw,3.2rem)}.ext-final p{color:#c3cce0;margin-top:9px}.ext-final .ext-actions{margin:0}.extension-detail.chrome{--browser:#1a73e8;--browser-soft:#e8f2ff}.extension-detail.firefox{--browser:#ef5a32;--browser-soft:#fff0e9}.extension-detail .ext-hero{background:radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--browser) 35%,transparent),transparent 31%),linear-gradient(125deg,#111d50,#4e38bd 62%,color-mix(in srgb,var(--browser) 70%,#126f91))}.extension-detail .ext-eyebrow{color:#fff}.extension-detail .ext-eyebrow b{color:#17213b;background:var(--ext-lime);border-radius:999px;padding:5px 8px}.firefox-visual .ext-serp{grid-template-columns:220px 1fr}.firefox-visual .ext-sidebar{background:linear-gradient(160deg,#2c1b69,#5e2bb8 58%,#d64a71);order:-1}.firefox-visual .ext-results{background:#fafbfe}.firefox-visual .ext-metric-row{grid-template-columns:repeat(3,1fr)}.ext-store-badge{color:#fff;background:#ffffff17;border:1px solid #ffffff3d;border-radius:4px 11px 11px;align-items:center;gap:10px;margin-top:20px;padding:9px 12px;font-size:.68rem;font-weight:720;display:inline-flex}.ext-store-badge i{background:#61edcf;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #61edcf24}@media (width<=980px){.ext-hero-grid{grid-template-columns:1fr}.ext-hero-copy{max-width:800px}.ext-browser{width:min(800px,100%)}.ext-choice-grid,.ext-feature-grid{grid-template-columns:repeat(2,1fr)}.ext-final-panel{grid-template-columns:1fr}.ext-final .ext-actions{margin-top:20px}}@media (width<=700px){.extensions-page .ext-shell{width:min(100% - 28px,1240px)}.ext-hero{padding:60px 0}.ext-hero h1{font-size:clamp(2.75rem,12vw,4rem)}.ext-actions{display:grid}.ext-button{width:100%}.ext-serp{grid-template-columns:1fr}.ext-sidebar{display:none}.ext-section{padding:68px 0}.ext-section-head{grid-template-columns:1fr;gap:18px}.ext-choice-grid,.ext-feature-grid,.ext-steps{grid-template-columns:1fr}.ext-choice{min-height:340px}.ext-final-panel{padding:28px}.firefox-visual .ext-serp{grid-template-columns:1fr}.firefox-visual .ext-sidebar{order:0;display:block}.ext-browser{transform:none}.ext-metric-row span:nth-child(n+4){display:none}.ext-metric-row{grid-template-columns:repeat(3,1fr)}}