:root{--ink:#143633;--muted:#607875;--line:#d7e4e0;--soft:#f4f8f6;--green:#08736d;--dark:#063e42;--lime:#b9dc74;--danger:#a83d47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fbfdfc}a{color:var(--green);text-decoration:none}.site-header{height:70px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800;color:var(--dark)}.brand span{font-weight:500;color:var(--green)}nav{display:flex;align-items:center;gap:24px}nav a{color:var(--ink);font-weight:600}.nav-cta{background:var(--dark);color:#fff!important;padding:8px 16px;border-radius:7px}.inline{display:inline}.link{border:0;background:none;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.container{max-width:1200px;margin:auto;padding:48px 24px 80px;min-height:calc(100vh - 140px)}footer{text-align:center;border-top:1px solid var(--line);padding:25px;color:var(--muted)}h1,h2,h3{line-height:1.2;margin-top:0}h1{font-size:44px;letter-spacing:-1.5px}h2{font-size:28px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:800}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:55px 0 100px}.hero h1{font-size:58px}.hero em{font-style:normal;color:var(--green)}.lead{font-size:19px;color:var(--muted);max-width:700px}.actions{display:flex;gap:12px;margin:28px 0}.button{display:inline-block;border:0;border-radius:7px;padding:12px 21px;background:var(--green);color:#fff;font:inherit;font-weight:700;cursor:pointer}.button.secondary{background:#fff;color:var(--green);border:1px solid var(--green)}.button.full{width:100%}.pipeline{background:var(--dark);border-radius:18px;padding:20px 28px;color:white;box-shadow:20px 20px 0 #e3eee9}.pipeline div{padding:22px 0;border-bottom:1px solid #35666a;display:flex;gap:18px;align-items:center}.pipeline div:last-child{border:0}.pipeline b{color:var(--lime);font-size:20px}.pipeline span{font-weight:600}.section-title,.page-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-title>p,.page-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:block;border:1px solid var(--line);background:white;border-radius:12px;padding:25px;color:var(--ink);transition:.2s}.card:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 12px 30px #1232}.card-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#dff0e8;color:var(--green);font-size:20px;font-weight:800}.card p,.muted{color:var(--muted)}.card span{color:var(--green);font-weight:700}.notice{border-left:4px solid var(--lime);background:var(--soft);padding:18px 22px;margin:45px 0}.notice p{margin:5px 0}.auth-wrap{min-height:650px;display:grid;place-items:center}.form-card{width:min(460px,100%);border:1px solid var(--line);border-radius:14px;background:#fff;padding:40px;box-shadow:0 20px 50px #17333112}label{display:flex;flex-direction:column;gap:6px;font-weight:700;margin-bottom:18px}label small,small{display:block;color:var(--muted);font-weight:400}input{width:100%;border:1px solid #b8cbc6;border-radius:7px;padding:11px 12px;font:inherit;background:#fff}input:focus{outline:2px solid #69aaa5;border-color:transparent}.form-foot{text-align:center;color:var(--muted)}.alert{border-radius:7px;padding:12px 16px;margin:0 0 20px;background:#e8f4ef}.alert.danger{background:#f8e5e7;color:#7d242d}.alert.warning{background:#fff2d6}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;margin-bottom:36px;background:#fff}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px}th{background:var(--soft);color:var(--muted);font-size:12px;text-transform:uppercase}tr:last-child td{border:0}.status{display:inline-block;padding:4px 9px;border-radius:99px;font-size:12px;font-weight:800;background:#e7eceb}.status.queued{color:#8a5a00;background:#fff0c9}.status.running{color:#075e71;background:#dff5fa}.status.succeeded{color:#17603b;background:#dbf3e5}.status.failed,.status.cancelled{color:#8a2933;background:#f8e0e3}.status.large{font-size:15px;padding:8px 15px}.empty{text-align:center;color:var(--muted);padding:50px}.job-form{max-width:900px}.form-section{border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px;margin:0 0 20px}.form-section summary{font-size:19px;font-weight:800;cursor:pointer}.form-section summary+.grid3{margin-top:25px}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid3{grid-template-columns:repeat(3,1fr)}.upload{background:var(--soft);padding:16px;border-radius:8px}.submit-row{display:flex;align-items:center;justify-content:space-between}.submit-row p{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.metrics div{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.metrics span{display:block;color:var(--muted);font-size:13px}.metrics b{font-size:20px}.break{word-break:break-all}.log{max-height:520px;overflow:auto;background:#082f32;color:#d8efea;padding:22px;border-radius:10px;white-space:pre-wrap;font:13px/1.5 ui-monospace,SFMono-Regular,monospace}.danger-button{background:var(--danger)}.result-figure{margin:20px 0 40px;border:1px solid var(--line);padding:20px;background:#fff;border-radius:10px}.result-figure img{max-width:100%;display:block;margin:auto}.result-figure figcaption{text-align:center;color:var(--muted)}.file-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:40px}.file-list a{display:flex;justify-content:space-between;padding:13px 16px;border:1px solid var(--line);border-radius:7px;background:#fff}.small-button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px 9px;cursor:pointer}@media(max-width:760px){nav{gap:12px}.site-header nav>a:first-child{display:none}.container{padding:30px 16px}.hero{grid-template-columns:1fr;padding:20px 0 70px;gap:30px}.hero h1,h1{font-size:38px}.cards,.grid2,.grid3,.metrics{grid-template-columns:1fr}.section-title,.page-head,.submit-row{align-items:start;flex-direction:column}.file-list{grid-template-columns:1fr}}
