@import url('/css/shared.css');
:root{--navy:#102d39;--green:#0b766c;--ink:#18343e;--muted:#708088;--line:#e1e9e7;--paper:#f5f8f7}body{background:#fff;color:var(--ink)}.site-header{height:94px;max-width:1320px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand strong{font-size:16px;display:block;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2px;margin-top:5px;display:block;color:#7c898f}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{color:#425a62;text-decoration:none}.btn{display:inline-flex;gap:22px;align-items:center;justify-content:center;border-radius:7px;padding:14px 23px;background:var(--green);color:#fff;text-decoration:none;font-size:14px;font-weight:600;border:0;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{background:#09685f;transform:translateY(-1px)}.btn-small{padding:12px 19px}.hero{max-width:1400px;margin:0 auto;padding:76px 70px 82px;display:grid;grid-template-columns:1fr 1.15fr;gap:42px;background:var(--navy);border-radius:20px;position:relative;overflow:hidden;color:#fff}.hero:before{content:"";position:absolute;width:700px;height:700px;right:-200px;top:-320px;background:radial-gradient(circle,#187b7150,transparent 65%);pointer-events:none}.hero-text{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:3px;color:#b8d9d0}.eyebrow i{height:6px;width:6px;border-radius:50%;background:#80d9b3}.hero h1{font-size:46px;line-height:1.35;font-weight:650;letter-spacing:1px;margin:26px 0}.hero h1 span{display:block;color:#a3dec6}.hero-text>p{font-size:15px;line-height:2.1;color:#b6c9ce}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.btn-light{background:#edf9f2;color:#164d44}.btn-light:hover{background:#fff}.hero-admin{font-size:12px;color:#c5d9dc;text-decoration:none}.hero-tags{display:flex;gap:18px;margin-top:42px;font-size:12px;color:#a3b9bf}.hero-tags span:before{content:'✓';margin-right:8px;color:#8acbad}.hero-visual{position:relative;padding-top:34px;align-self:center}.visual-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;margin-bottom:14px;color:#83a0a7}.mock-window{background:#fff;border-radius:12px;color:#243f49;box-shadow:0 22px 50px #041e3570;transform:rotate(-2deg);overflow:hidden;border:1px solid #f1f6f440}.mock-top{height:42px;background:#f3f7f6;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;color:#6a7c82;border-bottom:1px solid #e5edeb}.dots{color:#bac8c6;letter-spacing:3px}.mock-body{display:flex;height:310px}.mock-body aside{width:122px;flex-shrink:0;background:#f7faf9;padding:23px 14px;border-right:1px solid #e5edeb;font-size:10px;display:flex;flex-direction:column;gap:15px}.mock-body aside img{width:30px;height:30px}.mock-body aside strong{font-size:11px;margin-bottom:9px}.mock-body aside span{color:#7a8d94;padding:7px}.mock-body aside .selected{background:#e6f2ec;color:#0c7265;border-radius:5px}.mock-files{padding:25px 22px;width:100%}.mock-breadcrumb{font-size:9px;color:#7f9095}.mock-files h3{font-size:16px;margin:15px 0 20px;letter-spacing:.5px}.mock-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1ef;padding:12px 0}.file-badge{height:32px;width:28px;background:#edf4ff;color:#3b77bc;border-radius:5px;display:grid;place-items:center;font-size:16px}.file-badge.excel{background:#e7f5eb;color:#369464}.file-badge.image{background:#fff3e8;color:#c78c4c}.mock-row>span{font-size:10px;flex:1}.mock-row small{display:block;font-size:8px;color:#83949a;margin-top:4px}.mock-row em{font-size:9px;color:#90a0a6;font-style:normal}.mock-bottom{display:flex;gap:8px;align-items:center;font-size:9px;color:#6d8187;margin-top:15px}.avatar{background:#0b766c;color:#fff;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;font-size:10px}.floating-note{display:flex;gap:13px;align-items:center;background:#f0f7f3;box-shadow:0 10px 32px #071b3330;padding:18px 23px;position:relative;border-radius:9px;float:right;margin-top:-5px;margin-right:-12px;transform:rotate(1deg);color:#27483f}.floating-note>span{font-size:27px;color:#138372}.floating-note strong{display:block;font-size:12px}.floating-note small{display:block;font-size:10px;color:#7b938b;margin-top:5px}.intro-strip{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:1px solid var(--line);font-size:13px;color:#60787c}.intro-strip strong{color:#294f4c;margin-left:10px}.section{max-width:1260px;margin:auto;padding:80px 40px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-kicker{font-size:11px;letter-spacing:2px;color:#168075}.section h2,.workflow-section h2{font-size:30px;letter-spacing:.5px;margin:14px 0 0;font-weight:600}.section-heading>p{font-size:13px;line-height:1.9;color:#839298;margin:0}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.feature{border:1px solid var(--line);border-radius:12px;padding:29px;background:#fff}.feature.wide{background:#f1f7f4}.feature-number{font-size:10px;letter-spacing:1px;color:#708f84}.feature h3{font-size:21px;font-weight:600;line-height:1.6;margin:20px 0 12px}.feature p{font-size:13px;color:#7c8d92;line-height:1.9}.upload-illustration{display:flex;align-items:center;gap:18px;border:1px dashed #b8d3c7;padding:20px;margin-top:27px;border-radius:8px;color:#527669;font-size:12px}.upload-illustration>span{font-size:28px;font-weight:300}.upload-illustration small{display:block;font-size:10px;margin-top:5px;color:#8ca398}.mini-avatars{display:flex;align-items:center;margin-top:36px}.mini-avatars>span{height:33px;width:33px;border:2px solid #fff;border-radius:50%;background:#d9e9e2;color:#326e5b;display:grid;place-items:center;font-size:11px;margin-right:-9px}.mini-avatars>span:nth-child(2){background:#e3e9f4;color:#687eaa}.mini-avatars>span:nth-child(3){background:#f8e7d5;color:#b08b58}.mini-avatars small{font-size:10px;color:#8c9c9d;margin-left:23px}.version-line{display:flex;gap:12px;align-items:center;margin-top:38px;font-size:11px;color:#7d9490}.version-line i{width:9px;height:9px;border-radius:50%;background:#5aa085;box-shadow:0 0 0 5px #edf5f0}.version-line b{margin-left:auto;color:#218575;font-weight:500}.workflow-section{background:var(--paper);padding:60px max(40px,calc((100vw - 1180px)/2))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:45px}.steps article{border-top:1px solid #ccdcd5;padding-top:20px}.steps article>span{color:#4b9380;font-family:Georgia,serif;font-size:30px}.steps h3{font-size:17px;margin:18px 0 9px}.steps p{font-size:13px;line-height:1.9;color:#7a8d8d}.help-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.help-section>div>p{font-size:13px;color:#86958e;margin:20px 0 30px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{font-size:14px;cursor:pointer}.faq p{font-size:13px;line-height:1.9;color:#83938e}.site-footer{max-width:1260px;margin:auto;border-top:1px solid var(--line);padding:35px 40px;display:flex;justify-content:space-between;align-items:center}.site-footer strong{font-size:13px}.site-footer p{font-size:11px;color:#889893;margin:8px 0}.site-footer>div:last-child{font-size:12px;text-align:right;color:#82948c}.site-footer a{color:#456a5c;text-decoration:none}.site-footer small{display:block;margin-top:9px;font-size:10px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:var(--navy);color:white;padding:48px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story .brand{color:#fff}.login-story .brand small{color:#89acae}.login-story h1{font-size:46px;font-weight:600;line-height:1.5;margin:100px 0 22px}.login-story h1 span{color:#9edcba}.login-story>p{color:#aac1c6;font-size:14px;line-height:2}.login-art{display:flex;gap:15px;margin-top:40px;align-items:center}.login-art>div{border:1px solid #33535e;border-radius:11px;padding:22px 25px;color:#bad8d0;transform:rotate(-5deg);font-size:14px}.login-art>div:nth-child(2){transform:rotate(4deg);background:#163c45}.login-story footer{font-size:11px;color:#8fb3b0;margin-top:auto;padding-top:50px}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:#f7faf8}.login-card{width:380px}.login-card .eyebrow{color:#81978b;font-size:10px;letter-spacing:2px}.login-card h2{font-size:28px;margin:17px 0 10px}.login-card>p{color:#8b9a92;font-size:13px;margin-bottom:32px}.login-card label{display:block;font-size:12px;margin-bottom:9px;color:#5d736a}.login-card input{width:100%;padding:13px 14px;border:1px solid #d7e4dd;border-radius:6px;margin-bottom:20px;background:#fff;font-size:14px;outline:0}.login-card input:focus{border-color:#0b766c;box-shadow:0 0 0 3px #0b766c0b}.login-card button{width:100%;margin-top:6px}.login-tip{font-size:11px;color:#9ba9a2;line-height:1.9;margin-top:22px}.back-home{display:inline-block;margin-top:30px;font-size:12px;color:#718b7e;text-decoration:none}.error-message{color:#ba4d40;font-size:12px;min-height:20px;line-height:1.6}.btn:disabled{opacity:.6;cursor:wait}
@media(min-width:1600px){.hero{margin-top:15px}}@media(max-width:1050px){.hero{margin:0 20px;padding:50px 40px;grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:36px}.mock-body aside{width:86px}.mock-files{padding:20px 15px}.hero-visual{padding-top:0}.mock-files h3{font-size:13px}.floating-note{padding:15px}.hero-actions{gap:15px}.feature-grid{grid-template-columns:1.2fr 1fr 1fr}.feature{padding:22px}.feature h3{font-size:18px}.login-story{padding:40px}.login-story h1{font-size:35px}}@media(max-width:760px){.site-header{height:80px;padding:0 20px}.brand strong{font-size:13px;letter-spacing:0}.brand small{font-size:9px;letter-spacing:1px}.brand img{width:38px;height:38px}.site-header nav{display:none}.site-header .btn-small{font-size:11px;padding:10px 13px;gap:5px}.hero{margin:0 12px;padding:40px 25px 45px;grid-template-columns:1fr;border-radius:14px;gap:38px}.hero h1{font-size:37px;margin-top:20px}.hero-text>p{font-size:13px}.hero-tags{margin-top:26px}.hero-visual{max-width:540px;width:100%;margin:auto}.mock-body{height:290px}.mock-body aside{width:91px}.mock-files h3{font-size:14px}.intro-strip{padding:24px;display:block;font-size:12px}.intro-strip>span{display:block;margin-top:14px}.section{padding:50px 24px}.section-heading{display:block}.section-heading>p{margin-top:16px;font-size:12px}.section h2,.workflow-section h2{font-size:25px}.feature-grid{grid-template-columns:1fr}.feature{padding:26px}.feature h3{font-size:21px}.feature h3 br{display:none}.mini-avatars,.version-line{margin-top:24px}.workflow-section{padding:45px 24px}.steps{grid-template-columns:1fr;gap:20px;margin-top:30px}.steps article{padding-top:15px;display:grid;grid-template-columns:50px 1fr;column-gap:12px}.steps article>span{grid-row:span 2}.steps h3{margin:3px 0 5px}.steps p{margin:0}.help-section{grid-template-columns:1fr;gap:25px}.site-footer{padding:26px 24px;display:block}.site-footer>div:last-child{text-align:left;margin-top:20px}.login-layout{display:block}.login-story{padding:25px}.login-story h1{font-size:28px;margin:40px 0 12px}.login-story>p{font-size:12px}.login-art,.login-story footer{display:none}.login-panel{padding:40px 25px;min-height:60vh}.login-card{max-width:400px;width:100%}.hero-visual .floating-note{margin-right:0}.hero-actions{gap:23px}.hero-actions .btn{font-size:13px}}