:root{--bg:#101014;--ink:#f3f0f8;--muted:#9b97a8;--purple:#c09aff;--blue:#71c6e5;--line:#2c2935}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.wrap{max-width:1260px;padding-inline:40px;margin:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff09}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope;font-size:24px;font-weight:800;letter-spacing:-.7px}.mascot{width:34px;height:34px;position:relative;overflow:hidden;border-radius:9px;flex-shrink:0}.mascot img{position:absolute;width:468px;max-width:none;left:-5px;top:-58px}.beta{font-family:'DM Sans';font-size:7px;letter-spacing:1px;font-weight:500;color:#b29acb;border:1px solid #473456;background:#21172b;padding:5px 6px;border-radius:4px;margin-left:4px}.nav nav{display:flex;gap:28px;font-size:12px;color:var(--muted)}.nav nav a:hover{color:var(--ink)}.button{border:1px solid #b991ef;background:var(--purple);color:#21122e;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:18px 23px;border-radius:8px;font-size:13px;font-weight:700;box-shadow:0 3px 20px #b187ed10;transition:transform .2s,background .2s}.button:hover{background:#d0b2ff;transform:translateY(-2px)}.button span{font-size:19px}.button.small{font-size:11px;padding:12px 17px;gap:22px;background:#25202e;color:#d9c5f5;border-color:#50405e}.menu-button{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:90px;position:relative}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#bbb2ca;display:flex;align-items:center;gap:10px}.eyebrow i,.companion-status i{height:6px;width:6px;border-radius:50%;background:#b088e5;box-shadow:0 0 0 4px #b088e518}.hero h1{font:500 64px/1.12 Manrope,sans-serif;letter-spacing:-3.4px;margin:27px 0}.hero h1 span{background:linear-gradient(95deg,#d6b4ff,#aa8beb 55%,#80c6e5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:445px;font-size:15px;line-height:1.9;color:var(--muted);margin:25px 0 30px}.actions{display:flex;align-items:center;gap:20px}.secondary{font-size:11px;background:transparent;border:0;color:#a9a2b4;padding:10px 0}.hero-footnote{font-size:10px;color:#8f869f;display:flex;align-items:center;gap:9px;margin-top:23px}.hero-footnote span{color:var(--purple);font-size:19px}.hero-visual{position:relative;min-width:0;padding:7px 0}.glow{position:absolute;inset:0 -60px;background:radial-gradient(ellipse,#743db02e,transparent 65%);pointer-events:none}.decor-star{position:absolute;right:-26px;top:-23px;font-size:38px;color:#c398f6;transform:rotate(10deg)}.product-frame{position:relative;border:1px solid #49404f;border-radius:12px;overflow:hidden;transform:rotate(1.5deg);background:#181919;box-shadow:0 28px 80px #0008}.frame-bar{height:37px;background:#242128;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:8px monospace;color:#96919e}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#cd8199}.dots i:nth-child(2){background:#ccb478}.dots i:nth-child(3){background:#89ba9c}.image-crop{height:470px;overflow:hidden;position:relative}.image-crop img{display:block;width:100%;height:auto}.image-crop:after{content:'';position:absolute;bottom:0;left:0;right:0;height:65px;background:linear-gradient(transparent,#181919)}.frame-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid #303033;background:#1d1c20;font-size:8px;color:#aaa2b3}.frame-bottom i,.mini-review i,.mini-security i{display:inline-block;width:5px;height:5px;background:#75c59b;border-radius:50%;margin-right:5px}.screenshot-button{background:none;border:0;color:var(--blue);font-size:9px;padding:0}.floating-badge{position:absolute;bottom:-19px;left:-23px;display:flex;gap:12px;align-items:center;background:#25202d;border:1px solid #57426c;border-radius:10px;padding:14px 18px;box-shadow:0 12px 30px #0005;transform:rotate(-2deg)}.floating-badge>span{font-size:30px;color:var(--purple)}.floating-badge strong{display:block;font-size:11px;font-weight:500;color:#e3d2f4}.floating-badge small{display:block;font-size:8px;color:#a393b5;margin-top:5px}.product-strip{border-block:1px solid var(--line);background:#15141a}.product-strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:26px}.product-strip>.wrap>span{font-size:8px;line-height:1.8;letter-spacing:1px;color:#8e839f}.product-strip strong{font-weight:500;color:#beb2ce}.product-strip>.wrap>div{display:flex;gap:10px;align-items:center;font-size:22px;color:#776988}.product-strip div span{font:600 15px Manrope;color:#a29aae}.section{padding-block:85px}.section-label{font-size:9px;letter-spacing:1.6px;color:#9c8aaf}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center;margin:24px 0 40px}h2{font-family:Manrope;font-size:39px;font-weight:500;letter-spacing:-1.7px;line-height:1.22;margin:0}h2>span{color:#a998bb}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:320px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:21px;border:1px solid var(--line);background:linear-gradient(160deg,#1c1922,#17171b);border-radius:12px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#645075}.feature-card>div{height:150px;border:1px solid #38313f;border-radius:7px;margin-bottom:25px;background:#141417;overflow:hidden}.mini-review{padding:18px 13px}.mini-review>span:first-child{font-size:7px;letter-spacing:1px;color:#ac98be}.mini-review>div{background:#1d2120;margin:14px 0 10px;border-radius:3px;padding:8px}.mini-review code{display:block;font-size:8px;color:#8fc7a5;line-height:1.7;white-space:nowrap}.mini-review code:last-child{color:#c28a9e}.mini-action{display:block;background:#257c9b;padding:9px;border-radius:4px;color:#fff;text-align:center;font-size:8px}.mini-security{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.shield{color:#a883d5;font-size:47px;line-height:45px}.mini-security strong{font-size:14px;font-weight:500}.mini-security>span:last-child{font-size:8px;color:#93a69c}.mini-welcome{padding:20px}.mini-welcome>span{font:8px monospace;color:#9d91ad}.mini-welcome strong{font-size:14px;font-weight:500;display:flex;justify-content:space-between;margin:12px 0;color:#d0c4df}.mini-welcome strong span{color:var(--blue)}.fake-line{height:4px;width:90%;background:#46404e;border-radius:2px;margin:9px 0}.fake-line.short{width:62%;background:#332e3b}.mini-welcome small{font-size:8px;color:#8c809b}.feature-number{font:8px monospace;letter-spacing:1px;color:#a38abf}.feature-card h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:12px 0}.feature-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.demo-note{font-size:9px;color:#8d819b;margin:20px 0 0;text-align:center}.companion-section{background:radial-gradient(ellipse at 15% 40%,#38204d44,transparent 65%),#151319;border-block:1px solid var(--line);padding-block:65px}.companion-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:center}.companion-portrait{position:relative;overflow:hidden;width:100px;height:100px;border-radius:50%;margin:35px 0 25px;border:1px solid #785198;box-shadow:0 0 45px #945dd33a}.companion-portrait img{position:absolute;max-width:none;width:1004px;left:-35px;top:-520px}.companion-copy h2{font-size:45px}.companion-copy h2 span{color:var(--purple)}.companion-copy>p{color:var(--muted);font-size:14px;line-height:1.9;max-width:370px;margin-block:23px}.companion-status{display:flex;align-items:center;gap:9px;font:8px monospace;letter-spacing:1px;color:#b9a6ca;border-bottom:1px solid #3a2d45;padding-bottom:22px;margin-top:30px}.companion-status span{background:#3e2752;border:1px solid #61417d;color:#c8a4f4;padding:4px 7px;border-radius:20px;font-size:8px;letter-spacing:0;margin-left:auto}.flow-steps{margin:22px 0 27px}.flow-steps>div{display:flex;align-items:center;gap:15px}.flow-steps>div>span{font:9px monospace;color:#b191c7;border:1px solid #423249;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.flow-steps p{font-size:12px;color:#baadca;margin:11px 0}.text-button{font-size:12px;color:#c8a7ef;display:flex;gap:35px}.text-button span{color:var(--blue)}.full-preview{border:1px solid #493650;border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #0005}.preview-label{display:flex;justify-content:space-between;gap:12px;background:#241b2c;padding:14px 17px;font:7px monospace;letter-spacing:1px;color:#b79acb}.full-preview>img{width:100%;display:block}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;margin-top:35px}.faq-grid details{border-bottom:1px solid var(--line);padding:20px 0}.faq-grid details:first-child{padding-top:0}.faq-grid summary{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:500;cursor:pointer;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{color:#9f80bf;font-size:20px;line-height:18px;transition:transform .2s}.faq-grid details[open] summary span{transform:rotate(45deg)}.faq-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin:14px 0 0;max-width:470px}.closing{text-align:center;padding-block:55px;border:1px solid #513960;border-radius:18px;background:radial-gradient(ellipse at 50% 140%,#593f7744,transparent 80%),#211928;position:relative;overflow:hidden;margin-bottom:45px}.closing .eyebrow{justify-content:center}.closing h2{font-size:56px;line-height:1.2;margin:25px 0 28px;position:relative}.closing h2 span{color:#cbaff0}.closing>p{font-size:10px;color:#aa95bc;margin-top:19px}.closing-orbit{position:absolute;border:1px solid #493356;border-radius:50%;width:550px;height:310px;right:-250px;top:-90px;transform:rotate(40deg);pointer-events:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:35px}footer .brand{font-size:21px}footer>span,footer>a:last-child{font-size:10px;color:#a093ae}dialog{background:#201924;color:var(--ink);border:1px solid #684a7c;border-radius:15px;width:calc(100% - 32px);max-width:470px;padding:40px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#09080dcc;backdrop-filter:blur(7px)}dialog h2{font-size:35px;margin-top:20px}dialog p{font-size:13px;color:#b1a3be;line-height:1.9;margin:22px 0 28px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#bba4cf;font-size:25px}.dialog-star{display:block;color:var(--purple);font-size:48px;margin-bottom:18px}.screenshot-dialog{padding:0;max-width:850px;max-height:90vh;background:#181919;border-radius:10px}.screenshot-dialog-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:#251d2d;border-bottom:1px solid #51395f;padding:10px 18px;z-index:2;font:10px monospace;color:#bba4cf}.screenshot-close{font-size:25px;background:none;border:0;color:#cfb5e4}.screenshot-dialog>img{display:block;width:100%}@media(max-width:1050px){.wrap{padding-inline:28px}.nav .beta{display:none}.nav nav{gap:20px}.hero{gap:35px}.hero h1{font-size:53px;letter-spacing:-2.8px}.hero-copy>p{font-size:14px}.image-crop{height:425px}.actions{gap:14px}.actions .button{gap:20px;padding:17px}.secondary{font-size:10px}.companion-grid{gap:65px}.closing{margin-inline:28px}.product-strip div span{font-size:13px}.feature-card{padding:17px}.feature-card h3{font-size:16px}}@media(max-width:760px){.nav{height:82px;gap:15px}.brand{font-size:21px}.nav .small{margin-left:auto;font-size:10px;padding:10px 12px;gap:10px}.menu-button{display:block;background:none;color:#cdb8df;border:0;font-size:22px;padding:0}.nav nav{display:none;position:absolute;top:76px;left:20px;right:20px;border:1px solid #493452;background:#201924;z-index:10;padding:22px;border-radius:10px;box-shadow:0 15px 40px #0008;flex-direction:column}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:65px;gap:50px;overflow:hidden}.hero h1{font-size:56px;letter-spacing:-2.9px}.hero-copy>p{max-width:510px}.hero-visual{max-width:550px;width:100%;margin:auto;padding-inline:7px}.image-crop{height:460px}.floating-badge{left:0;bottom:-15px}.decor-star{right:0}.hero .eyebrow{font-size:8px}.product-strip>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:20px 35px}.product-strip>.wrap>span{width:100%;font-size:8px}.product-strip>.wrap>span br{display:none}.product-strip strong{margin-left:4px}.product-strip div span{font-size:12px}.section{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:30px}h2{font-size:34px}.section-heading>p{max-width:440px;margin:5px 0}.feature-grid{grid-template-columns:1fr}.feature-card{padding:23px}.feature-card>div{max-width:100%;height:155px}.feature-card h3{font-size:20px}.feature-card p{font-size:13px}.mini-review code{font-size:10px}.mini-security>span:last-child{font-size:10px}.mini-welcome{padding:20px 25px}.feature-card .mini-welcome strong{font-size:18px}.mini-review{padding:18px}.mini-action{font-size:9px}.companion-section{padding-block:55px}.companion-grid{grid-template-columns:1fr;gap:35px}.companion-copy>p{max-width:440px}.companion-status{max-width:420px}.full-preview{max-width:500px;width:100%;margin:auto}.companion-copy h2{font-size:40px}.companion-portrait{margin-top:25px}.faq-grid{grid-template-columns:1fr;gap:30px}.closing{margin:0 20px 35px;padding-block:40px}.closing h2{font-size:45px}.closing .eyebrow{font-size:8px}footer{flex-wrap:wrap}footer>span{order:3;width:100%;text-align:center}}@media(max-width:400px){.wrap{padding-inline:20px}.nav{gap:10px}.brand{font-size:19px;gap:7px}.nav .small{font-size:9px;padding:10px;gap:7px}.mascot{width:30px;height:30px}.mascot img{width:413px;left:-4px;top:-51px}.hero h1{font-size:47px;letter-spacing:-2.5px}.actions{gap:12px}.actions .button{font-size:11px;padding:17px;gap:16px}.secondary{font-size:9px}.image-crop{height:375px}.frame-bottom{font-size:7px;padding-inline:10px}.screenshot-button{font-size:8px}.floating-badge{padding:11px 13px}.floating-badge strong{font-size:10px}.product-strip>.wrap{gap:20px 25px}.section-label{font-size:8px;letter-spacing:1.2px}.section-heading h2{font-size:30px}.closing h2{font-size:39px}dialog{padding:28px}.screenshot-dialog{padding:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Actual extension screenshot gallery */
.gallery-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:12px;background:#101b1a;border-bottom:1px solid #243332}.gallery-tabs button{flex:1;min-width:65px;padding:10px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#a9b7b4;font-size:10px;transition:background .2s,color .2s}.gallery-tabs button:hover{background:#1e2d2b;color:#eee}.gallery-tabs button.active{background:#cfc5f8;border-color:#d9d0ff;color:#161324;font-weight:700}.gallery-image-button{position:relative;width:100%;height:545px;display:block;overflow:hidden;background:#041210;text-align:left}.gallery-image-button img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.gallery-image-button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#041210)}.enlarge-hint{position:absolute;bottom:14px;right:15px;z-index:1;background:#20212bea;border:1px solid #524764;border-radius:6px;padding:9px 12px;color:#dacafa;font-size:9px}.gallery-caption{position:relative;background:#201925;border-top:1px solid #45334e;padding:20px 22px 18px;min-height:125px}.gallery-caption strong{font-family:Manrope;font-size:16px;font-weight:500;letter-spacing:-.3px;display:block;padding-right:45px;color:#e4d8f2}.gallery-caption p{font-size:11px;line-height:1.8;color:#ad9fba;margin:9px 0 0}.gallery-caption>span{position:absolute;top:24px;right:18px;font:8px monospace;color:#9c86ae}.feature-card>.security-shot{background:#061412;border-color:#24372f;display:flex;align-items:center}.security-shot button{display:block;width:100%;height:100%;overflow:hidden}.security-shot img{display:block;width:100%;height:100%;object-fit:contain}.gallery .preview-label{font-size:7px}.image-crop{background:#041210}.image-crop:after{background:linear-gradient(transparent,#041210)}@media(max-width:760px){.gallery-image-button{height:520px}.gallery-caption{min-height:120px}.feature-card>.security-shot{height:auto;min-height:155px}.security-shot img{height:auto}.gallery-tabs{gap:3px;padding:10px}.gallery-tabs button{min-width:50px;font-size:9px;padding:9px 5px}}@media(max-width:400px){.gallery-image-button{height:400px}.gallery-caption{padding:18px}.gallery-caption strong{font-size:14px}.gallery-caption p{font-size:10px}.gallery-caption>span{top:22px;right:13px;font-size:7px}.gallery .preview-label{font-size:6px}}