:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#132842;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{max-width:1170px;margin:auto;padding:0 24px}.header{height:82px;background:#081c35;color:white;position:relative;z-index:4;border-bottom:1px solid #1e3857}.headrow{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.7px;font-size:21px;line-height:1}.logo small{display:block;margin-top:5px;font-size:10px;font-weight:500;letter-spacing:1.6px;color:#9cb9d5}.logomark{width:43px;height:43px;border-radius:13px;background:linear-gradient(140deg,#25c4ed,#3776ec);display:grid;place-items:center;font-size:26px;box-shadow:0 6px 23px #25a9fb40}.accent{color:#52d9fc}.header nav{display:flex;gap:32px;font-size:14px;font-weight:600;color:#d4e3f2}.header nav a:hover{color:#65defe}.headercta,.primary{display:inline-flex;gap:19px;align-items:center;justify-content:center;padding:14px 22px;background:#40c6e9;border-radius:12px;color:#09213c;font-size:14px;font-weight:800;box-shadow:0 7px 22px #24c0f22a}.headercta:hover,.primary:hover{background:#72def5}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#1e5078 0%,transparent 49%),linear-gradient(145deg,#081d38,#102a4d 70%,#132f54);color:white;padding:94px 0 110px}.hero:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff14;border-radius:50%;right:-180px;bottom:-360px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:66px;align-items:center}.pill{display:inline-flex;align-items:center;gap:9px;background:#1b4160;color:#bfeefa;border:1px solid #34647c;border-radius:30px;padding:9px 13px;font-size:12px;font-weight:600}.live,.pulse{width:8px;height:8px;border-radius:50%;background:#33eab6;display:inline-block;box-shadow:0 0 0 4px #33eab622}.hero h1{font-size:clamp(44px,5.6vw,69px);letter-spacing:-2.8px;line-height:1.11;margin:27px 0 20px;font-weight:860}.hero h1 span{color:#6be2ff}.lead{line-height:1.8;color:#c0d2e7;font-size:17px;max-width:560px}.heroactions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:33px}.ghost{font-size:14px;font-weight:700;color:#d8e8f6;padding:12px 5px}.ghost span{margin-left:9px}.tiny{margin-top:31px;display:flex;gap:19px;flex-wrap:wrap;color:#9cbbd3;font-size:12px}.dashboard{background:#f5f9ff;border:1px solid #5685ae;box-shadow:0 35px 90px #030c226e;border-radius:20px;color:#153253;overflow:hidden;transform:rotate(1deg)}.dash-top{height:48px;background:#edf3fb;border-bottom:1px solid #dbe6f0;display:flex;align-items:center;justify-content:space-between;padding:0 21px;color:#7890ab;font-size:10px;letter-spacing:1.1px;font-weight:800}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;background:#ccd7e5;border-radius:50%}.dots i:first-child{background:#fb8784}.dots i:nth-child(2){background:#f8c46d}.dash-body{padding:30px 30px 20px}.welcome{font-size:13px;color:#758fa6}.welcome span{color:#e1a637}.dash-body h2{font-size:25px;margin:7px 0 24px;letter-spacing:-.7px}.dash-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{border:1px solid #e1eaf4;background:#fff;border-radius:13px;padding:16px;min-height:108px;display:flex;align-items:flex-start;flex-direction:column;gap:6px}.mini>span{font-size:22px}.mini strong{font-size:13px}.mini small{font-size:11px;color:#7a8da3}.mini:hover{border-color:#32bcd8}.dash-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #e5eaf1;margin-top:23px;padding-top:17px;font-size:10px;color:#7e93a9}.dash-bottom span:last-child{margin-left:auto}.feature-strip{background:#f2f7fc;border-bottom:1px solid #e4edf7}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:24px;padding-bottom:24px}.strip-grid>div{display:grid;grid-template-columns:40px 1fr;column-gap:9px;align-items:center}.strip-grid>div>span{grid-row:span 2;font-size:25px;color:#3997b7}.strip-grid strong{font-size:13px}.strip-grid small{font-size:12px;color:#8394a7;margin-top:2px}.section{padding:92px 0}.tools{background:#fff}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:33px}.eyebrow{color:#008fb2;font-size:11px;font-weight:900;letter-spacing:2px}.sectionhead h2,.about h2{font-size:clamp(28px,3.2vw,39px);letter-spacing:-1.3px;margin:10px 0 9px}.sectionhead p{color:#72839a;margin:0;font-size:15px}.section-note{background:#eafaf9;color:#09856c;padding:9px 13px;border-radius:50px;font-size:11px;font-weight:700}.tool-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.workspace,.notepad{border:1px solid #e1eaf3;border-radius:19px;padding:24px;box-shadow:0 15px 45px #13385b0a;background:#fff}.workspace-head{display:flex;align-items:center;gap:13px;margin-bottom:21px}.workspace-head h3{margin:0 0 5px;font-size:17px}.workspace-head p{margin:0;color:#8391a4;font-size:12px}.work-icon{background:#e6f8ff;border-radius:12px;width:46px;height:46px;display:grid;place-items:center;font-size:22px}.work-icon.purple{background:#f2eaff}.workspace textarea,.notepad textarea{width:100%;min-height:205px;border:1px solid #dce6f0;border-radius:11px;padding:16px;resize:vertical;outline:none;line-height:1.7;color:#15304a;background:#fbfdff;font-size:14px}.workspace textarea:focus,.notepad textarea:focus,.projectbar input:focus{border-color:#28b6d9;box-shadow:0 0 0 3px #1aace71a}.stats{display:flex;gap:23px;font-size:12px;color:#8291a5;margin:14px 0 21px}.stats b{color:#173850}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.toolbar button,.note-footer button{background:#f2f6fb;border:1px solid #e3eaf2;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:700;color:#37506b}.toolbar button:hover,.note-footer button:hover{border-color:#40c6e9}.toolbar button.strong{background:#0c79b7;color:#fff;border-color:#0c79b7}.toolbar button.clear{color:#ad4455}.feedback{min-height:16px;color:#057d76;font-size:12px}.notepad textarea{min-height:285px}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#72869a;margin-top:10px}.hint{color:#8b99a8;font-size:11px;line-height:1.6;margin-top:19px}.ecosystem{background:#f3f7fb}.projectbar{display:flex;gap:17px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.projectbar input{flex:1;min-width:200px;border:1px solid #dce5ef;border-radius:10px;padding:13px 15px;outline:none}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:0;background:transparent;padding:10px 12px;border-radius:8px;font-size:12px;color:#5c7189;font-weight:700}.filters button.active{background:#133e68;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.project{display:flex;flex-direction:column;min-height:180px;border-radius:15px;border:1px solid #e1e8f0;background:#fff;padding:20px;transition:transform .2s,border-color .2s}.project:hover{transform:translateY(-3px);border-color:#69c8ea}.project .picon{display:grid;place-items:center;background:#eff7ff;width:40px;height:40px;border-radius:11px;font-size:21px}.project h3{margin:14px 0 7px;font-size:16px}.project p{margin:0;color:#7c8da1;font-size:12px;line-height:1.55;flex:1}.project .pfoot{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:17px;font-size:11px;color:#087faf;overflow-wrap:anywhere}.tag{background:#edf3f9;border-radius:7px;padding:5px;color:#5b748e;font-size:10px;white-space:nowrap}.disclaimer{color:#8e9cab;font-size:11px;margin-top:23px}.about{padding:35px 0 80px;background:#f3f7fb}.about-card{border-radius:19px;background:#0c2848;color:#fff;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:35px}.about-card>div:first-child{max-width:680px}.about-card p{color:#c1d4e6;line-height:1.8;font-size:14px}.about-card a{display:inline-block;margin-top:10px;color:#6cdeff;font-weight:800;font-size:14px}.about-visual{background:#224368;width:135px;height:135px;flex-shrink:0;border:1px solid #567a9a;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:26px;font-size:46px;font-weight:900;color:#75e1ff}.about-visual span{font-size:10px;color:#cfe2f5;letter-spacing:2px}footer{background:#071c33;color:white;padding:45px 0}.footerrow{display:flex;justify-content:space-between;gap:20px}.footerrow p,.footerrow small{color:#96abc0;font-size:11px}.footlinks{display:flex;gap:24px;flex-wrap:wrap;color:#b7cadc;font-size:13px}.whatsapp{position:fixed;bottom:22px;left:22px;background:#1fba67;color:white;border-radius:40px;padding:14px 20px;box-shadow:0 7px 28px #153b2d49;font-weight:800;font-size:14px;z-index:10}.whatsapp:hover{background:#0e9e4f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:970px){.hero-grid{gap:35px}.project-grid{grid-template-columns:repeat(3,1fr)}.header nav{gap:17px}.tool-layout{grid-template-columns:1fr 1fr}}@media(max-width:720px){.container{padding:0 17px}.header{height:69px}.header nav{display:none}.logo{font-size:18px}.logo small{font-size:9px}.logomark{width:37px;height:37px}.headercta{font-size:11px;padding:11px 12px}.hero{padding:54px 0 60px}.hero-grid{grid-template-columns:1fr;gap:33px}.hero h1{font-size:43px;letter-spacing:-1.8px}.lead{font-size:15px}.tiny{gap:11px;font-size:10px}.dashboard{transform:none;max-width:500px}.strip-grid{grid-template-columns:1fr 1fr;row-gap:22px}.section{padding:58px 0}.sectionhead{align-items:start;flex-direction:column}.section-note{display:none}.tool-layout{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.about-card{padding:30px 25px}.about-visual{display:none}.footerrow{flex-direction:column}.whatsapp{left:13px;bottom:14px;padding:12px 16px}}@media(max-width:460px){.project-grid{grid-template-columns:1fr}.project{min-height:150px}.dash-body{padding:22px 18px}.heroactions{gap:9px}.primary{padding:14px}.strip-grid strong{font-size:12px}.stats{gap:13px}.notepad textarea{min-height:190px}}