:root{color-scheme:dark;--paper:#080808;--ink:#f1f1f1;--muted:#969696;--mono:Consolas,'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#fff}a:focus-visible{outline:2px solid #fff;outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:#222;padding:10px;z-index:10}.skip:focus{top:10px}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-size:21px;font-weight:650;letter-spacing:-.8px;white-space:nowrap}.brand>span:last-child{font-weight:400}.brand-icon{display:grid;place-items:center;width:33px;height:33px;background:linear-gradient(#fff,#bcbcbc);color:#151515;font-size:24px;letter-spacing:-2px;line-height:1;padding-bottom:4px;border-radius:11px;margin-right:10px}.nav nav{display:flex;gap:24px;font-size:13px;color:#8e8e8e}.nav-download{border:1px solid #ffffff23;background:#ffffff05;padding:9px 16px;border-radius:30px;font-size:12px}.nav-download:hover{background:#ffffff10}
.screen{min-height:100vh;min-height:100svh;display:flex;padding-block:20px;scroll-margin-top:0}.first-screen{min-height:calc(100vh - 88px);min-height:calc(100svh - 88px);padding-top:0}.page-frame{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff1d;border-radius:30px;background:linear-gradient(130deg,#ffffff04,transparent 45%),#0b0b0b;box-shadow:inset 0 1px 0 #ffffff05;display:flex;flex-direction:column;width:100%;padding:28px 36px 22px}.hero-frame{background:radial-gradient(ellipse at 25% 0%,#ffffff0b,transparent 60%),#0a0a0a}.page-top,.page-end{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}.eyebrow,.release{font:9px/1.6 var(--mono);letter-spacing:1.2px;color:#858585}.release{color:#666}.page-end{margin-top:24px;border-top:1px solid #ffffff0c;padding-top:17px}.page-index{font:12px var(--mono);color:#ddd}.page-index>span{color:#626262;margin-left:4px}.page-rule{flex:1}.page-end a{font-size:12px;color:#999}.page-end a:hover{color:#fff}
.hero-content{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,370px);gap:40px;align-items:center;padding:32px 0}.hero-copy{min-width:0}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff1a;border-radius:30px;padding:5px 11px;font-size:11px;color:#bbb;background:#ffffff05}.pill-dot{width:4px;height:4px;background:#ddd;border-radius:50%}h1{font-size:clamp(43px,4.2vw,60px);font-weight:550;line-height:1.11;letter-spacing:-2.7px;margin:23px 0 18px}h1>span{color:#b7b7b7}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.6px;color:#f4f4f4}.hero-copy>p{font-size:15px;color:#959595;line-height:1.85;margin:0;max-width:450px}.hero-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:15px;font-size:13px;font-weight:600;transition:transform .15s}.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.primary{background:linear-gradient(#fff,#dedede);color:#111;border:1px solid #eee}.primary:hover{background:#fff;color:#000;transform:translateY(-1px)}.quiet-link{font-size:12px;color:#999;border-bottom:1px solid #ffffff20;padding:3px 0}.compatibility{display:flex;align-items:center;gap:8px;margin-top:20px}.compatibility>span:first-child{font:8px var(--mono);color:#606060;letter-spacing:.6px;margin-right:5px}.compatibility>span:not(:first-child){font-size:10px;color:#aaa;border:1px solid #ffffff13;border-radius:20px;padding:3px 10px}.hero-notes{display:flex;justify-content:center;align-items:center;gap:30px;font-size:11px;color:#777}.hero-notes>span+span:before{content:'·';color:#555;margin-right:30px}
.ambient{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:strict}.ambient-wisp{position:absolute;top:10px;left:-100px;width:500px;height:260px;background:radial-gradient(ellipse,#ffffff08,transparent 66%);animation:gentle-drift 28s ease-in-out infinite alternate;animation-play-state:paused}body.motion-visible .ambient-wisp{animation-play-state:running}@keyframes gentle-drift{to{transform:translate(70px,40px)}}
.section-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px 0;gap:27px}.section-heading h2{font-size:clamp(30px,3.3vw,43px);line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin:17px 0 12px}.section-heading h2>span{color:#828282}.section-heading>p{color:#929292;font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #ffffff12;background:linear-gradient(150deg,#ffffff05,#ffffff01);border-radius:20px;padding:23px 21px}.feature-icon{display:grid;place-items:center;width:35px;height:35px;background:#ffffff07;border:1px solid #ffffff13;border-radius:12px;font-size:22px;color:#c5c5c5;margin-bottom:21px}.micro{font:8px var(--mono);letter-spacing:.8px;color:#777}h3{font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.4px;margin:10px 0}.feature-card p{font-size:13px;line-height:1.85;color:#999;margin:0 0 22px}.feature-card strong,.steps strong{font-weight:500;color:#ddd}.card-detail{margin-top:auto;border-top:1px solid #ffffff0c;padding-top:13px;font-size:10px;color:#727272;width:100%}.privacy-note{display:flex;align-items:center;gap:18px;border:1px solid #ffffff0e;border-radius:17px;padding:17px 21px;background:#ffffff02}.privacy-mark{font-size:27px;color:#aaa}.privacy-note strong{font-size:13px;font-weight:500}.privacy-note p{font-size:12px;color:#888;margin:3px 0 0;line-height:1.7}
.setup-content{flex:1;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:54px;padding:35px 0}.setup-copy h2{font-size:clamp(47px,4.6vw,63px);line-height:1.07;letter-spacing:-2px;font-weight:500;margin:22px 0}.setup-copy>p{font-size:14px;line-height:1.85;color:#999;max-width:340px;margin:0 0 25px}.download-note{display:block;font:8px var(--mono);color:#777;letter-spacing:.7px;margin-top:14px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:13px}.steps li{display:flex;gap:17px;align-items:flex-start;padding:23px;border:1px solid #ffffff12;border-radius:20px;background:#ffffff03}.step-number{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #ffffff20;border-radius:50%;font:11px var(--mono);color:#ccc}.steps h3{margin:2px 0 10px;font-size:18px}.steps p{font-size:13px;line-height:1.85;color:#949494;margin:0}code{font:11px var(--mono);background:#ffffff06;border:1px solid #ffffff08;border-radius:6px;padding:2px 4px;overflow-wrap:anywhere;color:#ccc}.setup-footnote{font-size:11px;color:#777;text-align:center}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px 32px}footer .brand{font-size:16px}footer .brand-icon{width:26px;height:26px;border-radius:9px;font-size:20px}footer p{font-size:10px;color:#717171;margin:0}footer>span{font:8px var(--mono);color:#616161}

/* HTML extension illustration */
.extension-preview{grid-column:2;grid-row:2/4;align-self:center;margin:40px 0 45px;min-width:0}.preview-badge{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#999;margin-bottom:17px}.preview-badge>span{width:5px;height:5px;background:#bbb;border-radius:50%;box-shadow:0 0 9px #fff4}.extension-shell{border:1px solid #ffffff27;border-radius:26px;background:linear-gradient(145deg,#ffffff10,#ffffff03);padding:8px;box-shadow:0 10px 24px #0005,inset 0 1px 0 #fff1}.extension-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px 15px;font-size:11px;color:#c8c8c8}.extension-symbol{font-size:15px;font-weight:650;letter-spacing:-1px}.toolbar-label{margin-left:auto;font-size:8px;letter-spacing:1px;color:#777}.extension-body{background:linear-gradient(150deg,#171717,#0c0c0c 50%);border:1px solid #ffffff12;border-radius:19px;padding:23px 17px 0;overflow:hidden}.extension-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.extension-heading h2{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.4;margin:0}.extension-heading p{font-size:10px;color:#888;margin:3px 0 0}.add-visual{padding:7px 10px;border:1px solid #ffffff24;border-radius:20px;font-size:10px;white-space:nowrap;background:#ffffff08;color:#ddd}.account-section-label{display:flex;justify-content:space-between;align-items:center;margin:27px 0 11px;font-size:10px;color:#919191}.profile-count{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:0 6px;font-size:9px}.account-list{display:grid;gap:9px}.account-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 11px;background:linear-gradient(120deg,#ffffff09,#ffffff03);border:1px solid #ffffff14;border-radius:14px}.account-one{border-color:#ffffff38;background:linear-gradient(125deg,#ffffff13,#ffffff03)}.account-avatar{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff19;border-radius:50%;background:linear-gradient(140deg,#494949,#202020);color:#eee;font-size:14px;font-weight:500}.account-two .account-avatar{background:linear-gradient(145deg,#777,#303030)}.account-three .account-avatar{background:linear-gradient(145deg,#333,#131313)}.account-details{min-width:0;display:flex;flex-direction:column;gap:1px}.account-details strong{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.1px}.account-details>span{font-size:9px;color:#8e8e8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-balance{display:flex;align-items:center;gap:4px;font-size:10px;color:#ddd}.extension-preview svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.row-tools{display:none}.extension-hint{padding:32px 0 34px;text-align:center;color:#606060;font-size:10px}.extension-footer{display:flex;align-items:center;gap:6px;border-top:1px solid #ffffff0c;padding:15px 0;font-size:9px;color:#909090}.extension-footer>span:last-child{margin-left:auto;font-size:8px;color:#646464}.extension-footer svg{width:12px;height:12px}.extension-preview figcaption{text-align:center;font-size:10px;color:#777;margin-top:17px}
.extension-preview{grid-column:auto;grid-row:auto;align-self:center;margin:0;min-width:0;width:100%}.extension-shell{box-shadow:0 10px 25px #0005,inset 0 1px 0 #ffffff0d;background:linear-gradient(140deg,#222,#111)}.extension-body{padding:22px 15px 0}.extension-hint{padding:23px 0}.extension-preview figcaption{margin-top:12px;font-size:9px}.preview-badge{margin-bottom:12px;font-size:10px}.account-row{padding:13px 10px}.extension-heading h2{font-size:17px;letter-spacing:-.4px}.row-tools{display:none}
@media(min-width:1600px){.page-frame{padding:32px 40px 25px}.hero-content{gap:38px;grid-template-columns:minmax(0,1fr) 395px}.hero-copy h1{font-size:64px}.hero-copy>p{font-size:16px}.section-content{gap:32px}.feature-card{padding:27px 24px}.feature-card p{font-size:14px}.feature-card h3{font-size:21px}.feature-card .micro{font-size:9px}.steps li{padding:27px}.steps p{font-size:14px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.page-frame{padding:24px 28px 20px}.hero-content{grid-template-columns:minmax(0,1fr) 330px;gap:26px}h1{font-size:45px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-actions{gap:15px}.button{padding:12px 17px;font-size:12px}.feature-card{padding:19px 17px}.feature-card h3{font-size:17px}.setup-content{gap:30px}.steps li{padding:20px}.desktop-break{display:none}footer>span{display:none}}
@media(max-width:820px){.wrap{width:calc(100% - 32px)}.nav{height:74px;gap:12px}.brand{font-size:19px}.nav nav{gap:15px;font-size:12px}.nav-download{display:none}.screen{min-height:0;padding-block:12px}.first-screen{padding-top:0}.page-frame{padding:21px 22px 17px;border-radius:24px}.release{display:none}.eyebrow{font-size:8px;letter-spacing:.8px}.hero-content{grid-template-columns:1fr;padding:33px 0 25px;gap:30px}.hero-copy{max-width:520px}h1{font-size:clamp(42px,7vw,58px)}.hero-copy>p{max-width:470px}.hero-actions{margin-top:22px}.extension-preview{width:min(370px,100%);justify-self:center}.hero-notes{gap:15px;font-size:10px;flex-wrap:wrap}.hero-notes>span+span:before{margin-right:15px}.page-end{margin-top:20px;padding-top:14px}.page-end a{font-size:11px}.section-content{padding:28px 0 12px;gap:22px}.section-heading h2{font-size:32px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:22px}.feature-icon{margin-bottom:14px}.feature-card h3{font-size:21px}.feature-card p{font-size:14px;margin-bottom:15px}.privacy-note{padding:16px;gap:13px;align-items:flex-start}.setup-content{grid-template-columns:1fr;padding:30px 0 22px;gap:32px}.setup-copy h2{font-size:49px}.setup-copy>p{max-width:470px}.steps li{padding:21px}.steps p{font-size:14px}.setup-footnote{text-align:left;line-height:1.7}footer{flex-wrap:wrap;padding-block:20px}footer p{width:100%;order:2}.ambient-wisp{animation:none;width:100%;left:0}}
@media(max-width:420px){.nav nav{gap:10px;font-size:10px}.brand{font-size:17px}.brand-icon{width:28px;height:28px;font-size:22px}.page-frame{padding-inline:18px}h1{font-size:39px;letter-spacing:-1.8px}.hero-notes{gap:10px;font-size:9px}.hero-notes>span+span:before{margin-right:10px}.extension-body{padding-inline:10px}.account-row{grid-template-columns:30px minmax(0,1fr) auto;gap:6px;padding:12px 8px}.account-avatar{width:29px;height:29px;font-size:12px}.account-details strong{font-size:10px}.account-details>span{font-size:8px}.account-balance{font-size:9px}.extension-heading h2{font-size:15px}.add-visual{font-size:9px;padding:6px 7px}.extension-heading p{font-size:9px}.steps li{padding:17px;gap:12px}.section-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-wisp{animation:none}.button{transition:none}.button:hover{transform:none}}
/* Installation follows its content height instead of stretching to the viewport. */
#install.screen{min-height:0}
#install .page-frame{padding-top:24px;padding-bottom:18px}
#install .setup-content{flex:0 0 auto;padding-block:24px 20px}
#install .page-end{margin-top:18px;padding-top:14px}
@media(max-width:820px){#install .page-frame{padding-top:21px;padding-bottom:17px}#install .setup-content{padding-block:24px 18px}}
/* All three cards fit their content without viewport-height padding. */
#home.screen,#features.screen{min-height:0}
#home .page-frame,#features .page-frame{padding-top:24px;padding-bottom:18px}
#home .hero-content{flex:0 0 auto;padding-block:24px 20px}
#features .section-content{flex:0 0 auto;padding-block:24px 20px;gap:24px}
#home .page-end,#features .page-end{margin-top:18px;padding-top:14px}
@media(max-width:820px){#home .page-frame,#features .page-frame{padding-top:21px;padding-bottom:17px}#home .hero-content,#features .section-content{padding-block:24px 18px}}