:root {
  color-scheme: light;
  --pink: #f02e62;
  --pink-dark: #d91f54;
  --cyan: #48d8dc;
  --cyan-dark: #0c8f93;
  --gold: #f4be4f;
  --navy: #07101f;
  --ink: #101827;
  --muted: #667486;
  --page: #f7f9fc;
  --surface: #fff;
  --line: rgba(15, 23, 42, .09);
  --shadow: 0 26px 80px rgba(15, 23, 42, .13);
  --content: min(1180px, calc(100% - 48px));
  font-family: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; overflow-x: hidden; background: var(--page); color: var(--ink); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img, svg { display: block; }
button, input { font: inherit; }
:focus-visible { outline: 3px solid rgba(72,216,220,.65); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; padding: 10px 14px; border-radius: 10px; background: white; color: var(--navy); transform: translateY(-150%); }
.skip-link:focus { transform: none; }

.site-header { position: absolute; z-index: 50; inset: 0 0 auto; padding: 20px 0; }
.nav-shell { width: var(--content); min-height: 60px; margin: auto; padding: 8px 9px 8px 14px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: rgba(7,16,31,.72); box-shadow: 0 14px 44px rgba(0,0,0,.18); color: white; backdrop-filter: blur(22px) saturate(140%); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 21px; font-weight: 900; letter-spacing: -.8px; text-decoration: none; }
.brand > span:last-child > span { color: var(--pink); }
.brand-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.08); }
.brand-icon img { width: 32px; height: 32px; object-fit: contain; }
.nav-shell nav { display: flex; align-items: center; gap: 3px; }
.nav-shell nav a { padding: 12px 16px; border-radius: 13px; color: rgba(255,255,255,.65); font-size: 13px; font-weight: 750; text-decoration: none; }
.nav-shell nav a:hover { color: white; background: rgba(255,255,255,.07); }
.nav-shell nav .nav-cta { margin-left: 5px; padding-inline: 19px; background: white; color: var(--navy); }

.hero { position: relative; min-height: 900px; padding: 150px max(24px, calc((100% - 1180px) / 2)) 92px; display: grid; grid-template-columns: minmax(0,.88fr) minmax(560px,1.12fr); align-items: center; gap: 54px; overflow: hidden; background: radial-gradient(circle at 15% 26%, rgba(240,46,98,.19), transparent 30%), radial-gradient(circle at 83% 33%, rgba(72,216,220,.17), transparent 34%), linear-gradient(145deg, #07101f, #0b1629 65%, #101c32); color: white; }
.hero::after { content: ""; position: absolute; z-index: 0; bottom: -60px; left: -3%; width: 106%; height: 115px; border-radius: 50% 50% 0 0; background: var(--page); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(8px); pointer-events: none; }
.glow-pink { width: 280px; height: 280px; left: -180px; bottom: 70px; background: rgba(240,46,98,.11); }
.glow-cyan { width: 360px; height: 360px; right: -240px; top: 130px; background: rgba(72,216,220,.1); }
.hero-copy, .product-stage { position: relative; z-index: 2; }
.eyebrow, .section-kicker { margin: 0; color: var(--pink); font-size: 11px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }
.eyebrow { width: fit-content; padding: 9px 13px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 99px; background: rgba(255,255,255,.05); color: rgba(255,255,255,.72); }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 0 5px rgba(240,46,98,.1), 0 0 18px var(--pink); }
.hero h1 { margin: 25px 0 0; font-size: clamp(64px, 6vw, 92px); line-height: .89; letter-spacing: -.065em; }
.hero h1 em { color: var(--pink); font-style: normal; }
.lead { max-width: 560px; margin: 30px 0 0; color: rgba(255,255,255,.62); font-size: 18px; line-height: 1.65; }
.hero-actions { margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap; gap: 11px; }
.button { min-height: 52px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 15px; font-size: 13px; font-weight: 820; text-decoration: none; }
.button-primary { background: linear-gradient(115deg, var(--pink-dark), var(--pink)); color: white; box-shadow: 0 15px 34px rgba(240,46,98,.26); }
.button-quiet { border: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.75); background: rgba(255,255,255,.055); }
.button-quiet svg { width: 19px; height: 19px; fill: none; stroke: var(--cyan); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.compatibility { margin: 24px 0 0; display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.45); font-size: 11px; font-weight: 650; }
.compatibility span { color: white; font-weight: 850; }
.compatibility i { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.28); }

.product-stage { min-height: 620px; }
.browser-card { position: absolute; inset: 20px 0 auto 30px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 26px; background: #f4f0ec; box-shadow: 0 30px 90px rgba(0,0,0,.32); transform: rotate(1.5deg); }
.browser-bar { height: 55px; padding: 0 14px; display: grid; grid-template-columns: 68px 1fr 68px; align-items: center; border-bottom: 1px solid rgba(7,16,31,.08); background: rgba(255,255,255,.9); }
.traffic { display: flex; gap: 6px; }.traffic i { width: 9px; height: 9px; border-radius: 50%; background: #ff6259; }.traffic i:nth-child(2){background:#ffc24e}.traffic i:nth-child(3){background:#38c858}
.address { width: 215px; min-height: 30px; margin: auto; padding: 0 12px; display: flex; align-items: center; justify-content: center; gap: 6px; border-radius: 9px; background: #eff1f4; color: #737986; font-size: 9px; }.address svg{width:12px;fill:none;stroke:#8a909b;stroke-width:1.8}
.toolbar-wish { justify-self: end; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: #f2f3f6; }.toolbar-wish img{width:23px;height:23px;object-fit:contain}
.browser-page { height: 440px; padding: 48px 39px; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; background: radial-gradient(circle at 88% 20%, rgba(240,46,98,.12), transparent 30%), #f5f0eb; color: #20212a; }
.shop-copy { display: grid; gap: 15px; align-content: center; }.shop-copy small{font-size:8px;letter-spacing:2px;color:#8c7569}.shop-copy strong{font-family:Georgia,serif;font-size:27px;line-height:1.05;font-weight:500}.shop-copy span{font-size:9px;color:#8a7d75}
.shop-art { position: relative; height: 305px; display: grid; place-items: center; }.shop-art i{position:absolute;width:240px;height:240px;border-radius:50%;background:linear-gradient(145deg,#eadad3,#e7d1cb)}.shop-art img{position:relative;z-index:1;width:260px;max-height:275px;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(68,39,32,.22))}
.extension-card { position: absolute; z-index: 4; top: 84px; right: -9px; width: 365px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: #f7f9fc; color: var(--ink); box-shadow: 0 36px 100px rgba(0,0,0,.42); transform: rotate(-1deg); }
.extension-header { min-height: 68px; padding: 11px 15px; display: flex; align-items: center; justify-content: space-between; background: radial-gradient(circle at 10% 0,rgba(240,46,98,.24),transparent 36%),radial-gradient(circle at 96% 0,rgba(72,216,220,.14),transparent 34%),var(--navy); color:white}.mini-brand{display:flex;align-items:center;gap:9px}.mini-brand>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.07)}.mini-brand img{width:30px}.mini-brand>span{display:grid;gap:1px}.mini-brand strong{font-size:13px}.mini-brand small{color:rgba(255,255,255,.48);font-size:8px}.account{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--pink),#ff7195);font-size:8px;font-weight:900}
.extension-body { padding: 12px 13px 15px; }
.captured-item{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:white;box-shadow:0 12px 30px rgba(15,23,42,.08)}.captured-image{position:relative;height:145px;overflow:hidden;background:radial-gradient(circle,#eddad3,#f4eeea)}.captured-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 16px rgba(68,39,32,.2))}.captured-image span{position:absolute;top:9px;left:9px;padding:5px 7px;border-radius:99px;background:rgba(7,16,31,.78);color:white;font-size:6px;font-weight:800}.captured-copy{padding:10px 11px 11px}.captured-copy p{margin:0;display:flex;align-items:center;gap:5px;color:#718093;font-size:7px}.captured-copy p>span{width:15px;height:15px;display:grid;place-items:center;border-radius:5px;background:#f1f4f8;font-weight:900}.captured-copy p b{margin-left:auto;padding:3px 6px;border-radius:99px;background:rgba(72,216,220,.12);color:var(--cyan-dark)}.captured-copy h2{margin:7px 0 3px;font-size:14px;letter-spacing:-.4px}.captured-copy small{color:#718093;font-size:7px}
.destination-options{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.destination-options>span{position:relative;min-height:56px;padding:8px;display:grid;grid-template-columns:26px 1fr;align-content:center;gap:1px 6px;border:1px solid var(--line);border-radius:12px;background:white}.destination-options>span.selected{border-color:rgba(240,46,98,.55);background:linear-gradient(145deg,rgba(240,46,98,.08),white)}.destination-options i{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--pink),#ff7195);color:white;font-style:normal}.destination-options>span:last-child i{background:linear-gradient(145deg,var(--cyan-dark),var(--cyan))}.destination-options strong{font-size:7.7px}.destination-options small{color:#7a8797;font-size:5.7px}.destination-options b{position:absolute;top:5px;right:5px;width:12px;height:12px;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:white;font-size:6px}
.field-label{margin:11px 0 6px;font-size:8px;font-weight:850}.chips{display:flex;gap:5px;overflow:hidden}.chips span{padding:7px 8px;flex:none;border:1px solid var(--line);border-radius:9px;background:white;color:#526174;font-size:6.5px}.chips span:first-child{border-color:var(--pink);background:#fff0f5;color:var(--pink-dark)}.note{margin-top:9px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:white;color:#788596;font-size:7px}.save-mock{min-height:38px;margin-top:9px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;background:linear-gradient(115deg,var(--pink-dark),var(--pink));box-shadow:0 10px 20px rgba(240,46,98,.2);color:white;font-size:8px;font-weight:850}.save-mock b{font-size:11px}
.floating-proof{position:absolute;z-index:6;padding:10px 13px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(0,0,0,.2);color:var(--navy);font-size:9px;font-weight:850;backdrop-filter:blur(12px)}.proof-one{left:0;bottom:70px;transform:rotate(-3deg)}.proof-two{right:23px;bottom:15px;color:var(--pink-dark);transform:rotate(2deg)}

.promise-bar{position:relative;z-index:3;width:var(--content);min-height:88px;margin:-17px auto 0;padding:22px 28px;display:flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 18px 54px rgba(15,23,42,.09);backdrop-filter:blur(18px);color:var(--muted);font-size:12px}.promise-bar span{display:flex;gap:5px}.promise-bar b{color:var(--ink)}.promise-bar i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}
.section { width: var(--content); margin: 0 auto; padding: 120px 0; }
.section-heading { display: grid; grid-template-columns: .78fr 1.22fr; align-items: end; gap: 40px; }
.section-heading h2, .privacy-copy h2, .faq-section h2 { margin: 14px 0 0; font-size: clamp(39px,5vw,64px); line-height: .98; letter-spacing: -.055em; }
.section-heading > p:last-child { max-width: 600px; margin: 20px auto 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.flow-grid { margin-top: 54px; display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.flow-grid article { position:relative;min-height:330px;padding:26px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:white;box-shadow:0 18px 55px rgba(15,23,42,.07)}.flow-grid article:nth-child(2){transform:translateY(24px)}.step-number{color:#a0a9b5;font-size:10px;font-weight:900;letter-spacing:1.5px}.step-icon{width:64px;height:64px;margin:48px 0 28px;display:grid;place-items:center;border-radius:21px;color:white;font-size:24px;font-style:normal;box-shadow:0 15px 28px rgba(15,23,42,.12)}.step-icon.pink{background:linear-gradient(145deg,var(--pink),#ff7d9f)}.step-icon.cyan{background:linear-gradient(145deg,var(--cyan-dark),var(--cyan))}.step-icon.gold{background:linear-gradient(145deg,#d69b2b,var(--gold))}.flow-grid h3{margin:0;font-size:21px;letter-spacing:-.5px}.flow-grid p{margin:11px 0 0;color:var(--muted);font-size:13px;line-height:1.6}

.privacy-section { width: 100%; max-width: none; padding: 118px max(24px,calc((100% - 1180px)/2)); display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px;background:var(--navy);color:white}.privacy-copy>p:not(.section-kicker){max-width:650px;margin:24px 0 0;color:rgba(255,255,255,.58);font-size:16px;line-height:1.7}.privacy-grid{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-grid>span{min-height:110px;padding:16px;display:grid;grid-template-columns:27px 1fr;align-content:center;gap:2px 10px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.045)}.privacy-grid i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(72,216,220,.12);color:var(--cyan);font-size:12px;font-style:normal;font-weight:900}.privacy-grid b{font-size:12px}.privacy-grid small{color:rgba(255,255,255,.46);font-size:9px;line-height:1.45}.shield-visual{position:relative;min-height:470px;display:grid;place-items:center}.shield-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.orbit-a{width:410px;height:410px}.orbit-b{width:300px;height:300px;border-color:rgba(72,216,220,.12)}.shield{position:relative;z-index:2;width:170px;height:190px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:52px;background:radial-gradient(circle at 25% 15%,rgba(240,46,98,.18),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 35px 90px rgba(0,0,0,.28);transform:rotate(-3deg)}.shield svg{width:112px;fill:rgba(72,216,220,.1);stroke:var(--cyan);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.permission-card{position:absolute;z-index:3;min-width:175px;padding:14px;display:grid;grid-template-columns:31px 1fr;align-items:center;gap:2px 9px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(16,27,47,.86);box-shadow:0 18px 45px rgba(0,0,0,.24);backdrop-filter:blur(16px)}.permission-card i{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(240,46,98,.14);color:var(--pink);font-style:normal;font-size:10px;font-weight:900}.permission-card b{font-size:10px}.permission-card small{color:rgba(255,255,255,.42);font-size:8px}.permission-page{left:0;top:100px;transform:rotate(-3deg)}.permission-account{right:0;bottom:94px;transform:rotate(3deg)}

.install-section { padding-bottom: 105px; }.centered{display:block;text-align:center}.centered h2{max-width:800px;margin-inline:auto}.centered>p:last-child{max-width:690px}.install-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.install-card{position:relative;padding:29px;border:1px solid var(--line);border-radius:30px;background:white;box-shadow:0 20px 65px rgba(15,23,42,.08)}.install-card.is-preferred{border-color:rgba(72,216,220,.5);box-shadow:0 24px 70px rgba(12,143,147,.12)}.install-card.is-preferred::before{content:"Best for this device";position:absolute;top:-12px;right:22px;padding:6px 10px;border-radius:99px;background:var(--cyan-dark);color:white;font-size:8px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.platform-top{display:flex;align-items:center;justify-content:space-between}.platform-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#fff0f5;color:var(--pink)}.mac-card .platform-icon{background:rgba(72,216,220,.12);color:var(--cyan-dark)}.platform-icon svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.badge{padding:7px 10px;border-radius:99px;background:#f1f4f8;color:#5f6d7e;font-size:9px;font-weight:850}.install-card h3{margin:24px 0 0;font-size:27px;letter-spacing:-.8px}.install-card>p{min-height:72px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.install-card ol{margin:24px 0;padding:0;display:grid;gap:9px;list-style:none}.install-card li{display:flex;align-items:center;gap:10px;color:#465568;font-size:11px;font-weight:700}.install-card li span{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--pink);font-size:8px;font-weight:900}.mac-card li span{color:var(--cyan-dark)}.install-button{min-height:51px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;background:var(--navy);color:white;font-size:12px;font-weight:850;text-decoration:none}.mac-button{background:linear-gradient(115deg,var(--cyan-dark),#18b9be)}.mac-button b{font-size:17px}.mac-button.is-disabled,.mac-button.is-checking{background:#e7ebef;color:#7d8997;box-shadow:none;cursor:not-allowed}.release-note{min-height:28px;margin:11px 4px 0;display:block;color:#84909e;font-size:8.5px;line-height:1.5;text-align:center}
.faq-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;border-top:1px solid var(--line)}.faq-list{display:grid;gap:9px}.faq-list details{padding:0 19px;border:1px solid var(--line);border-radius:17px;background:white}.faq-list summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:13px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:var(--pink);font-weight:500}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-4px 0 18px;color:var(--muted);font-size:12px;line-height:1.65}
footer{padding:45px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;border-top:1px solid var(--line);background:white}footer .brand-icon{border-color:var(--line);background:#fff5f8}footer p{margin:0;color:var(--muted);font-size:12px}footer nav{display:flex;gap:18px}footer nav a{color:var(--muted);font-size:11px;font-weight:750;text-decoration:none}footer small{grid-column:1/-1;color:#98a1ad;font-size:9px}

@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-bottom:130px}.hero-copy{max-width:720px}.product-stage{width:min(720px,100%);margin:auto}.section-heading{grid-template-columns:1fr}.privacy-section{grid-template-columns:1fr}.shield-visual{min-height:430px;width:min(600px,100%);margin:auto}.faq-section{grid-template-columns:1fr;gap:38px}}
@media(max-width:720px){:root{--content:min(100% - 28px,1180px)}.site-header{padding-top:12px}.nav-shell{min-height:55px}.nav-shell nav a:not(.nav-cta){display:none}.nav-shell nav .nav-cta{padding:10px 13px;font-size:11px}.brand{font-size:18px}.brand-icon{width:38px;height:38px}.hero{min-height:980px;padding:125px 14px 100px;display:block}.hero h1{font-size:clamp(55px,17vw,78px)}.lead{font-size:16px}.product-stage{min-height:550px;margin-top:58px}.browser-card{inset:20px -150px auto 15px}.browser-page{height:400px}.extension-card{top:65px;right:0;width:min(365px,92vw)}.floating-proof{display:none}.promise-bar{margin-top:-12px;padding:18px;display:grid;justify-content:start;gap:9px}.promise-bar i{display:none}.section{padding:85px 0}.section-heading h2,.privacy-copy h2,.faq-section h2{font-size:clamp(38px,12vw,55px)}.flow-grid,.install-grid,.privacy-grid{grid-template-columns:1fr}.flow-grid article:nth-child(2){transform:none}.privacy-section{padding:85px 20px;gap:45px}.shield-visual{min-height:390px;transform:scale(.88)}.install-card>p{min-height:0}.faq-section{padding-top:80px}.faq-list summary{font-size:12px}footer{grid-template-columns:1fr;justify-items:start}footer small{grid-column:auto}}
@media(max-width:410px){.product-stage{margin-left:-7px}.extension-card{right:-5px}.browser-card{left:-10px}.permission-page{left:-25px}.permission-account{right:-25px}.shield-visual{transform:scale(.78);margin-inline:-40px}.hero-actions{align-items:stretch}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:1ms!important}}