/* uBlock Origin Lite independent guide — Arctic Blue premium edition.
   Server-ready compiled/static CSS; no runtime Tailwind CDN required. */
:root{color-scheme:light;--navy:#112849;--ink:#173254;--muted:#5f7390;--blue:#2563eb;--blue2:#387efa;--sky:#eaf4ff;--line:#dfe9f5;--soft:#f6f9fd;--mint:#d7f8ee;--font-display:'Plus Jakarta Sans',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif;--shadow:0 20px 55px rgba(28,72,125,.09)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{line-height:1.75}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.048em}h2{font-size:clamp(29px,3.35vw,50px);line-height:1.17}h3{letter-spacing:-.035em}img{max-width:100%;display:block}.container{width:min(1220px,calc(100% - 56px));margin-inline:auto}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8bbaff;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:12px;z-index:120;background:#fff;padding:12px 20px;border:2px solid var(--blue);border-radius:10px}.skip-link:focus{top:12px}
/* top strip + navigation */
.announcement{background:#eff6ff;border-bottom:1px solid #e2effe;color:#446587}.announcement-inner{height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;font-weight:700;letter-spacing:.005em}.announcement-inner>span{display:flex;align-items:center;gap:8px}.announcement-dot{width:7px;height:7px;border-radius:50%;background:#39bb99;box-shadow:0 0 0 4px rgba(57,187,153,.14)}.announcement a{display:flex;align-items:center;gap:5px;color:#2862bc;transition:color .25s}.announcement a:hover{color:#103e98}.announcement .icon{width:13px;height:13px;transform:rotate(-45deg)}.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(206,221,241,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .25s,background .25s}.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 15px 32px rgba(21,54,98,.07)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-emblem{display:grid;place-items:center;width:46px;height:46px;color:white;background:linear-gradient(140deg,#ff657b,#d93455);border-radius:14px;box-shadow:0 8px 23px rgba(223,52,89,.2);position:relative}.brand-emblem::after{content:'';position:absolute;inset:4px;border:1px solid #ffffff66;border-radius:10px}.brand-emblem .icon{width:24px;height:24px;stroke-width:2}.brand-type{font-family:var(--font-display);font-weight:750;color:#102b4c;letter-spacing:-.06em;font-size:16px;line-height:1.28;white-space:nowrap}.brand-type>b{color:#2563eb}.brand-type small{display:block;font:700 9px var(--font-body);color:#788ba2;letter-spacing:.16em;margin-top:3px}.primary-nav{display:flex;align-items:center;gap:25px;height:100%}.primary-nav>a:not(.btn){font-size:13px;font-weight:750;color:#4d637e;position:relative;padding:33px 0;white-space:nowrap;transition:color .2s}.primary-nav>a:not(.btn)::after{content:'';position:absolute;bottom:24px;left:50%;right:50%;height:2px;background:var(--blue);border-radius:2px;transition:left .25s,right .25s}.primary-nav>a:not(.btn):hover,.primary-nav>a.is-current{color:#1454c2}.primary-nav>a:not(.btn):hover::after,.primary-nav>a.is-current::after{left:0;right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:13px 21px;border-radius:12px;border:1px solid transparent;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.btn .icon{width:17px;height:17px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn:hover .icon{transform:translateX(4px)}.btn-primary{color:white;background:linear-gradient(135deg,#2563eb,#3582ff);box-shadow:0 12px 28px #2563eb39}.btn-primary:hover{box-shadow:0 15px 34px #2563eb50;background:linear-gradient(135deg,#1c55db,#2469ec)}.btn-lg{padding:17px 24px;min-height:56px;border-radius:14px;font-size:14px}.btn-ghost{border:1px solid #d4e2f5;background:#fff;color:#1d426a;box-shadow:0 6px 16px #2f5c9412}.btn-ghost:hover{background:#f8fbff;box-shadow:0 12px 25px #2f5c941c}.header-cta{margin-left:3px;padding-inline:18px}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:43px;height:43px;background:#f5f9ff;border:1px solid #dbe8fa;border-radius:12px}.menu-toggle span{width:20px;height:2px;background:#163557;display:block;border-radius:2px;transition:transform .3s,opacity .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 25%,rgba(196,225,255,.69),transparent 32%),linear-gradient(110deg,#fff 0%,#fbfdff 46%,#ecf6ff 100%)}.hero-gridlines{position:absolute;inset:0;opacity:.31;pointer-events:none;background-image:radial-gradient(#8dbaf0 .9px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 24%,#000 95%)}.hero-layout{min-height:625px;padding-top:70px;padding-bottom:67px;display:grid;grid-template-columns:.98fr 1.02fr;gap:35px;align-items:center;position:relative}.hero-content{position:relative;z-index:2;padding-bottom:15px}.eyebrow{display:inline-flex;align-items:center;gap:11px;padding:11px 15px;border:1px solid #cfe3fc;border-radius:100px;background:#edf6ff;color:#235ba9;font-weight:800;font-size:10px;letter-spacing:.1em}.pulse-dot{display:inline-block;background:#2cbf9f;width:8px;height:8px;border-radius:100%;box-shadow:0 0 0 5px #cdf4e7;animation:pulse 2.8s infinite}.hero h1{font-size:clamp(48px,4.45vw,73px);line-height:1.12;letter-spacing:-.075em;font-weight:800;margin:24px 0 22px;color:#0d294b}.gradient-text{background:linear-gradient(95deg,#2b66e9 0%,#3095ea 75%,#21b7bf 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:16px;color:#596f89;line-height:1.85;max-width:540px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 30px}.play-circle{width:23px;height:23px;border:1px solid #cbdaf0;background:#eef5ff;border-radius:100%;display:grid;place-items:center}.play-circle .icon{width:13px;height:13px;fill:#2a61b1;stroke:none}.hero-proof{display:flex;align-items:center;gap:12px}.proof-avatar{width:35px;height:35px;border-radius:50%;color:#1aa48b;background:#d9f8ed;display:grid;place-items:center}.proof-avatar .icon{width:18px;height:18px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{color:#365876;font-size:12px}.hero-proof small{color:#8193a7;font-size:11px;margin-top:2px}.hero-visual{height:500px;position:relative;perspective:1300px;z-index:1}.orb{position:absolute;display:block;border-radius:50%;pointer-events:none}.orb-blue{height:450px;width:450px;left:7%;top:1%;background:linear-gradient(145deg,#cce7ff,#e9f6ff);filter:blur(4px);animation:orbShift 9s ease-in-out infinite}.orb-mint{height:275px;width:275px;right:2%;bottom:4%;background:#bff2e5;filter:blur(48px);opacity:.8}.preview-browser{position:absolute;top:54px;left:6%;width:89%;max-width:565px;height:350px;border:1px solid #c7dff9;background:white;border-radius:20px;overflow:hidden;transform:rotate(-4deg) translateZ(0);box-shadow:0 34px 76px #316da93a,0 5px 14px #1c519419;animation:visualFloat 7s ease-in-out infinite;transition:transform .6s ease}.preview-toolbar{height:48px;background:#f6faff;border-bottom:1px solid #e5eef8;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:10px}.traffic-dots{display:flex;gap:6px}.traffic-dots i{width:9px;height:9px;background:#ff9c9b;border-radius:100%}.traffic-dots i:nth-child(2){background:#ffce71}.traffic-dots i:nth-child(3){background:#67d5ac}.preview-url{display:flex;align-items:center;gap:6px;border:1px solid #e2e9f3;background:white;color:#8c9fb5;font-size:10px;max-width:290px;width:70%;border-radius:8px;padding:8px 12px}.preview-url .icon{height:12px;width:12px}.toolbar-dots{font-size:15px;letter-spacing:2px;color:#9daec0}.preview-content{padding:21px 27px}.preview-topline{display:flex;align-items:center;gap:9px;margin-bottom:19px}.demo-logo{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#ddf7ee;color:#2dad93}.demo-logo .icon{width:15px;height:15px}.demo-wordmark{font-family:var(--font-display);font-weight:750;font-size:13px}.demo-tag{margin-left:auto;color:#9eafbf;font-size:8px;font-weight:800;letter-spacing:.08em}.demo-heading{width:67%;height:9px;border-radius:20px;background:#dfeaf7;margin:0 0 9px}.demo-heading.short{width:43%;background:#eff4fa}.demo-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:17px;margin-top:24px}.demo-article{min-width:0}.demo-picture{height:85px;overflow:hidden;background:linear-gradient(150deg,#d9eefe,#d8f5ee);border-radius:12px;position:relative;margin-bottom:15px}.demo-sun{position:absolute;top:16px;right:26px;width:22px;height:22px;background:#ffda8a;border-radius:50%}.demo-hill{position:absolute;width:180px;height:110px;transform:rotate(-15deg);background:#99d9cb;border-radius:50%;bottom:-75px;left:-12px;box-shadow:65px -12px 0 #b1e1d8}.line{width:85%;height:7px;background:#e7eef7;border-radius:20px;margin-top:8px}.line.long{width:100%}.line.medium{width:64%}.demo-ad{height:152px;border:1.5px dashed #e7bbc0;border-radius:12px;background:#fff4f5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:background .3s,border .3s}.demo-ad-label{position:absolute;left:9px;top:9px;font-size:8px;color:#d39ba0;letter-spacing:.07em}.ad-symbol{font-family:var(--font-display);font-size:40px;line-height:1;color:#e7c1c5;opacity:0;transform:scale(.7);transition:opacity .3s,transform .3s}.ad-cross{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e0f8ed;color:#23a785;border:1px solid #c7efdf;transition:opacity .3s,transform .3s}.ad-cross .icon{width:26px;height:26px}.ad-message{position:absolute;bottom:15px;font-size:9px;font-weight:750;color:#6b9b88;transition:color .3s}.preview-browser[data-preview-mode=unfiltered] .demo-ad{background:#fff0e9;border-color:#f1c0a6}.preview-browser[data-preview-mode=unfiltered] .ad-symbol{opacity:1;transform:scale(1)}.preview-browser[data-preview-mode=unfiltered] .ad-cross{opacity:0;transform:scale(.5)}.preview-browser[data-preview-mode=unfiltered] .ad-message{color:#bb7b65}.demo-bottom{display:flex;gap:10px;margin-top:13px}.demo-bottom div{flex:1;height:9px;background:#edf3f9;border-radius:9px}.demo-bottom div:nth-child(2){max-width:80px}.demo-bottom div:nth-child(3){max-width:45px}.filter-float{position:absolute;right:-1%;top:88px;z-index:4;display:flex;align-items:center;gap:11px;padding:14px 15px;background:white;border:1px solid #e4ecf8;border-radius:16px;box-shadow:0 17px 40px #1f57972b;animation:chipFloat 6s ease-in-out infinite}.float-icon{display:grid;place-items:center;width:39px;height:39px;background:#eaf3ff;color:#2d74e7;border-radius:12px}.filter-float strong,.filter-float span{display:block}.filter-float strong{font-size:11px;color:#264b73}.filter-float span{font-size:10px;color:#8ca0b3;margin-top:3px}.status-light{display:block!important;width:8px;height:8px;background:#47cea4;border-radius:100%;margin-left:12px}.privacy-float{position:absolute;z-index:4;bottom:112px;left:0;display:flex;align-items:center;gap:9px;padding:10px 14px;background:white;border:1px solid #dfeaf7;border-radius:11px;box-shadow:0 12px 24px #21599825;font-size:10px;font-weight:750;color:#48708d;animation:chipFloat 7s ease-in-out reverse infinite}.privacy-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dcf8eb;color:#20ae8c}.privacy-icon .icon{width:13px;height:13px}.demo-control{position:absolute;right:0;bottom:51px;z-index:5;display:flex;align-items:center;gap:10px;padding:8px 9px 8px 13px;border:1px solid #dae8f8;background:rgba(255,255,255,.95);border-radius:13px;box-shadow:0 12px 30px #2b659b18}.demo-control>span{font-size:10px;color:#6f8296;font-weight:750}.demo-switch{background:#edf4ff;border-radius:9px;padding:3px;display:flex;gap:3px}.demo-switch button{border:0;background:transparent;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800;color:#6382a4;transition:background .2s,color .2s}.demo-switch button.is-selected{background:white;color:#1855cc;box-shadow:0 2px 7px #2e71bb22}.visual-caption{position:absolute;right:0;bottom:14px;margin:0;color:#8599aa;font-size:9px;text-align:right;max-width:420px}.trust-trail{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0 20px;border-top:1px solid #dbe9f8}.trust-cell{display:flex;align-items:center;gap:9px;color:#637e99;font-size:12px;font-weight:750}.trust-cell .icon{width:18px;height:18px;color:#3f88db}
/* common section language */
.section{padding:105px 0}.section-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#2264cc;font-weight:800;letter-spacing:.15em}.kicker>span{display:block;width:21px;height:2px;border-radius:9px;background:linear-gradient(90deg,#2d6df5,#6bcacf)}.section-index{font-size:10px;color:#9caec0;font-weight:800;letter-spacing:.13em}.section-intro{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:45px;margin-bottom:34px}.section-intro h2{margin-bottom:0}.section-intro>p{color:var(--muted);font-size:15px;max-width:445px;line-height:1.8;margin-bottom:3px}.muted-heading{color:#8a9cb2}.inline-link{font-size:13px;font-weight:800;color:#2865d2;display:inline-flex;align-items:center;gap:10px}.inline-link .icon{width:17px;transition:transform .25s}.inline-link:hover .icon{transform:translateX(4px)}
/* browser cards */
.browser-section{background:#fff}.browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.browser-card{--brand:#2563eb;--tint:#eff6ff;position:relative;min-height:305px;background:#fff;border:1px solid #dfebf7;border-radius:22px;padding:25px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 20px rgba(45,82,130,.035);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.browser-card::before{content:'';position:absolute;top:-90px;right:-80px;width:210px;height:210px;border-radius:50%;background:var(--tint);opacity:.72;transition:transform .5s ease}.browser-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px #275fa327;border-color:#bbd8f7}.browser-card:hover::before{transform:scale(1.32)}.browser-card.theme-chrome{--brand:#db493d;--tint:#fff0e8}.browser-card.theme-firefox{--brand:#e9772b;--tint:#fff0e1}.browser-card.theme-edge{--brand:#008da6;--tint:#ddf9f4}.browser-card.theme-safari{--brand:#237ce2;--tint:#e8f2ff}.browser-card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:29px}.browser-icon-wrap{width:72px;height:72px;border-radius:20px;background:#fff;box-shadow:0 9px 26px #2f5a8d18;display:grid;place-items:center}.browser-icon-wrap img{width:48px;height:48px}.store-arrow{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e5ecf6;background:#fff;border-radius:50%;color:#6e8cab;transition:background .2s,color .2s,transform .2s}.store-arrow .icon{width:16px;height:16px;transform:rotate(-45deg)}.browser-card:hover .store-arrow{transform:rotate(45deg);background:var(--brand);color:#fff;border-color:var(--brand)}.browser-store{position:relative;color:var(--brand);font-size:10px;letter-spacing:.07em;font-weight:800;margin-bottom:9px;text-transform:uppercase}.browser-card h3{position:relative;font-size:20px;margin:0 0 10px}.browser-card p{position:relative;color:#71859d;font-size:12.5px;line-height:1.65;margin:0 0 26px}.browser-card-link{position:relative;border-top:1px solid #e6edf5;margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:#225dbc;font-size:12.5px;font-weight:850}.browser-card-link .icon{width:17px;height:17px;transform:rotate(-45deg);transition:transform .2s}.browser-card-link:hover .icon{transform:translate(3px,-3px) rotate(-45deg)}.browser-footnote{margin-top:22px;display:flex;gap:14px;padding:18px 22px;background:#edf6ff;border:1px solid #d9eaff;border-radius:13px;color:#516e8a}.browser-footnote>.icon{width:19px;height:19px;color:#2a69cc;margin-top:3px}.browser-footnote p{font-size:12.5px;margin:0}.browser-footnote a{font-weight:800;color:#2364cf;white-space:nowrap}.browser-footnote a .icon{width:13px;height:13px;vertical-align:middle}
/* editorial feature split */
.features-section{background:#f5f9fe}.features-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px}.feature-showcase{position:relative;overflow:hidden;background:linear-gradient(150deg,#dbedff,#d3f5ef);border:1px solid #d8eaf7;border-radius:24px;padding:37px;min-height:540px}.feature-showcase::after{content:'';position:absolute;width:310px;height:310px;right:-145px;top:-160px;border:1px solid #ffffffb8;border-radius:50%;box-shadow:0 0 0 48px #ffffff25,0 0 0 100px #ffffff1a}.feature-display-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.display-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:850;color:#2d7295;letter-spacing:.07em}.display-pill .icon{width:16px;height:16px}.display-corner{font-size:22px;color:#71a5bd}.feature-showcase h3{font-size:clamp(29px,2.9vw,42px);line-height:1.23;margin:20px 0 12px}.feature-showcase>p{font-size:13px;line-height:1.7;color:#507b93;max-width:365px;margin:0 0 30px}.request-illustration{position:relative;z-index:2;background:white;border:1px solid #d6e5f2;border-radius:16px;padding:12px 17px;box-shadow:0 23px 32px #2b6a8a18}.req-row{display:flex;align-items:center;gap:11px;padding:15px 1px}.req-row+.req-row{border-top:1px solid #ebf1f7}.req-ico{width:33px;height:33px;border-radius:10px;display:grid;place-items:center}.req-ico .icon{width:17px;height:17px}.req-ico.good{background:#e7f6ff;color:#2d81c7}.req-ico.blocked{background:#dff8ed;color:#29ab8b}.req-row>span:nth-child(2){flex:1;min-width:0}.req-row strong,.req-row small{display:block}.req-row strong{font-size:11px}.req-row small{font-size:9.5px;color:#8a9dac;margin-top:5px}.req-label{font-size:9px;letter-spacing:.04em}.req-label.allowed{color:#3988c6}.req-label.denied{color:#20a78d}.showcase-disclaimer{font-size:9px;color:#648ba3;display:block;margin-top:15px}.feature-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-tile{border:1px solid #e0eaf6;background:#fff;border-radius:21px;padding:31px 25px;transition:transform .3s,box-shadow .3s,border-color .3s}.feature-tile:hover{transform:translateY(-5px);box-shadow:0 20px 38px #2d639e15;border-color:#c0d8f4}.tile-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;margin-bottom:26px}.tile-icon .icon{width:25px;height:25px}.tile-blue{background:#e4f0ff;color:#3674e9}.tile-mint{background:#daf8e9;color:#24a480}.tile-lilac{background:#f0eaff;color:#8557df}.tile-peach{background:#fff0e6;color:#df8550}.feature-tile h3{font-size:17px;margin:0 0 12px;line-height:1.3}.feature-tile p{color:#75899e;font-size:12.5px;line-height:1.78;margin:0}
/* modes */
.modes-section{background:white}.modes-layout{display:grid;grid-template-columns:.8fr 1.05fr;gap:80px;align-items:center}.modes-copy h2{margin:20px 0}.modes-copy p{max-width:425px;color:#667f97;font-size:15px;margin-bottom:24px}.mode-panel{background:#fff;border:1px solid #dce9f8;box-shadow:0 25px 70px #23569013;border-radius:24px;padding:25px}.mode-panel-top,.mode-panel-title{display:flex;align-items:center}.mode-panel-top{justify-content:space-between;gap:10px;margin-bottom:27px}.mode-panel-title{gap:12px}.mode-badge{width:47px;height:47px;background:#ebf4ff;color:#2e73e3;border-radius:14px;display:grid;place-items:center}.mode-panel-title span,.mode-panel-title strong{display:block}.mode-panel-title span{font-size:10px;color:#8c9fb3;margin-bottom:4px}.mode-panel-title strong{font:750 14px var(--font-display)}.demo-pill{font-size:9px;color:#5f83b2;background:#eef6ff;padding:7px 9px;border-radius:7px;font-weight:850}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border-radius:12px;background:#eff5fd}.mode-tabs button{padding:13px 5px;border-radius:9px;border:0;background:transparent;color:#7790ab;font-weight:800;font-size:12px;transition:background .25s,color .25s,box-shadow .25s}.mode-tabs button.is-active{background:white;color:#1a59cb;box-shadow:0 3px 12px #1f579827}.mode-body{padding:27px 4px 20px;min-height:218px}.mode-body[hidden]{display:none}.mode-label{font-size:10px;font-weight:850;color:#2f82d8;letter-spacing:.1em}.mode-body h3{font-size:23px;margin:10px 0}.mode-body p{font-size:13px;line-height:1.8;color:#637a92;max-width:475px;margin:0 0 17px}.mode-foot{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#478b84}.mode-foot .icon{width:16px;height:16px}.mode-panel-bottom{border-top:1px solid #ecf1f8;padding-top:16px;color:#8ba1b5;font-size:11px}
/* setup */
.steps-section{background:#f8fbff}.steps-grid{list-style:none;padding:0;margin:37px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:step}.step{border:1px solid #e0eaf6;background:#fff;border-radius:19px;padding:27px;min-height:240px;position:relative;transition:transform .25s,box-shadow .25s}.step:hover{transform:translateY(-4px);box-shadow:0 18px 35px #2663a414}.step-number{font-family:var(--font-display);font-size:11px;font-weight:850;letter-spacing:.07em;color:#8da6be}.step-icon{width:51px;height:51px;display:grid;place-items:center;border-radius:14px;background:#e9f3ff;color:#2773df;margin:22px 0}.step-icon .icon{width:24px;height:24px}.step h3{font-size:17px;margin:0 0 10px}.step p{font-size:12px;color:#71859b;line-height:1.8;margin:0}
/* extension vs app */
.compare-section{background:#fff}.compare-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:center}.compare-copy h2{margin:21px 0}.compare-copy p{font-size:14px;color:#667b91;margin-bottom:24px;line-height:1.85}.compare-copy strong{color:#2d537f}.compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-card{padding:27px;border:1px solid #e1ebf6;border-radius:20px;min-height:306px}.extension-card{background:#eff7ff}.software-card{background:#fbfcfe}.compare-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:#dcecff;color:#2e70db;margin-bottom:25px}.software-card .compare-icon{background:#edf2f7;color:#5f82a4}.compare-icon .icon{width:23px;height:23px}.tag-choice{display:block;font-size:9px;letter-spacing:.08em;font-weight:850;color:#3f7fd5;margin-bottom:12px}.software-card .tag-choice{color:#7089a2}.compare-card h3{font-size:18px;margin:0 0 9px}.compare-card p{font-size:12px;line-height:1.75;color:#71859a;margin:0 0 26px}.compare-status{display:flex;align-items:center;gap:7px;color:#258c74;font-weight:800;font-size:11px}.compare-status .icon{width:16px;height:16px}.software-card .compare-status{color:#7d92a7}
/* faq */
.faq-section{background:#f4f9ff}.faq-layout{display:grid;grid-template-columns:.64fr 1fr;gap:90px;align-items:start}.faq-sidebar{position:sticky;top:130px}.faq-sidebar h2{margin:20px 0}.faq-sidebar p{color:#71879c;font-size:14px;line-height:1.8}.faq-list{border-top:1px solid #dce7f4}.faq-item{border-bottom:1px solid #dce7f4;background:transparent}.faq-item summary{cursor:pointer;list-style:none;position:relative;padding:22px 43px 22px 0;font-weight:800;font-size:13.5px;color:#204061;line-height:1.6}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{position:absolute;right:6px;top:24px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e1edfc;transition:transform .25s,background .25s}.faq-plus::before,.faq-plus::after{content:'';position:absolute;background:#3379da;border-radius:2px;width:11px;height:2px}.faq-plus::after{transform:rotate(90deg);transition:transform .2s}.faq-item[open] .faq-plus{background:#d9eafa;transform:rotate(180deg)}.faq-item[open] .faq-plus::after{transform:rotate(0)}.faq-answer{padding:0 46px 21px 0;color:#647b93;font-size:12.5px;line-height:1.85}.faq-answer p{margin:0}
/* bottom CTA and footer */
.bottom-cta{background:#fff;padding:85px 0}.cta-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 65px;background:linear-gradient(110deg,#1d59d9 0%,#377ef9 75%,#43a7ed 120%);border-radius:25px;color:white;box-shadow:0 22px 50px #2465dd30}.cta-glow{position:absolute;right:-65px;top:-125px;width:430px;height:430px;border-radius:50%;border:1px solid #ffffff50;box-shadow:0 0 0 55px #ffffff13,0 0 0 110px #ffffff0d;pointer-events:none}.cta-panel>div:not(.cta-glow),.cta-panel>a{position:relative;z-index:1}.cta-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#d9eaff}.cta-eyebrow .icon{width:15px;height:15px}.cta-panel h2{font-size:clamp(30px,3.1vw,43px);margin:15px 0 14px}.cta-panel p{font-size:13px;color:#e5efff;max-width:425px;margin:0}.btn-white{background:white;color:#1e5cda;box-shadow:0 10px 26px #174baf28}.btn-white:hover{background:#f1f6ff}.site-footer{background:#0f2744;color:white;padding:70px 0 25px;position:relative}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3274ed,#55bfb2)}.footer-main{display:grid;grid-template-columns:1.8fr repeat(3,.85fr);gap:45px;padding-bottom:45px}.site-footer .brand-type{color:white}.site-footer .brand-type>b{color:#9dc3ff}.site-footer .brand-type small{color:#859eb9}.footer-brand-column p{color:#9db4ce;font-size:12px;line-height:1.9;max-width:338px;margin:19px 0 18px}.footer-verification{display:flex;align-items:center;gap:8px;font-size:10px;color:#73d5c0;font-weight:800}.footer-verification .icon{width:17px}.footer-column{display:flex;flex-direction:column;align-items:start;gap:13px}.footer-column h2{font-family:var(--font-body);font-size:12px;letter-spacing:.03em;margin:5px 0 8px;color:#fff}.footer-column a{font-size:12px;color:#a3b8cd;transition:color .2s,transform .2s}.footer-column a:hover{color:#fff;transform:translateX(3px)}.footer-notice{display:flex;gap:12px;align-items:flex-start;background:#173454;border:1px solid #2a4765;border-radius:12px;padding:16px 19px}.footer-notice>.icon{width:20px;color:#7daff3;margin-top:3px}.footer-notice p{margin:0;color:#a7bdd2;font-size:11px;line-height:1.8}.footer-notice strong{color:#dceafb}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:26px;margin-top:25px;border-top:1px solid #274361;color:#8ea9c0;font-size:10px;line-height:1.7}.footer-bottom a{color:#bdd4ed;text-decoration:underline;text-underline-offset:3px}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:35;width:42px;height:42px;display:grid;place-items:center;border:0;background:var(--blue);color:white;border-radius:12px;box-shadow:0 10px 25px #2563eb40;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s,visibility .3s,transform .3s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top .icon{width:20px;height:20px}.error-view{background:#f5faff;padding:125px 0}.error-card{max-width:780px}.error-card h1{font-size:clamp(40px,5vw,68px);margin:20px 0}.error-card p{max-width:590px;color:#5d7590;margin-bottom:25px}
/* motion: enabled by JS only when IntersectionObserver exists */
@keyframes pulse{0%,100%{box-shadow:0 0 0 5px #cdf4e7}50%{box-shadow:0 0 0 9px #cdf4e780}}@keyframes visualFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-9px)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes orbShift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(16px,-12px,0)}}.has-js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0ms)}.has-js .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.primary-nav{gap:16px}.primary-nav>a:not(.btn){font-size:12px}.header-cta{padding:13px 14px}.hero-layout{gap:20px}.filter-float{right:0}.modes-layout{gap:45px}.faq-layout{gap:48px}.footer-main{gap:25px}}
@media(max-width:1020px){.site-header{height:76px}.menu-toggle{display:flex}.primary-nav{display:none;position:absolute;top:76px;left:0;right:0;height:auto;max-height:calc(100vh - 76px);overflow-y:auto;padding:20px max(22px,calc((100vw - 1220px)/2));background:#fffffffa;box-shadow:0 20px 30px #1b4f8a1c;border-bottom:1px solid #dfecf9;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav>a:not(.btn){padding:16px 5px;font-size:14px;border-bottom:1px solid #edf3fa}.primary-nav>a:not(.btn)::after{display:none}.primary-nav .header-cta{align-self:stretch;margin:16px 0 0}.hero-layout{grid-template-columns:1fr;min-height:auto;padding-top:62px;padding-bottom:30px}.hero-content{max-width:740px}.hero h1{font-size:clamp(48px,7vw,70px)}.hero-visual{max-width:650px;width:100%;margin-inline:auto;height:465px}.trust-trail{display:grid;grid-template-columns:repeat(2,1fr)}.browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-layout{grid-template-columns:1fr}.feature-showcase{min-height:auto}.feature-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-tile{padding:23px}.feature-tile h3{font-size:15px}.modes-layout,.compare-layout,.faq-layout{gap:35px}.footer-main{grid-template-columns:1.6fr 1fr 1fr;gap:30px}.footer-main .footer-column:last-child{grid-column:2/4}.footer-main .footer-column:last-child{flex-direction:row;flex-wrap:wrap;gap:15px 25px}.footer-main .footer-column:last-child h2{width:100%}}
@media(max-width:760px){.container{width:min(100% - 36px,1220px)}.announcement-inner{font-size:10px}.announcement a{display:none}.section{padding:73px 0}.section-intro{grid-template-columns:1fr;gap:12px}.section-intro>p{max-width:650px}.hero-layout{padding-top:54px}.hero h1{font-size:clamp(43px,9vw,61px)}.hero-visual{height:410px}.preview-browser{left:4%;width:92%;height:326px}.filter-float{top:40px}.privacy-float{bottom:80px}.demo-control{bottom:35px}.visual-caption{bottom:5px}.feature-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modes-layout,.compare-layout,.faq-layout{grid-template-columns:1fr;gap:32px}.faq-sidebar{position:static}.steps-grid{grid-template-columns:repeat(2,1fr)}.cta-panel{padding:40px;flex-direction:column;align-items:flex-start}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand-column{grid-column:1/-1}.footer-main .footer-column:last-child{grid-column:auto;flex-direction:column;gap:12px}.footer-bottom{flex-direction:column}}
@media(max-width:500px){.container{width:min(100% - 30px,1220px)}.brand-type{font-size:14px}.brand-emblem{width:41px;height:41px}.brand-emblem .icon{width:22px}.hero{background:linear-gradient(145deg,#fff 0%,#f0f8ff 100%)}.hero-layout{padding-top:43px}.eyebrow{font-size:9px;padding:10px 12px;letter-spacing:.045em}.hero h1{font-size:clamp(38px,10.2vw,53px);margin-top:20px}.hero-lead{font-size:14px}.hero-buttons{gap:9px}.hero-buttons .btn{width:100%;justify-content:center}.hero-proof{margin-top:7px}.hero-visual{height:340px}.preview-browser{height:274px;top:26px;left:2%;width:95%;border-radius:14px}.preview-toolbar{height:39px;padding:0 10px}.preview-content{padding:13px 14px}.demo-columns{margin-top:16px;gap:10px}.demo-picture{height:65px}.demo-ad{height:122px}.demo-topline{margin-bottom:10px}.demo-tag{font-size:6px}.filter-float{top:5px;right:0;padding:8px 9px;gap:7px;border-radius:9px}.float-icon{width:27px;height:27px;border-radius:7px}.float-icon .icon{width:16px}.filter-float strong{font-size:9px}.filter-float span{font-size:8px}.status-light{margin-left:4px}.privacy-float{bottom:42px;left:-2px;font-size:8px;padding:7px 8px}.demo-control{bottom:13px;right:0;padding:5px;gap:5px}.demo-control>span{display:none}.demo-switch button{font-size:9px;padding:5px 7px}.visual-caption{bottom:-6px;font-size:7px}.trust-trail{gap:15px;padding:20px 0}.trust-cell{font-size:10px}.trust-cell .icon{width:16px}.section-topline{align-items:start}.section-index{font-size:8px}.browser-grid,.feature-mini-grid,.steps-grid,.compare-cards{grid-template-columns:1fr}.browser-card{min-height:255px}.browser-card-top{margin-bottom:20px}.browser-footnote{padding:15px}.feature-showcase{padding:25px}.feature-tile{min-height:165px}.tile-icon{margin-bottom:17px}.modes-copy p,.compare-copy p{font-size:13px}.mode-panel{padding:17px}.mode-panel-title strong{font-size:12px}.mode-body{min-height:230px}.mode-body h3{font-size:20px}.step{min-height:210px}.faq-item summary{font-size:12.5px}.cta-panel{padding:32px 24px}.cta-panel .btn{white-space:normal;text-align:center}.site-footer{padding-top:55px}.footer-main{gap:35px 15px}.footer-column h2{font-size:11px}.footer-column a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.has-js .reveal{opacity:1;transform:none}}

/* 2026-11-01 incremental UX/contrast upgrade: Arctic Blue light edition */
:root{--navy:#102948;--ink:#182f4e;--muted:#445d7a;--blue:#155de8;--font-display:'Plus Jakarta Sans',system-ui,sans-serif;--font-body:'Inter',system-ui,sans-serif}
body{color:#213957;font-family:var(--font-body);font-size:15px;line-height:1.65}
h1,h2,h3,h4,.brand-type{font-family:var(--font-display)}
p{color:#445d7a}
.site-header{border-bottom-color:#dce7f4;background:rgba(255,255,255,.95)}
.brand-type{font-weight:800;letter-spacing:-.045em;color:#112b49}
.brand-type small{color:#536d8e;letter-spacing:.13em}
.primary-nav>a:not(.btn){color:#334e70;font-weight:700}
.announcement{color:#385879}
.announcement a{color:#1756b8}
.btn-primary{background:linear-gradient(110deg,#175ce4,#337df3);box-shadow:0 11px 24px rgba(25,93,224,.18)}
.btn-primary:hover{background:linear-gradient(110deg,#104bbf,#2266d4)}
.header-cta{min-height:47px;border-radius:12px;padding-inline:21px!important;font-size:12px!important;letter-spacing:.01em}
.hero{background:radial-gradient(circle at 77% 41%,#dceeff 0,transparent 39%),linear-gradient(107deg,#ffffff 0%,#f8fbff 48%,#e9f5ff 100%)}
.hero-layout{min-height:645px;grid-template-columns:1fr 1fr;gap:46px;padding-top:60px;padding-bottom:58px}
.hero-content{padding-bottom:0}
.hero h1{font-weight:800;font-size:clamp(44px,4.1vw,66px);letter-spacing:-.065em;line-height:1.16;color:#0d294c;margin:26px 0 22px}
.gradient-text{background-image:linear-gradient(100deg,#175de5,#3689eb 58%,#148cb7 100%)}
.hero-lead{font-size:16px;line-height:1.85;color:#435a77;max-width:555px}
.eyebrow{font-size:10px;color:#164f9d;background:#ebf5ff;border-color:#c8e1fc}
.hero-proof strong{color:#163b64;font-size:12px}
.hero-proof small{color:#58708c;font-size:12px}
.hero-buttons{margin:29px 0 24px}
.hero-buttons .btn{font-family:var(--font-display);font-weight:750}
.install-stage{position:relative;min-height:475px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.install-stage-glow{position:absolute;inset:6% -2%;background:radial-gradient(circle at 50% 45%,rgba(119,174,245,.22),transparent 59%),radial-gradient(circle at 83% 82%,rgba(100,216,201,.27),transparent 35%);filter:blur(5px);z-index:-1;pointer-events:none}
.install-window{width:min(100%,535px);background:#fff;border:1px solid #d4e4f7;border-radius:25px;box-shadow:0 25px 65px rgba(34,91,158,.16),0 4px 14px rgba(52,98,150,.05);overflow:hidden;transform:rotate(-1.2deg);transition:transform .4s ease,box-shadow .4s ease;position:relative;z-index:1}
.install-window:hover{transform:rotate(0) translateY(-5px);box-shadow:0 31px 75px rgba(34,91,158,.19)}
.install-window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;background:#f6faff;border-bottom:1px solid #e6eef8;color:#5a7290}
.bar-leds{display:flex;gap:5px;align-items:center}.bar-leds i{display:block;width:8px;height:8px;background:#fd9897;border-radius:100%}.bar-leds i:nth-child(2){background:#ffcf78}.bar-leds i:nth-child(3){background:#70d5b5}
.bar-title{font-weight:800;letter-spacing:.13em;font-size:9px;color:#536e8c;white-space:nowrap}
.bar-secure{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;white-space:nowrap;color:#476884}.bar-secure .icon{width:13px;height:13px}
.install-window-body{padding:27px}
.install-product-row{display:flex;align-items:center;gap:17px;border-bottom:1px solid #edf1f7;padding-bottom:25px}
.install-product-mark{display:grid;place-items:center;flex:none;width:77px;height:77px;border-radius:21px;color:white;background:linear-gradient(140deg,#f66c78,#dd4055);box-shadow:0 12px 21px rgba(231,73,97,.18)}
.install-product-mark .icon{width:41px;height:41px;stroke-width:1.7}
.install-product-copy{min-width:0;flex:1}.install-kicker{display:block;font-weight:800;font-size:9px;letter-spacing:.1em;color:#1c66c7;margin-bottom:3px}
.install-product-copy h2{font-size:24px;line-height:1.3;letter-spacing:-.045em;color:#112e52;font-weight:800;margin:0 0 3px}.install-product-copy p{font-size:12px;margin:0;color:#4f6885;line-height:1.6}
.install-check{width:27px;height:27px;flex:none;border-radius:50%;background:#e2f8ef;color:#159c7c;display:grid;place-items:center}.install-check .icon{width:16px;height:16px}
.install-browser-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:24px 0 11px}.install-browser-label>span:first-child{font-size:10px;font-weight:800;color:#193f69;letter-spacing:.09em}.choice-help{font-size:10px;color:#667e9a}
.install-browser-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.install-browser-choice{appearance:none;cursor:pointer;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-width:0;min-height:96px;padding:10px 5px;border-radius:14px;background:#f8fbff;border:1.5px solid #e3edf8;font:700 10px var(--font-body);color:#3d5674;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}
.install-browser-choice img{width:36px;height:36px;object-fit:contain;display:block}
.install-browser-choice:hover{transform:translateY(-3px);border-color:#99c1fb;background:#fff;box-shadow:0 8px 21px rgba(32,104,209,.12)}
.install-browser-choice.is-active,.install-browser-choice[aria-pressed=true]{background:#eff6ff;border-color:#2b6ded;box-shadow:inset 0 0 0 1px #2b6ded,0 4px 14px rgba(33,100,217,.08);color:#124b9c}
.install-action-card{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-top:19px;padding:17px 16px 17px 18px;border:1px solid #cde0fb;border-radius:16px;background:linear-gradient(100deg,#f0f7ff,#eaf4ff)}
.install-action-copy{display:grid;gap:1px}.install-action-eyebrow{font-size:9px;font-weight:800;letter-spacing:.1em;color:#2862b5}.install-action-copy strong{font-size:16px;font-family:var(--font-display);font-weight:800;color:#123b70}.install-action-copy small{font-size:11px;color:#4c6480;line-height:1.5}
.install-action-button{height:48px;width:48px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#1d60e3,#397ef5);color:white;border-radius:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #2868e329}.install-action-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2868e34a}.install-action-button .icon{width:22px;height:22px}
.install-footer-line{display:flex;flex-wrap:wrap;gap:15px;margin-top:17px;color:#43617e;font-size:11px;font-weight:700}.install-footer-line span{display:flex;align-items:center;gap:5px}.install-footer-line .icon{height:14px;width:14px;color:#1a9e86}
.install-float{position:absolute;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;background:#fff;color:#22527c;padding:10px 13px;border:1px solid #d7e7f9;border-radius:12px;box-shadow:0 14px 30px rgba(40,91,143,.12);z-index:2;animation:chipFloat 5.3s ease-in-out infinite}.install-float .icon{height:16px;width:16px;color:#2079e1}.install-float.float-a{top:4px;right:-22px}.install-float.float-b{bottom:8px;left:-28px;animation-delay:-2s}.float-spark{color:#0caa93;font-size:18px}
.install-caption{position:absolute;bottom:-23px;left:0;width:100%;text-align:center;color:#536d86;font-size:10px;line-height:1.5}
/* Readable text throughout the homepage */
.muted-heading{color:#5a7697!important}
.section-intro>p,.features-section p,.feature-tile p,.browser-card p,.step p,.faq-sidebar p,.compare-copy p,.modes-copy p{color:#425b78!important}
.browser-store{font-weight:800}.browser-card h3,.feature-tile h3,.step h3{color:#112e51}
.browser-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.browser-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(24,80,153,.1);border-color:#bdd5f6}
.browser-icon-wrap img{width:48px;height:48px;object-fit:contain;display:block}
.browser-card-link{color:#1157c6!important;font-weight:800}
.browser-card-link:hover{color:#073d96!important}
.footer-download{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 29px;margin:0 0 25px;border-radius:19px;border:1px solid #315c83;background:rgba(32,87,132,.25)}
.footer-download>div{display:grid;gap:5px}.footer-download strong{color:#fff;font:800 20px var(--font-display)}.footer-download span{font-size:12px;color:#d9e6f6}.footer-download>a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:8px;padding:15px 20px;border-radius:11px;background:white;color:#154994;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.footer-download>a:hover{transform:translateY(-3px);background:#e7f1ff}.footer-download .icon{height:15px;width:15px}
@media(max-width:1180px){.install-stage .install-float.float-a{right:-8px}.install-stage .install-float.float-b{left:-8px}.hero-layout{gap:26px}.install-product-copy h2{font-size:21px}}
@media(max-width:1020px){.hero-layout{grid-template-columns:1fr;max-width:760px;gap:26px}.hero h1{font-size:clamp(44px,6.4vw,66px)}.install-stage{min-height:480px}.install-window{width:min(95%,550px)}.install-float.float-a{right:2%!important}.install-float.float-b{left:2%!important}.header-cta{font-size:14px!important}.footer-download{padding:23px}}
@media(max-width:760px){.hero-layout{padding-top:47px;padding-bottom:50px;gap:33px}.hero h1{font-size:clamp(41px,7vw,58px)}.install-stage{min-height:464px}.install-window{width:min(94%,520px)}.install-caption{bottom:-15px}.footer-download{flex-direction:column;align-items:flex-start;gap:15px}.footer-download>a{width:100%}}
@media(max-width:500px){.hero h1{font-size:clamp(35px,9vw,45px);letter-spacing:-.06em}.hero-lead{font-size:14px;line-height:1.8}.hero-buttons .btn{font-size:12px;padding:13px 15px}.install-stage{min-height:440px}.install-window{transform:none!important;width:100%;border-radius:19px}.install-window-body{padding:18px}.install-window-bar{padding:12px 14px}.bar-title{font-size:8px}.bar-secure{font-size:0}.bar-secure .icon{height:15px;width:15px}.install-product-row{gap:11px;padding-bottom:16px}.install-product-mark{height:55px;width:55px;border-radius:16px}.install-product-mark .icon{height:31px;width:31px}.install-product-copy h2{font-size:18px}.install-kicker{font-size:7px}.install-product-copy p{font-size:11px}.install-check{height:23px;width:23px}.install-browser-label{margin:17px 0 8px}.choice-help{font-size:9px}.install-browser-picker{gap:5px}.install-browser-choice{min-height:74px;border-radius:12px;padding:7px 3px;font-size:9px}.install-browser-choice img{height:28px;width:28px}.install-action-card{margin-top:13px;padding:12px}.install-action-copy strong{font-size:14px}.install-action-copy small{font-size:9px}.install-action-button{height:44px;width:44px}.install-footer-line{gap:9px;font-size:9px;margin-top:12px}.install-float{display:none}.install-caption{font-size:9px;bottom:-15px}.footer-download strong{font-size:17px}.header-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.install-float,.install-window{animation:none!important;transition:none!important}}

/* ===========================================================
   Phase 3 — editorial homepage redesign (November 2026)
   Purpose: real reading flow, a single contents section, and
   useful comparison tables instead of repeated feature cards.
   =========================================================== */
:root{--editorial-ink:#102d50;--editorial-text:#304b6a;--editorial-subtle:#506983;--editorial-blue:#1258d6;--editorial-rule:#d9e5f2}
.editorial-guide{background:#fff;color:var(--editorial-ink);font-family:var(--font-body)}
.editorial-guide p{color:var(--editorial-text);font-size:16px;line-height:1.9}
.editorial-guide h2,.editorial-guide h3{color:var(--editorial-ink);font-family:var(--font-display);letter-spacing:-.045em}
.editorial-guide h2{font-size:clamp(32px,3.2vw,49px);line-height:1.2}
.editorial-guide h3{font-size:clamp(20px,1.7vw,25px);line-height:1.3}
.editorial-guide strong{color:#17375c}
.editorial-guide a:not(.btn){transition:color .2s ease}
.editorial-guide a:not(.btn):hover{color:#0c49ad}
.editorial-guide a:focus-visible,.editorial-guide button:focus-visible,.editorial-guide summary:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.editorial-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#1557c3;font-size:11px;font-weight:800;letter-spacing:.15em;line-height:1.4}
.editorial-kicker::before{content:'';width:22px;height:2px;background:#2083d5}
.editorial-intro{padding:103px 0 98px;background:#fff}
.editorial-intro-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:min(10vw,135px);align-items:start}
.editorial-intro-heading h2{font-size:clamp(37px,4vw,61px);margin:0;max-width:570px;line-height:1.16}
.editorial-intro-heading h2 em{font-style:normal;color:#2369d8}
.editorial-reading p{margin-bottom:18px}
.editorial-reading p:last-of-type{margin-bottom:23px}
.editorial-reading .editorial-lead,.editorial-main .editorial-lead{color:#203e60;font-weight:500;font-size:18px;line-height:1.78}
.editorial-text-link{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:14px;color:#1558c8!important;text-decoration:none;border-bottom:1px solid rgba(21,88,200,.3);padding:3px 0}
.editorial-text-link .icon{width:16px;height:16px;transition:transform .22s ease}
.editorial-text-link:hover .icon{transform:translateX(4px)}
/* exactly one internal navigation band */
.guide-directory{background:linear-gradient(106deg,#f1f7fe 0%,#eaf4ff 100%);border-top:1px solid #dceafa;border-bottom:1px solid #dceafa;padding:48px 0}
.guide-directory-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:min(10vw,125px);align-items:center}
.guide-directory h2{font-size:clamp(30px,3vw,42px);margin:0}
.guide-directory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:31px;row-gap:0}
.guide-directory-links a{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #cbdff2;font-size:13px;color:#193c67;font-weight:750;line-height:1.5}
.guide-directory-links a span{font-size:10px;color:#4379b8;font-weight:800}
.guide-directory-links a .icon{margin-left:auto;width:14px;height:14px;color:#1f6be2;transition:transform .2s ease}
.guide-directory-links a:hover .icon{transform:translateX(4px)}
.editorial-section{padding:102px 0;background:#fff}
.editorial-section-blue{background:#f5f9ff}
.editorial-section-stone{background:#f9fbfe}
.editorial-columns{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(250px,.58fr);gap:clamp(44px,8vw,130px);align-items:start}
.editorial-main{max-width:810px}
.editorial-main h2{margin:0 0 26px}
.editorial-main h3{margin:37px 0 9px}
.editorial-main p{margin-bottom:16px}
.editorial-main h3 + p{margin-top:0}
.editorial-main p a,.editorial-table-note a{font-weight:750;color:#165dcc;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.editorial-aside{position:relative;margin-top:110px;padding:30px 0 0 27px;border-left:2px solid #b8d8fa}
.editorial-aside .aside-line{position:absolute;left:-2px;top:0;width:2px;height:45px;background:#2067e6}
.aside-label{font-size:10px;color:#1c65c4;font-weight:800;letter-spacing:.13em}
.editorial-aside h3{margin:16px 0 13px;font-size:23px;line-height:1.38}
.editorial-aside p{font-size:14px;line-height:1.83;margin-bottom:19px}
.editorial-section-heading{display:grid;grid-template-columns:1.12fr .88fr;align-items:end;gap:70px;margin-bottom:36px}
.editorial-section-heading h2{max-width:720px;margin:0}
.editorial-section-heading>p{font-size:15px;max-width:450px;margin:0 0 5px}
.mode-table-scroll{width:100%;overflow-x:auto;border:1px solid #dbe8f6;background:#fff;border-radius:15px;box-shadow:0 8px 23px rgba(27,75,122,.025)}
.editorial-table{border-collapse:collapse;width:100%;min-width:690px;text-align:left;table-layout:fixed;color:#1f3b5b}
.editorial-table th,.editorial-table td{padding:22px 27px;border-bottom:1px solid #e1eaf5;vertical-align:top;font-size:14px;line-height:1.75}
.editorial-table th:first-child{width:24%}
.editorial-table th:nth-child(2){width:39%}
.editorial-table th:nth-child(3){width:37%}
.editorial-table thead th{padding:15px 27px;font-weight:800;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#426385;background:#eef5fe}
.editorial-table tbody th{font-weight:800;color:#17395f}
.editorial-table tbody tr:last-child th,.editorial-table tbody tr:last-child td{border-bottom:0}
.editorial-table tbody tr:hover{background:#f7fbff}
.editorial-table tr.recommended-row{background:#edf6ff}
.editorial-table tr.recommended-row:hover{background:#e9f3ff}
.editorial-table small{font-size:10px;background:#d5ebff;color:#1252a9;padding:3px 7px;border-radius:5px;font-weight:800;margin-left:6px}
.mode-mark{width:10px;height:10px;display:inline-block;margin-right:10px;vertical-align:middle;background:#b9c7d7;border-radius:3px}
.mode-mark.mode-basic{background:#7692b2}
.mode-mark.mode-optimal{background:#1b72e8}
.mode-mark.mode-complete{background:#14a68d}
.editorial-table-note{margin:17px 0 0!important;font-size:13px!important;line-height:1.75!important;color:#526c86!important}
/* installation = editorial timeline, not boxes */
.editorial-setup-columns{grid-template-columns:minmax(0,1.4fr) minmax(265px,.6fr)}
.editorial-timeline{list-style:none;margin:35px 0 26px;padding:0;counter-reset:editorial-step}
.editorial-timeline li{position:relative;counter-increment:editorial-step;padding:0 0 28px 64px;border-left:1px solid #c4daef;margin-left:18px}
.editorial-timeline li:last-child{border-left-color:transparent;padding-bottom:0}
.editorial-timeline li::before{content:counter(editorial-step,decimal-leading-zero);position:absolute;left:-19px;top:-2px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf3ff;border:1px solid #c5dcfa;color:#1760d2;font-size:11px;font-weight:850}
.editorial-timeline h3{font-size:20px;margin:0 0 5px}
.editorial-timeline p{font-size:14px;line-height:1.85;margin:0}
.editorial-note{background:#eff7ff;border-left:3px solid #3181e8;padding:16px 20px;font-size:14px!important;border-radius:0 9px 9px 0}
.setup-aside{margin-top:112px;padding:36px;background:#e9f4ff;border:1px solid #d4e7fd;border-radius:18px}
.setup-aside>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#2462bd}
.setup-aside h3{font-size:25px;margin:14px 0}
.setup-aside p{font-size:14px;line-height:1.85;margin-bottom:22px}
.setup-aside .btn{white-space:normal;font-size:13px;justify-content:center;max-width:100%}
.versus-table th:first-child{width:25%}.versus-table th:nth-child(2){width:37.5%}.versus-table th:nth-child(3){width:37.5%}
/* FAQs: editorial columns, no card grid */
.editorial-faq{padding:96px 0;background:#f4f8fd;border-top:1px solid #e0eaf5}
.editorial-faq-layout{display:grid;grid-template-columns:.73fr 1.27fr;gap:90px;align-items:start}
.editorial-faq-layout h2{font-size:clamp(33px,3vw,46px);margin:0 0 16px}
.editorial-faq-layout>div:first-child>p{font-size:15px;max-width:360px}
.editorial-faq .faq-list{border-top:1px solid #cadced}
.editorial-faq .faq-item{border-bottom:1px solid #cadced}
.editorial-faq .faq-item summary{font-family:var(--font-display);font-weight:750;color:#15355b;font-size:15px;line-height:1.5;padding:20px 38px 20px 0}
.editorial-faq .faq-answer p{font-size:14px;line-height:1.87;color:#405d79}
/* CTA simpler, clear and purposeful */
.editorial-ending{padding:50px 0 65px;background:#fff}
.editorial-ending-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #d9e5f2;padding-top:41px}
.editorial-ending-inner h2{margin:0 0 8px;font-size:clamp(28px,2.5vw,36px)}
.editorial-ending-inner p{font-size:14px;margin:0}
.editorial-ending .btn{flex:none}
@media(max-width:1020px){
  .editorial-intro-grid,.guide-directory-layout,.editorial-columns,.editorial-section-heading,.editorial-faq-layout{gap:40px}
  .editorial-columns{grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr)}
  .editorial-faq-layout{grid-template-columns:.8fr 1.2fr}
}
@media(max-width:760px){
  .editorial-intro{padding:73px 0}
  .editorial-intro-grid,.guide-directory-layout,.editorial-columns,.editorial-section-heading,.editorial-faq-layout{grid-template-columns:1fr;gap:24px}
  .editorial-section{padding:72px 0}
  .guide-directory{padding:40px 0}
  .guide-directory-links{gap:0 20px}
  .editorial-aside,.setup-aside{margin-top:10px}
  .editorial-aside{padding-top:22px}
  .editorial-section-heading{margin-bottom:25px}
  .editorial-faq{padding:72px 0}
  .editorial-ending-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:500px){
  .editorial-guide p{font-size:14px;line-height:1.85}
  .editorial-reading .editorial-lead,.editorial-main .editorial-lead{font-size:16px}
  .editorial-intro-heading h2{font-size:35px}
  .guide-directory-links{grid-template-columns:1fr}
  .editorial-timeline li{padding-left:53px}
  .editorial-table th,.editorial-table td{padding:16px}
  .editorial-table thead th{padding:14px 16px}
  .editorial-faq .faq-item summary{font-size:14px}
  .editorial-ending .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.guide-directory-links .icon,.editorial-text-link .icon{transition:none!important}}


/* ====================================================
   APPROVED MOCKUP: HOMEPAGE HERO, DOWNLOADS, SEO GUIDE
   Scoped classes. Shared header/footer/FAQs unchanged.
   ==================================================== */
.ref-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f8fbff 0%,#edf5ff 43%,#d9e9ff 100%);border-bottom:1px solid #e1eafd}
.ref-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 65%,#fff 0,transparent 40%),radial-gradient(circle at 93% 15%,#d4dbff 0,transparent 40%);opacity:.83}
.ref-hero-glow{position:absolute;width:570px;height:370px;border-radius:50%;background:#9cbbff6c;filter:blur(85px);right:5%;top:25%;z-index:-1}
.ref-hero-grid{position:relative;min-height:535px;display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center;padding-block:64px 61px}
.ref-hero-copy{position:relative;z-index:3}
.ref-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:60px;border:1px solid #c8dcff;background:#eef5ff;color:#0751d0;font-size:12px;font-weight:750;margin-bottom:20px;box-shadow:0 2px 8px #3877da0b}
.ref-pill span{font-size:17px;color:#2067fa}.ref-pill b{color:#527abe;font-weight:700}
.ref-hero h1{font-size:clamp(37px,3.5vw,55px);font-weight:850;line-height:1.19;letter-spacing:-.055em;color:#081841;margin:0 0 22px;max-width:730px}
.ref-hero h1 span{color:#074bf0;overflow-wrap:normal}
.ref-hero-lead{max-width:570px;color:#2d4972;font-size:16px;line-height:1.75;margin:0 0 23px}
.ref-check-list{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:15px 24px}
.ref-check-list li{display:flex;align-items:center;gap:7px;color:#102653;font-size:12px;font-weight:750;white-space:nowrap}
.ref-check-list svg{width:24px;height:24px;border-radius:50%;background:#cee0ff;padding:5px;color:#0855e8;stroke-width:3}
.ref-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ref-download{min-width:218px;background:#1055ee;box-shadow:0 12px 27px #155eea24}
.ref-download .icon{transform:rotate(-45deg)}.ref-download:hover .icon{transform:translate(3px,-3px) rotate(-45deg)}
.ref-hero-more{display:inline-flex;align-items:center;gap:9px;color:#0049cb;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px;transition:color .2s}
.ref-hero-more:hover{color:#003590}.ref-hero-more .icon{height:16px;width:16px}
.ref-install-note{font-size:11px;color:#4f6887;margin:12px 0 0}
.ref-hero-art{position:relative;height:425px;min-width:0;perspective:900px}
.ref-art-shape{position:absolute;border-radius:50% 45% 20% 40%;pointer-events:none}
.ref-art-shape-one{width:590px;height:280px;background:linear-gradient(150deg,#6486ff8c,#6f79ff40);right:-170px;top:35px;transform:rotate(-22deg)}
.ref-art-shape-two{width:550px;height:260px;background:linear-gradient(130deg,#8ab8ff4d,#dceaff77);right:-190px;bottom:-90px;transform:rotate(-13deg)}
.ref-demo-browser{position:absolute;width:86%;height:305px;top:42px;left:0;background:#fff;border:1px solid #b9d1ff;border-radius:17px;box-shadow:0 23px 55px #3462bc38;overflow:hidden;transform:rotate(-1.5deg);animation:ref-float 7s ease-in-out infinite}
.ref-demo-bar{height:36px;background:linear-gradient(#f4f7fe,#e5ecfb);border-bottom:1px solid #cfdcf5;display:flex;align-items:center;padding:0 14px;gap:10px}
.ref-dots{display:flex;gap:5px}.ref-dots i{display:block;width:10px;height:10px;background:#ff6268;border-radius:50%}.ref-dots i:nth-child(2){background:#ffbd5b}.ref-dots i:nth-child(3){background:#28cf78}
.ref-tab{padding:7px 10px 6px;background:#fff;border-radius:10px 10px 0 0;font-size:10px;color:#3e5a91;flex:1;max-width:210px;display:flex;justify-content:space-between}.ref-tab b{color:#29467d}.ref-plus{color:#4966a0;font-weight:800;font-size:15px}
.ref-address-bar{height:42px;background:#eff5ff;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:13px;color:#49618b}.ref-url{flex:1;border:1px solid #d2e0fa;border-radius:50px;background:#fff;padding:7px 11px;font-size:11px;color:#7286a8}.ref-mini-logo{background:#154ff5;color:white;border-radius:50%;padding:6px;font-weight:800;font-size:8px}
.ref-demo-body{padding:24px}.ref-skeleton-line{height:10px;width:73%;background:#dfebfb;border-radius:3px;margin-bottom:11px}.ref-skeleton-line.long{width:88%;height:14px;background:#c6d8f7}.ref-skeleton-line.medium{width:65%}.ref-skeleton-line.short{width:42%}
.ref-demo-picture{width:58%;height:105px;background:linear-gradient(125deg,#b9ceff,#c6eafa);border-radius:8px;position:relative;overflow:hidden;margin:18px 0}.ref-sun{position:absolute;right:23%;top:17%;width:19px;height:19px;border-radius:50%;background:#f8fbff}.ref-mountain{position:absolute;left:11%;bottom:-4px;width:120px;height:100px;background:#a3bdec;clip-path:polygon(0 100%,52% 30%,100% 100%)}
.ref-shield-float{position:absolute;left:-22px;bottom:39px;width:100px;height:118px;display:grid;place-items:center;color:#fff;font:850 32px var(--font-display);background:linear-gradient(140deg,#6d82ff,#0636f4);clip-path:polygon(50% 0,100% 19%,95% 76%,50% 100%,5% 76%,0 19%);filter:drop-shadow(0 8px 10px #4879d244);border:4px solid #fff;z-index:3}
.ref-extension-popup{position:absolute;right:-4%;top:105px;width:252px;background:#fff;border:1px solid #d9e6ff;border-radius:14px;padding:14px 15px 11px;box-shadow:0 20px 40px #1f4ca83e;z-index:4;animation:ref-float 6s ease-in-out -2s infinite}
.ref-popup-head{display:flex;align-items:center;gap:7px;color:#0c2359;font-size:10px}.ref-popup-head strong{flex:1;white-space:nowrap;letter-spacing:-.025em}.ref-popup-icon{background:#154efa;color:#fff;font-size:9px;font-weight:800;padding:7px 5px;border-radius:7px}.ref-popup-gear{font-size:19px;color:#566889}
.ref-power{display:grid;place-items:center;margin:11px auto 2px;width:63px;height:63px;border-radius:50%;background:linear-gradient(150deg,#e5f0ff,#c8dcff);color:#115af1;font-size:41px;font-weight:700;line-height:1}
.ref-popup-small{display:block;text-align:center;color:#4b648f;font-size:9px}.ref-popup-counter{display:block;text-align:center;color:#0b2451;font-size:12px;margin:3px 0 9px}
.ref-popup-row{display:flex;justify-content:space-between;border-top:1px solid #e3eafd;padding:6px 5px;color:#3c5484;font-size:10px}.ref-popup-row b{color:#122b5a}
.ref-art-caption{position:absolute;right:0;bottom:-9px;color:#607caa;font-size:9px;text-align:right;max-width:275px}
@keyframes ref-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* Compact download cards matching user mockup */
.ref-browsers{padding:45px 0 66px;background:#fff}
.ref-browser-heading{text-align:center;margin-bottom:30px}.ref-browser-heading h2{font-size:clamp(26px,2.6vw,37px);font-weight:850;letter-spacing:-.045em;color:#081a42;margin:0 0 9px}.ref-browser-heading p{font-size:14px;color:#39547b;margin:0;line-height:1.6}
.ref-browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.ref-browser-card{border:1px solid #d4e3ff;border-radius:18px;padding:19px;background:#fff;box-shadow:0 8px 20px #1c5fe90e;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;min-width:0}
.ref-browser-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #1c5fe92b;border-color:#9cbfff}
.ref-browser-identity{display:flex;gap:12px;align-items:center;margin-bottom:20px;min-width:0}
.ref-browser-identity img{width:54px;height:54px;object-fit:contain;flex:none}.ref-browser-identity h3{font-size:17px;color:#0a204b;line-height:1.3;margin:0 0 3px;font-weight:800;letter-spacing:-.035em}.ref-browser-identity p{color:#456084;line-height:1.5;font-size:11px;margin:0}
.ref-store-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 8px;min-height:44px;border:1px solid #cbdfff;border-radius:9px;background:#edf5ff;color:#0046d6;font-size:11px;font-weight:800;text-align:center;transition:background .25s,color .25s,transform .25s}
.ref-store-button:hover{background:#0c57ed;color:#fff;transform:translateY(-2px)}
/* Editorial content following reference with clearer, accessible typography */
.ref-guide{background:#fff;font-family:var(--font-body);color:#0b1e43}
.ref-reading-width{max-width:1190px}.ref-article-section{padding:60px 0 0}.ref-article-section:first-child{padding-top:74px}
.ref-tag{display:inline-block;background:#e6f1ff;border:1px solid #c1d9ff;border-radius:50px;padding:7px 17px;color:#0559e8;font-size:12px;font-weight:800;margin-bottom:12px}
.ref-section-label{display:inline-block;margin-bottom:15px;color:#0451df;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;border-left:4px solid #125aff;padding-left:11px}
.ref-guide h2{font-family:var(--font-display);font-size:clamp(28px,3.1vw,42px);font-weight:850;letter-spacing:-.05em;line-height:1.25;color:#08183c;margin:0 0 10px}
.ref-guide h3{font-size:21px;font-weight:800;color:#0a1d43;letter-spacing:-.035em}
.ref-guide p{font-size:16px;line-height:1.82;color:#223755;margin:0 0 17px}
.ref-guide a:not(.btn){color:#0458da;font-weight:700;text-decoration:underline;text-underline-offset:3px}.ref-guide a:not(.btn):hover{color:#003d9c}
.ref-heading-rule{display:block;width:112px;height:5px;border-radius:20px;background:linear-gradient(100deg,#6630eb,#1975fa);margin:16px 0 31px}
.ref-guide-list{padding:23px 28px;margin:33px 0 36px;background:linear-gradient(135deg,#f0f7ff,#f8fbff);border:1px solid #d0e2fa;border-radius:14px}
.ref-guide-list h3{margin:0 0 12px;font-size:20px}.ref-guide-list ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.ref-guide-list li a{display:inline-flex;gap:12px;align-items:center;color:#102653!important;text-decoration:none!important;font-size:15px;line-height:1.5;font-weight:550!important}.ref-guide-list li a:hover{color:#0559e8!important}
.ref-guide-check{display:grid;place-items:center;flex:none;width:25px;height:25px;background:#1364ed;color:#fff;border-radius:50%;font-size:15px;font-weight:800}
.ref-guide .ref-article-h2{margin-top:45px}
.ref-disclosure{margin:27px 0 0;background:#fff7ee;border:1px solid #ffd4a1;border-left:5px solid #ff8c23;border-radius:10px;padding:17px 20px;color:#613c24;font-size:14px;line-height:1.7}.ref-disclosure strong{color:#873700}
.ref-article-continuation{padding-top:58px}
.ref-benefit-banner{display:flex;align-items:center;gap:22px;background:#e9f2ff;border-radius:12px;padding:20px 23px;margin:28px 0 40px;border:1px solid #d9e7ff}
.ref-benefit-banner strong{white-space:nowrap;color:#0a204d;font:800 17px var(--font-display);border-left:4px solid #0b58ed;padding-left:14px}.ref-benefit-banner span{border-left:1px solid #a6c7fb;padding-left:21px;color:#28466c;font-size:14px;line-height:1.6}
.ref-mode-section{background:#f5f9ff;border-top:1px solid #e0eafb;padding:70px 0 75px;margin-top:58px}
.ref-mode-table-wrap{overflow-x:auto;border:1px solid #d0e0f5;border-radius:13px;background:#fff;margin:27px 0 14px}
.ref-mode-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left;table-layout:fixed}.ref-mode-table th,.ref-mode-table td{padding:16px 19px;border-bottom:1px solid #e1eaf6;font-size:13px;color:#243c61;line-height:1.65;vertical-align:top}.ref-mode-table thead th{background:#e6f1ff;color:#163e77;font-weight:800;font-size:12px}.ref-mode-table th:first-child{width:26%}.ref-mode-table tr:last-child td,.ref-mode-table tr:last-child th{border-bottom:0}.ref-mode-table tbody th{color:#0b2a5c;font-weight:800}.ref-mode-table tbody tr:nth-child(2){background:#f4f9ff}
.ref-default{display:inline-block;margin-left:5px;color:#0058db;font-size:10px;background:#dcecff;padding:2px 6px;border-radius:6px}
.ref-source-line{color:#516887!important;font-size:12px!important}
.ref-comparison-strip{margin:31px 0 0;padding:23px 25px;border:1px solid #cfe0ff;background:#fff;display:flex;align-items:center;gap:25px;justify-content:space-between;border-radius:13px}
.ref-comparison-strip h3{margin:0 0 8px;font-size:19px}.ref-comparison-strip p{margin:0;font-size:13px;max-width:650px}.ref-comparison-strip>a{white-space:nowrap;flex:none;font-size:12px}
/* Give retained FAQ and ending the exact styling they already had */
@media(max-width:1120px){.ref-hero-grid{grid-template-columns:1fr 1fr;gap:16px}.ref-hero h1{font-size:clamp(35px,4.2vw,51px)}.ref-extension-popup{right:-4%;width:224px}.ref-browser-grid{gap:11px}.ref-browser-card{padding:13px}.ref-browser-identity{gap:8px}.ref-browser-identity img{width:43px;height:43px}.ref-store-button{font-size:10px}}
@media(max-width:900px){.ref-hero-grid{grid-template-columns:1fr;gap:15px;padding:60px 0 42px}.ref-hero-art{height:410px;max-width:650px;width:100%;margin-inline:auto}.ref-hero h1{font-size:clamp(40px,6.2vw,61px)}.ref-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ref-browser-card{padding:18px}.ref-hero-copy{max-width:680px}.ref-comparison-strip{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.ref-hero-grid{padding:40px 0 28px}.ref-pill{font-size:10px;padding:8px 11px}.ref-hero h1{font-size:clamp(31px,8.15vw,46px)}.ref-hero h1 span{white-space:normal}.ref-hero-lead{font-size:14px}.ref-hero-actions{gap:16px}.ref-download{width:100%;min-width:0}.ref-check-list{gap:11px}.ref-check-list li{font-size:11px}.ref-hero-art{height:310px;margin-top:18px}.ref-demo-browser{height:240px;top:25px;width:87%}.ref-demo-body{padding:12px}.ref-demo-picture{height:62px}.ref-extension-popup{width:166px;top:68px;right:0;padding:9px}.ref-popup-head{font-size:8px}.ref-popup-icon{font-size:8px;padding:5px 4px}.ref-popup-gear{font-size:12px}.ref-power{width:43px;height:43px;font-size:29px;margin:7px auto 2px}.ref-popup-counter{font-size:10px;margin-bottom:4px}.ref-popup-small{font-size:7px}.ref-popup-row{font-size:8px;padding:4px}.ref-shield-float{width:65px;height:81px;left:-5px;bottom:16px;font-size:20px}.ref-art-caption{font-size:8px;bottom:-4px}.ref-browser-grid{grid-template-columns:1fr 1fr;gap:10px}.ref-browsers{padding:46px 0}.ref-browser-card{padding:12px;border-radius:14px}.ref-browser-identity{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.ref-browser-identity img{width:39px;height:39px}.ref-browser-identity h3{font-size:14px}.ref-browser-identity p{font-size:9px}.ref-store-button{font-size:10px;line-height:1.4;padding:10px 5px}.ref-browser-heading h2{font-size:27px}.ref-browser-heading p{font-size:12px}.ref-article-section:first-child{padding-top:55px}.ref-article-section{padding-top:40px}.ref-guide h2{font-size:30px}.ref-guide p{font-size:14px;line-height:1.8}.ref-guide-list{padding:20px 15px}.ref-guide-list h3{font-size:17px}.ref-guide-list li a{font-size:13px}.ref-guide-check{width:22px;height:22px}.ref-benefit-banner{align-items:stretch;flex-direction:column;gap:12px;padding:17px}.ref-benefit-banner strong{white-space:normal;font-size:15px}.ref-benefit-banner span{border-left:0;padding-left:0;font-size:13px}.ref-mode-section{padding:55px 0}.ref-comparison-strip{padding:20px}}
@media(prefers-reduced-motion:reduce){.ref-demo-browser,.ref-extension-popup{animation:none}.ref-browser-card,.ref-store-button{transition:none}}


/* Accessible mobile navigation - independent of JS state (v13) */
.mobile-nav-menu { display: none; }
@media (max-width: 1020px) {
  .site-header { z-index: 200; }
  .mobile-nav-menu { display: block; margin-left: auto; }
  .mobile-nav-menu > summary {
    display: flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; background: #f3f8ff;
    color: #123656; border: 1px solid #cbdff8;
    border-radius: 12px; list-style: none; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-nav-menu > summary::-webkit-details-marker { display: none; }
  .mobile-nav-menu > summary:focus-visible { outline: 3px solid #80a9ff; outline-offset: 3px; }
  .mobile-menu-lines { display: flex; flex-direction: column; gap: 5px; }
  .mobile-menu-lines i { display:block; width:20px; height:2px; background:#173c68; border-radius:4px; transition:transform .2s,opacity .2s; }
  .mobile-nav-menu[open] .mobile-menu-lines i:first-child { transform: translateY(7px) rotate(45deg); }
  .mobile-nav-menu[open] .mobile-menu-lines i:nth-child(2) { opacity: 0; }
  .mobile-nav-menu[open] .mobile-menu-lines i:last-child { transform: translateY(-7px) rotate(-45deg); }
  .mobile-nav-panel {
    position:absolute; z-index:201; top:100%; left:0; right:0;
    padding: 14px max(22px,calc((100vw - 1220px)/2)) 22px;
    background:#fff; border-top:1px solid #e4effa;
    border-bottom:1px solid #dbe7f5; box-shadow:0 24px 35px #14395a22;
    display:flex; flex-direction:column; gap:0;
    max-height:calc(100dvh - 76px); overflow-y:auto;
    overscroll-behavior:contain;
  }
  .mobile-nav-panel > a:not(.btn) { display:block; font-size:15px; font-weight:700; color:#183c63; padding:14px 6px; border-bottom:1px solid #ecf2fa; }
  .mobile-nav-panel > a:not(.btn):hover, .mobile-nav-panel > a:not(.btn):focus-visible { color:#155de8; background:#f7faff; }
  .mobile-nav-panel > .btn { align-self:stretch; margin-top:16px; }
  .mobile-nav-menu:not([open]) .mobile-nav-panel { display:none; }
}
@media (min-width: 1021px) { .mobile-nav-menu { display:none!important; } }