html[data-theme=ocean]{--nav:#082f58;--emerald:#087ec2;--aqua:#62c8ff;--ink:#102f48;--muted:#667f92;--line:#d7e5ed;--bg:#eef6fb}html[data-theme=graphite]{--nav:#1c2329;--emerald:#556b79;--aqua:#91abb9;--ink:#202b33;--muted:#6e7b84;--line:#dce2e5;--bg:#f1f3f4}.theme-picker{display:flex;gap:6px}.theme-picker button{width:29px;height:29px;border:3px solid #fff;border-radius:50%;background:#07998e;color:#07998e;box-shadow:0 0 0 1px var(--line)}.theme-picker button:nth-child(2){background:#087ec2}.theme-picker button:nth-child(3){background:#303a42}.upload-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.upload-card{display:grid;gap:15px}.upload-card>label:first-of-type,.company-select label{display:grid;gap:7px;font-weight:800}.upload-card select,.company-select select{min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:11px}.drop-zone{min-height:285px;padding:30px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--emerald);border-radius:18px;background:#f4fbfa;cursor:pointer}.drop-zone i{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#dff5f1;color:var(--emerald);font-size:28px;font-style:normal}.drop-zone input{width:100%;margin-top:15px}.check-list{padding-left:21px;color:var(--muted);line-height:2}.note{padding:13px;border-radius:11px;background:#fff4df;color:#82570d!important}.import-history{margin-top:18px}.import-history article{padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.import-history article small,.import-history article b{display:block}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.module-grid label{padding:16px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;background:#fbfdfd}.module-grid input{width:20px;height:20px;accent-color:var(--emerald)}.module-grid b,.module-grid small{display:block}.module-grid small{margin-top:4px;color:var(--muted)}.public-site{background:#f4f9f9}.public-nav{max-width:1440px;margin:auto;padding:20px 30px;display:flex;align-items:center;gap:32px}.public-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.public-brand b,.public-brand small{display:block}.public-brand b{font-size:20px}.public-brand small{margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:1.2px}.public-nav nav{display:flex;gap:24px;font-weight:750}.public-hero{max-width:1380px;min-height:600px;margin:auto;padding:70px;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:50px;border-radius:34px;color:#fff;background:radial-gradient(circle at 80% 10%,#0e9f9580,transparent 35%),linear-gradient(135deg,#032e37,#075c64)}.public-hero>div>small,.public-section>header>small,.about-section small,.security-section small{color:var(--aqua);font-weight:900;letter-spacing:1.7px}.public-hero h1{max-width:820px;margin:18px 0;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-3px}.public-hero p{max-width:750px;color:#d5e8e9;font-size:19px;line-height:1.65}.public-hero>div>div{display:flex;gap:12px;margin-top:28px}.outline-btn{padding:12px 16px;border:1px solid #ffffff55;border-radius:11px;font-weight:850}.public-hero aside{padding:27px;border:1px solid #ffffff35;border-radius:23px;background:#ffffff12}.public-hero aside>small{font-weight:900;letter-spacing:1.3px}.public-hero aside article{padding:18px 0;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22}.public-hero aside article:last-child{border:0}.public-hero .ok{color:var(--aqua)}.public-section{max-width:1240px;margin:95px auto;padding:0 30px}.public-section>header{text-align:center;margin-bottom:38px}.public-section h2{margin:12px auto;font-size:clamp(35px,4vw,52px);letter-spacing:-1.5px}.public-section>header p{color:var(--muted)}.feature-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-grid article,.plan-grid article{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.feature-grid i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e4f7f3;color:var(--emerald);font-style:normal;font-size:21px}.feature-grid p,.plan-grid li{color:var(--muted);line-height:1.65}.plan-grid article{position:relative}.plan-grid .featured{border:2px solid var(--emerald);transform:translateY(-12px)}.plan-grid .featured>span{position:absolute;top:-14px;left:24px;padding:7px 10px;border-radius:20px;background:var(--emerald);color:#fff;font-size:10px;font-weight:900}.plan-grid small{color:var(--emerald);font-weight:900;letter-spacing:1.4px}.plan-grid strong{font-size:22px}.plan-grid ul{min-height:155px;padding-left:19px}.plan-grid a{display:block;padding:12px;text-align:center;border-radius:11px;background:var(--nav);color:#fff;font-weight:850}.about-section,.security-section{padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:55px;border-radius:29px;background:#fff;box-shadow:var(--shadow)}.about-section>p,.security-section p{color:var(--muted);font-size:18px;line-height:1.8}.security-section{background:var(--nav);color:#fff}.security-section p{color:#c7dcde}.security-section li{margin:14px 0}.public-footer{padding:40px max(30px,calc((100% - 1240px)/2));display:grid;grid-template-columns:1fr auto;gap:20px;background:#032d36;color:#d6eeee}.public-footer div>*{display:block}.public-footer div b{color:#fff;font-size:21px}.public-footer div span{margin-top:6px}.public-footer nav{display:flex;gap:18px}.public-footer>small{grid-column:1/-1;padding-top:20px;border-top:1px solid #ffffff1f}@media(max-width:900px){.public-nav nav{display:none}.public-hero{grid-template-columns:1fr;padding:42px 28px}.public-hero aside{display:none}.feature-grid,.plan-grid{grid-template-columns:1fr}.plan-grid .featured{transform:none}.about-section,.security-section{grid-template-columns:1fr;padding:32px}.upload-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.theme-picker{display:none}}@media(max-width:560px){.public-nav{padding:15px}.public-brand small{display:none}.public-nav>.btn{padding:10px}.public-hero{min-height:530px;border-radius:0}.public-hero h1{font-size:45px}.public-hero>div>div{flex-direction:column}.public-section{margin:65px auto}.public-footer{grid-template-columns:1fr}.public-footer nav{flex-wrap:wrap}}