@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:#071a35;--blue:#167ae8;--a:#0e76f2;--text:#12233d;--muted:#61758e;--line:#e0e9f3;--light:#f4f8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;font:15px/1.65 'DM Sans',Arial,sans-serif;color:var(--text);overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.top{position:sticky;top:0;z-index:30;background:#fffefeea;backdrop-filter:blur(18px);border-bottom:1px solid #ebf0f6}.top-in{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:148px;max-height:60px;object-fit:contain}.brand em{font-style:normal;color:#9bacc1}.top nav{display:flex;align-items:center;gap:21px;font-size:13px;font-weight:750}.top nav a:hover{color:var(--a)}.top .cta{padding:12px 18px;color:#fff;background:var(--navy);border-radius:12px}.mobile-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;font-weight:750;min-height:44px}.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#071b38,#083b79 67%,#09649c);color:white;padding:95px 0 88px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,#23adff55,transparent 38%),repeating-linear-gradient(90deg,transparent 0 64px,#ffffff08 65px 66px);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:55px;position:relative}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:850;text-transform:uppercase;color:#65d8ff;margin:0 0 14px}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(43px,5.2vw,68px);margin:0 0 23px;max-width:680px}h1 span{color:#68d9ff}.hero-copy{font-size:17px;line-height:1.75;color:#d2e3f4;max-width:595px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:12px 22px;border-radius:12px;background:#fff;color:#0a3773;font-weight:850;font-size:14px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.secondary{border:1px solid #b5d7ff88;background:#ffffff12;color:#fff}.hero-statline{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-statline span{padding:6px 11px;border:1px solid #ffffff30;background:#ffffff0f;border-radius:100px;color:#cfe6fd;font-size:11px}.preview{border:1px solid #ffffff4a;background:#f9fcff;border-radius:20px;box-shadow:0 35px 75px #0004;color:#132a49;overflow:hidden;transform:rotate(1.4deg)}.preview-top{padding:16px 19px;border-bottom:1px solid #e5edf6;display:flex;align-items:center;gap:9px;background:white}.preview-top img{width:120px;max-height:39px;object-fit:contain}.preview-top span{margin-left:auto;font-size:10px;color:#68819a}.preview-body{padding:20px}.preview-h{display:flex;justify-content:space-between;align-items:center}.preview-h h3{font-size:17px;margin:0}.preview-h span{background:#e0f8ed;color:#0b8c69;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:800}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.kpi{background:#ecf4ff;border-radius:12px;padding:13px 10px}.kpi small{display:block;color:#71869e;font-size:9px;line-height:1.4}.kpi strong{font-size:19px;display:block;color:#103d78}.small-title{font-size:11px;font-weight:800;color:#516b89;margin-bottom:7px}.preview-list{display:grid;gap:8px}.preview-row{display:flex;align-items:center;gap:8px;border:1px solid #e2eaf2;border-radius:10px;background:#fff;padding:10px 11px;font-size:10px}.preview-row em{font-style:normal;color:#2175b9;background:#e9f4ff;border-radius:6px;padding:4px 6px;font-size:9px;flex:none}.preview-row span{flex:1}.preview-row b{font-size:9px;color:#15936f}.strip{border-bottom:1px solid #e9eef5;background:#fff}.strip-in{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:28px 0}.strip-in>div{display:grid;gap:4px;border-right:1px solid #e5edf5;padding-left:20px}.strip-in>div:last-child{border-right:none}.strip-in strong{font-size:18px;letter-spacing:-.03em}.strip-in span{font-size:12px;color:var(--muted)}.section{padding:95px 0}.section.pale{background:var(--light)}.section-head{max-width:710px;margin-bottom:35px}.section-kicker{font-size:11px;color:#167ae8;font-weight:850;text-transform:uppercase;letter-spacing:.15em}.section h2{font-size:clamp(31px,4.1vw,49px);margin:10px 0 14px}.section-head p{color:var(--muted);font-size:16px;margin:0}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.feature{background:#fff;border:1px solid var(--line);padding:24px;border-radius:17px;box-shadow:0 7px 24px #153c6610}.feature-icon{display:grid;place-items:center;width:43px;height:43px;background:#e8f3ff;color:#1878d6;border-radius:12px;font-size:25px;margin-bottom:17px}.feature h3{font-size:16px;letter-spacing:-.025em;margin:0 0 11px}.feature p{color:var(--muted);font-size:13px;margin:0}.workflow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stage{border:1px solid #d8e6f5;background:#fff;border-radius:13px;padding:21px 15px;position:relative;min-width:0}.stage b{font-size:12px;color:#1885e9}.stage h3{font-size:14px;margin:14px 0 0}.sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sector{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;font-weight:730;font-size:13px}.sector i{font-style:normal;color:#0b9b87;font-weight:900}.mobile-show{display:grid;grid-template-columns:.9fr 1fr;gap:75px;align-items:center}.mobile-copy p{color:var(--muted)}.mobile-copy ul{padding-left:21px;line-height:2.1;color:#426078}.device{background:#071a35;padding:12px;border-radius:36px;width:275px;min-height:490px;margin:auto;box-shadow:0 28px 65px #10294b33}.device-screen{border-radius:27px;background:#f9fbff;min-height:468px;padding:18px 16px}.device-top{display:flex;justify-content:space-between;font-weight:850;font-size:10px;margin-bottom:29px}.device-screen img{display:block;max-height:35px;max-width:128px;object-fit:contain;margin-bottom:20px}.device-screen h3{font-size:23px;margin:4px 0 19px}.device-screen>small{font-size:10px;color:#7e92a7}.device-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.device-stats div{background:#e7f2ff;border-radius:13px;padding:12px}.device-stats b{display:block;font-size:21px}.device-stats span{font-size:9px;color:#6987a5}.device-task{background:white;border:1px solid #e5eefa;margin-top:9px;padding:11px;border-radius:9px;font-size:11px;display:flex;justify-content:space-between;gap:6px}.device-task span{color:#138e77;font-weight:800;font-size:10px}.device-tabs{display:flex;justify-content:space-between;border-top:1px solid #dce6f0;margin-top:25px;padding-top:13px;color:#7389a2;font-size:10px}.mobile-caption{font-size:10px;color:#8393a5;text-align:center;margin-top:14px}.contact{padding:85px 0;background:linear-gradient(110deg,#071b36,#0b4c91);color:#fff}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.contact h2{font-size:clamp(34px,4vw,50px);margin:10px 0 16px}.contact p{color:#c7dbed;max-width:530px}.contact-card{border:1px solid #ffffff30;background:#ffffff10;padding:29px;border-radius:18px}.contact-card h3{margin:0 0 16px;font-size:20px}.contact-card a{display:block;padding:9px 0;color:#e4f0ff}.footer{padding:27px 0;background:#06142a;color:#9cb5cf;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer a{color:#d6ebff}.reveal{animation:fadeIn .6s ease both}@keyframes fadeIn{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}:focus-visible{outline:3px solid #39a8ff;outline-offset:3px}
@media(max-width:1040px){.top nav{gap:12px}.top nav a{font-size:12px}.features{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(3,1fr)}.sector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.top-in{height:69px}.brand img{width:132px}.top nav{display:none}.mobile-btn{display:block}.mobile-nav:not([hidden]){display:grid;background:white;border-top:1px solid #e7eff9;box-shadow:0 15px 25px #071b3633;padding:12px 22px;max-height:calc(100dvh - 69px);overflow-y:auto}.mobile-nav a{padding:11px 8px;border-bottom:1px solid #edf2f9;font-weight:700}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.preview{max-width:610px;transform:none}.mobile-show,.contact-grid{grid-template-columns:1fr;gap:35px}.mobile-copy{max-width:650px}.section{padding:70px 0}}
@media(max-width:550px){.wrap{width:calc(100% - 32px)}h1{font-size:39px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column}.btn{width:100%}.strip-in{grid-template-columns:1fr;gap:10px}.strip-in>div{border:0;padding:8px 0}.section h2{font-size:32px}.features,.sector-grid{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{padding:16px}.kpis{grid-template-columns:repeat(3,1fr);gap:5px}.kpi{padding:9px 6px}.kpi strong{font-size:14px}.kpi small{font-size:8px}.preview-body{padding:12px}.top .brand em{display:none}.contact-card{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Shared Evesys product mobile accessibility and overflow safeguards */
html,body{max-width:100%;overflow-x:clip}*{box-sizing:border-box}img,svg,video,iframe{max-width:100%}img{height:auto}main,section,header,footer{min-width:0}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #328df2;outline-offset:3px}
@media(max-width:760px){h1,h2,h3,p{overflow-wrap:break-word} :where(.shell,.container,.wrap,.inner){max-width:100%;min-width:0} :where(.grid,.two,.features,.cards,.metrics,.hero-grid){min-width:0} :where(.hero-grid,.two){gap:clamp(20px,4vw,38px)} :where(.btn,button){min-height:44px} }
@media(max-width:430px){:where(.shell,.container,.wrap,.inner){width:calc(100% - 30px)} :where(.hero,.section){overflow-wrap:anywhere}}

/* Evesys 2026 product-brand navigation and responsive image update. */
html{overflow-x:clip}
body{max-width:100%;overflow-x:clip}
header .product-logo-home{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 1 auto!important;min-width:0;max-width:210px;line-height:1!important;position:relative!important;text-decoration:none!important;padding:5px 8px!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 12px rgba(6,26,64,.08)!important}
header .product-logo-home::after,header .product-logo-home::before{display:none!important;content:none!important}
header .product-logo-home img{display:block!important;width:auto!important;height:auto!important;max-width:185px!important;max-height:57px!important;object-fit:contain!important;object-position:left center!important;transform:none!important;flex-shrink:1!important}
header nav a.product-main-home{display:inline-flex;align-items:center;gap:5px;font-weight:800;white-space:nowrap}
header nav a.product-main-home:focus-visible,header .product-logo-home:focus-visible{outline:3px solid #1597ea;outline-offset:3px}
/* Product illustrations, photos and dashboard previews must not extend beyond their containers. */
main img,section img,article img,footer img{max-width:100%;height:auto}
main picture,main figure,main .hero-visual,main .hero-media,main .dashboard,main .mock-dashboard,main .app-window,main .product-visual{max-width:100%;min-width:0}
main svg{max-width:100%}
main iframe,main video{max-width:100%}
@media (max-width: 950px){header .product-logo-home{max-width:170px;padding:4px 7px!important}header .product-logo-home img{max-width:154px!important;max-height:48px!important}}
@media (max-width: 650px){
 header .product-logo-home{max-width:min(56vw,175px)!important;padding:4px 7px!important}
 header .product-logo-home img{max-width:min(50vw,158px)!important;max-height:45px!important;object-fit:contain!important}
 main{max-width:100%;min-width:0}
 main img, main picture img, main figure img,main .hero img,main .hero-visual img,main .dashboard img,main .mock-dashboard img{max-width:100%!important;height:auto!important;object-fit:contain!important}
 main figure,main .hero-visual,main .hero-media,main .dashboard,main .mock-dashboard,main .app-window,main .product-visual{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
 main .app-window,main .dashboard,main .mock-dashboard{transform:none!important}
 main .phone,main .phone-frame{max-width:min(100%,340px)!important;box-sizing:border-box}
 section,article,main div{min-width:0}
}
@media (max-width:390px){header .product-logo-home img{max-width:42vw!important;max-height:40px!important}}

/* Unified product header logo layout – uploaded brand artwork, 2026-11-03 */
header .product-logo-home{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:224px!important;
  height:72px!important;
  min-width:0!important;
  max-width:224px!important;
  padding:5px 8px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#fff!important;
  flex:none!important;
}
header .product-logo-home img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
}
@media(max-width:950px){
  header .product-logo-home{width:194px!important;max-width:194px!important;height:64px!important}
}
@media(max-width:650px){
  header .product-logo-home{width:min(47vw,174px)!important;max-width:min(47vw,174px)!important;height:56px!important;padding:3px 5px!important}
}
@media(max-width:390px){
  header .product-logo-home{width:min(43vw,150px)!important;max-width:min(43vw,150px)!important;height:50px!important}
}