@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:#091d40;--blue:#1469f4;--cyan:#04b8f5;--ink:#102746;--muted:#667890;--line:#e0eaf6;--bg:#f5f9ff;--purple:#6775f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e9eff6;box-shadow:0 4px 24px #09214308}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.evesys-brand{width:187px;flex-shrink:0}.evesys-brand img{max-height:67px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700;color:#344763}.nav a:not(.nav-contact):hover{color:var(--blue)}.nav-contact{padding:13px 19px;border-radius:100px;background:var(--navy);color:white}.nav-contact:hover{background:var(--blue)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:white;padding:9px 13px;cursor:pointer}.mobile-menu{padding:15px 25px 25px;display:flex;flex-direction:column;gap:15px;font-weight:700}.mobile-menu[hidden]{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#f5faff 0%,#eef5ff 55%,#e2edff 100%);padding:82px 0 80px}.hero:after{content:'';position:absolute;width:620px;height:620px;border-radius:50%;right:-260px;top:-220px;background:radial-gradient(circle,#76c8ff55,transparent 67%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#88d8ff;text-transform:uppercase;margin:0 0 22px}.eyebrow.blue{color:#2773ce}.hero .eyebrow{color:#3e69a0}.live-dot{display:inline-block;width:8px;height:8px;background:#10b981;border-radius:50%;margin-right:8px}.hero h1,.section h2,.cta-section h2{font-family:Manrope,Arial,sans-serif;font-weight:800;line-height:1.13;letter-spacing:-2.5px}.hero h1{font-size:clamp(39px,4.15vw,65px);margin:0 0 24px;color:#092044}.hero h1 span{color:#1479e7}.hero-lead,.section-lead{font-size:17px;line-height:1.85;color:#53647d}.hero-lead{max-width:590px}.hero-actions,.cta-actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 22px;border-radius:12px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:#126df3;color:white;box-shadow:0 12px 25px #1469f433}.button-outline{background:#fff;border:1px solid #d6e2f3;color:#183655}.hero-chips{display:flex;flex-wrap:wrap;gap:9px}.hero-chips span{font-size:11px;font-weight:700;padding:9px 12px;background:white;border:1px solid #dbe7f9;border-radius:99px;color:#42607c}.hero-visual{position:relative}.brand-tile{background:white;border:1px solid #e0ebfa;border-radius:20px;box-shadow:0 20px 50px #184d8720;max-width:360px;margin:0 auto -18px;position:relative;z-index:3;padding:20px 28px}.brand-tile img{width:100%;max-height:125px;object-fit:contain}.mock-dashboard{background:#fff;border:1px solid #dde9f7;box-shadow:0 32px 70px #174b8e24;border-radius:20px;padding:22px;transform:rotate(-1.5deg)}.mock-top{display:flex;justify-content:space-between;font-size:12px;gap:10px;align-items:center}.mock-top span{color:#9babc2;font-size:10px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:21px 0}.mock-kpis div{background:#f4f8fe;border:1px solid #e7f0fb;border-radius:13px;padding:15px 11px;display:flex;flex-direction:column;gap:7px}.mock-kpis small,.mock-bottom small{font-size:10px;color:#73859f}.mock-kpis b{font-size:25px;color:#142f57}.mock-kpis span{font-size:9px;color:#8897aa}.mock-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-bottom>div{border:1px solid #e9eef7;padding:13px;border-radius:12px;min-height:120px}.bars{height:75px;display:flex;align-items:flex-end;gap:7px;padding:9px 3px 0}.bars i{flex:1;display:block;border-radius:4px 4px 0 0;background:linear-gradient(#4f89fa,#9fccff)}.mock-bottom p{font-size:10px;font-weight:600;color:#536782}.status{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.status.success{background:#16ba90}.status.pending{background:#f5a623}.mock-note{text-align:center;font-size:10px;color:#7f91a9;margin-top:15px}.proof-strip{background:#0b2249;color:white;padding:30px 0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid div{padding:9px 26px;border-right:1px solid #5c729644}.proof-grid div:first-child{padding-left:0}.proof-grid div:last-child{border:0}.proof-grid strong{font-size:15px;display:block}.proof-grid span{font-size:12px;color:#b3c6e6;display:block;margin-top:5px}.section{padding:92px 0}.section-light{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section h2{font-size:clamp(33px,3.4vw,49px);color:#102746;margin:0}.section h2 em,.section h2 span{color:#1879e4;font-style:normal}.text-link{font-size:13px;color:#126be7;font-weight:800}.section-features{background:#f5f8fd}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}.section-heading>div{max-width:650px}.section-heading>p{max-width:300px;color:#71819b;line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{background:#fff;border:1px solid #e1eaf5;padding:28px 25px;border-radius:17px;box-shadow:0 6px 20px #142d4e05;transition:transform .2s,border .2s}.feature-card:hover{transform:translateY(-5px);border-color:#9bc8fc}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e9f2ff;color:#1c77de;border-radius:14px;font-size:25px}.feature-card h3{font-size:17px;margin:19px 0 9px}.feature-card p{font-size:13px;line-height:1.8;color:#71819b;margin:0}.workflow-section{background:#0c234b;color:white}.workflow-section h2{color:white}.workflow-section h2 span{color:#53caff}.workflow-section .section-heading>p{color:#b4c7e0}.workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.workflow-steps>div{border:1px solid #45628b;padding:22px 17px;border-radius:13px;background:#ffffff08}.workflow-steps span{font-size:13px;color:#66d1ff;font-weight:800}.workflow-steps h3{font-size:16px;margin:17px 0 9px}.workflow-steps p{font-size:12px;color:#b7cbe1;line-height:1.7;margin:0}.experience-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.experience-illustration{min-height:480px;background:radial-gradient(circle at 40% 50%,#e0eaff,#f6f9ff 70%);border-radius:28px;display:flex;align-items:center;justify-content:center;position:relative}.phone{width:228px;min-height:398px;border:9px solid #13234a;border-radius:33px;background:white;box-shadow:0 22px 40px #344b7c45;position:relative}.phone-notch{position:absolute;top:0;left:58px;right:58px;height:16px;border-radius:0 0 12px 12px;background:#13234a}.phone-inner{padding:45px 16px 20px}.phone-mini-brand{font-size:17px;color:#1a73d9;font-weight:800}.phone-inner>p{font-size:12px;color:#71819b;margin-top:20px}.phone-inner h3{font-size:19px;margin:5px 0 18px}.phone-stat{background:#f2f7ff;border-radius:11px;padding:13px;margin:9px 0;display:flex;justify-content:space-between;gap:6px}.phone-stat small{font-size:10px;color:#7284a1}.phone-stat b{font-size:13px}.phone-button{background:#196fea;color:white;padding:12px;text-align:center;border-radius:10px;font-size:12px;font-weight:700;margin-top:17px}.float-card{position:absolute;bottom:65px;right:15px;box-shadow:0 8px 28px #193c7a22;padding:16px 19px;background:white;border-radius:12px;color:#087f6f;font-size:12px;font-weight:800}.check-list{padding:0;list-style:none}.check-list li{padding:9px 0 9px 26px;position:relative;font-size:14px;color:#506580}.check-list li:before{content:'✓';position:absolute;left:0;color:#10a9a1;font-weight:900}.benefits{background:#f5f8fd}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.benefit-grid article{border-top:2px solid #1f7be7;padding-top:25px}.benefit-grid article span{font-weight:800;font-size:12px;color:#1c79e4}.benefit-grid article h3{font-size:20px}.benefit-grid article p{font-size:14px;line-height:1.8;color:#6c7e95}.cta-section{background:linear-gradient(115deg,#0c244e,#104da4);color:white;padding:85px 0}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.cta-section h2{font-size:clamp(34px,3.8vw,56px);margin:0 0 20px}.cta-section h2 span{color:#75d7ff}.cta-section p{line-height:1.8;color:#c8d9ee}.button-white{background:white;color:#143760}.button-outline-white{border:1px solid #91abd7;color:white}.contact-panel{border-radius:20px;padding:30px;background:#ffffff14;border:1px solid #ffffff30;backdrop-filter:blur(12px)}.contact-panel strong{font-size:20px}.contact-panel p{font-size:13px}.contact-panel hr{border:0;border-top:1px solid #ffffff40;margin:20px 0}.contact-panel>div{display:flex;flex-direction:column;margin-bottom:18px;gap:5px}.contact-panel small{font-size:10px;letter-spacing:1.5px;color:#9accfb}.contact-panel a,.contact-panel span{font-size:14px}.profile-link{display:inline-block;margin-top:10px;font-weight:800;color:#8fe8ff}.footer{background:#fff;padding:32px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{width:145px}.footer p{font-size:11px;color:#8a98aa}.footer-grid>div{display:flex;gap:20px;font-size:12px;color:#50637e}@media(max-width:1000px){.nav{gap:13px}.hero-grid{gap:26px}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-steps{grid-template-columns:repeat(3,1fr)}.experience-grid{gap:35px}}@media(max-width:760px){.shell{width:min(100% - 32px,1180px)}.nav{display:none}.menu-toggle{display:block}.header-inner{min-height:72px}.evesys-brand{width:143px}.hero{padding:55px 0 70px}.hero-grid,.intro-grid,.experience-grid,.cta-grid{grid-template-columns:1fr;gap:42px}.hero h1{letter-spacing:-1.4px}.hero-visual{max-width:520px;width:100%;margin:auto}.proof-grid{grid-template-columns:1fr;gap:16px}.proof-grid div{padding:7px 0;border-right:0}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:20px}.feature-grid{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr 1fr}.experience-illustration{min-height:450px}.benefit-grid{grid-template-columns:1fr}.footer-grid{flex-wrap:wrap}.cta-section{padding:60px 0}}@media(max-width:420px){.hero-actions,.cta-actions{flex-direction:column}.button{width:100%}.mock-kpis{gap:5px}.mock-kpis div{padding:10px 6px}.mock-kpis b{font-size:20px}.mock-bottom{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr}.contact-panel{padding:23px}}

/* Unified mobile accessibility for Evesys product landing pages */
html,body{max-width:100%;overflow-x:clip}img,svg,video,iframe{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.evesys-product-shortcuts{display:flex;gap:10px 18px;justify-content:center;align-items:center;flex-wrap:wrap;padding:22px 18px;border-top:1px solid rgba(127,150,180,.22);font-size:13px}.evesys-product-shortcuts span{width:100%;text-align:center;font-weight:800;opacity:.8}.evesys-product-shortcuts a{display:inline-flex;padding:8px 10px;border-radius:9px;min-height:40px;align-items:center;text-decoration:none}
@media(max-width:900px){.evesys-product-shortcuts{padding:24px 12px}.evesys-product-shortcuts a{border:1px solid rgba(125,154,187,.27)} }
@media(max-width:620px){
 h1{overflow-wrap:break-word}p{overflow-wrap:break-word}section,main,article{min-width:0}
 .evesys-product-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:22px 16px}.evesys-product-shortcuts span{grid-column:1/-1}.evesys-product-shortcuts a{justify-content:center;text-align:center;font-size:12px}
 input,textarea,select{max-width:100%;font-size:16px!important}button{min-height:40px}
}
@media(max-width:375px){.evesys-product-shortcuts{grid-template-columns:1fr}}

/* 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}
}