@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0c2542;--ink:#132b44;--blue:#1476c9;--muted:#5d6c7e;--line:#dbe3ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:'Source Sans 3',Arial,sans-serif;font-size:17px;background:#fff}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{transition:background .2s,color .2s,transform .2s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #43b5ff;outline-offset:5px}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h2{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:12px 0 22px}p{line-height:1.6}button{border:0}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.mast{height:104px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:49px;height:60px}.brand strong{font-size:39px;letter-spacing:-2px;font-weight:800}.brand-sub{border-left:1px solid #9ba9b7;padding-left:28px;font-size:17px;line-height:1.35}.utilities{margin-left:auto;display:flex;gap:30px;font-size:14px}.utilities button{background:none;color:var(--ink)}nav{background:var(--navy);color:white;border-bottom:1px solid #5b7491}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:62px}#navlinks{display:flex;align-self:stretch;gap:7px}#navlinks a{padding:20px 21px;font-size:15px;font-weight:600}#navlinks a:hover,#navlinks .active{background:#174c7d;box-shadow:inset 0 -3px #43adf5}.outline{color:white;border:1px solid #b0c4da;border-radius:4px;padding:11px 24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;font-size:15px;font-weight:600}.outline:hover{background:#ffffff1f}.login{padding:8px 19px}#menu{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#0b2543,#173851);color:white;min-height:490px}.hero-content{position:relative;z-index:2;padding-top:54px;padding-bottom:66px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow span{background:#55b9fa;width:6px;height:6px;border-radius:50%}.hero h1{font-size:49px;line-height:1.14;letter-spacing:-1.6px;margin:21px 0}.accent{width:48px;height:4px;background:#42a8ed}.hero p{color:#dfebf6;font-size:18px;margin:20px 0 26px;line-height:1.5}.actions{display:flex;gap:14px}.primary{background:#0873ca;border:1px solid #40a4ed;color:white;border-radius:4px;padding:13px 23px;font-size:15px;font-weight:600;display:inline-flex;gap:26px;align-items:center;justify-content:space-between;box-shadow:0 4px 14px #001a3420}.primary:hover{background:#005da8;transform:translateY(-1px)}.hero-note{font-size:11px;color:#c0d2e4;margin-top:19px}.hero-bottom{position:relative;z-index:2;border-top:1px solid #ffffff21;display:flex;justify-content:space-between;padding:15px 0;font-size:9px;letter-spacing:2px;color:#a9bfd5}.architecture{position:absolute;inset:0 0 0 43%;background:linear-gradient(160deg,#bdc5cd,#6f8594 68%,#142b3c);opacity:.9;overflow:hidden}.architecture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c48 0%,#102c48aa 18%,transparent 75%),linear-gradient(0deg,#0b2543aa,transparent 40%)}.building{position:absolute;top:62px;left:65px;width:810px;height:390px;background:repeating-linear-gradient(0deg,transparent 0 44px,#adb5bc 45px 48px),linear-gradient(110deg,#8e999f,#d3d5d6 65%,#a7afb5);transform:skewY(-8deg);box-shadow:0 -18px #c3c9ce,0 -25px #7f8a94,0 12px 25px #0a1e32}.columns{position:absolute;inset:100px 0 0;background:repeating-linear-gradient(90deg,transparent 0 38px,#d4d6d8 39px 61px,#848d94 62px 68px,transparent 69px 101px),repeating-linear-gradient(0deg,#1b394f 0 45px,#687781 46px 50px);border-top:12px solid #adb6bd;border-bottom:15px solid #b6bec4}.building-sign{position:absolute;top:18px;left:250px;font-family:Manrope,sans-serif;font-weight:800;font-size:31px;letter-spacing:3px;color:#364a5e;display:grid;grid-template-columns:38px 1fr;column-gap:13px;align-items:center}.building-sign img{width:36px;grid-row:span 2}.building-sign small{font-size:8px;letter-spacing:2px}.steps{position:absolute;bottom:-23px;right:-90px;width:90%;height:80px;background:repeating-linear-gradient(0deg,#87969f 0 9px,#c0c6ca 10px 15px);transform:skewY(-8deg)}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:31px 0}.features a{display:flex;gap:18px;padding:0 24px;border-right:1px solid var(--line)}.features a:first-child{padding-left:0}.features a:last-child{border:0;padding-right:0}.features a:hover h2{color:var(--blue)}.features h2{font-size:16px;letter-spacing:-.3px;margin:0 0 7px}.features p{font-size:13px;margin:0;line-height:1.5;color:var(--muted)}.icon{color:#174671;font-size:42px;line-height:.6;margin-top:8px;min-width:36px}.features a:nth-child(2) .icon{font-size:31px;line-height:.45}.about{background:linear-gradient(145deg,#f1f5fa,#e8f0f9);border-top:1px solid #e1e8f1;border-bottom:1px solid #e1e8f1;padding:64px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.blue{color:#2777b2}.about-copy p{font-size:16px;color:#506276;line-height:1.65}.about-copy ul{padding:0;list-style:none;font-size:14px;line-height:1.6}.about-copy li{margin:10px 0;padding-left:25px;position:relative}.about-copy li:before{content:'✓';position:absolute;left:0;color:#1275c4;font-weight:700}.text-link{display:inline-flex;gap:38px;color:#0965ac;font-weight:700;font-size:14px;margin-top:14px}.laptop{padding-top:15px;scroll-margin-top:100px}.screen{background:#15202c;padding:13px;border-radius:16px 16px 0 0;box-shadow:0 15px 25px #142d4520;border:2px solid #89949f}.app-top{background:#0c2848;color:white;display:flex;align-items:center;gap:8px;padding:9px 13px;font-size:14px}.app-top img{width:23px;height:28px}.app-top span{margin-left:auto;font-size:7px;letter-spacing:1.2px;color:#a9c9e7}.app-body{display:flex;min-height:233px;background:#edf2f7}.app-body aside{background:#102f50;width:105px;flex-shrink:0;padding-top:14px;position:relative}.app-body aside button{display:block;width:100%;background:transparent;color:#c9d9e8;text-align:left;font-size:10px;padding:10px}.app-body aside .selected{background:#1474bd;color:white}.app-body aside small{color:#aabfd1;font-size:8px;position:absolute;bottom:13px;left:10px}.dashboard{padding:17px;flex:1;min-width:0}.dashboard h3{font-size:16px;margin:0 0 4px}.dashboard>p{font-size:9px;color:#66788b;margin:0 0 12px}.stats{display:flex;gap:7px}.stats div{background:white;padding:11px 8px;flex:1;border:1px solid #dce5ef;border-radius:3px;font-size:9px;color:#66788b}.stats strong{display:block;font-size:20px;color:#183d62;margin-top:5px}.demo-row{display:flex;justify-content:space-between;gap:5px;background:white;border-bottom:1px solid #e9eff5;padding:9px 8px;font-size:9px}.demo-row em{font-style:normal;color:#2b7c77}.dashboard h4{font-size:10px;margin:17px 0 7px}.base{height:13px;background:linear-gradient(#d4d8dc,#8e979e);margin:0 -24px;border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:0 10px 13px #1c33442a}.caption{font-size:10px;text-align:center;color:#6b7e90;margin-top:22px}.security{display:grid;grid-template-columns:1fr 1.1fr;gap:120px;padding-top:78px;padding-bottom:75px}.security>div>p{color:var(--muted);font-size:16px;max-width:390px}.security-items article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:20px 0}.security-items article:first-child{padding-top:0}.security-items article>span{font-size:12px;color:#3882b8;padding-top:5px}.security-items h3{font-size:17px;margin:0 0 7px}.security-items p{font-size:14px;color:var(--muted);margin:0}.service{background:#f3f6fa;padding:58px 0}.service .wrap{max-width:850px}.service h2{margin-bottom:30px}details{border-top:1px solid #d6e0eb;padding:20px 0}summary{cursor:pointer;font-weight:600;font-size:16px}details p{font-size:15px;color:var(--muted);max-width:700px}.contact{display:flex;align-items:center;justify-content:space-between;padding-top:65px;padding-bottom:65px;gap:30px}.contact p{font-size:15px;color:var(--muted);margin-bottom:0}.contact h2{margin-bottom:14px}footer{background:#0c2542;color:#dce6f1;padding:30px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner .brand img{width:31px;height:39px}.footer-inner .brand strong{font-size:24px;letter-spacing:-1px}.footer-inner p{font-size:11px;color:#a8bcd0}.footer-inner button{margin-left:auto;background:none;color:#c2d1e1;font-size:12px}dialog{border:1px solid #c7d6e5;border-radius:10px;padding:35px;width:min(520px,90%);color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#071c36b8}dialog h2{font-size:28px}dialog p{font-size:16px;color:var(--muted)}.close{position:absolute;right:10px;top:5px;font-size:28px;background:none;color:var(--ink)}.skip{position:absolute;left:20px;top:-80px;z-index:20;background:white;padding:15px}.skip:focus{top:15px}.high-contrast{--muted:#253d55;--blue:#005ba4}.high-contrast .hero p,.high-contrast .hero-note{color:white}.high-contrast .architecture{opacity:.35}@media(min-width:1500px){.hero{min-height:530px}.hero-content{padding-top:65px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}#navlinks a{padding:20px 13px}.brand-sub{font-size:14px}.hero h1{font-size:43px}.about-grid{gap:45px}.features a{padding:0 15px;gap:10px}.features h2{font-size:14px}.features p{font-size:12px}.icon{font-size:32px}.security{gap:60px}.architecture{left:38%}}@media(max-width:760px){.mast{height:83px;gap:15px}.brand strong{font-size:29px}.brand img{width:38px;height:47px}.brand-sub{padding-left:15px;font-size:11px}.utilities{display:none}.nav-inner{min-height:58px;position:relative}#menu{display:block;background:none;color:white;padding:10px 0}#navlinks{display:none;position:absolute;left:-24px;right:-24px;top:58px;background:#0c2542;z-index:10;padding:10px 24px;box-shadow:0 12px 22px #00142640}#navlinks.open{display:flex;flex-direction:column;gap:0}#navlinks a{padding:13px}.login{font-size:12px;padding:7px 12px}.hero-content{padding-top:38px;padding-bottom:44px}.hero h1{font-size:38px;letter-spacing:-1.3px}.hero p{font-size:16px;max-width:90%}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.architecture{left:20%;opacity:.4}.architecture:after{background:linear-gradient(90deg,#102c48 0%,#102c48ba 60%,transparent)}.hero-bottom{font-size:7px;letter-spacing:1px}.actions{flex-wrap:wrap;gap:10px}.actions .primary,.actions .outline{font-size:13px;padding:12px 16px}.hero{min-height:0}.features{grid-template-columns:1fr 1fr;gap:27px 18px;padding:29px 0}.features a{border:0!important;padding:0!important}.features h2{font-size:13px}.features .icon{font-size:30px;min-width:30px}.features p{font-size:11px}.about{padding:40px 0}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy{grid-row:1}.about-copy h2{font-size:31px}.laptop{max-width:540px;width:100%;margin:auto;padding:0 10px}.app-body{min-height:215px}.about-copy p{font-size:15px}.security{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:45px}h2{font-size:30px}.security-items article{padding:17px 0}.security>div>p{max-width:none}.service{padding:40px 0}.contact{flex-direction:column;align-items:flex-start;padding-top:40px;padding-bottom:40px}.footer-inner{flex-wrap:wrap;gap:15px}.footer-inner p{font-size:10px}.footer-inner button{margin-left:0}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.contact{align-items:flex-start}.contact>div{flex:1}.contact-form{flex:1.3;width:100%;max-width:650px;padding:28px;border:1px solid var(--line);background:#f5f8fc;border-radius:8px}.contact-form label{display:block;font-size:14px;font-weight:600;margin-bottom:17px}.contact-form label span{font-weight:400;color:var(--muted);font-size:11px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #aebfd1;border-radius:4px;background:white;color:var(--ink);font:inherit;font-weight:400}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #1476c9;outline-offset:2px}.contact-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form #contact-status,.contact .contact-note{font-size:12px;line-height:1.5;margin:0 0 20px}.contact .contact-note{margin-top:24px;max-width:330px}@media(max-width:760px){.contact-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form button:disabled{opacity:.6;cursor:wait}
.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.demo-toolbar>span{font-size:9px;letter-spacing:1px;color:#4c6278}.demo-toolbar button{background:none;margin:0;padding:7px 0;font-size:12px}.demo-modal{width:min(960px,95%);max-height:94dvh;overflow:auto}.demo-modal .screen{border-radius:9px;padding:9px}.demo-modal .app-top{font-size:20px;padding:13px}.demo-modal .app-top img{width:31px;height:38px}.demo-modal .app-top span{font-size:10px}.demo-modal .app-body{min-height:340px}.demo-modal aside{width:155px}.demo-modal aside button{font-size:14px;padding:16px 13px;min-height:48px}.demo-modal aside small{font-size:11px}.demo-modal .dashboard{padding:24px}.demo-modal .dashboard h3{font-size:24px}.demo-modal .dashboard>p{font-size:13px}.demo-modal .stats div{font-size:13px;padding:16px}.demo-modal .stats strong{font-size:28px}.demo-modal .dashboard h4{font-size:14px}.demo-modal .demo-row{font-size:13px;padding:13px 10px}.demo-explainer{font-size:13px!important}.project-status{padding-top:65px;padding-bottom:65px}.status-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.status-heading>p{font-size:12px;color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.status-grid article{padding:25px;border:1px solid var(--line);border-radius:7px;background:#f9fbfd}.status-grid h3{font-size:19px;letter-spacing:-.4px;margin:19px 0 10px}.status-grid p{font-size:15px;color:var(--muted);margin:0}.status-badge{display:inline-block;font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px}.status-badge.live{background:#def3e8;color:#1d674b}.status-badge.demo{background:#deecfa;color:#1b5897}.status-badge.planned{background:#e9edf2;color:#536173}@media(max-width:760px){.project-status{padding-top:40px;padding-bottom:40px}.status-grid{grid-template-columns:1fr;gap:14px}.status-heading{display:block}.status-heading>p{margin:-8px 0 23px}.laptop{padding:0}.demo-toolbar>span{font-size:8px}.screen{padding:8px;border-radius:10px}.app-body{flex-direction:column}.app-body aside{width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:0}.app-body aside button{font-size:11px;padding:11px 3px;min-height:46px;text-align:center;border-bottom:3px solid transparent}.app-body aside button.selected{border-color:#75c6ff}.app-body aside small{display:none}.dashboard{padding:17px 12px;min-height:240px}.dashboard h3{font-size:20px}.dashboard>p{font-size:12px;line-height:1.45;min-height:30px}.stats div{font-size:12px;padding:12px 9px}.stats strong{font-size:24px}.dashboard h4{font-size:13px}.demo-row{font-size:11px;line-height:1.5;padding:11px 7px;gap:8px}.demo-row span{min-width:0;overflow-wrap:anywhere}.demo-row em{text-align:right;flex-shrink:0;max-width:85px}.base{margin:0 -8px}.demo-modal{padding:28px 14px 16px;width:96%}.demo-modal h2{font-size:25px}.demo-modal .eyebrow{font-size:9px;letter-spacing:1px}.demo-modal .screen{padding:5px}.demo-modal .app-top{font-size:15px;padding:9px}.demo-modal .app-top span{font-size:7px}.demo-modal .app-top img{width:25px;height:30px}.demo-modal .app-body{min-height:0}.demo-modal aside{width:100%}.demo-modal aside button{font-size:10px;padding:11px 2px;min-height:46px}.demo-modal .dashboard{padding:16px 9px}.demo-modal .dashboard h3{font-size:21px}.demo-modal .dashboard>p{font-size:12px}.demo-modal .stats div{font-size:11px;padding:12px 7px}.demo-modal .stats strong{font-size:24px}.demo-modal .demo-row{font-size:11px;padding:10px 5px}.demo-modal .dashboard h4{font-size:13px}}
.device-controls{display:flex;justify-content:center;gap:5px;margin:0 0 17px;padding:4px;border:1px solid #c5d3e1;border-radius:8px;background:#e3ebf4;width:fit-content;margin-left:auto;margin-right:auto}.device-controls button{font-size:13px;font-weight:600;background:transparent;color:#3b536c;padding:10px 15px;min-height:44px;border-radius:5px}.device-controls button[aria-pressed=true]{background:#0e4779;color:white;box-shadow:0 2px 5px #122d4520}.device-preview{max-width:100%;overflow-x:auto;padding:3px 18px 18px;scrollbar-width:thin;scrollbar-color:#7c99b5 #dfe7ef}.device-hint{font-size:11px;text-align:center;line-height:1.4;color:#536a80;margin:9px 0}.device-preview[data-device=laptop] .screen{min-width:470px}.device-preview[data-device=laptop] .app-body{flex-direction:row}.device-preview[data-device=laptop] aside{width:105px;display:block;padding-top:14px;flex-shrink:0}.device-preview[data-device=laptop] aside button{display:block;font-size:10px;text-align:left;padding:10px;min-height:35px;border:0}.device-preview[data-device=laptop] aside small{display:block}.device-preview[data-device=laptop] .dashboard{min-height:225px;padding:17px}.device-preview[data-device=laptop] .dashboard h3{font-size:16px}.device-preview[data-device=laptop] .dashboard>p{font-size:10px;min-height:0}.device-preview[data-device=laptop] .stats div{font-size:10px;padding:11px 8px}.device-preview[data-device=laptop] .stats strong{font-size:22px}.device-preview[data-device=laptop] .demo-row{font-size:10px;padding:9px 8px}.device-preview[data-device=laptop] .dashboard h4{font-size:11px}.device-preview[data-device=laptop] .base{min-width:490px;margin:0 -10px}.device-preview[data-device=smartphone]{padding:3px 0 8px}.device-preview[data-device=smartphone] .screen{position:relative;width:min(100%,320px);min-width:0;margin:auto;padding:7px;border:7px solid #1b2b3d;border-radius:30px;box-shadow:0 14px 25px #142d4526}.device-preview[data-device=smartphone] .screen:before{content:'';position:absolute;width:70px;height:10px;border-radius:0 0 10px 10px;background:#1b2b3d;top:0;left:calc(50% - 35px)}.device-preview[data-device=smartphone] .app-top{padding:17px 9px 11px;font-size:15px;border-radius:14px 14px 0 0}.device-preview[data-device=smartphone] .app-top img{width:24px;height:30px}.device-preview[data-device=smartphone] .app-top span{font-size:7px;letter-spacing:.6px}.device-preview[data-device=smartphone] .app-body{display:flex;flex-direction:column;min-height:390px;border-radius:0 0 14px 14px;overflow:hidden}.device-preview[data-device=smartphone] aside{width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:0}.device-preview[data-device=smartphone] aside button{padding:11px 2px;min-height:46px;font-size:10px;text-align:center;border:0;border-bottom:3px solid transparent}.device-preview[data-device=smartphone] aside button.selected{border-bottom-color:#75c6ff}.device-preview[data-device=smartphone] aside small{display:none}.device-preview[data-device=smartphone] .dashboard{padding:19px 10px;min-height:325px}.device-preview[data-device=smartphone] .dashboard h3{font-size:21px}.device-preview[data-device=smartphone] .dashboard>p{font-size:12px;line-height:1.5;min-height:36px}.device-preview[data-device=smartphone] .stats div{font-size:11px;padding:14px 7px}.device-preview[data-device=smartphone] .stats strong{font-size:25px}.device-preview[data-device=smartphone] .dashboard h4{font-size:13px;margin-top:22px}.device-preview[data-device=smartphone] .demo-row{font-size:10px;line-height:1.5;padding:13px 6px;gap:6px}.device-preview[data-device=smartphone] .demo-row span{overflow-wrap:anywhere;min-width:0}.device-preview[data-device=smartphone] .demo-row em{text-align:right;max-width:75px;flex-shrink:0}.device-preview[data-device=smartphone] .base{display:none}.demo-modal .device-preview[data-device=laptop] .screen{min-width:560px}.demo-modal .device-preview[data-device=laptop] aside{width:140px}.demo-modal .device-preview[data-device=laptop] aside button{font-size:13px;min-height:44px}.demo-modal .device-preview[data-device=laptop] .dashboard h3{font-size:23px}.demo-modal .device-preview[data-device=laptop] .dashboard>p{font-size:13px}.demo-modal .device-preview[data-device=laptop] .demo-row{font-size:13px;padding:13px 10px}.demo-modal .device-preview[data-device=laptop] .stats div{font-size:13px;padding:15px}.demo-modal .device-preview[data-device=laptop] .stats strong{font-size:28px}.demo-modal .device-preview[data-device=laptop] .base{min-width:580px}@media(max-width:760px){.device-preview{padding:3px 6px 16px}.device-controls button{padding:10px 13px;font-size:12px}.device-preview[data-device=laptop] .base{margin:0 -3px}.device-preview[data-device=laptop] .app-top{font-size:14px}.device-preview[data-device=laptop] .demo-row em{max-width:none}.demo-modal .device-preview{padding-left:0;padding-right:0}.demo-modal .device-preview[data-device=smartphone] .screen{border-width:5px;padding:5px}.device-hint{font-size:10px}}