@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:#071827;--navy2:#0d2740;--blue:#178cff;--sky:#63c5ff;--ink:#10273e;--muted:#5d7084;--line:#dce5ee;--pale:#f3f7fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:white;color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1240px,calc(100% - 48px));margin:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 19px;border-radius:8px;border:1px solid #178cff;background:#178cff;color:white;font-size:14px;font-weight:800;box-shadow:0 10px 24px #147ef02d;cursor:pointer}.button:hover{background:#0878e2}.button-small{font-size:13px;min-height:40px;padding:8px 14px}.button-outline{border-color:#7894ab;background:transparent;box-shadow:none}.button-outline:hover{background:#143652}.button-dark{background:#0d304e;border-color:#0d304e}.site-header{position:sticky;top:0;z-index:30;background:#071827f2;color:white;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(16px)}.header-inner{min-height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font:800 16px/1.05 Manrope,sans-serif;letter-spacing:.15em;white-space:nowrap}.brand small{display:block;text-align:center;letter-spacing:.45em;font:500 9px Manrope;margin-top:3px;color:#b6cbe0}.brand-icon{display:grid;place-items:center;width:35px;height:35px;border:2px solid #3da7ff;color:#76c7ff;transform:rotate(-45deg);border-radius:6px;font-size:30px;line-height:1}.brand-icon::first-letter{transform:rotate(45deg)}.site-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.site-nav a{color:#d5e1ed;font-size:13px}.site-nav a:hover{color:#65c2ff}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{background:radial-gradient(circle at 78% 5%,#12436a 0,#071827 51%,#061320 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;min-height:625px;align-items:center;padding-block:70px}.eyebrow,.kicker{color:#1699ff;font-size:12px;letter-spacing:.18em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;color:#8ad1ff}.eyebrow span{width:23px;height:2px;background:#49b6ff}.hero h1{font:800 clamp(44px,5vw,72px)/1.07 Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0 22px}.hero h1 em{font-style:normal;color:#61bdff}.hero-copy>p{max-width:590px;color:#c2d5e6;font-size:18px;line-height:1.65;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}.hero-chips span{border:1px solid #ffffff30;border-radius:30px;color:#bed0df;padding:7px 11px;font-size:12px}.hero-preview{position:relative;padding:18px 16px 45px 0}.preview-browser{border:1px solid #7abfff80;border-radius:14px;background:#fff;box-shadow:0 35px 85px #0008;overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(1deg)}.preview-top{height:29px;background:#dce7f0;display:flex;align-items:center;gap:5px;padding:0 12px}.preview-top i{width:7px;height:7px;background:#aebdcc;border-radius:50%}.preview-top span{font-size:8px;color:#8294a5;margin:auto;letter-spacing:.1em}.preview-shell{display:grid;grid-template-columns:54px 1fr;min-height:380px}.preview-rail{background:#0d2943;color:#8dc7f7;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:20px;font-size:21px}.preview-rail b{color:white}.preview-work{padding:23px;background:#f8fbff;color:#142e45}.preview-work>small{font-size:8px;letter-spacing:.14em;color:#5590ba}.preview-work h2{font:800 21px Manrope;margin:5px 0}.preview-work>p{font-size:11px;color:#73889a;margin:0 0 18px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-stats div,.preview-cards>div{background:white;border:1px solid #e1e9f0;border-radius:7px;padding:12px}.preview-stats small{display:block;font-size:9px;color:#778da0}.preview-stats strong{font:800 24px Manrope}.preview-cards{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-top:10px}.preview-cards span{font-size:8px;letter-spacing:.12em;color:#6e8294}.preview-bars{height:105px;display:flex;align-items:end;gap:9px;padding:12px 2px 0}.preview-bars i{flex:1;background:linear-gradient(#60baff,#0d7bd8);border-radius:3px 3px 0 0}.preview-cards b{display:block;font-size:11px;margin-top:13px}.preview-cards small{font-size:9px;color:#7b90a1}.float-card{position:absolute;bottom:12px;right:-10px;background:white;color:#10273e;border:1px solid #dce6ed;border-radius:9px;padding:11px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 16px 35px #001b3455}.float-card>span{width:28px;height:28px;background:#dff7e9;color:#178852;border-radius:50%;display:grid;place-items:center}.float-card strong,.float-card small{display:block;font-size:11px}.float-card small{color:#70869a}.value-strip{border-bottom:1px solid #e2eaf0;background:#f5f9fc}.value-strip .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:18px;font-size:12px;color:#4d687e;font-weight:800}.section{padding-block:88px}.section-heading{max-width:790px;margin:0 auto 36px;text-align:center}.section-heading h2,.adapt-layout h2,.closing h2,.contact-section h2{font:800 clamp(31px,3.7vw,48px)/1.18 Manrope;letter-spacing:-.045em;margin:12px 0}.section-heading h2 em{font-style:normal;color:#1983db}.section-heading p{color:var(--muted);font-size:17px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{border:1px solid #dce6ed;border-radius:13px;padding:27px 22px;background:#fff;box-shadow:0 15px 38px #0c2a4210}.feature-icon{width:43px;height:43px;background:#e8f3ff;color:#0875d2;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:800}.feature-card h3{font:800 19px/1.25 Manrope;margin:24px 0 9px}.feature-card p{font-size:14px;color:#5e7083;min-height:110px;margin:0}.feature-card small{display:block;border-top:1px solid #e3eaf0;padding-top:17px;color:#1576c7;font-size:11px;font-weight:700}.journey-section{background:#0a2136;color:white}.on-dark p{color:#bfd0df}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.journey-grid article{padding:22px;border:1px solid #52708b7d;border-radius:10px;background:#13304a}.journey-grid b{color:#67c4ff;font:800 25px Manrope}.journey-grid h3{font:800 18px Manrope;margin:25px 0 9px}.journey-grid p{color:#c1d2df;font-size:14px;margin:0}.demo-section{background:#edf3f8}.demo-heading{max-width:800px}.demo-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:660px;background:white;border:1px solid #d4e0e9;border-radius:14px;overflow:hidden;box-shadow:0 25px 65px #0b294326}.demo-sidebar{background:#0b263d;color:#d8e7f4;padding:18px 11px;display:flex;flex-direction:column;max-height:760px;overflow:auto}.demo-brand{display:flex;gap:9px;align-items:center;margin:3px 8px 22px;font:800 11px Manrope;letter-spacing:.1em}.demo-brand>span{font-size:30px;color:#69c4ff}.demo-brand small{display:block;font-size:8px;letter-spacing:.2em;color:#85add0}.nav-group{font-size:10px;font-weight:800;letter-spacing:.15em;color:#73a4ca;margin:19px 11px 6px}.demo-sidebar button{background:transparent;border:0;border-radius:7px;color:#d2e0eb;text-align:left;padding:9px 11px;font-size:13px;white-space:nowrap}.demo-sidebar button span{margin-left:5px}.demo-sidebar button:hover,.demo-sidebar button.active{background:#1663a2;color:white}.demo-sidebar-foot{margin:auto 10px 0;padding-top:30px;color:#7da4c2;font-size:9px;letter-spacing:.13em}.demo-workspace{min-width:0;background:#f8fbfd}.workspace-top{padding:21px 25px;background:#fff;border-bottom:1px solid #e1e8ef;display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-label{font-size:10px;letter-spacing:.15em;color:#7a8d9e;font-weight:800}.workspace-top h3{font:800 26px Manrope;margin:4px 0 0}.workspace-actions{display:flex;align-items:center;gap:9px}.demo-pill{font-size:10px;color:#096eaf;background:#e8f5ff;padding:7px 9px;border-radius:30px;font-weight:800;white-space:nowrap}.workspace-actions button{background:white;border:1px solid #d1dfeb;border-radius:6px;padding:7px 10px;color:#60778c;font-size:12px}.workspace-body{padding:25px;min-height:560px}.demo-disclaimer{font-size:12px;text-align:center;color:#6d8092;margin:19px auto 0}.adapt-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.adapt-layout p,.contact-section p{color:#5e7083;font-size:17px;line-height:1.7}.adapt-card{border:1px solid #dbe5ed;border-radius:13px;overflow:hidden;box-shadow:0 22px 55px #102b421a}.adapt-top{background:#0a2742;color:white;padding:17px 22px;font-size:13px;font-weight:800;letter-spacing:.14em;display:flex;justify-content:space-between}.adapt-top span{color:#75b8ed}.adapt-content{padding:16px 27px}.adapt-content>div{padding:16px 0;border-bottom:1px solid #e3e9ef}.adapt-content>div:last-child{border:0}.adapt-content small{display:block;color:#0d85dc;letter-spacing:.13em;font-size:11px;font-weight:800}.adapt-content strong{display:block;font:800 20px Manrope;margin:5px 0}.adapt-content p{font-size:13px;margin:0}.closing{background:#0a2339;color:white;padding:58px 0}.closing-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.closing h2{margin:7px 0}.closing p{color:#c0d2df;max-width:650px;margin:0}.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-section form{border:1px solid #dbe5ed;border-radius:12px;padding:28px;background:#f9fbfd}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-section label,.field label{display:block;font-weight:700;font-size:13px;color:#40596e;margin-bottom:13px}.contact-section input,.contact-section textarea,.field input,.field select,.field textarea,.tool-row input,.tool-row select{display:block;width:100%;border:1px solid #cbd9e4;background:white;border-radius:7px;padding:10px 12px;color:#122a40;margin-top:5px;font-size:14px}.contact-section textarea,.field textarea{resize:vertical}.contact-section small{display:block;margin-top:12px;color:#72889b}.footer{background:#051420;color:#b5cadb;padding:33px 0}.footer .container{display:flex;justify-content:space-between;align-items:center;gap:18px}.footer span:not(.brand-icon){font-size:12px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#102d47;color:white;padding:12px 18px;border-radius:7px;box-shadow:0 12px 35px #0005;z-index:50;display:none;font-size:13px}.toast.show{display:block}
/* Interactive workspace */
.dash-hero{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:19px}.dash-hero h4{font:800 21px Manrope;margin:0}.dash-hero p,.subtle{font-size:13px;color:#6b8092;margin:4px 0 0}.small-button,.action-button{border:1px solid #bad2e6;background:white;color:#086db9;border-radius:6px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}.action-button{background:#087ee1;color:white;border-color:#087ee1}.small-button:hover,.action-button:hover{filter:brightness(.94)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.metric{background:white;border:1px solid #dce5ed;border-radius:9px;padding:15px}.metric span{font-size:11px;color:#71879a}.metric strong{display:block;font:800 25px Manrope;margin-top:3px}.metric small{font-size:10px;color:#0c8b6a}.panel-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:13px}.panel{background:white;border:1px solid #dce5ed;border-radius:9px;padding:17px;margin-bottom:13px;min-width:0}.panel h4{font:800 15px Manrope;margin:0 0 12px}.panel p{color:#607486;font-size:13px}.panel small{font-size:11px;color:#788b9c}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:480px;font-size:12px}.data-table th,.data-table td{padding:10px 7px;border-bottom:1px solid #e7edf1;text-align:left;vertical-align:middle}.data-table th{color:#73889b;font-weight:700;font-size:11px}.data-table td{color:#304b61}.data-table tr:last-child td{border-bottom:0}.tag{display:inline-flex;border-radius:20px;background:#e9f3ff;color:#1a6eae;font-size:10px;font-weight:700;padding:4px 7px;white-space:nowrap}.tag.green{background:#e5f7ec;color:#217b51}.tag.gold{background:#fff1da;color:#906116}.tag.gray{background:#edf0f2;color:#667482}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{min-width:0}.field label{margin-bottom:0}.field.full{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.result-box{background:#eaf4ff;border:1px solid #c8e5fa;border-radius:9px;padding:18px;margin-top:15px}.result-box strong{font:800 28px Manrope;display:block}.result-box .split{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:#47637a;margin-top:11px}.tool-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.tool-row>label{font-size:12px;font-weight:700;color:#4e6679;min-width:160px}.tool-row select,.tool-row input{margin:4px 0 0}.timeline{display:flex;gap:7px;align-items:start;justify-content:space-between;margin:20px 0}.timeline span{font-size:10px;text-align:center;flex:1;color:#52738c}.timeline span::before{content:'✓';display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#1689e6;color:white;margin:0 auto 7px}.timeline span.pending::before{content:'·';background:#d9e4ec;color:#7890a3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}.task-list,.message-list,.activity-list{margin:0;padding:0;list-style:none}.task-list li,.activity-list li{border-bottom:1px solid #e8eef2;padding:10px 0;font-size:13px}.task-list li:last-child,.activity-list li:last-child{border:0}.task-list input{margin-right:8px}.message-list li{border-radius:8px;background:#eef5fa;padding:10px 12px;margin-bottom:8px;font-size:13px}.message-list li.client{background:#e5f1ff}.message-list b,.message-list time{font-size:11px}.message-list time{float:right;color:#7b8fa0}.message-list p{margin:4px 0 0}.portal-top{padding:24px;border-radius:10px;background:linear-gradient(120deg,#0c304f,#165b92);color:white}.portal-top small{color:#a8d8fb}.portal-top h4{font:800 23px Manrope;margin:5px 0}.portal-top p{color:#d4e7f5;margin:0}.portal-tile{border:1px solid #dce5ed;background:white;border-radius:9px;padding:17px}.portal-tile h4{font:800 15px Manrope;margin:0 0 8px}.portal-tile p{font-size:13px;color:#5f7180;margin:0}.portal-tile strong{display:block;font:800 20px Manrope}.portal-tile .tag{margin-top:8px}.portal-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:13px 0}.notice-box{padding:13px 15px;border-left:3px solid #0d88e3;background:#eef6fc;color:#466077;font-size:12px;margin:12px 0}.empty{padding:24px;text-align:center;color:#75899b;font-size:13px;border:1px dashed #cadae5;border-radius:8px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calendar-day{border:1px solid #dbe6ee;border-radius:8px;padding:13px;background:white;min-height:100px}.calendar-day b{display:block;color:#0d74bd;font-size:12px}.calendar-day strong{display:block;font-size:13px;margin-top:11px}.calendar-day small{display:block}.mini-bars{height:130px;display:flex;align-items:end;gap:8px;margin:16px 0}.mini-bars i{flex:1;background:linear-gradient(#62bbfc,#167dce);border-radius:3px 3px 0 0}.link-button{border:0;background:none;color:#086eb8;font-weight:800;font-size:12px;padding:0;cursor:pointer}.inquiry-result{margin-top:15px;border:1px solid #bedbec;background:white;border-radius:8px;padding:15px}.inquiry-result pre{white-space:pre-wrap;word-break:break-word;color:#284356;font:13px/1.55 'DM Sans',sans-serif}.inquiry-result button{border:1px solid #b9d4e6;background:#eaf5ff;border-radius:5px;padding:8px 12px;color:#086aae;font-weight:700}
@media(max-width:1100px){.site-nav{gap:13px}.hero-grid{gap:25px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card p{min-height:70px}.demo-shell{grid-template-columns:188px minmax(0,1fr)}}@media(max-width:850px){.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#081d30;padding:16px 24px;flex-direction:column;align-items:start}.site-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-inner>.button{display:none}.hero-grid{grid-template-columns:1fr;min-height:0;padding-block:65px}.hero-preview{max-width:620px;margin:auto;width:100%}.journey-grid{grid-template-columns:repeat(2,1fr)}.adapt-layout,.contact-section{grid-template-columns:1fr;gap:30px}.demo-shell{grid-template-columns:1fr}.demo-sidebar{max-height:none;display:flex;flex-direction:row;overflow:auto;align-items:center;gap:4px;padding:10px}.demo-brand,.nav-group,.demo-sidebar-foot{display:none}.demo-sidebar button{flex:0 0 auto}.demo-sidebar button span{margin-left:0}.workspace-body{padding:18px}}@media(max-width:620px){.container{width:min(100% - 30px,1240px)}.hero h1{font-size:clamp(39px,11vw,55px)}.hero-copy>p{font-size:16px}.hero-actions .button{width:100%}.hero-preview{padding:0 7px 30px}.preview-browser{transform:none}.preview-shell{min-height:300px}.preview-work{padding:14px}.preview-work h2{font-size:16px}.preview-stats strong{font-size:17px}.preview-stats div{padding:7px}.preview-cards{grid-template-columns:1fr}.preview-cards>div:last-child{display:none}.value-strip .container{display:grid;grid-template-columns:1fr 1fr}.section{padding-block:62px}.section-heading p{font-size:15px}.feature-grid,.journey-grid,.panel-grid,.two-col,.portal-columns,.contact-row{grid-template-columns:1fr}.feature-card p{min-height:0}.closing-inner{display:block}.closing-inner .button{margin-top:20px}.footer .container{display:block}.footer .container>span{display:block;margin-top:14px}.metric-grid{grid-template-columns:1fr 1fr}.workspace-top{display:block;padding:16px}.workspace-actions{margin-top:12px}.workspace-body{padding:13px}.form-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:1fr 1fr}.timeline{overflow:auto}.timeline span{min-width:66px}.contact-section form{padding:18px}}
 .settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-list>div{background:#f3f7fb;border:1px solid #dfe9f2;border-radius:10px;padding:18px}.settings-list strong{display:block;color:#0c2942;margin-bottom:6px}.settings-list p{margin:0;color:#456079;line-height:1.55}@media(max-width:700px){.settings-list{grid-template-columns:1fr}}
.role-switch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.role-switch button{appearance:none;border:1px solid #bfcfdf;border-radius:8px;background:#fff;color:#14304a;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer}.role-switch button.selected,.role-switch button:hover{background:#0b263d;border-color:#0b263d;color:#fff}.installer-banner{border-radius:12px;background:linear-gradient(115deg,#092740,#145281);color:#fff;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.installer-banner h4{font-size:clamp(1.4rem,3vw,2rem);margin:8px 0}.installer-banner p{margin:0;color:#d4e8f8}.installer-avatar{display:grid;place-items:center;min-width:64px;height:64px;border-radius:50%;background:#d4edff;color:#0a2a42;font-weight:800}.installer-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.installer-summary>div{border:1px solid #dbe7f0;border-radius:10px;padding:18px;background:#fff}.installer-summary small,.installer-summary strong,.installer-summary span{display:block}.installer-summary small{color:#58728a;letter-spacing:.08em}.installer-summary strong{font-size:1.2rem;color:#102e47;margin:6px 0}.installer-summary span{color:#4c6275}.installer-list{padding-left:18px}.installer-list li{margin-bottom:12px}.installer-list b,.installer-list span{display:block}.installer-list span{color:#526b81}@media(max-width:640px){.role-switch{display:grid;grid-template-columns:1fr}.installer-summary{grid-template-columns:1fr}.installer-banner{padding:17px}.installer-avatar{min-width:48px;height:48px}}