@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#15344f;--muted:#6d8295;--blue:#0876d7;--line:#e2ebf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}header,footer{max-width:1360px;margin:auto;display:flex;align-items:center;padding:25px 48px;gap:30px}header{justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}.brand img{width:43px;height:40px;object-fit:contain}.brand i{font-style:normal;color:#42b3e9}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--blue);color:white;border-radius:9px;padding:17px 23px;font-size:14px;font-weight:650;box-shadow:0 7px 18px #0876d719;transition:transform .2s}.button:hover{transform:translateY(-2px);background:#0069c7}.button span{font-size:20px;font-weight:400}.button.small{padding:11px 17px;gap:18px;font-size:12px}.hero{max-width:1360px;margin:auto;padding:85px 48px 80px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:42px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6186a4;display:flex;align-items:center;gap:9px}.eyebrow>span,.live-dot{width:6px;height:6px;border-radius:50%;background:#20b896;display:inline-block}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.1vw,59px);font-weight:800;letter-spacing:-2.7px;line-height:1.16;margin:25px 0}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:15px;line-height:1.85;max-width:435px;color:var(--muted)}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.text-link{font-size:13px;font-weight:650}.text-link span{margin-left:10px}.hero-foot{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#7e91a2;margin-top:26px}.tick{color:#109f86;margin-left:5px}.hero-art{position:relative;padding:20px 0 20px 10px;transform:rotate(-1deg)}.hero-art:before{content:'';position:absolute;inset:-45px -28px -35px -15px;z-index:-1;background:radial-gradient(ellipse,#e0f0ff,transparent 72%)}.preview-caption{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.4px;font-weight:700;color:#6d90b0;margin:0 4px 14px}.preview-caption>span:last-child{margin-left:auto;font-size:6px;letter-spacing:.7px;color:#8ba0b4}.workspace{border:1px solid #d9e6f2;border-radius:15px;display:flex;background:#f8fbff;box-shadow:0 25px 55px #164c8520;overflow:hidden}.workspace aside{width:46px;flex-shrink:0;border-right:1px solid #e4edf7;background:white;text-align:center;padding:16px 5px}.mini-brand{font-family:Manrope;font-size:22px;font-weight:800;letter-spacing:-2px;color:var(--blue);margin-bottom:27px}.mini-brand span{font-size:5px;color:#51bae8}.nav-dot{font-size:16px;color:#9fb0c2;margin:16px 0;padding:5px}.nav-dot.selected{color:#1282db;background:#eaf5ff;border-radius:6px}.workspace-main{flex:1;min-width:0;padding:18px}.workspace-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#58718c;border-bottom:1px solid #e5edf5;padding-bottom:16px}.workspace-top b{margin-left:6px}.avatar{display:grid;place-items:center;background:#e6f3ff;color:var(--blue);border-radius:50%;font-size:7px;font-weight:700;width:22px;height:22px}.workspace-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.workspace-title small{font-size:6px;letter-spacing:1px;color:#8097ab}.workspace-title h3{font-size:18px;font-weight:700;margin:6px 0;letter-spacing:-.5px}.pill{font-size:7px;border:1px solid var(--line);background:white;border-radius:5px;padding:7px 10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats>div{border:1px solid var(--line);background:white;padding:12px 10px;border-radius:9px}.stats small{font-size:7px;color:#6d849a}.stats strong{display:block;font-size:26px;letter-spacing:-1px;margin:5px 0}.stats>div:nth-child(2) strong{color:#0eaa83}.stats strong span{font-size:12px;margin-left:9px}.stats>div>span{font-size:6px;color:#8ea0b1}.preview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin-top:12px}.rack-card,.stages-card{background:white;border:1px solid var(--line);border-radius:10px;padding:14px}.card-label{font-size:6px;letter-spacing:1px;color:#8497a9;display:flex;justify-content:space-between}.card-label span{color:var(--blue);font-size:12px}.rack-map{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0}.rack-map b{font-size:7px;background:#e6f7f2;color:#2c9f83;border:1px solid #bfe7db;border-radius:4px;padding:15px 3px;text-align:center;font-weight:500}.rack-map .working{background:#fff5df;border-color:#f4dd9a;color:#bf923b}.rack-map .pending{background:#f5f7fa;border-color:#e1e8ef;color:#8fa0b1}.legend{font-size:5px;display:flex;gap:12px;color:#20aa88}.legend span:last-child{color:#c4a04c}.stages-card h4{font-size:15px;line-height:1.4;letter-spacing:-.3px;margin:11px 0 15px}.stage{display:flex;justify-content:space-between;font-size:6px;color:#7e92a4;margin:11px 0 5px}.stage b{color:var(--blue)}.bar{height:4px;background:#e6eef6;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:#2ba1e2;border-radius:10px}.preview-row{border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:12px;display:flex;align-items:center;gap:10px;background:white}.round-check{background:#e5f7f0;color:#19a385;border-radius:50%;padding:5px 7px;font-size:10px}.preview-row b{display:block;font-size:9px}.preview-row small{display:block;font-size:6px;color:#7f95a8;margin-top:3px}.arrow{margin-left:auto;color:#7e9ab4;font-size:15px}.floating-note{position:absolute;bottom:-2px;right:-10px;display:flex;gap:13px;align-items:center;box-shadow:0 9px 30px #215c8b17;border:1px solid #e1ecf6;border-radius:11px;background:white;padding:15px 20px;transform:rotate(1deg)}.floating-note>span{background:#e8f6ff;color:#258bd1;border-radius:8px;padding:6px 11px;font-size:21px}.floating-note b{font-size:11px}.floating-note small{display:block;color:#8a9faf;font-size:9px;margin-top:5px}.discipline-strip{max-width:1264px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:#738ba0}.discipline-strip>span{font-size:9px;letter-spacing:1.5px;color:#9aaaba}.section{max-width:1360px;padding:95px 48px;margin:auto;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}h2{font-family:Manrope,Arial,sans-serif;font-size:38px;letter-spacing:-1.5px;line-height:1.25;margin:17px 0 0}.section-top>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.steps article{padding:30px;border-right:1px solid var(--line);position:relative}.steps article:last-child{border:0}.step-no{font-size:10px;color:#829bb1;letter-spacing:1px}.step-icon{margin:32px 0 18px;background:#eef7ff;color:var(--blue);width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:25px}.steps h3,.feature h3{font-family:Manrope;font-size:21px;letter-spacing:-.7px}.steps p,.feature p{font-size:13px;color:var(--muted);line-height:1.85}.features{padding-top:15px}.feature-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.feature{background:#f5f9fd;border:1px solid #e6eef6;border-radius:15px;padding:28px;overflow:hidden}.feature.big{background:#edf6ff}.feature-tag{font-size:8px;letter-spacing:1.5px;color:#6796b8;font-weight:700}.feature h3{margin:25px 0 14px;font-size:24px}.feature-symbol{font-size:42px;color:#66abe0;margin-top:36px}.connection{background:#fff;border-radius:10px;border:1px solid #dbe9f7;padding:18px;margin-top:25px}.connection-head{display:flex;justify-content:space-between;font-size:10px}.connection-head>span{color:#7e97ae;font-size:8px}.endpoints{display:flex;justify-content:space-between;align-items:center;margin:23px 0}.endpoints div>*{display:block}.endpoints small{color:#8ea4b7;font-size:7px;letter-spacing:.5px}.endpoints b{font-size:19px;margin:5px 0}.endpoints b span{font-size:9px;font-weight:400;color:#91a2b2}.endpoints>strong{color:#39a6e0}.progress-pills{display:flex;justify-content:space-between;font-size:7px;color:#169d7d;gap:6px}.progress-pills span{border-top:3px solid #25b395;padding-top:5px;flex:1}.progress-pills .active{border-color:#e9b856;color:#be933a}.cta{text-align:center;background:linear-gradient(135deg,#eff7ff,#f6fbff 60%,#eaf5ff);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 20px}.cta .eyebrow{justify-content:center}.cta h2{font-size:45px;margin:20px 0 30px}.cta p{color:#8398ab;font-size:12px;margin-top:23px}.cta p a{color:var(--blue)}footer{flex-wrap:wrap;padding-top:35px;padding-bottom:35px}footer>.brand{font-size:22px}footer>span{font-size:12px;color:#91a1b0}footer>div{display:flex;gap:24px;font-size:12px;margin-left:auto}footer>small{font-size:10px;color:#9baaba;width:100%;border-top:1px solid var(--line);padding-top:20px}.auth-page{background:#f3f8fe;min-height:100vh}.auth-wrap{max-width:980px;margin:50px auto 80px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #deebf7;box-shadow:0 25px 80px #265a8d0b;border-radius:22px;overflow:hidden}.auth-aside{background:linear-gradient(145deg,#e7f3ff,#f2f8ff);padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between}.auth-aside h1{font-family:Manrope;font-size:38px;line-height:1.3;letter-spacing:-1.6px}.auth-aside p{font-size:14px;line-height:1.9;color:#64829a}.auth-aside .auth-note{font-size:11px;color:#87a0b6;line-height:1.8;margin-top:80px}.auth-form{padding:45px 38px;background:white}.auth-form h2{font-size:27px;margin:0 0 10px}.auth-form>p{color:#8094a8;font-size:13px;line-height:1.7}.auth-form label{display:block;font-size:11px;font-weight:650;color:#55738b;margin-top:22px;margin-bottom:8px}.auth-form input{width:100%;border:1px solid #dce7f1;border-radius:9px;padding:13px;font-family:inherit;font-size:15px;color:var(--ink);outline:none}.auth-form input:focus{border-color:#1684df;box-shadow:0 0 0 3px #1783df0d}.auth-form button{width:100%;border:0;font-family:inherit;margin-top:25px;cursor:pointer}.auth-form .minor{font-size:11px;line-height:1.8;color:#8ca0b1;margin-top:18px}.auth-form .minor a{color:var(--blue)}#message{white-space:pre-line;font-size:13px;line-height:1.8;padding:14px;background:#eef7ff;border-radius:9px;color:#376586;margin-top:20px;display:none}#message.error{background:#fff0ef;color:#a84842}button:disabled{opacity:.55;cursor:wait}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:110px}}@media(max-width:1000px){header,footer{padding:22px 28px}.hero{padding:65px 28px;gap:25px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-art{padding-left:0}.hero-foot{line-height:1.8}.discipline-strip{margin:0 28px;font-size:11px}.section{padding:65px 28px}.feature-grid{grid-template-columns:1.3fr 1fr}.feature:last-child{grid-column:1/-1}.floating-note{right:-5px}.actions{gap:16px}.button{font-size:12px;padding:15px 17px;gap:15px}.auth-wrap{margin:35px 25px}}@media(max-width:700px){header{padding:18px 20px;gap:12px}.brand{font-size:21px;flex-shrink:0}.brand img{width:36px;height:32px}nav{gap:16px}nav>a{white-space:nowrap}nav>a[href="#workflow"],nav>a[href="#features"]{display:none}nav .small{padding:10px;font-size:10px;gap:7px}.hero{display:flex;flex-direction:column;padding:55px 24px 65px;gap:45px;overflow:hidden}.hero-copy{width:100%}.hero h1{font-size:38px;letter-spacing:-1.8px;margin:24px 0}.lead{font-size:14px;max-width:100%}.eyebrow{font-size:8px}.hero-foot{font-size:9px}.hero-art{width:100%;max-width:500px;padding-right:8px}.workspace-main{padding:13px}.workspace aside{width:36px}.preview-caption{font-size:6px}.preview-caption>span:last-child{font-size:5px}.floating-note{right:0;bottom:-13px;padding:10px 14px}.rack-card,.stages-card{padding:10px}.rack-map{gap:4px}.rack-map b{padding:13px 2px;font-size:6px}.discipline-strip{flex-wrap:wrap;justify-content:center;padding:22px 0;margin:0 24px;gap:20px;font-size:10px}.discipline-strip>span{width:100%;text-align:center}.section{padding:58px 24px}.section-top{display:block;margin-bottom:28px}h2{font-size:31px;letter-spacing:-1.3px}.section-top>p{margin-top:20px;font-size:13px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding:25px}.step-icon{margin:20px 0 12px}.steps h3{font-size:20px}.feature-grid{grid-template-columns:1fr}.feature:last-child{grid-column:auto}.feature{padding:25px}.feature-symbol{margin-top:20px}.feature h3{margin-top:18px}.features{padding-top:0}.cta{padding:55px 20px}.cta h2{font-size:35px}footer{padding:30px 24px;gap:20px}footer>span{display:none}footer>div{gap:15px;font-size:10px}.auth-wrap{display:block;margin:30px 18px}.auth-aside{padding:25px 28px}.auth-aside h1{font-size:29px;margin:20px 0}.auth-aside p{font-size:12px;margin:0}.auth-aside .auth-note{display:none}.auth-form{padding:30px 28px}.auth-form h2{font-size:25px}}