:root{color-scheme:light;--ink:#20362f;--muted:#697970;--paper:#f4f3ed;--panel:#fffefa;--line:#dce2d7;--green:#42664c;--soft:#e9eee3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #88a07c;outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;flex:none}.wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:13px}.brand>span{font-size:23px;line-height:1.2;letter-spacing:.12em;font-weight:750}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;font-weight:500;margin-top:5px}.brand-icon{width:39px;height:39px;stroke-width:1.4}.site-header nav{display:flex;align-items:center;gap:27px;font-size:13px}.site-header nav>a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:47px;border:1px solid transparent;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1.4;transition:background .15s,box-shadow .15s}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#34533e;box-shadow:0 5px 16px #2546321a}.button-outline{border-color:#c7d1c1;background:transparent;color:var(--ink)}.button-outline:hover{background:var(--soft)}.nav-login{min-height:42px;padding:10px 15px;gap:8px;font-size:13px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:46px;align-items:center;padding:73px 0 78px}.eyebrow{display:block;color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:750}h1{font-size:clamp(40px,4.35vw,57px);font-weight:550;line-height:1.17;letter-spacing:-.045em;margin:22px 0 24px}h1 span{color:var(--green)}.intro{color:var(--muted);font-size:17px;max-width:450px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{background:none;border:0;padding:0;font-size:13px;font-weight:600}.access-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-top:19px}.access-note .icon{width:14px;height:14px}.cloud-preview{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 24px 55px #243d2c0c;min-width:0}.preview-bar{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.preview-brand{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650}.avatar{width:26px;height:26px;display:grid;place-items:center;background:var(--soft);border-radius:50%;color:var(--green);font-size:11px;font-weight:700}.preview-body{display:grid;grid-template-columns:114px 1fr;min-height:304px}.preview-side{background:#f6f7f1;border-right:1px solid var(--line);padding:20px 10px;display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.preview-side>span{padding:8px}.preview-side .side-active{display:flex;gap:6px;align-items:center;background:#e7ecdf;color:var(--green);border-radius:5px;font-weight:650}.side-active .icon{width:13px;height:13px}.side-private{margin-top:auto;padding:8px 0;display:flex;align-items:center;gap:5px;font-size:9px}.side-private .icon{width:12px;height:12px}.preview-content{padding:20px 18px 12px;min-width:0}.preview-heading{font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:space-between}.preview-heading>span{font-size:9px;color:var(--muted);font-weight:400}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.folder-grid>div{display:flex;align-items:flex-start;flex-direction:column;border:1px solid var(--line);border-radius:6px;padding:11px 9px 9px;gap:7px;font-size:9px}.folder-icon{width:24px;height:24px;color:#8c9b66;fill:#e9ecd7;stroke-width:1.4}.folder-grid>div:nth-child(2) .folder-icon{color:#648c83;fill:#e2eee9}.folder-grid>div:nth-child(3) .folder-icon{color:#a68866;fill:#f3eadc}.file-list-title{margin:19px 0 4px;color:var(--muted);font-size:9px}.file-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #e9ece4;font-size:10px}.file-row:last-child{border:0}.file-row>span:nth-child(2){flex:1}.file-row small{display:block;color:var(--muted);font-size:8px;margin-top:1px}.file-badge{width:25px;height:31px;display:grid;place-items:center;border-radius:4px;font-size:7px;font-weight:700;background:#f0e6dd;color:#ad765e}.file-badge.zip{background:#ebe6f2;color:#87739c}.file-badge.data{background:#e5ede0;color:#71866a}.small-lock{width:11px;height:11px;color:#a4b09c}.cloud-preview figcaption{height:38px;padding:0 20px;display:flex;gap:6px;align-items:center;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:#789066}.features{border-top:1px solid var(--line);padding:34px 0 0}.section-heading h2{margin:9px 0 26px;font-size:28px;font-weight:550;letter-spacing:-.025em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-grid article{padding:25px 26px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.feature-icon{width:26px;height:26px;color:var(--green);stroke-width:1.4}.feature-grid h3{font-size:18px;font-weight:550;margin:18px 0 10px}.feature-grid p{color:var(--muted);font-size:13px;margin:0}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin:58px 0 50px;border-top:1px solid var(--line);padding-top:34px}.about h2{font-size:29px;font-weight:550;line-height:1.25;letter-spacing:-.025em;margin:13px 0 0}.about p{font-size:14px;color:var(--muted);margin:0 0 18px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;padding-bottom:25px;font-size:11px;color:var(--muted)}.site-footer button{border:0;background:none;padding:0;color:inherit;font-size:11px}
dialog{width:min(470px,calc(100% - 30px));padding:0;border:1px solid #d3dbcc;border-radius:17px;background:var(--panel);color:var(--ink);box-shadow:0 25px 90px #14271e30;max-height:calc(100dvh - 32px);overflow-y:auto}dialog::backdrop{background:#16291f77;backdrop-filter:blur(4px)}.login-panel{position:relative;padding:34px 35px 26px}.dialog-close{position:absolute;right:13px;top:11px;border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1;width:33px;height:33px;border-radius:7px}.dialog-close:hover{background:var(--soft)}.login-mark{width:49px;height:49px;display:grid;place-items:center;background:var(--soft);border-radius:13px;color:var(--green);margin-bottom:20px}.login-mark svg{width:30px;height:30px;stroke-width:1.5}.login-panel h2{font-size:25px;font-weight:550;line-height:1.3;letter-spacing:-.02em;margin:12px 0 11px}.login-panel>p{font-size:13px;color:var(--muted);margin:0 0 25px}.login-panel label{display:block;font-size:12px;font-weight:600;margin:18px 0 7px}.login-panel input{display:block;width:100%;height:46px;border:1px solid #cfd8c8;border-radius:7px;padding:0 12px;background:white;color:var(--ink);font-size:13px;outline:0}.login-panel input::placeholder{color:#98a093}.login-panel input:focus{border-color:#738b64;box-shadow:0 0 0 3px #79926718}.password-field{position:relative}.password-field input{padding-right:44px}.password-field button{position:absolute;right:5px;top:5px;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;border-radius:5px;color:var(--muted)}.password-field button:hover{background:var(--soft)}.password-field svg{width:19px;height:19px;stroke-width:1.5}.login-submit{width:100%;margin-top:24px;justify-content:space-between;padding-left:17px;padding-right:17px}.form-message{font-size:12px;line-height:1.5;color:#88583f;background:#f6ede4;border:1px solid #eadacc;border-radius:7px;padding:10px 12px;margin:15px 0 -8px}.form-message[hidden]{display:none}.login-help{border-top:1px solid var(--line);padding-top:17px;margin-top:25px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:10px;color:var(--muted)}.login-help .icon{width:13px;height:13px}body:has(dialog[open]){overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}@media(max-width:1000px){.hero{gap:28px}h1{font-size:43px}.hero-actions{gap:17px}.preview-body{grid-template-columns:94px 1fr}.preview-side{font-size:9px;padding:20px 6px}.preview-content{padding:18px 12px 12px}.folder-grid>div{padding:10px 6px 8px}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:83px;gap:15px}.site-header nav{gap:12px}.site-header nav>a{display:none}.nav-login{font-size:11px;min-height:38px;padding:9px 11px}.nav-login .icon{width:15px;height:15px}.brand>span{font-size:21px}.brand-icon{width:33px;height:33px}.hero{grid-template-columns:1fr;padding:44px 0;gap:36px}h1{font-size:clamp(37px,8vw,53px)}.intro{font-size:16px}.hero-actions{gap:21px}.cloud-preview{width:100%;max-width:480px;margin:auto}.preview-body{grid-template-columns:104px 1fr}.preview-side{font-size:10px}.preview-content{padding:20px 15px 12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-grid article{padding:22px 24px}.feature-grid h3{margin-top:13px}.section-heading h2{font-size:25px}.about{grid-template-columns:1fr;gap:24px;margin:40px 0}.site-footer{flex-wrap:wrap;gap:13px}.site-footer>span:nth-child(2){display:none}.login-panel{padding:29px 24px 24px}.login-panel h2{font-size:23px}.login-help{font-size:9px}}@media(max-width:360px){.hero-actions{flex-wrap:wrap;gap:16px}.preview-body{grid-template-columns:85px 1fr}.preview-side{font-size:8px}.preview-content{padding:15px 10px}.folder-grid{gap:5px}.folder-grid>div{font-size:8px}.file-row{font-size:9px}.preview-brand{font-size:11px}}