@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#151722;--muted:#70758a;--line:#e6e8ef;--paper:#f6f7fa;--violet:#7768f8;--mint:#85e7c0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fafbfc;font-family:Nunito,system-ui,sans-serif}a{color:inherit}.top{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:44px;background:#10111b;color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 19px Manrope}.brand i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7768f8,#aa96ff);font-style:normal}.top nav{display:flex;gap:28px;margin:auto}.top nav a{color:#bfc1ce;text-decoration:none;font-size:12px;font-weight:800}.top nav a:hover{color:#fff}.login{font-size:12px;text-decoration:none;border:1px solid #393b48;border-radius:11px;padding:10px 14px;font-weight:800}.hero{min-height:750px;padding:90px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;background:#10111b;color:#fff;overflow:hidden}.kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:#7467e9}.hero .kicker{color:#a99eff}.kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:8px;box-shadow:0 0 16px var(--mint)}h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 24px}.hero h1 em,.section h2 em,.cta h2 em{font-style:normal;color:#8f80ff}.lead{max-width:610px;color:#b8bbc9;font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.primary,.secondary{display:inline-flex;padding:14px 18px;border-radius:12px;text-decoration:none;font-weight:900;font-size:12px}.primary{background:var(--violet);color:#fff}.secondary{border:1px solid #414351;color:#fff}.trust{display:flex;gap:25px;color:#7f8292;font-size:9px;font-weight:900;letter-spacing:.12em}.product{position:relative}.window{min-height:500px;border-radius:27px;background:#f4f5fa;box-shadow:0 38px 100px #0008;display:grid;grid-template-columns:62px 1fr;overflow:hidden;transform:perspective(900px) rotateY(-4deg)}.window aside{background:#1a1b26;display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:24px}.window aside b{width:30px;height:30px;border-radius:9px;background:var(--violet);display:grid;place-items:center}.window aside i{width:18px;height:5px;background:#424451;border-radius:10px}.screen{padding:35px;color:var(--ink)}.screen>small{color:var(--muted)}.screen h3{font-size:22px;margin:6px 0 25px}.signal{height:215px;border-radius:20px;background:linear-gradient(135deg,#1a1c28,#302d50);padding:27px;color:#fff;position:relative;overflow:hidden}.signal span{font-size:8px;letter-spacing:.12em;color:#aaa4dc}.signal strong{font:800 28px Manrope;display:block;margin-top:20px}.signal i{position:absolute;width:190px;height:190px;border-radius:50%;right:-35px;bottom:-65px;background:radial-gradient(circle,#8272ff,#8272ff1c 55%,transparent 70%)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.stats span{background:#fff;border-radius:13px;padding:14px}.stats small,.stats b{display:block}.stats small{font-size:8px;color:var(--muted)}.stats b{font-size:17px;margin-top:6px}.float{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:12px 15px;display:flex;gap:10px;box-shadow:0 18px 50px #0005;font-size:16px}.float span small,.float span b{display:block;font-size:9px}.float span small{color:var(--muted)}.one{left:-45px;bottom:70px}.two{right:-30px;top:60px}.strip{background:var(--violet);padding:18px;display:flex;justify-content:center;gap:35px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em}.section{padding:110px clamp(24px,8vw,125px)}.intro{text-align:center}.section h2{font-size:clamp(35px,4.2vw,60px);line-height:1.1;letter-spacing:-.04em;margin:15px 0 25px}.intro>p:last-child{max-width:700px;margin:auto;color:var(--muted);font-size:17px;line-height:1.7}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end}.section-head>p{color:var(--muted);line-height:1.7}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.modules article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:240px}.modules article.featured{grid-row:span 2;background:#181a25;color:#fff}.modules article>i{font-size:28px;font-style:normal}.modules article>span{display:block;color:#7768f8;font-size:9px;font-weight:900;letter-spacing:.12em;margin:28px 0 8px}.modules article h3{font-size:21px}.modules article p{color:var(--muted);line-height:1.6}.roles{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#f0f1f6}.roles>div>p:last-child{color:var(--muted);line-height:1.7}.role-list{display:grid}.role-list article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:21px 0;border-bottom:1px solid #d9dbe4}.role-list article>b{color:#7768f8}.role-list strong,.role-list small{display:block}.role-list small{color:var(--muted)}.role-list article>i{font-style:normal;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:900}.cta{text-align:center;padding:120px 20px;background:#7768f8;color:#fff}.cta .kicker{color:#d8d3ff}.cta h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.045em;margin:18px 0}.cta h2 em{color:#c9fff0}.cta>p:not(.kicker){max-width:650px;margin:auto;color:#e7e4ff;line-height:1.7}.cta .actions{justify-content:center}.primary.light{background:#fff;color:#171923}.secondary.dark{border-color:#ffffff55}footer{padding:30px clamp(24px,6vw,80px);background:#10111b;color:#fff;display:flex;align-items:center;gap:30px}footer p{margin:auto;color:#8b8e9e}footer>span{color:#676a78;font-size:11px}
/* Demo */.demo{background:#f5f6fa}.demo-top{height:66px;background:#10111b;color:#fff;display:flex;align-items:center;padding:0 28px;gap:28px;position:sticky;top:0;z-index:4}.demo-top>span{margin:auto;font-size:9px;letter-spacing:.13em;color:#bbbcca}.demo-top>a:last-child{text-decoration:none;border:1px solid #393b48;padding:9px 13px;border-radius:10px;font-size:11px;font-weight:800}.demo-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 66px)}.demo-nav{background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.company{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.company>i{width:38px;height:38px;border-radius:12px;background:#e9e6ff;color:#5749cc;display:grid;place-items:center;font-style:normal;font-weight:900}.company small,.company b{display:block}.company small{font-size:8px;color:var(--muted)}.demo-nav nav{display:grid;gap:6px}.demo-nav nav a{display:flex;gap:11px;padding:11px 13px;border-radius:11px;text-decoration:none;color:#63677a;font-weight:800}.demo-nav nav a.active,.demo-nav nav a:hover{background:#efedff;color:#5849cd}.person{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}.person>i{width:34px;height:34px;border-radius:50%;background:#181a25;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px}.person b,.person small{display:block}.person b{font-size:11px}.person small{font-size:9px;color:var(--muted)}.dashboard{padding:34px;max-width:1280px;width:100%;margin:auto}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.welcome p,.panel-head small,.metrics small,.pulse small{font-size:8px;letter-spacing:.13em;font-weight:900;color:var(--muted)}.welcome h1{font-size:34px;margin:5px 0}.welcome>div>span{color:var(--muted)}.welcome button{border:0;border-radius:11px;padding:12px 16px;background:var(--ink);color:#fff;font-weight:800}.pulse{min-height:210px;border-radius:26px;padding:34px;background:linear-gradient(120deg,#171925,#292643);color:#fff;display:flex;align-items:center;justify-content:space-between}.pulse h2{font-size:35px;margin:10px 0 6px}.pulse p{color:#bbbcca}.score{width:125px;height:125px;border-radius:50%;border:1px solid #ffffff40;display:grid;place-content:center;text-align:center;box-shadow:0 0 55px #7567f877}.score b{font-size:38px}.score small{color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.metrics b{display:block;font-size:23px;margin:11px 0 4px}.metrics span{font-size:9px;color:var(--muted)}.green{color:#198961!important}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head h3{margin:5px 0;font-size:18px}.bars{height:170px;display:flex;align-items:end;gap:12px;padding-top:25px}.bars i{flex:1;background:#dcd9fb;border-radius:7px 7px 2px 2px}.bars .today{background:linear-gradient(#8273ff,#5a4bd1)}.days{display:flex;justify-content:space-around;color:var(--muted);font-size:8px}.activity{list-style:none;padding:8px 0 0;margin:0}.activity li{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.activity li>i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:900}.activity b,.activity small{display:block}.activity b{font-size:11px}.activity small{font-size:9px;color:var(--muted)}.green-bg{background:#dff8ee;color:#16805b}.violet-bg{background:#ece9ff;color:#594bd2}.amber-bg{background:#fff0d5;color:#a26805}.team{margin-top:16px}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.people>span{background:#f6f7fa;border-radius:14px;padding:13px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.people i{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:#e7e4ff;color:#5749cc;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900}.people b{font-size:11px}.people small{font-size:8px;color:var(--muted)}.disclaimer{text-align:center;color:var(--muted);font-size:9px;margin:25px 0 0}
@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:65px}.product{max-width:650px}.modules{grid-template-columns:1fr 1fr}.roles{grid-template-columns:1fr;gap:30px}.demo-shell{grid-template-columns:74px 1fr}.demo-nav{padding:18px 10px}.company span,.demo-nav nav span,.person span{display:none}.demo-nav nav a{justify-content:center}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.top{height:64px;padding:0 16px}.top nav{display:none}.login{margin-left:auto}.hero{padding:55px 20px;min-height:auto}.hero h1{font-size:48px}.window{min-height:410px;grid-template-columns:45px 1fr}.screen{padding:23px}.stats{grid-template-columns:1fr}.stats span:nth-child(n+2){display:none}.float{display:none}.strip{gap:15px;overflow:hidden;justify-content:flex-start;white-space:nowrap}.section{padding:75px 20px}.section-head{grid-template-columns:1fr}.modules{grid-template-columns:1fr}.roles{padding-bottom:70px}.role-list article{grid-template-columns:34px 1fr}.role-list article>i{display:none}footer{display:grid;text-align:center}footer p{margin:auto}.demo-top{padding:0 15px}.demo-top>span{display:none}.demo-shell{display:block}.demo-nav{display:none}.dashboard{padding:18px}.welcome button{display:none}.welcome h1{font-size:27px}.pulse{padding:24px;min-height:230px}.pulse h2{font-size:27px}.score{width:92px;height:92px}.metrics article{padding:15px}.metrics b{font-size:18px}.people{grid-template-columns:1fr 1fr}}