:root{--ink:#1d1a2f;--muted:#716d7d;--brand:#5750d8;--brand2:#322c8f;--mint:#ebe9ff;--paper:#faf8fc;--warm:#f3e9e5;--white:#fff;--line:#e2deea;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;overflow-x:hidden}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}.skip-link{background:var(--ink);color:white;left:16px;padding:10px;position:fixed;top:-60px;z-index:10}.skip-link:focus{top:16px}
.site-header{align-items:center;background:rgba(247,248,244,.86);border-bottom:1px solid rgba(220,226,219,.65);display:flex;height:72px;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;backdrop-filter:blur(16px);z-index:5}.brand{align-items:center;display:inline-flex;flex-shrink:0;gap:11px;text-decoration:none}.brand strong{font-size:19px;letter-spacing:-.025em;line-height:1;white-space:nowrap}.brand-icon{aspect-ratio:1;display:block;flex:0 0 40px;height:40px;object-fit:contain;width:40px}.site-header nav{align-items:center;display:flex;gap:29px}.site-header nav a{color:#4f5b54;font-size:13px;font-weight:650;text-decoration:none}.site-header nav a:hover{color:var(--brand)}.site-header .nav-cta{background:var(--brand);border-radius:8px;color:white;padding:9px 14px}.site-header .nav-cta:hover{background:var(--brand2);color:white}.menu-button{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);margin:0 auto;max-width:1180px;min-height:690px;padding:94px 24px 82px}.hero-copy{padding-top:25px;position:relative;z-index:1}.eyebrow{color:var(--brand);display:inline-flex;font-size:11px;font-weight:850;letter-spacing:.115em;margin-bottom:20px;text-transform:uppercase}.eyebrow i{background:var(--brand);border-radius:50%;height:6px;margin:5px 9px 0 0;width:6px}.hero h1{font:500 clamp(52px,5.1vw,74px)/.98 var(--serif);letter-spacing:-.055em;margin-bottom:25px}.hero h1 em{color:var(--brand);font-style:italic}.hero-copy>p{color:var(--muted);font-size:18px;max-width:570px}.hero-actions{display:flex;gap:10px;margin:30px 0 25px}.button{align-items:center;border-radius:9px;display:inline-flex;font-size:14px;font-weight:780;gap:20px;justify-content:center;padding:13px 18px;text-decoration:none}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:var(--brand2)}.button.secondary{background:white;border:1px solid var(--line)}.button.light{background:white;color:var(--brand2)}.trust-row{color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;gap:18px}.trust-row b{color:var(--brand);margin-right:4px}
.product-stage{align-items:center;display:flex;justify-content:center;min-height:500px;position:relative}.halo{background:radial-gradient(circle,var(--mint) 0,#e8eee7 38%,transparent 70%);height:620px;position:absolute;width:620px}.extension-window{background:#fbfcf9;border:1px solid #cad4cc;border-radius:18px;box-shadow:0 35px 75px rgba(21,52,37,.18);padding:18px;position:relative;transform:rotate(1.8deg);width:390px;z-index:1}.extension-head{align-items:center;display:flex;margin-bottom:20px}.extension-head>span:nth-child(2){display:grid;line-height:1.1;margin-left:9px}.extension-head strong{font-size:13px}.extension-head small{color:var(--muted);font-size:8px}.extension-head>b{color:#87928b;margin-left:auto}.mini-brand{aspect-ratio:1;display:block;flex:0 0 36px;height:36px;object-fit:contain;width:36px}.fake-search{background:white;border:1px solid var(--line);border-radius:10px;color:#89938d;font-size:11px;margin-bottom:16px;padding:10px 12px}.fake-search i{background:var(--brand);border-radius:7px;color:white;float:right;font-size:19px;font-style:normal;height:25px;line-height:23px;margin-top:-6px;text-align:center;width:25px}.refresh{color:#87928b;display:flex;font-size:7px;font-weight:800;justify-content:space-between;letter-spacing:.06em;text-transform:uppercase}.progress{background:#e0e6e1;border-radius:8px;height:3px;margin:5px 0 12px}.progress i{background:var(--brand);display:block;height:100%;width:62%}.fake-account{align-items:center;background:white;border:1px solid var(--line);border-radius:11px;display:flex;gap:10px;margin-bottom:8px;padding:10px}.fake-account>span:nth-child(2){display:grid;line-height:1.15}.fake-account strong{font-size:11px}.fake-account small{color:var(--muted);font-size:8px}.letter{align-items:center;background:#eee8dc;border-radius:8px;color:#364b3e;display:flex;font:700 15px var(--serif);height:34px;justify-content:center;width:34px}.letter.figma{background:#e5eee7}.letter.notion{background:#e7e7e7}.fake-account code{font:750 16px "SFMono-Regular",Consolas,monospace;letter-spacing:.04em;margin-left:auto}.extension-window>button{background:var(--mint);border:0;border-radius:9px;color:var(--brand2);font-size:10px;font-weight:800;padding:10px;width:100%}.security-chip{align-items:center;background:white;border:1px solid var(--line);border-radius:12px;bottom:69px;box-shadow:0 15px 30px rgba(21,52,37,.14);display:grid;grid-template-columns:32px 1fr;left:5px;padding:10px 13px;position:absolute;transform:rotate(-3deg);z-index:2}.security-chip>span{align-items:center;background:var(--mint);border-radius:8px;color:var(--brand);display:flex;grid-row:1/3;height:29px;justify-content:center;margin-right:9px;width:29px}.security-chip strong{font-size:10px}.security-chip small{color:var(--muted);font-size:7px}
.proof-strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:0 auto;max-width:1180px;padding:28px 24px;text-align:center}.proof-strip p{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.1em;margin-bottom:20px;text-transform:uppercase}.import-sources{display:flex;flex-wrap:wrap;gap:18px 36px;justify-content:center;list-style:none;margin:0;padding:0}.import-sources li{align-items:center;display:flex;gap:10px;white-space:nowrap}.import-sources img,.import-sources svg{aspect-ratio:1;display:block;flex:0 0 32px;height:32px;object-fit:contain;width:32px}.import-sources img{border-radius:8px}.protocol-icon{color:var(--brand)}.proof-strip span{color:#4f5b54;font-size:13px;font-weight:750}.proof-strip code{font-size:11px}
.section{margin:0 auto;max-width:1180px;padding:120px 24px}.section-intro{display:grid;grid-template-columns:1fr 1fr}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2,.import-copy h2,.security-heading h2,.faq h2,.final-cta h2{font:500 45px/1.07 var(--serif);letter-spacing:-.04em}.section-intro p{color:var(--muted);font-size:16px;margin:7px 0 0 45px}.steps-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:62px}.steps-grid article{background:white;border:1px solid var(--line);border-radius:15px;min-height:260px;padding:25px;position:relative}.step-no{color:#8b968f;float:right;font:12px "SFMono-Regular",monospace}.line-icon{height:58px;margin:9px 0 31px;position:relative;width:58px}.line-icon:before,.line-icon:after{content:"";position:absolute}.login-icon:before{border:2px solid var(--brand);border-radius:50%;height:25px;left:16px;top:2px;width:25px}.login-icon:after{border:2px solid var(--brand);border-bottom:0;border-radius:24px 24px 0 0;height:19px;left:9px;top:35px;width:39px}.vault-icon:before{border:2px solid var(--brand);border-radius:8px;height:35px;left:7px;top:18px;width:43px}.vault-icon:after{border:2px solid var(--brand);border-bottom:0;border-radius:12px 12px 0 0;height:18px;left:17px;top:1px;width:23px}.import-icon:before{border:2px solid var(--brand);border-radius:7px;bottom:1px;height:18px;left:6px;width:45px}.import-icon:after{border-bottom:2px solid var(--brand);border-right:2px solid var(--brand);height:18px;left:24px;top:8px;transform:rotate(45deg);width:18px}.steps-grid h3{font-size:16px;margin-bottom:8px}.steps-grid p{color:var(--muted);font-size:13px}
.import-section{padding-top:30px}.import-card{background:var(--brand2);border-radius:26px;color:white;display:grid;grid-template-columns:1fr 1fr;min-height:540px;overflow:hidden}.import-copy{padding:72px 65px}.import-copy .eyebrow{color:#9ed1b8}.import-copy h2{font-size:43px}.import-copy>p{color:#bcd0c4}.import-copy ul{display:grid;gap:7px;list-style:none;margin:23px 0;padding:0}.import-copy li:before{color:#9ed1b8;content:"✓";font-weight:900;margin-right:9px}.import-copy>a{color:white;font-size:12px;font-weight:800}.import-ui{align-self:center;background:#f8faf7;border-radius:18px 0 0 18px;color:var(--ink);margin-left:25px;padding:42px 36px}.file-card{align-items:center;border:1px dashed #9eafa4;border-radius:14px;display:flex;flex-direction:column;padding:32px}.file-card>span{color:var(--brand);font-size:26px}.file-card strong{font-size:13px}.file-card small{color:var(--muted);font-size:10px}.detected{align-items:center;background:var(--mint);border-radius:11px;display:flex;gap:11px;margin-top:15px;padding:13px}.detected>span{color:var(--brand)}.detected>div{display:grid}.detected strong{font-size:11px}.detected small{color:var(--muted);font-size:8px}.detected>b{color:var(--brand);margin-left:auto}.privacy-note{color:var(--muted);font-size:8px;margin-top:12px;text-align:center}
.security{padding-bottom:95px}.security-heading{display:grid;grid-template-columns:1.05fr .95fr}.security-heading .eyebrow{grid-column:1/-1}.security-heading p{color:var(--muted);font-size:16px;margin:6px 0 0 55px}.security-flow{align-items:center;background:white;border:1px solid var(--line);border-radius:18px;display:flex;justify-content:space-around;margin:58px 0 45px;padding:30px}.security-flow>div{align-items:center;display:grid;grid-template-columns:48px 1fr;min-width:190px}.security-flow .flow-icon{align-items:center;background:var(--mint);border-radius:11px;color:var(--brand);display:flex;grid-row:1/3;height:40px;justify-content:center;margin-right:11px;width:40px}.security-flow strong{font-size:12px}.security-flow small{color:var(--muted);font-size:9px}.security-flow>i{color:#9aa49e}.security-points{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.security-points article{border-right:1px solid var(--line);padding:27px 23px}.security-points article:last-child{border:0}.security-points span{color:var(--brand);font:10px "SFMono-Regular",monospace}.security-points h3{font-size:14px;margin:20px 0 8px}.security-points p{color:var(--muted);font-size:12px}
.faq{border-top:1px solid var(--line);display:grid;gap:80px;grid-template-columns:.8fr 1.2fr}.faq>div:first-child>p{color:var(--muted);max-width:370px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:15px;font-weight:750;list-style:none;padding-right:35px;position:relative}.faq-list summary span{font-size:22px;font-weight:400;position:absolute;right:3px;top:-6px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:13px;margin:12px 40px 2px 0}
.final-cta{background:var(--brand2);color:white;margin:30px auto 0;max-width:1180px;padding:90px 24px;text-align:center}.final-cta .eyebrow{color:#9ed1b8}.final-cta h2{font-size:49px;margin:0 auto 18px;max-width:760px}.final-cta p{color:#bdd0c4}.final-cta .button{margin-top:15px}.final-cta>small{color:#9db4a6;display:block;font-size:9px;margin-top:13px}
footer{display:grid;grid-template-columns:1fr auto;gap:11px;margin:0 auto;max-width:1180px;padding:55px 24px 35px}footer>p{color:var(--muted);font-size:12px;grid-column:1}footer nav{display:flex;gap:22px;grid-column:2;grid-row:1/3}footer nav a{color:var(--muted);font-size:12px;text-decoration:none}footer>small{border-top:1px solid var(--line);color:#88928c;font-size:9px;grid-column:1/-1;margin-top:28px;padding-top:22px}
.legal-page{margin:0 auto;max-width:760px;padding:90px 24px 120px}.legal-page h1{font:500 52px/1 var(--serif);letter-spacing:-.045em}.legal-page h2{font:500 27px/1.15 var(--serif);margin-top:38px}.legal-page p{color:#4f5c54}.legal-updated{color:var(--muted)!important;font-size:12px}
@media(max-width:900px){.site-header nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:55px}.product-stage{margin-top:20px}.section-intro,.security-heading{display:block}.section-intro p,.security-heading p{margin:18px 0 0}.steps-grid{grid-template-columns:1fr}.import-card{grid-template-columns:1fr}.import-ui{border-radius:18px 18px 0 0;margin:0 35px}.security-points{grid-template-columns:1fr 1fr}.security-flow{gap:10px}.security-flow>div{min-width:0}.faq{gap:40px;grid-template-columns:1fr}}
@media(max-width:650px){.site-header{height:64px}.menu-button{background:none;border:1px solid var(--line);border-radius:7px;display:block;font-size:12px;padding:7px 10px}.site-header nav{background:var(--paper);border-bottom:1px solid var(--line);display:none;left:0;padding:22px 24px;position:absolute;right:0;top:63px}.site-header nav.open{display:grid}.hero{display:block;min-height:0;padding:60px 20px}.hero h1{font-size:49px}.hero-copy>p{font-size:16px}.trust-row{gap:8px}.product-stage{min-height:460px;transform:scale(.88);margin-left:-22px;margin-right:-22px}.product-stage .halo{height:100%;width:100%}.extension-window{width:370px}.security-chip{left:0}.import-sources{gap:16px 24px}.section{padding:80px 20px}.section h2,.import-copy h2,.security-heading h2,.faq h2,.final-cta h2{font-size:36px}.section-intro{display:block}.import-copy{padding:50px 28px}.import-ui{margin:0 18px;padding:28px 20px}.security-flow{align-items:stretch;display:grid}.security-flow>i{transform:rotate(90deg);text-align:center}.security-points{grid-template-columns:1fr}.security-points article{border-bottom:1px solid var(--line);border-right:0}.faq{display:block}.faq-list{margin-top:40px}.final-cta{margin:0;padding:70px 20px}footer{display:block}footer nav{margin:24px 0}footer>small{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Indigo palette: quiet, trustworthy, and more distinct from generic security green. */
.site-header{background:rgba(250,248,252,.88);border-bottom-color:rgba(226,222,234,.72)}
.site-header nav a,.proof-strip span{color:#5d5869}
.halo{background:radial-gradient(circle,#e6e3ff 0,#f1eef8 40%,transparent 70%)}
.extension-window{background:#fdfcff;border-color:#d9d4e3;box-shadow:0 35px 75px rgba(55,44,112,.2)}
.security-chip{box-shadow:0 15px 30px rgba(55,44,112,.16)}
.letter{background:#f3e9e5;color:#443d5d}
.letter.figma{background:#ebe9ff}
.progress{background:#e5e1ed}
.import-copy .eyebrow,.import-copy li::before,.final-cta .eyebrow{color:#c9c5ff}
.import-copy>p,.final-cta p{color:#d5d2f1}
.import-ui{background:#fbfaff}
.file-card{border-color:#aaa4c0}
.final-cta>small{color:#b9b5dc}