:root{--bg:#080b12;--panel:#0d121d;--panel2:#101827;--line:rgba(155,177,211,.13);--muted:#8995a9;--text:#f3f6fc;--blue:#438cff;--cyan:#72b7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.16;border-radius:50%}.ambient-one{width:420px;height:420px;background:#1267d5;top:70px;left:35%}.ambient-two{width:300px;height:300px;background:#164c9a;top:900px;right:-100px}.topbar{height:78px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-.7px}.brand-mark,.mini-logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#63aaff,#1764d2);display:grid;place-items:center;color:white;font:700 17px 'Space Grotesk';box-shadow:0 5px 20px #1764d244}.brand-light{color:#7baeff}.nav-links{display:flex;gap:36px;color:#a4afc1;font-size:13px}.nav-links a:hover,.text-link:hover{color:white}.nav-cta{font-size:13px;font-weight:600;border:1px solid #34445f;padding:11px 16px;border-radius:8px;background:#111a29}.nav-cta span,.button span{margin-left:12px;color:#9ec7ff}.menu-toggle{display:none;background:none;color:white;border:0;font-size:22px}.hero{max-width:1180px;margin:auto;padding:105px 28px 70px;text-align:center;position:relative}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:700;color:#8fbaff}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #34517a66;background:#14233a77;padding:9px 13px;border-radius:30px}.pulse,.note-dot{width:6px;height:6px;border-radius:50%;background:#55a3ff;box-shadow:0 0 12px #55a3ff}.hero h1,.section-heading h2,.how h2,.bottom-cta h2{font:600 clamp(48px,7vw,82px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:28px 0 18px}.hero h1 span,.section-heading h2 span,.how h2 span,.bottom-cta h2 span{background:linear-gradient(100deg,#f5f8ff 5%,#6daaff 85%);background-clip:text;color:transparent}.hero-copy{max-width:570px;margin:0 auto;color:#9ba8bc;font-size:16px;line-height:1.8}.hero-actions{display:flex;justify-content:center;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;padding:14px 19px;border-radius:8px;font-size:13px;font-weight:700}.button-primary{background:linear-gradient(110deg,#347fe8,#2464c5);box-shadow:0 8px 28px #1d62c733}.button-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.text-link{font-size:13px;color:#b4bfd0}.text-link span{margin-left:7px;color:#76aaff}.hero-note{display:flex;justify-content:center;align-items:center;gap:9px;color:#78869b;font-size:11px;margin-top:28px}.preview-wrap{max-width:850px;margin:72px auto 0;position:relative}.preview-wrap:before{content:'';position:absolute;inset:20% 5% -8%;background:#1765c9;filter:blur(90px);opacity:.2}.preview-window{position:relative;border:1px solid #31415b;border-radius:13px;background:#0b111c;box-shadow:0 30px 100px #0009;overflow:hidden;text-align:left}.preview-top{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#68778d;font-size:10px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#46546a;border-radius:50%}.preview-status{color:#7daeff;font-size:9px;letter-spacing:1px}.preview-content{display:flex;min-height:300px}.preview-side{width:52px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:20px;padding:15px 0;color:#61718a;font-size:14px}.mini-logo{width:24px;height:24px;font-size:13px;margin-bottom:10px}.side-active{background:#1c3b66;color:#8dbbff;border-radius:6px;padding:7px}.preview-main{padding:25px;flex:1;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading small,.stat-card small{font-size:8px;letter-spacing:1.2px;color:#74849d}.preview-heading h3{font:600 19px 'Space Grotesk';margin:7px 0 20px}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#203b60;color:#a8ceff;font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card,.table-card{border:1px solid var(--line);background:#0e1725;border-radius:8px;padding:14px}.stat-card strong{display:block;font:600 24px 'Space Grotesk';margin:8px 0 3px}.stat-card span{font-size:9px;color:#75849a}.table-card{margin-top:12px;padding:13px 14px}.table-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:14px}.table-title span,.table-row{color:#74839a;font-size:9px}.table-row{display:grid;grid-template-columns:1.5fr 1fr .7fr;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.table-head{font-size:8px;letter-spacing:1px;color:#65738a}.table-row:first-of-type{border:0}.table-row>span:first-child{color:#c8d3e4}.file-icon{display:inline-grid;place-items:center;width:18px;height:18px;background:#18365b;color:#8cbaff;border-radius:5px;margin-right:7px}.status{color:#83c7a5!important}.status-muted{color:#9ba7ba!important}.section{max-width:1124px;margin:0 auto;padding:95px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:20px 0 42px}.section-heading h2,.how h2,.bottom-cta h2{font-size:48px;letter-spacing:-2.5px;margin:0}.section-heading p{max-width:350px;color:#8d9aaf;font-size:14px;line-height:1.8;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{position:relative;min-height:205px;padding:22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#101827aa,#0b111b);transition:.2s}.feature-card:hover{border-color:#426da8;transform:translateY(-3px)}.feature-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#17345a;color:#8fc0ff;font-size:19px}.feature-card h3{font:600 15px 'Space Grotesk';margin:23px 0 9px}.feature-card p{font-size:12px;line-height:1.7;color:#8592a7;margin:0}.card-index{position:absolute;right:18px;top:20px;color:#50617a;font-size:10px}.how{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-inner{display:flex;justify-content:space-between;gap:50px;margin-top:22px}.steps{width:48%}.step{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.step>b{font:600 12px 'Space Grotesk';color:#6eaaff;padding-top:3px}.step h3{font:600 14px 'Space Grotesk';margin:0 0 7px}.step p{font-size:12px;color:#8491a5;margin:0;line-height:1.6}.bottom-cta{max-width:1124px;margin:85px auto;padding:65px 28px;text-align:center;border:1px solid #29446a;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#17365d77,transparent 65%),#0b111c;position:relative;overflow:hidden}.bottom-cta h2{margin:22px 0 12px}.bottom-cta p{font-size:13px;color:#8e9bb0;margin:0 auto 25px;max-width:430px;line-height:1.7}footer{max-width:1180px;margin:auto;padding:25px 28px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#77859a;font-size:10px}footer .brand{color:#eaf1fc;font-size:16px}footer .brand-mark{width:24px;height:24px;font-size:13px}footer>a:last-child:hover{color:white}
@media(max-width:760px){.topbar{height:68px;padding:0 20px}.nav-links,.nav-cta{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:67px;left:0;right:0;padding:20px;background:#0b111c;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.hero{padding:80px 20px 45px}.hero h1{letter-spacing:-2.5px}.hero-copy{font-size:14px}.preview-wrap{margin-top:50px}.preview-main{padding:15px}.stat-grid{gap:5px}.stat-card{padding:9px}.stat-card strong{font-size:19px}.stat-card span{font-size:8px}.table-row{grid-template-columns:1.2fr .8fr .5fr;font-size:8px}.section{padding:70px 20px}.section-heading,.how-inner{display:block}.section-heading h2,.how h2,.bottom-cta h2{font-size:40px}.section-heading p{margin-top:18px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:190px;padding:17px}.steps{width:100%;margin-top:25px}.bottom-cta{margin:45px 20px;padding:50px 18px}footer{padding:22px 20px;gap:14px;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(max-width:420px){.hero-actions{gap:17px}.button{padding:13px 14px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:160px}.preview-heading h3{font-size:16px}.preview-side{width:40px}.table-row{grid-template-columns:1.1fr .8fr .4fr}.table-row>span:last-child{font-size:7px}}