:root{--ink:#eaf3f0;--deep:#061e29;--deep-2:#0a2b36;--paper:#f4f7f4;--copper:#d69064;--sage:#a7d0c5;--cyan:#39d2db;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--deep);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}
::selection{background:#28b9c5;color:#031c26}
a{color:inherit;text-decoration:none;text-underline-offset:.24em}
button,input,select,textarea{font:inherit}button{cursor:pointer}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#061e29;padding:10px 16px}.skip-link:focus{top:10px}
.site-header{height:88px;display:flex;align-items:center;gap:56px;padding:0 max(5vw,28px);position:absolute;top:0;width:100%;z-index:10;color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}
.brand{display:inline-flex;align-items:center;gap:10px;font:800 22px/1 'Manrope',sans-serif;letter-spacing:-.03em;white-space:nowrap}.brand>span:last-child>span{font-weight:400}
.brand-mark{width:32px;height:32px;position:relative;display:block}.brand-mark i{position:absolute;display:block;width:18px;height:2px;background:currentColor;transform:rotate(-44deg);border-radius:4px}.brand-mark i:nth-child(1){top:8px;left:1px}.brand-mark i:nth-child(2){top:15px;left:7px}.brand-mark i:nth-child(3){top:22px;left:13px}
.main-nav{display:flex;gap:38px;margin:auto;font-size:13px;font-weight:700;letter-spacing:.02em}.main-nav a,.site-footer a{transition:color .25s}.main-nav a:hover,.site-footer a:hover{color:var(--cyan)}
.header-cta{border-bottom:1px solid rgba(222,244,239,.6);padding:10px 0;display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.header-cta svg,.button svg{transition:transform .35s var(--ease)}.header-cta:hover svg,.button:hover svg{transform:translateX(5px)}.menu-toggle{display:none}
.hero{min-height:760px;height:min(900px,100svh);background:#061e29;position:relative;overflow:hidden;display:flex;align-items:center;padding:125px max(7vw,30px) 100px;isolation:isolate}
.hero-art{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;background:radial-gradient(ellipse at 77% 52%,#104655 0%,#092a36 42%,#041b26 82%);pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,24,33,.93) 0%,rgba(4,24,33,.83) 26%,rgba(4,24,33,.37) 53%,rgba(4,24,33,.04) 82%),linear-gradient(0deg,rgba(4,24,33,.6),transparent 23%)}
.hero-copy{max-width:660px;position:relative;z-index:2}.hero-line{font-size:14px;letter-spacing:.04em;color:#b4d2ca;margin:0 0 24px}.hero h1{font:750 clamp(3.6rem,7vw,6rem)/1.05 'Manrope',sans-serif;letter-spacing:-.035em;max-width:690px;margin:0;text-wrap:balance}.hero h1 em{font-style:normal;color:#b7e5da}.hero-text{font-size:19px;line-height:1.55;color:#dce8e3;max-width:520px;margin:30px 0 36px}.hero-actions{display:flex;align-items:center;gap:30px}
.hero-products{display:flex;flex-wrap:wrap;gap:8px 22px;margin:-17px 0 30px;color:#b9d8d1;font-size:12px;line-height:1.5;letter-spacing:.01em}.hero-products strong{color:#e9f7f4;font-weight:750}
.button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 23px;border:0;font-size:14px;font-weight:700;transition:background .28s,color .28s,transform .28s var(--ease);white-space:nowrap;border-radius:3px}.button:hover{transform:translateY(-3px)}.button-light{background:#48d8dc;color:#05212c}.button-light:hover{background:#b4f4ec}.button-dark{background:#0a3441;color:white}.button-dark:hover{background:#0f5965}.button-copper{background:#c88359;color:#132630}.button-copper:hover{background:#e8a77c}.text-link{border-bottom:1px solid #8caeb0;padding:6px 0;font-weight:700;font-size:14px}.text-link span{margin-left:12px}.hero-footer{position:absolute;z-index:2;bottom:28px;left:max(7vw,30px);right:max(7vw,30px);display:flex;justify-content:space-between;font-size:11px;color:#bdd2d0;letter-spacing:.05em}.hero-footer a{display:flex;gap:18px}.down-arrow{font-size:20px;line-height:11px}
.section-wrap{padding:130px max(7vw,30px)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;background:#e9f2ee;color:#092935}.intro-side{display:flex;align-items:flex-start;gap:16px;color:#506d70;font-size:14px}.section-rule{width:42px;height:1px;background:var(--copper);display:block;margin-top:12px;flex:none}.intro-side p{margin:0}.intro h2{font:700 clamp(2.5rem,4.6vw,5rem)/1.14 'Manrope',sans-serif;letter-spacing:-.035em;margin:0 0 30px;text-wrap:balance}.intro h2 span{color:#588584}.intro>div:last-child>p{max-width:540px;color:#3b5c62;font-size:19px;margin:0}
.product{display:grid;grid-template-columns:47% 53%;min-height:820px;background:#0b2b37}.product-copy{padding:95px max(7vw,30px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.product-gov{background:#0b2e39}.product-belico{background:#10262e}.product-identity{display:flex;align-items:center;gap:10px;color:#a8d0c7;font-size:13px;font-weight:700}.product-dot{width:7px;height:7px;border-radius:50%;background:#49d1d3}.product-belico .product-dot{background:var(--copper)}.product h2{font:800 clamp(3.7rem,6vw,6rem)/1.08 'Manrope',sans-serif;letter-spacing:-.04em;margin:34px 0 8px}.product h2 span{font-weight:400}.product-lead{font:600 clamp(1.45rem,2.3vw,2rem)/1.25 'Manrope',sans-serif;margin:0 0 24px;color:#d9ede7}.product-copy>p:not(.product-lead){max-width:560px;color:#c1d6d3;font-size:16px;line-height:1.65;margin:0 0 16px}.feature-list{list-style:none;padding:0;margin:20px 0 32px;width:min(100%,520px);font-size:13px;font-weight:650}.feature-list li{padding:10px 0;border-bottom:1px solid rgba(190,223,216,.2);display:flex;align-items:center;gap:13px}.feature-list li:before{content:"";height:5px;width:5px;border-radius:50%;background:var(--cyan);flex:none}.product-belico .feature-list li:before{background:var(--copper)}.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.product-external{font-size:13px;font-weight:700;border-bottom:1px solid #8cb8b2;padding:8px 0}.product-external span{margin-left:6px}
.product-visual{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;min-height:700px}.gov-visual{background:radial-gradient(circle at 55% 55%,#2e6e74,#0d3845 67%,#082833)}.belico-visual{background:radial-gradient(circle at 55% 50%,#3f5d58,#1b3e41 69%,#102c35)}.product-visual:before{content:"";position:absolute;inset:8%;border:1px solid rgba(185,231,223,.17);border-radius:50%;transform:scale(1.3)}.product-visual:after{content:"";position:absolute;width:45%;aspect-ratio:1;border:1px solid rgba(185,231,223,.13);border-radius:50%;transform:scale(1.8)}
.demo-hint{position:absolute;bottom:7%;right:7%;background:#d0eee5;color:#11353f;font-size:11px;font-weight:700;padding:10px 14px;z-index:3;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.statement{position:relative;min-height:620px;background:#0a2732;color:#f4f8f4;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:110px max(7vw,30px)}.statement-inner{position:relative;z-index:1;max-width:1080px;text-align:center}.statement-inner p{color:#a9d3cb;font-size:14px;margin:0 0 30px}.statement h2{font:650 clamp(2.7rem,5.4vw,5.7rem)/1.17 'Manrope';letter-spacing:-.035em;margin:0;text-wrap:balance}.statement h2 em{font-style:normal;color:#b7e5da}.statement-art span{position:absolute;width:70vw;height:70vw;border:1px solid rgba(181,214,202,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.statement-art span:nth-child(2){width:50vw;height:50vw}.statement-art span:nth-child(3){width:30vw;height:30vw}
.contact{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;background:#e9f2ee;color:#092935}.contact-heading h2{font:700 clamp(2.4rem,4.4vw,4.7rem)/1.15 'Manrope';letter-spacing:-.035em;margin:30px 0}.contact-heading p{max-width:430px;color:#456366;font-size:17px}.contact-form{padding-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;font-size:13px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea,.message-fallback textarea{background:transparent;border:0;border-bottom:1px solid #89aaa7;padding:12px 0;color:#092935;border-radius:0;resize:vertical;font-size:15px;font-weight:400;min-width:0}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#4b6669;opacity:1}.contact-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23092935'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.form-bottom p{max-width:350px;color:#486569;font-size:12px;line-height:1.5}.form-status{font-size:13px;color:#155b5b;min-height:20px}.message-fallback[hidden]{display:none}.message-fallback{margin-top:22px}.message-fallback textarea{width:100%;padding:12px;border:1px solid #8baaa8;background:white}.site-footer{background:#061e29;color:#edf5f0;padding:65px max(7vw,30px) 30px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.site-footer p{color:#a7c4bd;font-size:14px}.site-footer>div:nth-child(2){display:flex;gap:34px;justify-content:flex-end;font-size:13px}.site-footer small{grid-column:1/-1;border-top:1px solid #29505b;padding-top:20px;color:#a9c5bf;font-size:12px}
.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:none}.js-motion .product-visual.reveal{transform:translateY(55px) scale(.96)}.js-motion .product-visual.reveal.is-visible{transform:none}
@media(max-width:1050px){.site-header{gap:28px}.product-copy{padding:75px 38px}.product h2{font-size:clamp(3.6rem,6vw,5rem)}.product-visual{min-height:650px}.contact{gap:5%}}
@media(max-width:760px){.site-header{height:76px;padding:0 24px}.header-cta{display:none}.menu-toggle{display:block;order:2;margin-left:auto;background:transparent;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.main-nav{position:absolute;top:76px;left:0;right:0;background:#082a35;padding:22px 24px 30px;display:none;flex-direction:column;gap:22px;margin:0;border-bottom:1px solid #32616a}.main-nav.open{display:flex}.hero{min-height:730px;height:100svh;padding:145px 25px 95px}.hero:after{background:linear-gradient(90deg,rgba(4,24,33,.86),rgba(4,24,33,.46)),linear-gradient(0deg,rgba(4,24,33,.7),transparent 60%)}.hero-art{opacity:.82}.hero h1{font-size:clamp(3.2rem,11vw,5.5rem)}.hero-text{font-size:17px;max-width:440px}.hero-footer{left:25px;right:25px}.hero-footer>span{display:none}.hero-footer a{margin-left:auto}.section-wrap{padding:90px 25px}.intro{display:block}.intro-side{margin-bottom:35px}.intro h2{font-size:clamp(2.5rem,8vw,4rem)}.intro>div:last-child>p{font-size:17px}.product{display:flex;flex-direction:column}.product-copy{padding:80px 25px}.product h2{font-size:clamp(3.7rem,12vw,5.5rem)}.product-visual{min-height:500px}.statement{min-height:530px;padding:90px 25px}.statement-art span{width:130vw;height:130vw}.statement-art span:nth-child(2){width:95vw;height:95vw}.statement-art span:nth-child(3){width:60vw;height:60vw}.contact{display:block}.contact-heading{margin-bottom:48px}.site-footer{grid-template-columns:1fr;gap:30px;padding:60px 25px 25px}.site-footer>div:nth-child(2){justify-content:flex-start;flex-wrap:wrap}.site-footer small{grid-column:1}}
@media(max-width:500px){.hero{min-height:720px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero h1{font-size:3.45rem}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom p{margin:0}.product-visual{min-height:415px}}
@media(max-width:500px){.hero-text{margin-bottom:28px}.hero-products{display:grid;gap:3px;margin:-15px 0 24px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal,.js-motion .reveal{opacity:1!important;transform:none!important}}

/* Product previews reconstruct the layout of each application's home screen with synthetic content. */
.demo-stage{isolation:isolate;cursor:pointer;min-height:720px;outline-offset:-5px}
.demo-stage:focus-visible{outline:3px solid var(--copper)}
.demo-stage .app-preview{position:absolute;top:48%;left:50%;width:900px;height:630px;transform:translate(-50%,-50%) scale(var(--preview-scale,.72));transform-origin:center;background:#f1f4f8;border-radius:12px;overflow:hidden;display:flex;box-shadow:18px 30px 60px rgba(5,27,30,.35);z-index:2;transition:box-shadow .35s var(--ease)}
.demo-stage:hover .app-preview,.demo-stage:focus-visible .app-preview{box-shadow:22px 34px 72px rgba(5,27,30,.42)}
.app-preview *{box-sizing:border-box}
.app-rail{width:184px;flex:none;background:#294b7f;color:#fff;padding:20px 11px;display:flex;flex-direction:column;gap:3px;font:600 11px/1.35 'DM Sans',sans-serif}
.app-logo{display:flex;align-items:center;gap:8px;font:800 20px/1 'Manrope',sans-serif;letter-spacing:-.025em;padding:4px 8px 29px}
.app-logo-symbol{font-size:25px;line-height:1}
.app-rail small{font-size:9px;letter-spacing:.12em;color:#aec4e2;padding:11px 10px 5px;font-weight:700}
.app-nav{padding:9px 10px;border-radius:5px;white-space:nowrap;opacity:.88;transition:background .35s,color .35s,opacity .35s}
.app-nav-active,.app-nav.is-demo-active{background:rgba(255,255,255,.16);opacity:1}
.app-workspace{flex:1;min-width:0;color:#182e45;background:#f2f5f9;font:12px/1.4 'DM Sans',sans-serif}
.app-topbar{height:53px;background:#fff;display:flex;align-items:center;gap:12px;padding:8px 18px;border-bottom:1px solid #e4e9ef}
.app-global-search{height:32px;border:1px solid #d5dfec;border-radius:8px;color:#8c9cb2;padding:8px 11px;flex:1}
.app-top-icon{display:grid;place-items:center;background:#294b7f;color:white;width:30px;height:30px;border-radius:7px;font-size:20px}
.app-bell{font-size:18px;color:#294b7f}.app-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff0e4;color:#d47631;font-size:10px;font-weight:700}
.app-canvas{height:577px;padding:17px 18px 25px;overflow:hidden}
.app-greeting{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.app-greeting h3{font:700 24px/1.1 'Manrope',sans-serif;margin:0 0 4px}.app-greeting p{margin:0;color:#637c9b;font-size:11px}.app-create{background:#eb7c38;color:#fff;border-radius:7px;padding:9px 12px;font-weight:700;font-size:10px}
.app-main-search{border:1px solid #93afd9;border-radius:8px;background:#fff;height:36px;display:flex;align-items:center;padding:0 12px;color:#8398b3;margin-bottom:13px}
.app-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.app-metrics>div{height:67px;background:#fff;border:1px solid #e0e8f1;border-radius:9px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:11px;column-gap:7px}.app-metrics>div>span{grid-row:1/3;font-size:20px;color:#eb7c38}.app-metrics strong{font:700 17px/1 'Manrope';align-self:end}.app-metrics small{font-size:9px;color:#667e9b;align-self:start}
.app-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-bottom:12px}.app-panel{background:#fff;border:1px solid #e0e8f1;border-radius:10px;padding:13px;min-height:150px}.app-panel header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;margin-bottom:10px}.app-panel header span{font-weight:500;font-size:9px;color:#5278b5}.app-meeting{height:50px;border-top:1px solid #e8edf3;display:flex;align-items:center;gap:10px}.app-meeting>b{background:#eaf0fa;color:#355a9a;border-radius:6px;font-size:9px;padding:8px 5px}.app-meeting>div{flex:1}.app-meeting strong,.app-pending strong{font-size:10px;display:block}.app-meeting small,.app-pending small{font-size:9px;color:#7187a3;display:block}.app-meeting>span{color:#5379ac}.app-pending{border-top:1px solid #e8edf3;padding:11px 0;display:flex;align-items:center;gap:8px}.app-pending>span{font-size:17px;color:#6d90c0}.app-pending>div{flex:1}.app-pending i{font-size:8px;color:#c36d3b;background:#fff1e9;border-radius:3px;padding:4px;font-style:normal}.app-table{min-height:100px}.app-table-head,.app-table-row{display:grid;grid-template-columns:1fr 2fr 1.5fr 1.5fr;gap:8px;font-size:8px;color:#7c8fa6;border-radius:4px;padding:7px}.app-table-head{background:#eff2f7;font-weight:700}.app-table-row{color:#243d5a;border-bottom:1px solid #edf0f5}
.gov-preview [data-focus-step],.belico-preview [data-focus-step]{transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.demo-stage[data-step="1"] [data-focus-step="1"],.demo-stage[data-step="2"] [data-focus-step="2"],.demo-stage[data-step="3"] [data-focus-step="3"],.demo-stage[data-step="4"] [data-focus-step="4"]{box-shadow:0 0 0 3px rgba(224,130,64,.6),0 9px 25px rgba(20,43,65,.12);transform:translateY(-2px)}
.demo-stage[data-step="1"] [data-nav-step="1"],.demo-stage[data-step="3"] [data-nav-step="3"]{background:rgba(255,255,255,.23);opacity:1}
.demo-cursor{position:absolute;z-index:5;width:17px;height:22px;left:var(--cursor-x,70%);top:var(--cursor-y,65%);opacity:0;background:#122c3b;clip-path:polygon(0 0,0 100%,31% 77%,47% 100%,61% 94%,44% 71%,81% 68%);filter:drop-shadow(1px 2px 1px #fff);transition:left .9s var(--ease),top .9s var(--ease),opacity .3s}
.demo-stage.is-playing .demo-cursor{opacity:1}.demo-stage .demo-hint{font-size:11px;bottom:7%;right:7%;z-index:3}
.belico-preview{background:#f3f4f2!important}.belico-preview .app-rail{width:175px;background:#1d3130;color:#dbe7dc}.belico-preview .app-logo{font-size:18px;padding-bottom:27px}.belico-preview .app-logo-symbol{color:#c68b53}.belico-preview .app-rail small{color:#a8bbb2}.belico-preview .app-nav-active,.belico-preview .app-nav.is-demo-active{background:#47674f;color:#fff}.belico-preview .app-workspace{background:#f4f5f1;color:#263933}.belico-preview .app-topbar{border-color:#e2e6df}.belico-preview .app-top-title{flex:1;font-size:11px;font-weight:700}.belico-preview .app-avatar{background:#e4eadf;color:#395b41}.belico-preview .app-canvas{padding:15px 17px}.app-command{height:105px;border-radius:8px;background:#243f3b;color:#fff;padding:13px 19px;margin-bottom:12px;position:relative;overflow:hidden}.app-command:after{content:"";width:95px;height:95px;border:1px solid rgba(227,233,212,.22);border-radius:50%;position:absolute;right:25px;top:5px}.app-command small{font-size:8px;letter-spacing:.16em;color:#b6cbae}.app-command h3{font:700 19px/1.12 'Manrope';margin:5px 0 2px}.app-command p{font-size:9px;color:#c5d5c8;margin:0}.belico-preview .app-metrics{grid-template-columns:repeat(4,1fr);gap:7px}.belico-preview .app-metrics>div{height:61px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid #dfe5dc;background:#fff;padding:9px}.belico-preview .app-metrics small{font-size:9px;color:#66756a}.belico-preview .app-metrics strong{font-size:16px;color:#2b493a}.belico-preview .app-panels{grid-template-columns:1.3fr 1fr}.belico-preview .app-panel{border-color:#e0e6dc;min-height:155px}.belico-preview .app-panel header span{color:#58765a}.belico-radar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.belico-radar>div{background:#eef1e9;border-radius:5px;padding:9px 6px;min-height:92px;border-top:2px solid #91a886}.belico-radar>div:nth-child(3){border-color:#bf855c}.belico-radar b{font-size:10px;color:#37573f;display:block;margin-bottom:14px}.belico-radar span{font-size:8px;color:#53685a}.belico-preview .app-pending{padding:9px 0}.belico-preview .app-pending>span{color:#758d73}.belico-preview .app-table-head{background:#edf1ea}.belico-preview .app-table-row{border-color:#e5e9e2}
@media(max-width:760px){.demo-stage{min-height:425px}.demo-stage .app-preview{top:47%}.demo-stage .demo-hint{bottom:4%;font-size:10px}}
@media(max-width:700px){.demo-stage{touch-action:pan-y}.demo-stage .app-preview{top:20px;left:0;transform:translateX(var(--preview-pan,0px)) scale(var(--preview-scale,.85));transform-origin:left top;transition:transform .7s var(--ease),box-shadow .35s var(--ease)}}
@media(prefers-reduced-motion:reduce){.demo-stage .app-preview,.demo-cursor,.gov-preview [data-focus-step],.belico-preview [data-focus-step]{transition:none!important}}