@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07172a;--navy-2:#0c2039;--ink:#10264a;--muted:#667995;--blue:#246cf3;--paper:#eef4fa;--line:#dbe5f0;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.45}button,input,textarea{font:inherit}button,a{transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4b94ff;outline-offset:2px}a{text-decoration:none;color:inherit}img{max-width:100%}.top-composition{display:grid;grid-template-columns:minmax(0,54fr) minmax(300px,21fr) minmax(355px,25fr);gap:8px;padding:6px 8px 0;max-width:1900px;margin:auto}.hero-panel,.login-preview,.feature-panel{min-height:535px;border-radius:10px;overflow:hidden}.hero-panel{position:relative;background:#07111e url('assets/hero-justicia-v2.png') center/cover;color:#fff;box-shadow:0 12px 25px #08264a24}.hero-nav{position:relative;z-index:2;display:flex;align-items:center;gap:17px;height:61px;padding:0 26px}.hero-mark img{display:block;width:38px;height:38px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.hero-nav nav{display:flex;justify-content:center;flex:1;gap:18px;white-space:nowrap}.hero-nav nav a{font-size:11px;color:#e4eaf3}.hero-nav nav a:hover{color:#7db2ff}.nav-actions{display:flex;gap:7px;white-space:nowrap}.nav-actions a{font-size:10px;padding:7px 11px;border-radius:6px}.nav-signin{border:1px solid #a5bdd8}.nav-start,.button-blue{background:#286df0;color:#fff;border:1px solid #3479ff;box-shadow:0 6px 18px #0c4ab544}.menu-toggle{display:none}.hero-content{position:absolute;z-index:1;left:4.2%;top:21%;width:48%;max-width:445px}.hero-wordmark{display:flex;gap:9px;align-items:center;margin-bottom:16px}.hero-wordmark>img{width:62px;height:62px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.hero-wordmark strong{display:block;font-family:Georgia,serif;font-size:37px;line-height:.95;letter-spacing:1px;font-weight:500}.hero-wordmark span{display:block;color:#b7c7db;font-size:12px;margin-top:4px}.hero-content h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(22px,2vw,32px);line-height:1.26;letter-spacing:-.6px;font-weight:700;margin:0 0 14px}.hero-content>p{font-size:13px;color:#c7d5e7;line-height:1.55;margin:0;max-width:390px}.hero-ctas{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.hero-ctas a,.section-intro .button-blue{display:inline-flex;justify-content:center;align-items:center;gap:6px;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:700}.button-outline{border:1px solid #c9d8e9;color:#fff}.hero-ctas a:hover,.nav-actions a:hover,.button-blue:hover{transform:translateY(-2px)}.hero-notices{position:absolute;z-index:1;left:54%;top:125px;width:255px;background:#071e38d9;border:1px solid #1b4676;border-radius:11px;backdrop-filter:blur(8px);padding:4px 10px;box-shadow:0 14px 28px #0210227d}.hero-notices>div{display:flex;gap:8px;align-items:center;min-height:66px;border-bottom:1px solid #264362}.hero-notices>div:last-child{border:0}.notice-icon,.icon-tile{display:grid;place-items:center;flex:none;border-radius:8px}.notice-icon{width:28px;height:28px}.notice-icon img,.icon-tile img,.hero-feature-strip img,.nav-link img{display:block;width:18px;height:18px;filter:brightness(0) invert(1)}.notice-icon.teal{background:#056987}.notice-icon.amber{background:#a86500}.notice-icon.blue{background:#185ac2}.hero-notices p{flex:1;min-width:0;margin:0}.hero-notices strong,.hero-notices small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-notices strong{font-size:9px}.hero-notices small{font-size:8px;color:#9db5d2;margin-top:3px}.status{border-radius:99px;padding:3px 7px;font-size:8px;color:#fff}.status.new{background:#087965}.status.urgent{background:#c77b08}.status.agenda{background:#195ac7}.hero-feature-strip{position:absolute;z-index:1;inset:auto 0 0;min-height:105px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:10px;padding:16px 25px;background:#07172ad9;backdrop-filter:blur(4px)}.hero-feature-strip div{text-align:center}.hero-feature-strip span{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;margin:0 auto 7px;background:#174476}.hero-feature-strip p{font-size:10px;line-height:1.28;font-weight:700;margin:0}.login-preview{background:#fff;padding:24px 25px;box-shadow:0 12px 24px #18436910;display:flex;flex-direction:column;justify-content:flex-start}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 25px}.login-brand img{width:36px;height:36px;object-fit:contain}.login-brand strong{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:.3px}.login-intro{text-align:center;margin-bottom:17px}.login-intro h2{font-size:13px;margin:0 0 4px;font-weight:800}.login-intro p,.login-footer{font-size:10px;color:#6e82a0;margin:0}.login-preview form{display:grid;gap:11px}.login-preview label,.contact-section label{display:grid;gap:5px;font-size:10px;font-weight:800}.login-preview input,.contact-section input,.contact-section textarea{width:100%;padding:9px 10px;border:1px solid #cbd8e8;border-radius:5px;background:#fff;font-size:11px;color:var(--ink)}.demo-login-note{font-size:9px;color:#667995;margin:0}.login-preview button,.contact-section button{border:0;border-radius:5px;background:#0b213d;color:#fff;font-weight:700;padding:10px;font-size:11px}.login-preview button:hover,.contact-section button:hover{background:#246cf3}.login-feedback{margin:0;min-height:15px;color:#246cf3;font-size:10px}.login-feedback a{font-weight:800;text-decoration:underline}.login-footer{display:flex;justify-content:space-between;gap:7px;margin-top:auto}.login-footer a{color:#2169ec}.feature-panel{padding:24px 20px 18px;background:#f1f7fc}.eyebrow{margin:0 0 7px;color:#3277df;font-size:10px;letter-spacing:1.4px;font-weight:800}.feature-panel h2{font-family:Manrope,sans-serif;max-width:360px;font-size:22px;line-height:1.16;letter-spacing:-.7px;margin:0 0 7px}.feature-lead{font-size:10px;line-height:1.5;color:#6a7f9d;margin:0 0 13px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-grid article{min-height:111px;padding:12px;background:#fff;border:1px solid #edf1f6;border-radius:8px;box-shadow:0 5px 12px #10325a0a}.icon-tile{width:30px;height:30px;margin-bottom:7px}.icon-tile.cobalt{background:#2875f4}.icon-tile.orange{background:#f6a31c}.icon-tile.green{background:#009c82}.icon-tile.indigo{background:#5369eb}.icon-tile.violet{background:#895bdf}.icon-tile.emerald{background:#079276}.icon-tile.red{background:#d04444}.feature-grid h3{font-size:10px;line-height:1.1;margin:0 0 4px}.feature-grid p{font-size:9px;line-height:1.35;margin:0;color:#697e9d}.top-composition+main{max-width:1360px;margin:0 auto;padding:0 24px}.section-intro{display:grid;grid-template-columns:1.5fr .6fr;align-items:center;gap:28px;margin:70px 0 80px;padding:43px 48px;border-radius:18px;background:#fff;box-shadow:0 14px 35px #153b680d}.section-intro h2,.section-heading h2,.team-feature h2,.lower-grid h2,.contact-section h2{font-family:Manrope,sans-serif;font-size:clamp(27px,2.7vw,39px);line-height:1.13;letter-spacing:-1px;margin:0 0 12px}.section-intro p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:14px}.section-intro .button-blue{margin-top:8px}.section-intro .button-blue img,.team-feature a img,.security-card a img{width:15px;height:15px;filter:brightness(0) invert(1)}.preview-card{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:210px;padding:25px;border-radius:12px;background:#0b203a;color:#fff}.preview-card img{width:43px;height:43px;filter:brightness(0) invert(1);margin-bottom:auto}.preview-card strong{font-family:Manrope,sans-serif;font-size:23px}.preview-card span{font-size:11px;color:#a9bdd7}.preview-card small{margin-top:15px;font-size:9px;letter-spacing:1.5px;color:#75adff}.section-services,.team-section{padding:10px 0 80px}.section-heading{margin-bottom:25px}.section-heading>p:last-child{font-size:14px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-grid article{overflow:hidden;background:#fff;border-radius:11px;border:1px solid #dfe8f1}.service-grid article>img{width:100%;height:170px;object-fit:cover;display:block}.service-grid article>div{padding:21px}.service-grid span,.team-grid span{color:#3675d4;font-size:10px;letter-spacing:1px;font-weight:800}.service-grid h3{font-size:17px;line-height:1.2;margin:12px 0 7px}.service-grid p,.team-grid p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}.team-feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:330px;border-radius:15px;overflow:hidden;background:#0c213c;color:#fff;margin:0 0 85px}.team-feature>img{width:100%;height:100%;min-height:330px;object-fit:cover}.team-feature>div{padding:45px;display:flex;flex-direction:column;justify-content:center}.team-feature .eyebrow{color:#7fb0f9}.team-feature p:not(.eyebrow){color:#b8cbe3;font-size:14px}.team-feature a,.security-card a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700;margin-top:16px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.team-grid article{display:grid;grid-template-columns:175px 1fr;gap:22px;padding:15px;border-radius:12px;background:#fff;border:1px solid #dde7f2}.team-grid article>img{width:175px;height:230px;object-fit:cover;object-position:top;border-radius:7px;filter:grayscale(1)}.team-grid article>div{padding:10px 0}.team-grid h3{font-size:19px;margin:9px 0}.team-grid a{display:block;margin-top:10px;color:#216bea;font-size:12px;font-weight:700}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:80px}.security-card,.channel-card{min-height:270px;padding:30px;border-radius:13px;background:#fff;border:1px solid #dce6f1}.security-card h2,.channel-card h2{font-size:25px}.security-card p:not(.eyebrow),.channel-card p:not(.eyebrow){font-size:13px;color:var(--muted)}.security-card a{color:#226bec}.security-card a img{filter:invert(39%) sepia(96%) saturate(2731%) hue-rotate(209deg)}.video-ready{display:flex;align-items:center;gap:10px;background:#f0f5fb;border-radius:8px;padding:17px;color:#68809e;font-size:12px;margin-top:20px}.video-ready img{width:23px;height:23px;filter:invert(30%) sepia(74%) saturate(1881%) hue-rotate(339deg)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:43px;background:#fff;border-radius:15px;margin-bottom:60px}.contact-section>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}.contact-section>div>a{display:block;margin-top:12px;color:#246cf3;font-size:13px;font-weight:700}.contact-section form{display:grid;gap:13px}.contact-section label{font-size:12px}.contact-section input,.contact-section textarea{font-size:13px;padding:11px}.contact-section textarea{resize:vertical}.contact-section .consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--muted);font-weight:500}.consent input{width:17px;height:17px;flex:none;margin:1px 0}.contact-section button{justify-self:start;padding:12px 17px;font-size:12px}.contact-section #formFeedback{font-size:11px;color:#2269d7;margin:0}footer{max-width:1360px;margin:auto;padding:22px 24px 35px;display:flex;gap:20px;justify-content:space-between;border-top:1px solid #d9e4ef;color:#7588a0;font-size:11px}footer a{font-weight:700;color:#426ea7}
@media(max-width:1400px){.top-composition{grid-template-columns:minmax(0,1.5fr) minmax(300px,.6fr)}.feature-panel{grid-column:1/-1;min-height:0}.feature-panel h2{max-width:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.hero-notices{left:52%}.hero-nav nav{gap:12px}}@media(max-width:1050px){.top-composition{grid-template-columns:1fr 1fr}.hero-panel{grid-column:1/-1}.hero-panel{min-height:565px}.login-preview,.feature-panel{min-height:440px}.feature-panel{grid-column:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{min-height:103px}.hero-content{width:46%}.service-grid{grid-template-columns:1fr 1fr}.team-grid article{grid-template-columns:125px 1fr}.team-grid article>img{width:125px;height:190px}}@media(max-width:700px){.top-composition{grid-template-columns:1fr;padding:0;gap:0}.hero-panel,.login-preview,.feature-panel{border-radius:0}.hero-panel{min-height:620px}.hero-nav{padding:0 18px}.hero-nav nav{display:none;position:absolute;top:57px;left:12px;right:12px;z-index:10;padding:16px;background:#0b2039;border:1px solid #315478;border-radius:10px;flex-direction:column;align-items:flex-start}.hero-nav nav.open{display:flex}.menu-toggle{display:grid;place-items:center;background:#133454;border:0;border-radius:6px;width:35px;height:35px;margin-left:auto}.menu-toggle img{width:20px;filter:brightness(0) invert(1)}.nav-actions{margin-left:0}.nav-actions a{font-size:9px;padding:7px}.hero-content{left:22px;top:105px;width:calc(100% - 44px);max-width:470px}.hero-wordmark strong{font-size:29px}.hero-wordmark>img{width:50px;height:50px}.hero-content h1{font-size:27px;max-width:430px}.hero-content>p{max-width:390px}.hero-notices{top:335px;left:22px;width:min(335px,calc(100% - 44px))}.hero-feature-strip{grid-template-columns:repeat(5,1fr);padding:14px 8px;gap:2px;min-height:110px}.hero-feature-strip p{font-size:8px}.login-preview{min-height:0;padding:27px 22px}.login-brand{margin-bottom:15px}.feature-panel{padding:35px 22px}.feature-grid{grid-template-columns:1fr 1fr}.top-composition+main{padding:0 15px}.section-intro,.team-feature,.lower-grid,.contact-section,.team-grid{grid-template-columns:1fr}.section-intro{margin:25px 0 55px;padding:28px 22px}.service-grid{grid-template-columns:1fr}.team-feature{margin-bottom:60px}.team-feature>img{min-height:240px;max-height:320px}.team-feature>div{padding:28px}.team-grid article{grid-template-columns:115px 1fr}.team-grid article>img{width:115px;height:165px}.contact-section{padding:25px 20px;gap:25px}.lower-grid{margin-bottom:55px}footer{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:430px){.nav-actions .nav-signin{display:none}.hero-panel{min-height:650px}.hero-content h1{font-size:24px}.hero-notices{top:355px}.hero-feature-strip p{font-size:7px}.hero-feature-strip span{width:27px;height:27px}.hero-feature-strip img{width:15px;height:15px}.feature-grid article{min-height:118px}.team-grid article{grid-template-columns:1fr}.team-grid article>img{width:100%;height:270px}.section-intro h2{font-size:27px}}