.product-hero{padding:30px 0 70px;background:#f4f7ef}.breadcrumb{font-size:12px;color:#647267;display:inline-block;padding:12px 0 25px}.product-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.product-hero h1{font-size:clamp(32px,3.7vw,52px);line-height:1.45;letter-spacing:-1.5px;font-weight:600;margin:22px 0}.product-hero h1 em{color:var(--green);font-style:normal}.product-hero p{font-size:15px;line-height:2;color:var(--muted)}.product-intro .chips{margin-top:27px}.app-hero-visual{position:relative;text-align:center;padding:15px 0 35px;background:radial-gradient(ellipse,#dbeac8,transparent 65%)}.app-hero-visual>img{display:block;margin:auto;width:245px;height:auto;border:7px solid #20382b;border-radius:27px;box-shadow:20px 30px 60px #183b2620;transform:rotate(4deg)}.visual-label{position:absolute;bottom:0;left:0;background:white;border:1px solid #dce5d4;border-radius:10px;padding:18px 22px;text-align:left;box-shadow:0 12px 25px #193b2310}.visual-label b{font-size:16px;display:block}.visual-label span{font-size:11px;color:var(--muted);display:block;margin-top:7px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.feature-grid article{padding:26px 23px;border:1px solid var(--line);border-radius:10px}.feature-grid article>span{font-size:11px;color:var(--green);letter-spacing:2px}.feature-grid h3{font-size:20px;margin:25px 0 14px}.feature-grid p{font-size:13px;line-height:1.95;color:var(--muted);margin:0}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1050px;margin:auto}.phone-gallery figure{margin:0;min-width:0}.phone-gallery img{width:100%;height:auto;display:block;border:6px solid #20382b;border-radius:24px;box-shadow:0 16px 35px #1f3c2414}.image-button{display:block;background:transparent;padding:0;border:0;width:100%;cursor:zoom-in}.phone-gallery figcaption, .desktop-frame figcaption,.erp-detail figcaption{font-size:12px;line-height:1.8;margin-top:19px;color:#54664d}.phone-gallery figcaption span,.desktop-frame figcaption span,.erp-detail figcaption span{display:block;font-size:10px;color:#728567;margin-top:4px}.scan-panel{display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:center;background:#f3f7ec;border:1px solid #dce7d0;border-radius:14px;padding:55px 65px}.scan-panel h2{font-size:38px}.scan-panel p{font-size:14px;line-height:2;color:var(--muted)}.scan-panel ol{font-size:13px;line-height:2.2;color:#4b6544;padding-left:20px;margin:20px 0 25px}.qr-panel{margin:0;text-align:center;background:#fff;padding:25px;border-radius:12px;border:1px solid #e0e7d8}.qr-panel img{display:block;max-width:100%;height:auto;margin:auto;object-fit:contain}.qr-panel b{display:block;margin:17px 0 8px;font-size:15px}.qr-panel span{font-size:10px;color:var(--muted)}.erp-hero{background:linear-gradient(180deg,#f0f6e7,#f8faf5)}.erp-intro{text-align:center;max-width:850px;margin:15px auto 45px}.erp-intro .actions{justify-content:center}.desktop-frame{border:1px solid #d6e0cf;border-radius:12px;background:white;padding:0 12px 15px;box-shadow:0 25px 65px #1b3d2314;overflow:hidden}.desktop-frame-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 10px;font-size:12px;color:#66785d}.desktop-frame-bar span{color:#a7b59c;letter-spacing:4px}.desktop-frame-bar b{font-weight:500}.desktop-frame-bar small{font-size:10px}.desktop-frame figure{margin:0}.desktop-frame img{display:block;width:100%;height:auto}.desktop-frame figcaption{padding:0 10px;margin-top:13px;display:flex;justify-content:space-between}.erp-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.erp-detail p,.erp-detail li{font-size:13px;line-height:2;color:var(--muted)}.erp-detail p{margin-top:25px}.erp-detail ul{padding-left:20px}.erp-detail figure{margin:0}.erp-detail img{width:100%;height:auto;display:block;border:1px solid #d8e0d1;border-radius:6px;box-shadow:0 15px 35px #183b2312}.image-viewer{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:18px;background:#f9fbf6}.image-viewer img{display:block;max-width:100%;max-height:76dvh;width:auto;height:auto;margin:10px auto;object-fit:contain}.image-viewer .close{float:none;position:sticky;top:0;display:block;margin-left:auto;z-index:1}.image-viewer p{text-align:center;font-size:12px;color:var(--muted)}.copyright a:hover{text-decoration:underline}
@media(max-width:1000px){.product-intro{gap:30px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-gallery{gap:25px}.scan-panel{gap:30px;padding:40px;grid-template-columns:1fr 290px}.erp-detail{gap:30px;grid-template-columns:1fr}.app-hero-visual>img{width:220px}.visual-label{left:-10px;font-size:12px}}
@media(max-width:760px){.product-hero{padding:20px 0 50px}.breadcrumb{font-size:11px;padding-bottom:20px}.product-intro{grid-template-columns:1fr;gap:35px}.product-hero h1{font-size:32px;letter-spacing:-1px}.product-hero p{font-size:13px}.app-hero-visual{max-width:340px;width:100%;margin:auto}.app-hero-visual>img{width:210px}.visual-label{left:0;padding:16px}.feature-grid{gap:14px}.feature-grid article{padding:22px 18px}.feature-grid h3{font-size:17px;line-height:1.6;margin-top:17px}.feature-grid p{font-size:12px}.phone-gallery{grid-template-columns:1fr;gap:35px;max-width:300px}.phone-gallery figcaption{font-size:12px}.scan-panel{grid-template-columns:1fr;padding:28px;gap:30px}.scan-panel h2{font-size:30px}.scan-panel p{font-size:13px}.qr-panel{max-width:310px;width:100%;margin:auto;padding:20px}.desktop-frame-bar{font-size:10px;padding:15px 3px}.desktop-frame-bar small{display:none}.desktop-frame{padding:0 7px 12px;border-radius:8px}.desktop-frame figcaption{font-size:10px;display:block;padding:0 4px}.desktop-frame figcaption span{font-size:10px}.erp-intro{margin:10px auto 30px}.erp-detail{gap:20px}.image-viewer{padding:10px}.image-viewer img{max-height:70dvh}.product-hero .actions{flex-wrap:wrap}.product-hero .btn{font-size:12px;padding:13px 16px}.copyright{line-height:2}}

/* Product pages share the public site's reading sizes. */
.breadcrumb { font-size: 13px; line-height: 1.8; }
.feature-grid p, .erp-detail p, .erp-detail li, .scan-panel p, .scan-panel ol { font-size: 15px; line-height: 1.9; }
.feature-grid h3 { font-size: 20px; line-height: 1.5; font-weight: 600; }
.phone-gallery figcaption, .desktop-frame figcaption, .erp-detail figcaption { font-size: 13px; line-height: 1.8; }
.phone-gallery figcaption span, .desktop-frame figcaption span, .erp-detail figcaption span,
.qr-panel span, .visual-label span, .image-viewer p { font-size: 12px; line-height: 1.7; }
.desktop-frame figcaption { flex-wrap: wrap; gap: 6px 16px; }
.product-intro > div, .erp-detail > div, .scan-panel > div { min-width: 0; }
@media (max-width: 760px) {
  .product-hero h1 { font-size: clamp(27px, 6.4vw, 36px); line-height: 1.5; letter-spacing: -.6px; }
  .product-hero p, .feature-grid p, .erp-detail p, .erp-detail li, .scan-panel p, .scan-panel ol { font-size: 15px; }
  .feature-grid h3 { font-size: 19px; }
  .product-hero .btn { font-size: 14px; }
  .feature-grid article { padding: 23px 20px; }
  .phone-gallery figcaption, .desktop-frame figcaption, .erp-detail figcaption { font-size: 13px; }
  .desktop-frame figcaption span { font-size: 12px; }
  .scan-panel { padding: 24px; }
}
@media (max-width: 480px) {
  .feature-grid { grid-template-columns: 1fr; }
  .feature-grid h3 { margin-top: 14px; margin-bottom: 10px; }
}