:root{--ink:#11172b;--muted:#6c7590;--blue:#3157e8;--line:#e7eaf2;--bg:#fbfcff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:18px;font-weight:800;display:flex;align-items:center;gap:9px}.brand-mark,.icon{color:var(--blue)}nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#525b74}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:13px 20px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #3157e833}.button.small{padding:9px 15px}.button.ghost{background:transparent;color:var(--blue);box-shadow:none;border:1px solid #cbd4f8}.button.full{width:100%}.inline{display:inline}.link-button{border:0;background:none;color:inherit;cursor:pointer;font:inherit}.announcement{text-align:center;padding:8px;background:#151d52;color:#fff;font-size:13px}.hero{min-height:600px;padding:78px 9vw 65px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(120deg,#fff 35%,#f0f4ff)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:800;margin:0 0 15px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;letter-spacing:-3px;max-width:650px;margin:0 0 25px}.lede{font-size:18px;color:var(--muted);max-width:530px}.actions{display:flex;gap:12px;margin:28px 0 36px}.trusted{display:flex;flex-wrap:wrap;gap:18px;color:#737c94;font-size:12px}.hero-art{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#d9e4ff,#f4f7ff 65%,transparent 66%)}.screen{position:relative;background:#fff;border:9px solid #15235b;width:330px;height:245px;border-radius:18px;box-shadow:0 30px 70px #263a8733;padding:18px}.screen-bar{height:12px;width:78px;background:#e8edfb;border-radius:9px;margin-bottom:18px}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.screen-grid i{height:55px;background:#edf2ff;border-radius:8px}.screen-chart{height:45px;background:#f5f7fd;border-radius:8px;margin-top:12px}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);padding:13px 16px;border-radius:10px;box-shadow:0 14px 28px #27366c1c;display:grid;grid-template-columns:22px 1fr;gap:0 8px;min-width:145px}.floating-card small{grid-column:2;color:var(--muted);font-size:11px}.floating-card.top{top:45px;right:2px}.floating-card.bottom{bottom:42px;left:2px}.section{padding:90px 9vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#fff}.section h2,.band h2{font-size:40px;line-height:1.1;letter-spacing:-1px;margin:0}.intro>p{font-size:18px;color:var(--muted);max-width:450px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head a{color:var(--blue);font-weight:700;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);padding:25px;min-height:190px;border-radius:12px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #27366c12}.card h3{margin:24px 0 8px}.card p{color:var(--muted);margin:0;font-size:14px}.arrow{display:block;color:var(--blue);margin-top:18px}.band{padding:65px 9vw;background:linear-gradient(120deg,#18275e,#3157e8);color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:center}.band .eyebrow{color:#b8c8ff}.stats{display:flex;gap:50px}.stats strong,.stats span{display:block}.stats strong{font-size:32px}.stats span{font-size:12px;color:#cbd5ff}.auth-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;background:#f3f6ff;padding:55px 9vw;gap:60px;align-items:center}.auth-art{background:linear-gradient(145deg,#1c2d6b,#3157e8);color:#fff;border-radius:18px;padding:70px 60px;min-height:490px;display:flex;flex-direction:column;justify-content:center}.auth-art .eyebrow{color:#bfccff}.auth-art h1{font-size:55px;line-height:1.05;letter-spacing:-2px;margin:0 0 20px}.auth-art p{max-width:370px;color:#dbe3ff}.auth-card{background:#fff;border-radius:16px;padding:42px;max-width:500px;box-shadow:0 20px 50px #27366c18}.auth-card h2{font-size:32px;margin:0 0 25px}.auth-card form p{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}.auth-card input{padding:12px;border:1px solid var(--line);border-radius:7px;font:inherit}.auth-card label{font-size:13px;font-weight:700}.error{color:#be2e4b}.muted,small{color:var(--muted)}footer{background:#11183b;color:#fff;padding:50px 9vw;display:flex;justify-content:space-between;gap:30px}footer p{color:#aab4d3;font-size:13px}.dashboard{padding:60px 7vw}.dash-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.dash-top h1{font-size:42px;line-height:1.1;margin:0 0 8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.metric span,.metric small{display:block}.metric strong{display:block;font-size:34px;margin:10px 0}.metric.accent{background:#e9efff}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel h2{font-size:20px;margin:0}.task-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border:0}.task-row strong,.task-row small{display:block}.status-dot{width:9px;height:9px;border-radius:50%;background:#f2b84b}.status-dot.progress{background:var(--blue)}.status-dot.done{background:#2bb673}.empty{color:var(--muted);padding:30px 0}.chart{height:230px;display:flex;align-items:end;justify-content:space-around;gap:18px;padding:20px 15px 0;border-bottom:1px solid var(--line)}.bar{width:18%;min-height:12px;background:#dbe3ff;border-radius:8px 8px 0 0;position:relative}.bar.active{background:var(--blue)}.bar span{position:absolute;top:calc(100% + 9px);font-size:11px;color:var(--muted);white-space:nowrap;left:50%;transform:translateX(-50%)}@media(max-width:800px){.nav{padding:0 5vw}.nav nav a:not(.button),.link-button{display:none}.hero,.intro,.auth-shell,.dashboard-grid{grid-template-columns:1fr}.hero{padding:55px 6vw}.hero-art{height:320px}.section{padding:60px 6vw}.cards,.metric-grid{grid-template-columns:1fr 1fr}.band{display:block;padding:55px 6vw}.stats{margin-top:35px;justify-content:space-between}.auth-shell{padding:30px 5vw}.auth-art{min-height:280px;padding:40px}.auth-art h1{font-size:42px}.dash-top{display:block}.dash-top .button{margin-top:20px}}@media(max-width:500px){.cards,.metric-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.floating-card.top{right:-12px}.floating-card.bottom{left:-12px}}
:root{--ink:#101a43;--muted:#7180a4;--blue:#3568f5;--purple:#6256ed;--navy:#111a4b;--line:#e8edfb;--bg:#f8faff;--shadow:0 24px 70px rgba(35,55,130,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.nav{height:78px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:relative;z-index:4}.brand{font-size:19px;font-weight:850;display:flex;align-items:center;gap:10px;letter-spacing:-.4px}.brand-mark,.icon{color:var(--blue)}nav{display:flex;align-items:center;gap:clamp(12px,2.3vw,30px);font-size:13px;color:#53617f}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border:0;border-radius:999px;padding:13px 22px;font-weight:750;cursor:pointer;box-shadow:0 12px 25px rgba(53,104,245,.24);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(53,104,245,.3)}.button.small{padding:9px 16px}.button.ghost{background:transparent;color:var(--blue);box-shadow:none;border:1px solid #cad6fc}.button.full{width:100%}.inline{display:inline}.link-button{border:0;background:none;color:inherit;cursor:pointer;font:inherit}.announcement{text-align:center;padding:8px;background:var(--navy);color:#fff;font-size:12px}.hero{min-height:calc(100svh - 78px);padding:clamp(38px,6vh,82px) clamp(24px,9vw,150px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(30px,5vw,90px);align-items:center;background:radial-gradient(circle at 82% 38%,#e6edff 0,#f8faff 32%,#fff 68%);overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:850;margin:0 0 15px}.hero h1{font-size:clamp(43px,6vw,78px);line-height:1.01;letter-spacing:-4px;max-width:680px;margin:0 0 24px}.lede{font-size:clamp(16px,1.7vw,19px);color:var(--muted);max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 34px}.trusted{display:flex;flex-wrap:wrap;gap:18px;color:#7f8baa;font-size:12px}.hero-art{height:min(520px,60vh);min-height:310px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:min(450px,90vw);height:min(450px,90vw);border-radius:50%;background:radial-gradient(circle,#d6e4ff,#f0f4ff 62%,transparent 63%)}.screen{position:relative;background:#fff;border:9px solid #17245c;width:min(360px,82vw);height:270px;border-radius:22px;box-shadow:0 35px 75px #263a8733;padding:19px;transform:rotate(-3deg)}.screen-bar{height:12px;width:78px;background:#e8edfb;border-radius:9px;margin-bottom:18px}.screen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.screen-grid i{height:62px;background:linear-gradient(145deg,#edf2ff,#f9faff);border-radius:10px}.screen-chart{height:45px;background:#f5f7fd;border-radius:8px;margin-top:12px}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);padding:13px 16px;border-radius:14px;box-shadow:0 14px 28px #27366c1c;display:grid;grid-template-columns:22px 1fr;gap:0 8px;min-width:155px;z-index:2}.floating-card small{grid-column:2;color:var(--muted);font-size:11px}.floating-card.top{top:7%;right:0}.floating-card.bottom{bottom:9%;left:0}.section{padding:clamp(65px,9vw,120px) clamp(24px,9vw,150px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#fff}.section h2,.band h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-2px;margin:0}.intro>p{font-size:18px;color:var(--muted);max-width:500px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head a{color:var(--blue);font-weight:750;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:rgba(255,255,255,.86);border:1px solid var(--line);padding:27px;min-height:205px;border-radius:20px;transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cdd9ff}.card h3{margin:25px 0 8px}.card p{color:var(--muted);margin:0;font-size:14px}.arrow{display:block;color:var(--blue);margin-top:18px}.band{padding:clamp(50px,7vw,85px) clamp(24px,9vw,150px);background:linear-gradient(120deg,#151e58,#3b5fed);color:#fff;display:flex;justify-content:space-between;gap:40px;align-items:center}.band .eyebrow{color:#bdcaff}.stats{display:flex;gap:clamp(24px,5vw,70px)}.stats strong,.stats span{display:block}.stats strong{font-size:clamp(28px,4vw,42px)}.stats span{font-size:12px;color:#cbd5ff}.auth-shell{min-height:calc(100svh - 78px);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,480px);background:#f3f6ff;padding:clamp(24px,5vw,70px) clamp(24px,9vw,150px);gap:clamp(30px,7vw,90px);align-items:center}.auth-art{background:linear-gradient(145deg,#17255e,#3a61ee);color:#fff;border-radius:28px;padding:clamp(42px,6vw,80px);min-height:490px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.auth-art .eyebrow{color:#bfccff}.auth-art h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-3px;margin:0 0 20px}.auth-art p{max-width:390px;color:#dbe3ff}.auth-card{background:#fff;border-radius:24px;padding:clamp(28px,4vw,48px);width:100%;box-shadow:var(--shadow)}.auth-card h2{font-size:32px;margin:0 0 25px}.auth-card form p{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}.auth-card input,.auth-card select,.auth-card textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;outline:none}.auth-card input:focus,.auth-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #3568f51c}.auth-card label{font-size:13px;font-weight:700}.error{color:#be2e4b}.muted,small{color:var(--muted)}footer{background:#10183d;color:#fff;padding:55px clamp(24px,9vw,150px);display:flex;justify-content:space-between;gap:30px}footer p{color:#aab4d3;font-size:13px}footer a{display:block;color:#cbd5ff;font-size:13px;margin-top:7px}.dashboard{padding:clamp(36px,6vw,80px) clamp(20px,7vw,110px)}.dash-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.dash-top h1{font-size:clamp(31px,4vw,48px);line-height:1.1;margin:0 0 8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px #27366c08}.metric span,.metric small{display:block}.metric strong{display:block;font-size:34px;margin:10px 0}.metric.accent{background:#e9efff}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel h2{font-size:20px;margin:0}.task-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border:0}.task-row strong,.task-row small{display:block}.status-dot{width:9px;height:9px;border-radius:50%;background:#f2b84b}.status-dot.progress{background:var(--blue)}.status-dot.done{background:#2bb673}.empty{color:var(--muted);padding:30px 0}.chart{height:230px;display:flex;align-items:end;justify-content:space-around;gap:18px;padding:20px 15px 0;border-bottom:1px solid var(--line)}.bar{width:18%;min-height:12px;background:#dbe3ff;border-radius:8px 8px 0 0;position:relative}.bar.active{background:var(--blue)}.bar span{position:absolute;top:calc(100% + 9px);font-size:11px;color:var(--muted);white-space:nowrap;left:50%;transform:translateX(-50%)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;overflow-x:auto}.kanban-column{background:#f5f7ff;border-radius:16px;padding:15px;min-height:260px}.kanban-column h3{font-size:14px;margin:0 0 13px}.kanban-list{display:grid;gap:10px}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:0 8px 20px #27366c0b;cursor:grab}.kanban-card strong,.kanban-card small{display:block}.kanban-card small{font-size:11px;margin-top:5px}.status-select{width:100%;margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:6px;color:var(--muted);background:#fff}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:52px}.hero-art{height:350px}.intro,.auth-shell,.dashboard-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.band{display:block}.stats{margin-top:35px;justify-content:space-between}}@media(max-width:600px){.nav{height:68px}.nav nav{gap:9px}.nav nav a:not(.button),.link-button{display:none}.hero{min-height:calc(100svh - 68px);padding:34px 20px 28px}.hero h1{font-size:clamp(42px,12vw,58px);letter-spacing:-2.5px}.hero-art{height:285px;min-height:250px}.screen{width:270px;height:205px;padding:13px;border-width:7px}.screen-grid i{height:43px}.floating-card{min-width:130px;padding:10px;font-size:12px}.floating-card.top{top:0;right:-4px}.floating-card.bottom{bottom:0;left:-4px}.section{padding:58px 20px}.cards,.metric-grid{grid-template-columns:1fr}.band{padding:52px 20px}.stats{gap:18px}.stats strong{font-size:26px}.auth-shell{padding:20px}.auth-art{min-height:260px;padding:34px;border-radius:22px}.auth-art h1{font-size:44px}.auth-card{padding:26px 20px}footer{display:grid;padding:42px 20px}.dash-top{display:block}.dash-top .button{margin-top:18px}.kanban{grid-template-columns:repeat(4,220px)}}