/* Shared spacing and type; the compact hero and closing animation retain their scale. */
:root{--gutter:clamp(20px,5vw,72px);--section-space:80px;--motion:.3s ease}
.wrap{padding-inline:var(--gutter)}
.site-header,.hero,.site-footer{padding-inline:max(var(--gutter),calc((100vw - 1400px)/2 + var(--gutter)))}
.custom-built,.platform-section,.workflow-section,.executive-section,.development-section,.updates{padding-block:var(--section-space)}
.shared-section,.faq-section,.ai-section,.vision-audience{padding-block:var(--section-space)}
.vision-audience{padding-inline:var(--gutter);gap:48px}
.vision-audience>.wrap{padding-inline:0}
.ai-section{padding-inline:max(var(--gutter),calc((100vw - 1400px)/2 + var(--gutter)))}
.section-title,.intro-section h2,.shared-section h2,.updates h2,.workflow-section .section-title{font-size:clamp(30px,3.2vw,42px);font-weight:800;letter-spacing:-1.25px;line-height:1.16}
.intro-section h2{background:none;color:#112b44}
.custom-built h2{font-size:clamp(29px,3vw,40px);font-weight:800;line-height:1.2}
.section-heading-wide>p,.section-intro,.intro-section .intro-lead,.intro-section>div>p:last-child:not(.eyebrow),.custom-copy,.update-intro{font-size:15px;line-height:1.8}
.shared-section .section-intro,.ai-section .section-heading-wide>p{font-size:14px;line-height:1.8}
.team-grid p,.development-list p,.news-item p,.faq-list p,.card-copy p{font-size:14px;line-height:1.8}
.team-grid h3,.development-list h3{font-size:18px;line-height:1.4}
.section-heading-wide,.summary-text,.department-grid,.mock-main{min-width:0}

/* Readable hero, a single strong action, and a quiet secondary badge. */
.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.44) 43%,rgba(0,0,0,.08) 72%),url('/hero-branded.png')}
.hero h1{font-weight:800;text-shadow:0 3px 20px #0005}
.hero-lead{font-size:15px;line-height:1.75;color:#f4f8fc;text-shadow:0 1px 8px #0009}
.hero-about>summary{color:#a3e4ff}
.hero-about .hero-description{background:#061f32e8;backdrop-filter:blur(8px)}
.hero-actions .primary-link{background:#078bff;border:1px solid #35afff;box-shadow:0 8px 26px #008dff55,0 1px 0 #ffffff30 inset;font-weight:700;letter-spacing:.1px}
.hero-actions .coming-label{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:9px 14px;border-radius:999px;border:1px solid #b6d4ed55;background:#ffffff08;color:#c4daeb;letter-spacing:1.4px;font-size:9px}
.hero-actions .coming-label:before{content:'';width:5px;height:5px;margin-right:8px;border-radius:50%;background:#8fb5d0}
button,a,summary,.feature-card,.architecture-card,.step-number,.card-chevron{transition:color var(--motion),background-color var(--motion),border-color var(--motion),box-shadow var(--motion),transform var(--motion)}
.primary-link span:last-child{transition:transform var(--motion)}
.site-header nav a:after{transition:background-color var(--motion),opacity var(--motion)}
.languages button:hover{color:#58caff;background:#ffffff08}
.feature-card:focus-within{border-color:#27a4f2}
@media(hover:hover){
  .hero-actions .primary-link:hover{background:#179dff;transform:translateY(-3px);box-shadow:0 12px 35px #008dff75,0 1px 0 #ffffff30 inset}
  .primary-link:hover span:last-child{transform:translate(2px,-2px)}
  .feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #104a7214}
  .architecture-card:hover{border-color:#74bbf6;transform:translateY(-3px)}
  .back-top:hover{color:#fff;transform:translateY(-2px)}
}

/* Six glass cards on a dark platform section, with the complete existing copy inside. */
.platform-section{background:radial-gradient(ellipse at 5% 15%,#06416a70,transparent 44%),radial-gradient(ellipse at 95% 68%,#16437760,transparent 45%),#061b2e;border-top:1px solid #19415b;color:#f4f8fd}
.platform-section>.wrap{display:block}
.platform-section .section-heading-wide{display:grid;grid-template-columns:1.1fr .8fr;gap:64px;align-items:end;margin-bottom:36px}
.platform-section .eyebrow{color:#57caff}
.platform-section .section-title{color:#f5faff;background:none;max-width:600px}
.platform-section .section-heading-wide>p{color:#b3c7db;max-width:500px;margin:0;font-size:15px}
.department-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;align-items:start}
.department{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:15px;box-shadow:0 10px 25px #0000000d;backdrop-filter:blur(12px)}
.department summary{min-height:180px;padding:25px 24px 30px;gap:15px;flex-direction:row;color:#f5faff;align-items:flex-start}
.department summary:hover{background:#ffffff03}
.department .icon-box{width:42px;height:44px;flex-basis:42px;background:linear-gradient(145deg,#139eff25,#0695fe10);border:1px solid #40b9ff30;color:#62caff;box-shadow:none;border-radius:10px}
.department .icon-box svg{width:25px;height:25px;stroke-width:1.65}
.department h3{font-size:16px;line-height:1.45;font-weight:700;letter-spacing:-.1px;padding:0}
.department .card-teaser{display:block;font-size:13px;line-height:1.65;margin-top:9px;color:#adc2d5}
.department .card-chevron{bottom:12px;right:15px;color:#5bc8ff;font-size:19px}
.department .card-copy{padding:0 24px 24px}
.department .card-copy p{color:#c9d9e8;font-size:14px;line-height:1.8}
.department .department-top{border-top:1px solid #ffffff16;padding-top:17px;margin-bottom:12px;color:#73b6df}
.department .department-top span{font-size:10px}
.department .department-terms{color:#7ec8f6!important;font-size:11px!important;margin-top:16px!important}
.department[open]{background:#ffffff09;border-color:#20b5ff88;box-shadow:0 10px 34px #008dff12}
.department:focus-within{border-color:#5dcaff;box-shadow:0 0 0 3px #129fff15}
.platform-section .sector-note{margin-top:30px;max-width:none;grid-column:auto;background:transparent;border:0;border-top:1px solid #ffffff16;border-radius:0;padding:24px 0 0}
.platform-section .sector-note h3{color:#dfedfa;font-size:16px;margin:0 0 8px}
.platform-section .sector-note p{color:#9db7cd;font-size:13px;line-height:1.8;max-width:900px}
@media(hover:hover){.department:hover{transform:translateY(-5px);border-color:#35baff80;box-shadow:0 16px 36px #009dff15}}

/* A labelled HTML interface concept, rather than a claimed live product screenshot. */
.dashboard-preview{margin:56px 0 0;min-width:0}
.preview-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}
.preview-heading .eyebrow{font-size:9px;margin-bottom:8px}
.preview-heading h3{font-size:27px;line-height:1.3;margin:0;letter-spacing:-.6px}
.concept-badge{font-size:10px;line-height:1.6;color:#99c5e4;border:1px solid #365777;padding:7px 12px;border-radius:999px;background:#ffffff04;text-align:center}
.mock-window{border:1px solid #44627d;border-radius:16px;overflow:hidden;box-shadow:0 28px 65px #00000035;background:#f2f6fb}
.mock-chrome{display:flex;align-items:center;gap:17px;padding:15px 22px;background:#112d46;color:#99b7d0;font-size:9px;letter-spacing:1px}
.window-dots{display:flex;gap:5px;flex-shrink:0}
.window-dots i{height:6px;width:6px;background:#53738b;border-radius:50%}
.window-dots i:first-child{background:#fa8b8b}.window-dots i:nth-child(2){background:#e7bf6a}.window-dots i:nth-child(3){background:#53bb9d}
.mock-preview-mark{margin-left:auto;font-size:8px;color:#5fbfea}
.mock-shell{display:grid;grid-template-columns:172px minmax(0,1fr);color:#18384f}
.mock-sidebar{background:#0b243b;border-right:1px solid #ffffff07;padding:29px 18px;display:flex;flex-direction:column}
.mock-brand{font-size:20px;font-weight:800;letter-spacing:-1px;color:#edf7ff}.mock-brand b{color:#12aaff;font-size:29px}
.mock-nav{display:flex;flex-direction:column;gap:8px;margin-top:31px}
.mock-nav-item{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px;border-radius:6px;color:#98b2c8}
.mock-nav-item:before{content:'';height:7px;width:7px;border:1px solid #6b8ca7;border-radius:2px;flex-shrink:0}
.mock-nav-item.selected{color:#6ecfff;background:#008dff1a}.mock-nav-item.selected:before{border-color:#38b9ff;background:#1392ef}
.mock-sidebar-note{font-size:8px;letter-spacing:1px;line-height:1.8;color:#5d819f;margin-top:auto;padding-top:30px}
.mock-main{padding:28px 30px;background:linear-gradient(125deg,#f6f9fc,#eaf1f8)}
.mock-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}
.mock-heading p{font-size:8px;letter-spacing:1.2px;color:#728aa0;margin:0 0 7px}
.mock-heading h4{font-size:21px;line-height:1.3;margin:0;letter-spacing:-.5px}
.mock-workspace-badge{font-size:9px;color:#62809b;border:1px solid #d7e2ed;background:#ffffff70;padding:8px 10px;border-radius:6px}
.mock-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.mock-stat{padding:19px;border-radius:9px;background:white;border:1px solid #dce7f0;box-shadow:0 4px 12px #1e4c7303;position:relative;overflow:hidden}
.mock-stat>span:first-child{font-size:10px;line-height:1.5;color:#607e96;display:block}
.mock-stat strong{font-size:31px;line-height:1.15;letter-spacing:-1px;display:block;margin-top:9px;color:#123652}
.mock-stat-line{position:absolute;height:3px;background:#149dff;width:35%;bottom:0;left:0;border-radius:3px}
.mock-stat:nth-child(2) .mock-stat-line{background:#d5a842;width:24%}.mock-stat:nth-child(3) .mock-stat-line{background:#37af93;width:72%}
.mock-table-panel{border:1px solid #dae5ef;border-radius:10px;background:white;overflow:hidden}
.mock-table-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #edf2f7}
.mock-table-title h5{font-size:12px;margin:0}.mock-table-title>span{font-size:9px;color:#8a9daf}
.mock-table-panel table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:11px}
.mock-table-panel th{background:#f8fafc;padding:11px 18px;font-size:9px;font-weight:500;color:#8295a7}
.mock-table-panel th:first-child{width:49%}.mock-table-panel th:nth-child(2){width:23%}
.mock-table-panel td{padding:14px 18px;border-top:1px solid #edf2f7;color:#5b7790;overflow-wrap:anywhere}
.mock-record-id{display:block;font-size:8px;letter-spacing:.6px;color:#8a9eaf;margin-bottom:4px}
.mock-record-name{color:#35536b;font-size:11px;font-weight:600;line-height:1.5}
.mock-status{display:inline-block;border-radius:5px;padding:5px 8px;background:#e6f4ff;color:#117ebb;font-size:9px;line-height:1.4}
.mock-status.approve{background:#fff5df;color:#9c731c}.mock-status.process{background:#e6f7f1;color:#298367}
.mock-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#8198ac;margin-top:17px;line-height:1.5}
.mock-dot{height:5px;width:5px;border-radius:50%;background:#208edd;flex-shrink:0}
.dashboard-preview figcaption{font-size:11px;line-height:1.7;text-align:center;color:#8faac0;margin-top:14px}

/* Interactive horizontal workflow with a progressive rail and a clear current stage. */
.workflow-section{background:linear-gradient(150deg,#f5f9fd,#edf4fb);color:#19354c;border-bottom:1px solid #dce8f3}
.workflow-section>.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.workflow-section .section-heading-wide{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1.1fr .8fr;gap:64px;align-items:end}
.workflow-section .section-title{color:#102b43}
.workflow-section .section-heading-wide>p{color:#56728b;font-size:15px;line-height:1.8;margin:0;max-width:500px}
.workflow-section .eyebrow{color:#0784c7}
.flow-steps{grid-column:1;grid-row:auto;width:100%;padding:6px 0 0;isolation:isolate}
.flow-steps:before,.flow-steps:after{content:'';position:absolute;left:10%;top:30px;height:2px;z-index:-1}
.flow-steps:before{right:10%;background:#cfdfed}
.flow-steps:after{width:0;background:#078eff;transition:width .35s ease}
.flow-steps[data-current="1"]:after{width:20%}.flow-steps[data-current="2"]:after{width:40%}.flow-steps[data-current="3"]:after{width:60%}.flow-steps[data-current="4"]:after{width:80%}
.flow-step{padding:0 8px 16px;gap:13px;font-size:13px;font-weight:600;color:#688399;min-width:0;flex:1 1 0;background:transparent}
.step-number{width:48px;height:48px;border:1px solid #c6dcea;color:#7591a7;background:#f5f9fd;box-shadow:0 0 0 6px #f1f7fc;font-size:12px}
.flow-step.complete{color:#317baa}.flow-step.complete .step-number{background:#e0f0fd;border-color:#81c7f6;color:#1887ce}
.flow-step.active{color:#007dd9}.flow-step.active .step-number{background:linear-gradient(145deg,#09baff,#087cf4);color:#fff;border-color:#038fff;box-shadow:0 0 0 6px #dbeeff,0 6px 20px #149ff633;transform:scale(1.07)}
.flow-step.active:after{height:3px;left:39%;right:39%;bottom:0;background:#058dff;border-radius:3px}
.flow-step:focus-visible{outline-offset:4px;border-radius:8px}
.flow-detail{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:32px;border:1px solid #d8e7f3;border-radius:16px;background:#fff;box-shadow:0 16px 38px #123d5e08;min-width:0}
.flow-counter{float:right;color:#8ba5ba;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:1px;margin-top:5px}
.flow-holder{display:inline-flex;align-items:center;gap:8px;font-size:11px!important;line-height:1.5!important;color:#1884c7!important;padding:6px 10px;border:1px solid #d7edfb;border-radius:999px;background:#edf8ff;margin:0 0 16px!important;max-width:calc(100% - 67px)}
.flow-holder:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#099cf7}
.flow-detail h3{font-size:24px;line-height:1.35;letter-spacing:-.4px;margin-bottom:14px}
.flow-detail p{font-size:14px;line-height:1.8}
.flow-record{border:0;border-left:1px solid #e0eaf3;padding:0 0 0 32px;margin:0}
.flow-record .eyebrow{font-size:10px;line-height:1.65;margin:0 0 12px;color:#62849e}
.flow-record ul{font-size:13px;line-height:1.9}.flow-record li{margin:5px 0}
.workflow-note{grid-column:1;grid-row:auto;font-size:12px;color:#758c9f;line-height:1.8;max-width:1020px}
@media(hover:hover){.flow-step:hover{color:#078fe0}.flow-step:hover .step-number{border-color:#58b5ef;box-shadow:0 0 0 6px #e1f1fc}}

@media(max-width:1100px){
  .department-grid{gap:16px}
  .department summary{flex-direction:column;padding:23px;min-height:220px;gap:14px}
  .platform-section .section-heading-wide,.workflow-section .section-heading-wide{gap:35px}
  .vision-audience{gap:28px}
  .mock-shell{grid-template-columns:145px minmax(0,1fr)}
  .mock-main{padding:25px}
  .mock-stat{padding:17px}
}
@media(max-width:760px){
  :root{--gutter:22px;--section-space:48px}
  .section-title,.intro-section h2,.shared-section h2,.updates h2,.workflow-section .section-title{font-size:31px;line-height:1.24;letter-spacing:-.9px}
  .custom-built h2{font-size:29px}
  .hero{background:#041e33}
  .hero-lead{font-size:13px;line-height:1.7}
  .hero-actions .coming-label{padding:9px 11px;font-size:8px}
  .section-heading-wide>p,.section-intro,.intro-section .intro-lead,.custom-copy,.update-intro{font-size:14px;line-height:1.8}
  .vision-audience{display:block}.vision-audience>.wrap{padding:0}
  .platform-section .section-heading-wide,.workflow-section .section-heading-wide{display:block;margin:0}
  .platform-section .section-heading-wide>p,.workflow-section .section-heading-wide>p{font-size:14px;line-height:1.8;margin-top:19px}
  .department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
  .department summary{padding:20px 18px 28px;min-height:220px;flex-direction:column;gap:14px}
  .department h3{font-size:15px;line-height:1.45}
  .department .card-teaser{font-size:12px;line-height:1.65;margin-top:7px}
  .department .icon-box{width:38px;height:39px;flex-basis:39px}
  .department .card-copy{padding:0 18px 20px}.department .card-copy p{font-size:13px}
  .platform-section .sector-note{padding-top:22px;margin-top:26px}
  .dashboard-preview{margin-top:36px}
  .preview-heading{display:block;margin-bottom:17px}
  .preview-heading h3{font-size:25px}
  .concept-badge{display:inline-block;font-size:9px;margin-top:12px}
  .mock-chrome{padding:13px 14px;font-size:8px;gap:12px}
  .mock-preview-mark{display:none}
  .mock-shell{grid-template-columns:minmax(0,1fr)}
  .mock-sidebar{display:none}
  .mock-main{padding:20px 16px}
  .mock-heading{gap:12px;margin-bottom:19px}
  .mock-heading h4{font-size:18px}
  .mock-workspace-badge{display:none}
  .mock-stats{gap:8px;margin-bottom:17px}
  .mock-stat{padding:13px 10px 16px}
  .mock-stat>span:first-child{font-size:9px;min-height:28px}
  .mock-stat strong{font-size:27px;margin-top:8px}
  .mock-table-title{padding:14px 12px;gap:8px}.mock-table-title h5{font-size:11px}.mock-table-title>span{font-size:8px}
  .mock-table-panel th{padding:10px;font-size:9px}
  .mock-table-panel td{padding:13px 10px;font-size:10px}
  .mock-record-name{font-size:10px}.mock-status{font-size:8px;padding:5px}
  .mock-footer{font-size:8px}
  .dashboard-preview figcaption{font-size:10px;text-align:left;line-height:1.8}
  .workflow-section>.wrap{display:grid;gap:26px}
  .flow-step{font-size:11px;gap:12px;padding-inline:2px;line-height:1.5}
  .flow-steps:before,.flow-steps:after{top:26px}
  .step-number{width:40px;height:40px;font-size:10px;box-shadow:0 0 0 4px #f1f7fc}
  .flow-step.active .step-number{box-shadow:0 0 0 4px #dbeeff,0 6px 20px #149ff633}
  .flow-detail{display:block;padding:24px 20px;gap:0}
  .flow-detail h3{font-size:21px}.flow-detail p{font-size:14px}
  .flow-record{border-left:0;border-top:1px solid #e0eaf3;padding:20px 0 0;margin-top:22px}
  .flow-record ul{font-size:12px}.workflow-note{font-size:12px}
}
@media(max-width:380px){
  :root{--gutter:18px}
  .department-grid{gap:10px}
  .department summary{padding:17px 13px 28px;min-height:233px}
  .department h3{font-size:14px}.department .card-teaser{font-size:12px}
  .department .card-copy{padding:0 13px 18px}
  .mock-main{padding:17px 10px}.mock-stats{gap:6px}.mock-stat{padding-inline:8px}
  .mock-table-panel th,.mock-table-panel td{padding-inline:7px}
  .flow-step{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}