*{box-sizing:border-box} :root{--ink:#10182a;--muted:#647087;--blue:#5c7cff;--navy:#0b1220;--line:#e7ebf2;--soft:#f7f9fc} html{scroll-behavior:smooth;scroll-padding-top:90px} body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none}.announcement{height:36px;display:flex;align-items:center;justify-content:center;gap:9px;background:#0b1220;color:#cbd5eb;font-size:11px;letter-spacing:.02em}.pulse{height:6px;width:6px;border-radius:50%;background:#7d9bff;box-shadow:0 0 0 4px #7d9bff20}.announcement-tag{padding:3px 7px;border:1px solid #35415a;border-radius:5px;color:#a9bbff;font-size:9px}.site-header{height:78px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f2f6;background:#fff;position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.8px}.brand-mark,.mini-mark{display:grid;place-items:center;background:linear-gradient(145deg,#7190ff,#4865e8);color:#fff;border-radius:10px;font-family:Manrope,sans-serif;font-weight:800;box-shadow:0 5px 12px #5876ef30}.brand-mark{width:34px;height:34px;font-size:19px}.nav{display:flex;align-items:center;gap:34px;color:#59647a;font-size:13px}.nav a:hover,.footer-links a:hover{color:#4d69ee}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border:0;border-radius:9px;background:#5b73f4;color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 20px #5b73f42b;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px);background:#4962e8}.button-small{padding:11px 15px;font-size:12px}.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--ink)}.hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;gap:4vw;align-items:center;padding:80px max(5.5vw,24px) 82px;position:relative;overflow:hidden}.hero-glow{position:absolute;width:700px;height:500px;right:-90px;top:45px;background:radial-gradient(ellipse,#edf0ff 0%,#f7f8ff 36%,transparent 72%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:510px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#6579df;display:flex;align-items:center;gap:8px}.eyebrow-icon{font-size:16px}.hero h1,.section h2,.workflow-copy h2,.vision-inner h2,.signup-copy h2{font-family:Manrope,sans-serif;letter-spacing:-2.7px;line-height:1.08;font-size:clamp(42px,5vw,67px);margin:22px 0 21px;font-weight:800}.hero h1 span,.section h2 span,.workflow-copy h2 span,.vision-inner h2 span,.signup-copy h2 span{color:#6880f4}.hero-text{font-size:15px;line-height:1.85;color:#647087;max-width:475px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700;color:#4b5870}.text-link span{margin-left:7px;color:#7185f6}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:39px;color:#7b8496;font-size:11px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{width:25px;height:25px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;margin-left:-5px;background:#e9edff;color:#5167df;font-size:10px;font-weight:800}.avatar-stack span:nth-child(2){background:#e4f5ee;color:#2c9972}.avatar-stack span:nth-child(3){background:#fff0e1;color:#bd7637}.dashboard-wrap{position:relative;z-index:1;min-width:0;padding:25px 0}.dashboard{background:#fff;border:1px solid #e2e7f2;border-radius:15px;box-shadow:0 25px 70px #1c2e6020;overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.dash-top{height:51px;border-bottom:1px solid #edf0f6;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.dash-brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.mini-mark{width:22px;height:22px;border-radius:6px;font-size:12px}.preview-label{font-size:7px;letter-spacing:.7px;color:#7384db;background:#eff1ff;padding:4px 5px;border-radius:4px}.dash-user{display:flex;align-items:center;gap:7px;font-size:9px;color:#8992a5}.status-dot{height:6px;width:6px;border-radius:50%;background:#46bf8b}.user-avatar{display:grid;place-items:center;margin-left:4px;width:24px;height:24px;border-radius:50%;background:#f1eaff;color:#7952b7;font-weight:800}.dash-body{display:grid;grid-template-columns:135px 1fr;min-height:365px}.dash-sidebar{padding:19px 10px;border-right:1px solid #edf0f6;position:relative}.side-item{display:flex;gap:9px;align-items:center;padding:10px 9px;margin-bottom:5px;border-radius:6px;color:#8590a4;font-size:9px}.side-item span{font-size:13px}.side-item.active{background:#eff2ff;color:#526ce9;font-weight:700}.side-bottom{position:absolute;bottom:18px;left:18px;font-size:7px;line-height:2;letter-spacing:.8px;color:#a2aabd}.side-bottom strong{font-size:9px;letter-spacing:0;color:#59647b}.dash-content{padding:22px 19px 17px;min-width:0}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-heading small{font-size:7px;letter-spacing:1px;color:#9aa3b4;font-weight:700}.dash-heading h3{font-size:14px;margin:6px 0 0;letter-spacing:-.3px}.date-chip{font-size:8px;padding:7px 8px;border:1px solid #e6eaf3;border-radius:6px;color:#8490a5;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.metric{border:1px solid #e9edf5;border-radius:8px;padding:11px 10px;min-width:0}.metric span,.metric small{display:block;font-size:8px;color:#8791a5}.metric strong{display:block;font-size:23px;margin:9px 0 5px;color:#202b42}.metric small{font-size:7px;line-height:1.5}.chart-card{border:1px solid #e9edf5;border-radius:8px;margin-top:11px;padding:13px 13px 9px}.chart-head{display:flex;align-items:center;justify-content:space-between}.chart-head strong{display:block;font-size:9px}.chart-head small{display:block;margin-top:4px;font-size:7px;color:#a0a8b7}.chart-key{font-size:7px;color:#8a95aa}.chart-key i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7890ff;margin-right:4px}.chart{display:flex;gap:9px;height:105px;margin-top:12px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#b1b8c6;font-size:7px;padding-bottom:2px}.chart svg{width:100%;height:100%;overflow:visible;background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,#eff2f8 26px)}.chart-x{display:flex;justify-content:space-between;padding-left:22px;font-size:7px;color:#a7afbd}.dash-note{display:flex;align-items:center;gap:9px;margin-top:11px;background:#f6f7ff;border-radius:7px;padding:9px}.spark{display:grid;place-items:center;background:#e5e9ff;color:#657af1;width:25px;height:25px;border-radius:7px}.dash-note strong,.dash-note small{display:block}.dash-note strong{font-size:8px}.dash-note small{font-size:7px;color:#8993a8;margin-top:4px}.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border:1px solid #edf0f6;border-radius:10px;box-shadow:0 12px 32px #20365a17}.chip-top{right:-17px;top:2px}.chip-bottom{left:-28px;bottom:7px}.chip-icon,.chip-check{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#edf0ff;color:#6078f5}.chip-check{background:#e7f8f0;color:#28a675}.floating-chip strong,.floating-chip small{display:block}.floating-chip strong{font-size:10px}.floating-chip small{font-size:9px;color:#8791a3;margin-top:4px}.trust-strip{padding:25px max(5.5vw,24px);border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.trust-strip>span{font-size:9px;letter-spacing:1.2px;color:#9aa3b4;font-weight:700}.trust-strip div{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#657087;font-size:11px;font-weight:600}.trust-strip i{height:4px;width:4px;background:#aab5d7;border-radius:50%}.section{padding:105px max(5.5vw,24px)}.section-intro{text-align:center;max-width:660px;margin:0 auto 48px}.section-intro .eyebrow{justify-content:center}.section h2,.workflow-copy h2,.vision-inner h2,.signup-copy h2{font-size:clamp(35px,4vw,49px);letter-spacing:-1.9px;margin:17px 0}.section-intro>p,.workflow-copy>p,.vision-inner>p,.signup-copy>p{font-size:14px;line-height:1.85;color:#768095}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1200px;margin:auto}.feature-card{padding:25px 22px 22px;border:1px solid #e9edf4;border-radius:12px;background:#fff;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1e31500b}.feature-icon{width:41px;height:41px;border-radius:10px;display:grid;place-items:center;font-size:20px;margin-bottom:25px}.purple{background:#f0eaff;color:#8664d7}.blue{background:#eaf0ff;color:#5875ec}.green{background:#e5f7ef;color:#29a778}.orange{background:#fff0e4;color:#cf8245}.feature-number{font-size:8px;font-weight:700;letter-spacing:1px;color:#9ca5b5}.feature-card h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;margin:12px 0 9px}.feature-card p{font-size:11px;line-height:1.8;color:#788297;min-height:60px}.card-status{display:inline-block;padding:6px 8px;background:#f5f6fa;color:#8a94a8;border-radius:5px;font-size:8px;font-weight:600}.workflow-section{padding:95px max(8vw,24px);background:#f8f9fc;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.workflow-copy{max-width:470px}.workflow-copy h2{font-size:clamp(36px,4vw,49px)}.steps{margin-top:30px;display:grid;gap:19px}.step{display:flex;align-items:flex-start;gap:14px}.step>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #dce2f4;border-radius:9px;background:#fff;color:#657cf0;font-size:11px;font-weight:800}.step strong{font-size:12px}.step p{font-size:11px;line-height:1.7;color:#7e889a;margin:6px 0 0}.workflow-visual{min-height:390px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #e0e5f4;border-radius:50%;width:350px;height:350px}.orbit-two{width:245px;height:245px;border-style:dashed}.orbit-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:64px;height:64px;border:1px solid #e3e8f4;background:#fff;box-shadow:0 8px 22px #24395d0b;border-radius:17px;font-size:20px;color:#6980f3}.orbit-node small{font-size:8px;color:#7f899e}.node-one{top:30px;left:calc(50% - 32px)}.node-two{right:calc(50% - 175px);top:calc(50% - 32px)}.node-three{bottom:30px;left:calc(50% - 32px)}.node-four{left:calc(50% - 175px);top:calc(50% - 32px)}.orbit-center{position:relative;z-index:3;width:150px;height:150px;border-radius:50%;background:#fff;box-shadow:0 15px 45px #30457817;border:1px solid #edf0f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.brand-mark.large{width:43px;height:43px;font-size:24px;border-radius:12px}.orbit-center strong{font-family:Manrope,sans-serif;font-size:13px}.orbit-center small{font-size:9px;color:#8993a6}.vision-section{background:#0b1220;color:#fff;padding:85px max(8vw,24px);position:relative;overflow:hidden;display:flex;align-items:center;min-height:365px}.vision-inner{max-width:650px;position:relative;z-index:2}.vision-inner .eyebrow{color:#9aabff}.vision-inner h2{font-size:clamp(37px,4vw,52px)}.vision-inner h2 span{color:#8fa1ff}.vision-inner>p{max-width:540px;color:#aab4c8}.button-light{background:#fff;color:#1a2540;box-shadow:none;margin-top:14px}.button-light:hover{background:#edf0ff}.vision-decoration{position:absolute;width:430px;height:430px;right:6%;top:-35px;display:grid;place-items:center;opacity:.9}.deco-ring{width:300px;height:300px;border:1px solid #35436c;border-radius:50%;position:absolute;box-shadow:0 0 0 35px #17213a,0 0 0 36px #29365a,0 0 0 75px #111b31,0 0 0 76px #263354}.ring-two{width:170px;height:170px;border-color:#647ce6;background:radial-gradient(circle,#23345f,#111a30)}.deco-star{position:absolute;font-size:95px;color:#8799ff}.signup-section{padding:80px max(8vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;border-bottom:1px solid #edf0f5}.signup-copy h2{font-size:clamp(35px,4vw,48px)}.signup-copy>p{max-width:450px}.signup-form{padding:27px;border:1px solid #e8ecf4;border-radius:13px;box-shadow:0 15px 40px #23385c08}.signup-form label{display:block;font-size:11px;font-weight:700;margin-bottom:10px}.email-row{display:flex;gap:8px}.email-row input{min-width:0;flex:1;border:1px solid #dfe4ee;border-radius:8px;padding:0 13px;font:inherit;font-size:12px;outline:none}.email-row input:focus{border-color:#7589f4;box-shadow:0 0 0 3px #7589f41c}.email-row .button{padding:13px 14px;white-space:nowrap;font-size:11px}.form-note,.form-message{font-size:10px;line-height:1.6;color:#9099aa;margin:12px 0 0}.form-message{color:#536bde}.footer{padding:35px max(5.5vw,24px) 20px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer .brand{font-size:17px}.footer .brand-mark{width:29px;height:29px;border-radius:8px;font-size:16px}.footer>p{font-size:11px;color:#8992a3;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:20px;font-size:11px;color:#6e788d}.footer-bottom{grid-column:1/-1;border-top:1px solid #edf0f5;padding-top:17px;margin-top:12px;display:flex;justify-content:space-between;gap:15px;color:#a1a9b7;font-size:9px}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:35px;padding-top:65px}.hero-copy{max-width:680px}.dashboard-wrap{max-width:720px;width:100%;margin:0 auto}.hero-glow{right:-150px}.feature-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{justify-content:center}.trust-strip>span{text-align:center}.workflow-section{gap:3vw}.chip-top{right:-4px}.chip-bottom{left:-4px}}
@media(max-width:700px){.announcement{font-size:9px}.announcement-tag{display:none}.site-header{height:66px}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 24px;flex-direction:column;align-items:flex-start;gap:20px}.nav.open{display:flex}.header-cta{margin-left:auto;margin-right:12px}.menu-toggle{display:block}.hero{padding-top:50px;padding-bottom:55px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-text{font-size:13px}.hero-actions{gap:15px}.hero-actions .button{padding:14px 15px;font-size:11px}.dashboard-wrap{padding:15px 0}.dashboard{transform:none}.dash-body{grid-template-columns:85px 1fr;min-height:320px}.dash-sidebar{padding:12px 5px}.side-item{font-size:8px;padding:9px 6px;gap:5px}.side-bottom{left:9px;bottom:10px;font-size:6px}.side-bottom strong{font-size:7px}.dash-content{padding:13px 9px}.dash-heading h3{font-size:11px}.dash-heading small{font-size:6px}.date-chip{font-size:7px;padding:5px}.metric-grid{gap:4px;margin-top:12px}.metric{padding:8px 6px}.metric span{font-size:7px}.metric strong{font-size:19px}.metric small{font-size:6px}.chart-card{padding:9px 8px}.chart{height:82px}.dash-note{padding:7px}.dash-note strong{font-size:7px}.dash-note small{font-size:6px}.floating-chip{padding:8px 10px}.floating-chip strong{font-size:8px}.floating-chip small{font-size:7px}.chip-top{right:-5px;top:0}.chip-bottom{left:-5px;bottom:0}.trust-strip{padding-top:21px;padding-bottom:21px}.trust-strip div{justify-content:center;gap:9px;font-size:9px}.trust-strip>span{font-size:8px}.section{padding-top:70px;padding-bottom:70px}.section h2,.workflow-copy h2,.vision-inner h2,.signup-copy h2{letter-spacing:-1.4px}.section-intro{margin-bottom:30px}.feature-grid{grid-template-columns:1fr;gap:11px}.feature-card{padding:20px}.feature-icon{margin-bottom:17px}.feature-card p{min-height:0}.workflow-section{grid-template-columns:1fr;padding-top:70px;padding-bottom:60px}.workflow-visual{min-height:340px;order:-1}.orbit{width:290px;height:290px}.orbit-two{width:205px;height:205px}.node-two{right:calc(50% - 145px)}.node-four{left:calc(50% - 145px)}.orbit-node{width:57px;height:57px;border-radius:14px}.vision-section{padding-top:65px;padding-bottom:65px}.vision-decoration{right:-225px;opacity:.25}.vision-inner{max-width:100%}.signup-section{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:22px}.signup-form{padding:19px}.email-row{flex-direction:column}.email-row input{height:44px}.email-row .button{width:100%}.footer{grid-template-columns:1fr 1fr}.footer>p{display:none}.footer-links{gap:12px;font-size:10px}.footer-bottom{font-size:8px}.footer-bottom span:last-child{text-align:right}}
