@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:#0b233e;--deep:#071a30;--teal:#0eaa9d;--mint:#27ceb7;--orange:#f6ae56;--muted:#53677b;--border:#deebef;--bg:#f5f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--navy);font-family:'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-999px;top:5px;background:#fff;z-index:999;padding:12px}.skip:focus{left:5px}a:focus-visible,button:focus-visible{outline:3px solid #05a6a0;outline-offset:4px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e5ecf1}.header-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:26px}.evesys img{width:176px;height:58px;object-fit:contain}.desktop{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.desktop>a:hover{color:var(--teal)}.nav-cta{background:var(--navy);color:white!important;padding:13px 18px;border-radius:12px}.menu-button,.mobile{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 20%,rgba(16,175,164,.23),transparent 34%),linear-gradient(125deg,#eafaf6,#f3f8ff 55%,#e8f0f8);padding:72px 0 84px}.hero:after{content:'';position:absolute;width:670px;height:670px;border:1px solid rgba(2,159,153,.1);border-radius:50%;right:-280px;top:-340px;pointer-events:none}.hero-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:44px;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow,.label{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:2px;color:#087b79}.eyebrow{display:flex;gap:9px;align-items:center}.eyebrow span{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px #0eaa9d20}.stitch-logo{display:block;width:min(340px,100%);height:auto;margin:24px 0 3px}.version{font-size:12px;color:#607388;font-weight:700;letter-spacing:.4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(36px,3.9vw,60px);line-height:1.11;letter-spacing:-.055em;margin:17px 0 21px}h1 em,h2 em{font-style:normal;color:var(--teal)}.hero-copy>p{color:#50667a;font-size:17px;line-height:1.85;max-width:550px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:48px;border-radius:12px;padding:13px 19px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:#0b927f;color:white;box-shadow:0 12px 25px #1eb3a125}.button.outline{border:1px solid #b8cad5;color:var(--navy);background:#ffffff80}.hero-points,.tags{display:flex;flex-wrap:wrap;gap:9px}.hero-points span,.tags span{font-size:11px;font-weight:800;border-radius:100px;padding:9px 12px;background:#fff;border:1px solid #dbe9ea;color:#527084}.dashboard{border-radius:19px;background:white;overflow:hidden;border:1px solid #d9e6ec;box-shadow:0 24px 80px #071b3830;transform:rotate(.8deg)}.dash-top{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e8edf2;font-size:9px;letter-spacing:.7px;color:#728396}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;background:#ffb9a6;border-radius:50%}.dots i:nth-child(2){background:#f7d28d}.dots i:nth-child(3){background:#88d4bd}.dash-body{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:370px}.dash-side{background:#0c2540;color:#a8c2cc;padding:23px 10px;display:flex;flex-direction:column;gap:8px;font-size:10px}.dash-side strong{color:#fff;font-size:15px;margin-bottom:19px}.dash-side span{padding:10px 7px;border-radius:7px}.dash-side .selected{background:#1c5e65;color:#b3fff0}.dash-main{padding:20px 16px}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.dash-heading div{display:grid;gap:5px}.dash-heading small{font-size:8px;letter-spacing:1.2px;color:#8b9bad}.dash-heading strong{font-size:17px}.avatar{width:31px;height:31px;border-radius:50%;background:#dcf6f2;color:#008f7e;display:grid;place-items:center;font-size:11px;font-weight:800}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dash-stats>div{padding:13px 11px;background:#f2f8f9;border:1px solid #e5eeee;border-radius:10px;display:grid;gap:5px}.dash-stats small{font-size:9px;color:#68808f}.dash-stats strong{font-size:22px}.dash-stats span{font-size:8px;color:#8a9bac}.dash-label{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:11px}.dash-label small{font-size:9px;color:#8493a4}.progress-row{display:grid;grid-template-columns:112px 1fr 30px;align-items:center;gap:8px;margin-bottom:11px;font-size:10px}.progress-row>div{height:9px;border-radius:100px;background:#e8f0f4;overflow:hidden}.progress-row i{display:block;background:linear-gradient(90deg,var(--teal),#61d9bb);height:100%;border-radius:20px}.progress-row b{text-align:right}.mini-order{border-top:1px solid #edf2f3;margin-top:13px;padding-top:12px;font-size:10px}.mini-order> b{display:block;margin-bottom:8px}.mini-order p{display:flex;align-items:center;gap:7px;margin:5px 0;color:#526d80}.mini-order p em{margin-left:auto;font-style:normal;color:#4aa08c}.dot{width:7px;height:7px;border-radius:50%}.dot.green{background:#1cba97}.dot.orange{background:#f3ae48}.metrics{background:var(--deep);color:white}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;gap:20px}.metrics-grid>div{display:grid;gap:5px;border-right:1px solid #ffffff2a}.metrics-grid>div:last-child{border:0}.metrics strong{font:800 32px Manrope;color:#60dcca}.metrics span{font-size:11px;color:#a6bac9}.section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.section h2,.contact h2{font-size:clamp(31px,3.8vw,51px);line-height:1.18;letter-spacing:-.045em;margin:16px 0 24px}.section p{line-height:1.85;color:var(--muted)}.intro .lead{font-size:21px;line-height:1.6;color:#183c51;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-heading>div{max-width:620px}.section-heading p{max-width:365px}.features{background:#f4f8fa}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature{background:white;border:1px solid #e0ebef;border-radius:17px;padding:24px;position:relative;min-height:230px;box-shadow:0 10px 24px #0c283507;transition:transform .18s,border-color .18s}.feature:hover{transform:translateY(-4px);border-color:#4cd9c0}.feature .number{position:absolute;right:18px;top:19px;color:#a7b8be;font-size:11px;font-weight:800}.feature-icon{width:47px;height:47px;background:#e0f8f2;color:#0eaa9d;border-radius:13px;display:grid;place-items:center;font-size:24px;margin-bottom:18px}.feature h3{font-size:16px;margin-bottom:8px;letter-spacing:-.02em}.feature p{font-size:13px;line-height:1.7;margin-bottom:0}.workflow{background:#0b233e;color:#fff}.workflow .label{color:#5ce2ce}.workflow .section-heading p{color:#afc3d3}.workflow h2 em{color:#5ce2ce}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.journey>div{border:1px solid #ffffff2b;background:#ffffff0a;padding:27px 18px;border-radius:15px;min-height:185px}.journey b{color:#71e5d7;font-size:14px}.journey strong{display:block;font:800 22px Manrope;margin:18px 0 9px}.journey p{font-size:12px;color:#b9c8d6;line-height:1.65}.ticks{padding:0;list-style:none;display:grid;gap:15px;margin:24px 0}.ticks li{position:relative;padding-left:26px;color:#405a6d;line-height:1.55}.ticks li:before{content:'✓';position:absolute;left:0;top:0;color:var(--teal);font-weight:900}.text-link{font-weight:800;color:#008d81}.schedule{background:#fff;border:1px solid #dce7ed;border-radius:18px;padding:24px;box-shadow:0 22px 50px #14365218;min-width:0}.schedule-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:23px}.schedule-head b{font-size:16px}.schedule-head small{font-size:9px;color:#7b8fa3}.schedule-days,.schedule-line{display:grid;grid-template-columns:75px repeat(5,minmax(0,1fr));gap:5px;align-items:center;margin-bottom:9px}.schedule-days b{font-size:10px;color:#7a91a1;text-align:center}.schedule-line strong{font-size:10px}.schedule-line i{display:grid;place-items:center;min-height:40px;border-radius:6px;font-style:normal;font-weight:800;font-size:9px}.schedule-line .blue{background:#dcecf9;color:#1c689f}.schedule-line .teal{background:#d5f6ed;color:#087d72}.schedule-line .orange{background:#ffecd2;color:#ac7222}.schedule-line .light{background:#f2f6f8;color:#91a0ab}.schedule-foot{text-align:right;font-size:10px;color:#83919f;margin-top:16px}.confidence{background:#f3f9f8}.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.confidence-grid>div{background:#fff;padding:32px;border-radius:17px;border:1px solid #e0eaea}.confidence-grid span{font-size:11px;letter-spacing:1px;color:#0e9e92;font-weight:800}.confidence-grid h3{font-size:21px;margin:18px 0 12px}.confidence-grid p{font-size:14px}.mobile-exp .muted{font-size:12px;color:#82939e}.phone{position:relative;justify-self:center;width:min(300px,100%);border:9px solid #10283a;border-radius:38px;padding:17px;background:#fcfefe;box-shadow:0 30px 65px #082d4526;min-height:550px}.phone-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#627b88;margin-bottom:24px}.phone-brand{display:flex;align-items:center;gap:8px;margin-bottom:30px}.phone-brand strong{font-size:17px}.phone-brand>span{margin-left:auto;font-size:16px}.phone>small{font-size:10px;font-weight:800;color:#0eaa9d;letter-spacing:1px}.phone h3{font-size:24px;margin:8px 0 19px}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-tiles>div{border-radius:13px;padding:16px 12px;background:#e7f7f3;display:grid;gap:8px}.phone-tiles small{font-size:11px;color:#668293}.phone-tiles b{font-size:25px}.phone h4{margin:28px 0 14px}.phone-row{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid #e9eff1;padding:12px 0;font-size:11px}.phone-row>b{color:#079888;font-size:10px}.phone-tabs{display:flex;justify-content:space-between;margin-top:33px;border-top:1px solid #e1e8ea;padding:11px 5px 0}.phone-tabs span{display:grid;justify-items:center;font-size:18px;color:#70909e}.phone-tabs small{font-size:9px}.phone-note{position:absolute;bottom:11px;left:0;right:0;text-align:center;color:#9faeb3!important;font-size:9px}.contact{background:linear-gradient(135deg,#081e36,#115663 110%);color:#fff;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.contact .label{color:#71e9d1}.contact h2{max-width:650px}.contact h2 em{color:#72ddc9}.contact p{color:#bfced9;line-height:1.75}.contact .button.outline{color:#fff;border-color:#ffffff55;background:#ffffff0a}.small-contact{display:flex;gap:13px;flex-wrap:wrap;font-size:13px;color:#b8d4df}.contact-aside{border:1px solid #ffffff2c;border-radius:19px;padding:30px;background:#ffffff0a}.contact-aside h3{font-size:20px}.contact-note{border-top:1px solid #ffffff22;padding-top:16px;font-size:12px;color:#a9c6d3}footer{background:#061627;color:#fff;padding:35px 0 22px}.footer-top{display:flex;align-items:center;gap:24px}.footer-top>p{font-size:12px;color:#96b0be;max-width:195px}.footer-top img{object-fit:contain}.footer-top nav{display:flex;gap:17px;margin-left:auto;flex-wrap:wrap;font-size:12px;color:#c0cfd7}.footer-bottom{border-top:1px solid #ffffff22;margin-top:22px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;color:#8ea6b6;font-size:11px}
@media(max-width:1020px){.desktop{gap:12px}.hero-layout{gap:22px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journey{grid-template-columns:repeat(3,1fr)}.split{gap:35px}.footer-top{flex-wrap:wrap}.footer-top nav{margin-left:0;width:100%}}
@media(max-width:800px){.desktop{display:none}.header-inner{height:70px}.evesys img{width:160px}.menu-button{display:grid;gap:5px;padding:12px;border:1px solid #dde9ec;background:#eff9f7;border-radius:12px;cursor:pointer}.menu-button span{width:23px;height:2px;background:#0a4051;border-radius:2px}.mobile:not([hidden]){display:grid;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 17px 30px #10283a24;padding:10px max(22px,calc((100% - 650px)/2)) 20px;max-height:calc(100dvh - 70px);overflow:auto}.mobile a{padding:15px 8px;border-bottom:1px solid #e9f0f2;font-weight:700}.hero{padding:50px 0 68px}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:670px}.dashboard{max-width:650px;width:100%;justify-self:center}.split{grid-template-columns:1fr}.section{padding:72px 0}.section-heading{align-items:start;flex-direction:column;gap:0}.section-heading p{max-width:650px}.contact-grid{grid-template-columns:1fr;gap:20px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid>div:nth-child(2){border:0}.confidence-grid{grid-template-columns:1fr}}
@media(max-width:580px){.wrap{width:calc(100% - 32px)}h1{font-size:40px}.section h2,.contact h2{font-size:33px}.actions{align-items:stretch;flex-direction:column}.button{width:100%;text-align:center}.hero-points span{font-size:10px}.dash-body{grid-template-columns:75px minmax(0,1fr);min-height:310px}.dash-side{padding:14px 4px;gap:4px;font-size:8px}.dash-side strong{font-size:11px;margin-bottom:13px}.dash-side span{padding:8px 3px}.dash-main{padding:12px 9px}.dash-heading strong{font-size:13px}.dash-stats{gap:4px}.dash-stats>div{padding:8px 5px}.dash-stats strong{font-size:16px}.dash-stats small{font-size:8px}.dash-stats span{font-size:7px}.progress-row{grid-template-columns:77px 1fr 25px;font-size:8px}.dash-label{margin:13px 0}.mini-order{font-size:8px}.metrics-grid{gap:14px}.metrics strong{font-size:25px}.metrics span{font-size:10px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.journey{grid-template-columns:1fr}.journey>div{min-height:auto;padding:20px}.journey strong{margin:8px 0 6px}.schedule{padding:12px}.schedule-days,.schedule-line{grid-template-columns:50px repeat(5,minmax(0,1fr));gap:3px}.schedule-line i{font-size:7px;min-height:34px}.schedule-line strong{font-size:8px}.schedule-days b{font-size:8px}.confidence-grid>div{padding:23px}.footer-top{display:grid}.footer-top nav{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{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}
}
