@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{color-scheme:dark;--bg:#0a1418;--panel:#111f24;--text:#f4f7f6;--muted:#a9b8bb;--accent:#c6f4de;--border:#2a3a40;--font:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{max-width:100%;display:block}.wrap{max-width:1280px;margin:auto;padding-inline:54px}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Manrope',sans-serif;font-size:23px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand img{border-radius:10px}.brand-dot{display:none}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:500}.nav-cta{border:1px solid var(--border);border-radius:100px;padding:10px 18px}.nav-cta span{margin-left:15px}nav a:hover,.text-link:hover{color:var(--accent)}.hero{padding-top:70px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:2px;color:var(--accent)}.tiny-line{width:24px;height:1px;background:var(--accent)}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:75px;margin:26px 0 34px}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',sans-serif;font-size:clamp(48px,6.5vw,84px);letter-spacing:-5px;line-height:1.13;font-weight:500;margin-bottom:0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-3px}p{color:var(--muted)}.hero-copy{padding-bottom:6px}.hero-copy p{font-size:18px;line-height:1.75;margin-bottom:20px}.text-link{font-size:14px;display:inline-flex;gap:26px;align-items:center}.downloads{display:flex;gap:12px;align-items:center;scroll-margin-top:50px}.button{min-height:56px;border-radius:100px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:15px;font-weight:650;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:#10241c}.primary:hover{background:#dbffe9}.secondary{border:1px solid #546269;background:#142229}.secondary:hover{background:#203139}.browser-letter{border:1.5px solid currentColor;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:13px;font-weight:800}.download-note{font-size:12px;line-height:1.8;margin:0 0 0 15px}.product-preview{position:relative;margin:54px 0 0;border:1px solid #385056;border-radius:15px;overflow:hidden;box-shadow:0 25px 80px #0004}.preview-bar{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#19292f;color:#94a5ad;font-size:10px;letter-spacing:2px}.window-dots{font-size:9px;letter-spacing:3px;color:#647980}.product-preview>img{width:100%;height:auto}.product-preview figcaption{position:absolute;bottom:0;left:0;right:0;display:none}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-block:36px;margin-top:80px!important;font-size:13px}footer p{margin:0}footer .brand{font-size:19px}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:10px;background:var(--accent);color:#000}.skip-link:focus{top:12px}
@media(max-width:900px){.wrap{padding-inline:28px}.hero{padding-top:45px}.hero-grid{gap:28px;grid-template-columns:1.5fr 1fr}h1{letter-spacing:-3px}.hero-copy p{font-size:16px}.downloads{flex-wrap:wrap}.download-note{margin-left:0}.site-header{height:90px}nav{gap:20px}}
@media(max-width:620px){.wrap{padding-inline:22px}.site-header{height:85px}.brand{font-size:21px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:8px 12px}.nav-cta span{margin-left:4px}.hero{padding-top:34px}.eyebrow{font-size:10px;letter-spacing:1.2px;gap:8px}.tiny-line{width:15px}.hero-grid{grid-template-columns:1fr;gap:24px;margin-top:23px}h1{font-size:54px;letter-spacing:-3px}.hero-copy p{max-width:400px}.hero-copy .text-link{display:none}.downloads{gap:10px}.button{font-size:14px;padding:13px 17px;gap:8px}.download-note{width:100%;font-size:12px;margin-top:6px}.download-note br{display:none}.product-preview{margin-top:32px;border-radius:10px}.preview-bar{height:30px;font-size:8px}footer{flex-wrap:wrap;gap:20px}footer p{display:none}}
.features{padding-top:110px;padding-bottom:85px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:44px}.section-heading>p{max-width:365px;margin-bottom:5px;font-size:17px}.section-heading .eyebrow,.faq-section .eyebrow{margin-bottom:22px}h2{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(35px,4vw,50px);line-height:1.18;letter-spacing:-2px;margin-bottom:0}h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}h3{font-family:'Manrope',sans-serif;font-size:25px;line-height:1.3;letter-spacing:-.7px;font-weight:500;margin-bottom:16px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.feature{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:32px;overflow:hidden}.feature-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;font-size:11px;letter-spacing:1.8px;color:var(--accent)}.feature-label>span+span{font-size:25px;line-height:1}.feature p{font-size:16px;line-height:1.75;max-width:445px}.feature.featured{padding-bottom:0}.featured img{border:1px solid #45575d;border-radius:12px 12px 0 0;margin-top:28px;width:100%;height:auto}.feature-stack{display:grid;gap:18px}.word-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.word-pills span{font-size:13px;border:1px solid #3c5056;border-radius:99px;padding:5px 13px;color:#c6d2d5}.swatches{display:flex;align-items:center;gap:8px;margin-top:25px}.swatches i{width:20px;height:20px;border-radius:50%;background:#f3f5f5}.swatches i:nth-child(2){background:#b5eddb}.swatches i:nth-child(3){background:#a6b6e8}.swatches i:nth-child(4){background:#e3c3a1}.swatches span{font-size:12px;color:var(--muted);margin-left:9px}.feature-footnotes{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:44px}.feature-footnotes p{font-size:14px}.feature-footnotes span{display:block;color:var(--text);font-size:16px;margin-bottom:9px}.small-note{font-size:12px;color:#91a1a7;margin:24px 0 0}.install-section{background:#102026;border-block:1px solid var(--border);padding-block:85px}.device-note{border-left:2px solid var(--accent);padding-left:16px;font-size:14px;margin-bottom:30px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.install-card{border:1px solid #33474e;border-radius:18px;padding:34px;background:#14262d;display:flex;flex-direction:column}.browser-heading{display:flex;align-items:center;gap:16px;margin-bottom:26px}.browser-heading h3{font-size:23px;margin:0 0 3px}.browser-heading p{font-size:13px;margin:0}.browser-badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:23px;font-weight:650}.chrome-badge{color:var(--accent);border:1px solid #709d8a}.firefox-badge{color:#edc1a3;border:1px solid #9b7861}ol{list-style:none;padding:0;margin:0 0 24px;counter-reset:steps;flex:1}li{counter-increment:steps;position:relative;padding-left:40px;margin-bottom:21px}li::before{content:counter(steps);position:absolute;left:0;top:1px;border:1px solid #57727c;color:var(--accent);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:12px}li strong{font-weight:500;color:#eff4f5;font-size:16px}li p{font-size:14px;line-height:1.75;margin:6px 0 0}li:last-child{margin-bottom:0}.help-link{align-self:center;margin-top:17px;font-size:12px;color:#b6c7cd;text-decoration:underline;text-underline-offset:4px}.install-tip{font-size:13px;max-width:800px;margin:26px auto 0;text-align:center}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:100px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:21px 0}summary{font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:22px;font-weight:400;color:var(--accent)}details[open] summary::after{content:'−'}details p{font-size:14px;line-height:1.8;margin:14px 30px 0 0}.closing{text-align:center;padding-block:45px 20px}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(40px,5vw,64px);margin:25px 0 30px;line-height:1.15}.closing p{font-size:12px;margin:16px 0 0}.hero-grid,.downloads{animation:arrive .7s ease-out both}.downloads{animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.section-heading{gap:30px}.section-heading>p{max-width:310px}.feature{padding:25px}.feature-grid{grid-template-columns:1fr 1fr}.feature-footnotes{gap:22px}.install-card{padding:25px}.faq-section{gap:40px;grid-template-columns:1fr 1.4fr}}
@media(max-width:620px){.features{padding-top:65px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:22px;font-size:16px}.section-heading .eyebrow,.faq-section .eyebrow{font-size:10px}.feature-grid,.feature-footnotes,.install-grid,.faq-section{grid-template-columns:1fr}.feature{padding:25px}.feature-footnotes{gap:8px;margin-top:30px}.feature-footnotes p{margin-bottom:18px}.install-section{padding-block:55px}.install-card{padding:26px 23px}.browser-heading{margin-bottom:25px}.install-tip{text-align:left}.faq-section{padding-block:60px;gap:30px}.closing{padding-top:12px}.closing h2{font-size:43px}.closing .eyebrow{font-size:10px}.feature-label{margin-bottom:21px}footer{margin-top:55px!important}.small-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
h1 em{margin-right:.08em}.browser-letter{display:none}.browser-badge{display:none}
@media(max-width:620px){.download-note br{display:initial}}
