/* Real ServioX product captures. Keep the app viewport intact and proportional. */
.hero{padding:62px 0 58px;background:linear-gradient(135deg,#fff 12%,#f1f4ff 100%)}
.hero:before,.hero:after{display:none}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center}
.hero-grid>div:first-child{min-width:0;width:100%}
.hero h1,.section-head h2,.app-card h2,.wa-card h2{overflow-wrap:anywhere}
.hero h1{font-size:clamp(37px,4.1vw,58px);line-height:1.2;text-wrap:balance;letter-spacing:-.035em}
.hero-sub{font-size:19px;font-weight:500;line-height:1.85;max-width:550px}
.hero .eyebrow{background:#fff;border-color:#dce3fa;box-shadow:none;font-weight:600}
.hero .eyebrow i{background:var(--blue);box-shadow:0 0 0 5px #FFEA00}
.hero .eyebrow-sub{color:var(--brand-dark-blue);font-size:14px}
.hero .trust{gap:7px;font-size:12px;color:#a84b0f}
.hero .trust span{padding:7px 9px;box-shadow:none;background:transparent;border:0}
.hero .trust b{color:inherit}
.hero .trust em{font-style:normal;font-weight:600}
.btn-coral:hover{background:#f5df00;color:var(--brand-dark-blue)}
.hero-actions .btn{min-height:50px;white-space:normal;line-height:1.4}
.hero-visual{padding:26px 22px 24px;border-radius:32px;background:linear-gradient(150deg,#fff 0%,#f4f6fc 100%);box-shadow:0 18px 44px #243daf0c;border:1px solid #e1e7f2;overflow:visible;min-width:0;width:100%;max-width:500px;justify-self:center}
.hero-visual:before{display:none}
.hero-phones{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.product-phone{position:relative;min-width:0;margin:0}
.product-phone:nth-child(2){padding-top:30px}
.product-phone figcaption{position:relative;display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;margin:0 auto 12px;padding:4px 10px;border-radius:12px;background:var(--brand-dark-blue);color:#fff;font-size:15px;font-weight:700;line-height:1.5;text-align:center}
.product-phone img{width:100%;height:auto;border:4px solid #fff;border-radius:22px;box-shadow:0 12px 26px #18294a1c;background:#fff}
.stats{padding-top:25px;padding-bottom:48px}
.stat{border-radius:20px;box-shadow:none}
.stat-icon{background:var(--blue);color:var(--brand-yellow);border-radius:16px}
.platform-card{padding:32px;border-radius:28px;background:#fff;border-top:4px solid var(--blue);box-shadow:0 8px 26px #243daf08}
.platform-card:nth-child(2){border-top-color:var(--brand-yellow);background:#f8faff}
.platform-card .label{background:var(--blue);border:0;color:var(--brand-yellow)}
.platform-card h3{font-size:29px;text-wrap:balance}
.platform-card p,.platform-list{font-weight:500}
.platform-card .btn{border-color:#c5d0f6;color:var(--brand-dark-blue)}
#features{background:#f4f6ff;border-block:1px solid var(--line)}
.features{gap:24px;align-items:stretch}
.product-feature{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.76fr);align-items:center;min-width:0;background:#fff}
.product-feature .feature-copy{padding:28px 0 28px 26px;padding-inline:28px 16px;min-width:0}
.product-feature h3{font-size:25px;line-height:1.35;text-wrap:balance}
.product-feature p{font-size:16px;line-height:1.75;font-weight:400}
.product-feature .ficon{background:var(--blue);color:var(--brand-yellow);font-size:16px;font-family:Inter,sans-serif;font-weight:700;width:44px;height:44px;border-radius:14px}
.product-feature .feature-media{padding:24px 18px;background:#eaf0ff;align-self:stretch;display:grid;align-items:center;min-width:0}
.product-feature:nth-child(2n) .feature-media{background:#fffbd9}
.feature-media img{width:100%;height:auto;border:4px solid #fff;border-radius:18px;box-shadow:0 10px 28px #243daf1a}
.feature-media a{display:block;border-radius:18px}
.screen-card,.screen-card.featured{background:#fff;border-color:#dce3fa}
.screen-card .screen-text .mini-label{background:var(--blue);color:var(--brand-yellow)}
.screen-card .screen-text p{font-weight:400}
.screens-section .section-head p{font-weight:500}
.screens-section .capture-disclosure{max-width:720px;margin:24px auto 0;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}
.screen-img{background:#f4f6ff}
.reports-preview .screen-img{max-width:300px}
.phone-mini{max-width:280px;justify-self:center}
.phone-mini img{width:100%;height:auto;border-radius:26px}
.app-text{min-width:0;max-width:100%;overflow-wrap:anywhere}
.app-card .btn{white-space:normal;line-height:1.5;text-align:center}
@media(max-width:1080px){
  .app-card{grid-template-columns:minmax(0,1fr)}
  .hero-grid{grid-template-columns:1fr;gap:36px}.hero-grid>div:first-child{max-width:680px;margin-inline:auto;text-align:center}.hero-sub{max-width:640px}.hero-actions,.hero .trust{justify-content:center}.hero-visual{max-width:500px}.hero-phones{gap:24px}.product-feature{grid-template-columns:1fr}.product-feature .feature-copy{padding:28px}.product-feature .feature-media{padding:20px;max-height:none}.feature-media img{max-width:190px;margin-inline:auto}
}
@media(max-width:760px){
  .nav-inner{gap:10px}.nav-actions{width:auto;flex-wrap:nowrap}.brand{gap:8px}.nav-links{padding-top:2px}.nav-link{padding:9px 11px}
  .hero{padding:34px 0 38px}.hero-grid{gap:28px}.hero h1{font-size:38px;line-height:1.24}.hero-sub{font-size:17px;margin-bottom:22px}.hero .eyebrow{margin-bottom:18px}.hero-actions{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.hero-actions .btn{padding:13px 10px;font-size:14px}.hero .trust{gap:4px}.hero .trust span{width:auto;font-size:11px;padding:4px}.hero-visual{padding:20px 16px 16px;border-radius:26px;max-width:460px}.hero-phones{gap:14px}.product-phone:nth-child(2){padding-top:28px}.product-phone figcaption{font-size:13px;margin-bottom:10px}.product-phone img{border-width:3px;border-radius:18px}.stats{padding:24px 0 38px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:18px 10px}.stat .num{font-size:27px}.stat .lbl{font-size:13px}.stat-icon{width:42px;height:42px;font-size:21px}.platform-card{padding:24px}.platform-card h3{font-size:25px}.features{grid-template-columns:1fr;gap:18px}.product-feature{grid-template-columns:minmax(0,1fr) minmax(130px,.72fr)}.product-feature .feature-copy{padding:24px 18px;padding-inline-end:10px}.product-feature h3{font-size:22px}.product-feature p{font-size:15px}.product-feature .feature-media{padding:18px 12px}.feature-media img{max-width:200px;border-width:3px;border-radius:14px}
}
@media(max-width:380px){.hero h1{font-size:33px}.hero-actions{grid-template-columns:1fr}.hero .trust span{font-size:11px}.product-feature{grid-template-columns:1fr}.product-feature .feature-copy{padding:22px}.product-feature .feature-media{padding:22px}.feature-media img{max-width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature,.screen-card,.btn,.stat{transition:none;transform:none}}