:root{--ink:#182c2a;--muted:#697976;--green:#1d6b50;--line:#dde4df;--paper:#f7f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #267c5f}button{cursor:pointer}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.top{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 36px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.7px}.mark{display:grid;place-items:center;width:34px;height:37px;border-radius:10px;background:var(--green);color:white;font-size:24px;font-weight:700;box-shadow:inset 0 0 0 4px #ffffff22}.top nav{display:flex;gap:30px;font-size:13px;color:#53635e}.top nav a:hover,footer a:hover{color:var(--green)}.nav-download{font-size:13px;border:1px solid #c4cec6;border-radius:30px;padding:8px 20px}.nav-download span{margin-left:18px}main{max-width:1260px;margin:auto;padding:0 36px}.hero{position:relative;padding:70px 0 68px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;color:#5b7267}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#429b6c;margin-right:8px}h1{font-size:clamp(40px,5.2vw,66px);line-height:1.3;letter-spacing:-2.8px;font-weight:650;margin:24px 0}.intro{font-size:18px;color:var(--muted);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--green);color:#fff;padding:13px 23px;border-radius:9px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#164e3c;transform:translateY(-1px)}.text-link{font-size:14px}.platforms{font-size:11px;color:#809087;margin-top:17px;letter-spacing:.5px}.hero-note{position:absolute;right:90px;top:155px;transform:rotate(5deg);color:#506d5c}.hero-note>span{font-size:10px;letter-spacing:2px}.hero-note p{font-size:20px;line-height:1.8}.hero-note svg{margin-left:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.section-heading h2{font-size:30px;font-weight:600;letter-spacing:-1px;margin:9px 0 0}.section-heading>p{font-size:11px;color:var(--muted);text-align:right}.demo-tabs{display:flex;gap:7px;margin:22px 0 15px}.demo-tabs button{padding:10px 20px;border-radius:25px;background:transparent;color:var(--muted);font-size:12px;transition:background .2s}.demo-tabs button[aria-selected=true]{background:var(--ink);color:white}.window{border:1px solid #dce3de;border-radius:16px;overflow:hidden;box-shadow:0 30px 75px -35px #28493638;background:white}.window-bar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fcfdfb;font-size:11px;color:#6b7e72}.window-bar b{font-size:9px;background:#edf2ec;padding:3px 6px;border-radius:4px;margin-left:8px;font-weight:400}.traffic{display:flex;gap:6px}.traffic i{width:8px;height:8px;background:#e5b9a8;border-radius:50%}.traffic i:nth-child(2){background:#e7d9ac}.traffic i:nth-child(3){background:#bed1b7}.local-dot{color:#6c977c;font-size:10px}.demo-body{display:flex;min-height:520px}.sidebar{width:190px;flex-shrink:0;background:#f0f4ee;padding:23px 15px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.mini-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;margin-bottom:30px}.mini-brand .mark{width:28px;height:31px;font-size:18px}.side-label{font-size:9px;color:#9aa79c;letter-spacing:1px;margin:14px 10px 8px}.sidebar button,.side-static{display:block;padding:11px;border-radius:7px;font-size:11px;text-align:left;color:#728476;background:none}.sidebar button span{float:right;font-size:9px}.sidebar button.side-active{background:#dce9d9;color:#375f45}.sidebar-bottom{margin-top:auto;padding:20px 9px 0;color:#708374;font-size:10px}.sidebar-bottom small{color:#98a599;font-size:9px}.workspace{min-width:0;flex:1}.vault-grid{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:520px}.item-list{border-right:1px solid var(--line);padding:20px 12px}.search{border:1px solid #e4eae3;border-radius:7px;background:#f8faf7;display:flex;align-items:center;gap:8px;padding:6px 10px}.search span{color:#a1afa3}.search input{width:100%;border:0;outline:0;background:none;font-size:11px;min-width:0;color:var(--ink)}.list-caption{font-size:10px;font-weight:600;padding:20px 8px 12px}.list-caption span{float:right;color:#9aa69b;font-size:9px;font-weight:400}.account-item{display:flex;gap:12px;align-items:center;width:100%;padding:12px 8px;background:transparent;text-align:left;border-radius:8px;margin-bottom:6px}.account-item.active{background:#edf3e9}.account-icon{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:10px;font-size:15px;font-weight:650;background:#e2e8de;color:#46654b}.account-item strong{display:block;font-size:11px;font-weight:650}.account-item small{display:block;font-size:9px;color:#89968c}.detail{padding:32px 30px}.detail-top{display:flex;align-items:center;gap:13px;margin:8px 0 26px}.detail-top .account-icon{width:48px;height:48px;font-size:23px}.detail h3{margin:0;font-size:20px;font-weight:600}.detail-top small{color:#94a195;font-size:10px}.demo-badge{font-size:9px;color:#97a491;margin-bottom:20px;text-align:right}.credential{border:1px solid #e0e8de;border-radius:9px;overflow:hidden}.field{padding:16px;border-bottom:1px solid #e8eee4;display:flex;justify-content:space-between;gap:8px;align-items:center}.field:last-child{border:0}.field label{display:block;font-size:9px;color:#96a18e;margin-bottom:4px}.field strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.field button{background:transparent;color:#6d8a65;font-size:10px;padding:5px}.field-buttons{display:flex;flex-shrink:0}.detail-note{border-radius:8px;background:#f7f9f4;padding:15px;margin-top:16px;font-size:11px;color:#879580}.tag{display:inline-block;background:#edf2e9;border-radius:4px;padding:2px 7px;font-size:9px;color:#789069;margin-top:20px}.tool-panel{max-width:550px;margin:auto;padding:26px 30px}.tool-icon{display:inline-grid;place-items:center;background:#edf3e8;width:36px;height:36px;color:#5b7d43;border-radius:10px;font-size:22px}.tool-panel h3{font-size:23px;line-height:1.5;margin:12px 0 8px;font-weight:600}.tool-panel>p{font-size:12px;color:#83907e}.segmented{display:flex;background:#f1f4ed;border-radius:7px;padding:4px;margin:20px 0 15px}.segmented button{flex:1;background:transparent;padding:6px;border-radius:5px;font-size:12px;color:#718565}.segmented button.selected{background:white;box-shadow:0 2px 4px #1231;color:#38533b}.password-output{display:block;background:#f6f8f2;border:1px solid #e6eddd;padding:18px 10px;text-align:center;font-family:monospace;font-size:20px;overflow-wrap:anywhere;border-radius:8px;letter-spacing:1px}.slider-label{display:flex;justify-content:space-between;font-size:11px;margin:15px 0 4px}input[type=range]{width:100%;accent-color:var(--green)}input[type=checkbox]{accent-color:var(--green)}.character-options{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;margin:14px 0 20px}.tool-footnote{display:block;color:#93a08c;font-size:10px;line-height:1.7;margin-top:17px}.tool-panel .primary{font-size:12px;padding:10px 20px}.select-all{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:16px}.select-all span{margin-left:auto;color:#83907e}.export-row{display:flex;align-items:center;gap:8px;font-size:11px;border-bottom:1px solid #edf1e8;padding:7px}.export-row small{margin-left:auto;color:#9aa38f;font-size:9px}.encryption{display:flex;gap:9px;font-size:12px;padding:12px 0}.encryption small{display:block;font-size:10px;color:#929e88}#export-warning{color:#986b34;font-size:10px}.result{background:#eff6e8;border:1px solid #d9e7cf;padding:12px 16px;border-radius:8px;font-size:12px;margin-top:12px}.result p{font-size:11px}.share-steps{margin:15px 0 20px}.share-steps>div{display:flex;gap:15px;padding:10px 0;align-items:center;font-size:12px}.share-steps b{background:#eaf1e3;width:28px;height:28px;border-radius:50%;text-align:center;color:#799060}.share-steps strong{display:block;font-size:10px;font-weight:400;color:#95a088}.success{color:#46733d;font-size:10px}.demo-caption{display:flex;justify-content:space-between;color:#929d90;font-size:10px;margin:17px 0}.demo-caption span:last-child{letter-spacing:2px;font-size:8px}.features{padding:90px 0 70px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:25px;border-radius:12px;min-height:320px}.mint{background:#e6efdf}.cream{background:#f0ecdf}.lilac{background:#eae9f0}.feature-number{font-size:10px;color:#929786}.feature h3{font-size:19px;margin:20px 0 12px;font-weight:600}.feature p{font-size:12px;color:#75816e;line-height:1.9;margin:0}.file-art{display:flex;align-items:center;gap:12px;margin:25px 0 30px;background:#fcfdf7;padding:18px 14px;border-radius:8px;box-shadow:0 6px 15px #42582c0a;transform:rotate(-3deg)}.file-art>span{font-size:20px;background:#287b4a;color:white;width:32px;text-align:center;border-radius:5px}.file-art div{font-size:12px}.file-art small{display:block;font-size:8px;color:#99a78d}.file-art b{margin-left:auto;color:#99ab90;font-weight:400}.otp-art{margin:28px 0 23px;font:35px monospace;letter-spacing:4px;color:#5c6650;text-align:center}.otp-art b{font-weight:400;color:#959b86}.otp-art small{display:block;font:9px sans-serif;letter-spacing:0;margin-top:13px;color:#9c9e8c}.otp-art i{display:inline-block;width:60px;height:3px;border-radius:2px;background:#b6b998;margin-right:10px;vertical-align:middle}.code-art{font:12px/2 monospace;background:#ffffff88;border:1px solid #fff;padding:22px 12px;border-radius:8px;margin:22px 0;color:#5c5a74}.code-art span{color:#7c749e;font-size:9px}.code-art small{color:#aaa5b7;font-size:9px}.download-section{border-top:1px solid var(--line);padding:65px 0 75px;text-align:center}.download-section h2{font-size:37px;font-weight:600;letter-spacing:-1.3px;margin:12px 0}.download-section p{color:#87937e;font-size:13px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;gap:14px;margin:30px auto 20px;text-align:left}.download-grid>a{display:grid;grid-template-columns:38px 1fr 20px;column-gap:10px;background:#fff;border:1px solid #dde5d5;border-radius:10px;padding:20px;transition:transform .2s,border-color .2s}.download-grid>a:hover{border-color:#7b9b68;transform:translateY(-3px)}.download-grid>a>span{grid-row:span 2;font-size:25px;color:#718263}.download-grid strong{font-size:14px}.download-grid small{grid-column:2;font-size:10px;color:#8c9981}.download-grid b{grid-column:3;grid-row:1/3;align-self:center;color:#6c855b}.download-note{font-size:10px!important;line-height:2}.download-note a{text-decoration:underline;text-underline-offset:4px}footer{max-width:1260px;margin:auto;padding:30px 36px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}footer .brand{font-size:17px}footer .mark{width:26px;height:29px;font-size:18px}footer p{font-size:10px;color:#8d9985;margin-right:auto}footer>a:not(.brand){font-size:10px;color:#708165}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1d352ceF;color:white;border-radius:8px;padding:10px 20px;font-size:12px;z-index:10;display:none;max-width:90vw}.empty{font-size:12px;padding:25px 8px;color:#8b9784}@media(min-width:900px){.hero:before{content:"";position:absolute;right:80px;top:85px;width:290px;height:290px;border:1px solid #e2e8d8;border-radius:50%;z-index:-1}.hero:after{content:"";position:absolute;right:35px;top:130px;width:290px;height:290px;border:1px solid #e8eadf;border-radius:50%;z-index:-1}}@media(max-width:1000px){.sidebar{width:150px;padding:20px 10px}.vault-grid{grid-template-columns:210px minmax(0,1fr)}.detail{padding:25px 18px}.hero-note{right:20px}.feature{padding:20px}.top nav{gap:15px}.field-buttons{flex-direction:column}}@media(max-width:760px){main{padding:0 18px}.top{padding:20px 18px}.top nav{display:none}.hero{padding:35px 0 50px}.hero-note{display:none}h1{font-size:43px;letter-spacing:-1.5px}.intro{font-size:15px}.section-heading{display:block}.section-heading>p{text-align:left}.section-heading h2{font-size:24px}.demo-tabs{gap:4px;flex-wrap:wrap}.demo-tabs button{font-size:11px;padding:8px 12px}.sidebar{display:none}.vault-grid{grid-template-columns:1fr}.item-list{border-right:0;border-bottom:1px solid var(--line);padding:15px}.list-caption{padding:10px 5px}#items{display:flex;overflow:auto;gap:5px}.account-item{min-width:160px;margin:0}.detail{padding:20px}.detail-top{margin:0 0 18px}.demo-badge{margin-bottom:10px}.field-buttons{flex-direction:row}.tool-panel{padding:22px}.demo-body{min-height:560px}.demo-caption span:last-child{display:none}.features{padding:55px 0 45px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.feature h3{font-size:21px}.file-art,.otp-art,.code-art{max-width:290px;margin:18px auto 28px}.feature p{font-size:13px}.download-section{padding:45px 0}.download-section h2{font-size:28px}.download-grid{grid-template-columns:1fr;max-width:390px}footer{padding:25px 18px;flex-wrap:wrap;gap:18px}footer p{width:calc(100% - 150px);margin:0}.hero-actions{gap:18px}.hero-actions .primary{font-size:12px;gap:12px}.text-link{font-size:12px}.password-output{font-size:16px}.local-dot{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.demo-tabs{flex-wrap:wrap}.browser-mock{border:1px solid #dce5d5;border-radius:10px;padding:15px;background:#fafcf7}.mock-address{font-size:10px;background:#edf2e7;padding:5px 8px;border-radius:4px;color:#73816a}.browser-mock h4{margin:14px 0 8px;font-size:14px}.browser-mock label{display:block;font-size:10px;margin:9px 0;color:#718165}.browser-mock input{display:block;width:100%;padding:8px;border:1px solid #dce5d5;border-radius:6px;background:#fff;color:#405a36;font-size:12px;margin-top:3px}.browser-mock .primary{margin-top:8px}#browser-confirm{margin-top:12px}.api-methods{display:flex;gap:5px;flex-wrap:wrap;margin:20px 0 10px}.api-methods button{font-size:10px;border-radius:6px;padding:8px 10px;background:#f0f4eb;color:#6c815d}.api-methods button[aria-pressed=true]{background:#dcebd1;color:#34582d}.api-example{background:#192f29;color:#e0ebd9;border-radius:9px;padding:18px;font:11px/1.9 monospace;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}#api-result pre{font:10px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.tool-footnote a{text-decoration:underline}

.api-flow{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.api-flow span{font-size:10px;color:#526d43;background:#eef4e7;border-radius:5px;padding:5px 8px}

.lan-panel{max-width:680px}.lan-demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-version{font-size:10px;color:#8b744b}.lan-demo-top button,.lan-demo-actions>button:not(.primary),.lan-demo-timer button{background:#edf2e7;color:#526e45;border-radius:6px;padding:8px 12px;font-size:11px}.lan-machines{display:flex;align-items:center;justify-content:center;gap:35px;margin:24px 0}.lan-machines>div{text-align:center}.lan-computer{display:block;font-size:34px;color:#64845c}.lan-machines strong,.lan-machines small{display:block;font-size:12px}.lan-machines small{font-size:10px;color:#8a9782}.lan-link{font-size:24px;color:#829876}.lan-demo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lan-demo-codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.lan-demo-codes>div{background:#f2f6ed;border-radius:9px;padding:14px;text-align:center}.lan-demo-codes small,.lan-demo-codes label{display:block;font-size:11px;color:#77896a}.lan-demo-codes output{display:block;font:26px monospace;letter-spacing:3px;margin:8px 0}.lan-direction{display:flex;align-items:center;gap:15px;font-size:12px;margin:18px 0 8px}.lan-direction select{min-width:0;max-width:100%;border:1px solid #dce5d5;background:#fff;border-radius:6px;padding:7px;color:#45613b}#lan-demo-push{margin-top:14px}.lan-demo-offer{border:2px solid #a0bc8d;background:#f7faf3;border-radius:9px;padding:16px;margin-top:18px;font-size:12px}.lan-demo-offer small{font-size:10px;color:#81916f}.lan-demo-timer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;font-size:10px;color:#88967c}.lan-panel button:disabled{opacity:.5;cursor:default}@media(max-width:420px){.lan-demo-codes{gap:7px}.lan-demo-codes>div{padding:10px 6px}.lan-demo-codes output{font-size:22px;letter-spacing:2px}.lan-demo-top{align-items:flex-start}.lan-demo-timer{flex-wrap:wrap}}

.release-features{padding:0 0 65px}.release-features .feature{min-height:230px}.release-features .text-link{display:inline-block;margin-top:20px;font-size:12px;text-decoration:underline}