/* Homepage presentation; shared login, contact and guide styles remain independent. */
.home-page .home-hero{padding:140px 0 64px;background:linear-gradient(90deg,#fff 0%,#fff 51%,#eff5ff 51%)}
.home-page .home-hero-grid{grid-template-columns:1fr 1.1fr;gap:56px}
.home-page .home-hero h1{font-size:clamp(34px,3.5vw,44px);line-height:1.45;letter-spacing:-1.2px}
.home-page .home-hero-copy>p{font-size:16px;line-height:1.9;max-width:450px;margin-bottom:28px}
.home-page .home-hero .actions .btn{min-height:48px;padding:12px 24px}
.business-preview{background:#fff;border:1px solid #c9d9ee;border-radius:10px;overflow:hidden;box-shadow:0 20px 56px rgba(24,49,83,.08);min-width:0}
.preview-top{display:flex;align-items:center;gap:9px;padding:15px 22px;background:#183153;color:#fff;font-size:13px}
.preview-mark{width:14px;height:14px;border:3px solid #9cbcff;border-radius:3px}
.preview-label{margin-left:auto;font-size:11px;color:#d1e0f6}
.preview-heading{padding:22px 22px 18px;display:flex;justify-content:space-between;align-items:end;gap:16px}
.preview-heading small{font-size:11px;color:var(--muted)}
.preview-heading h3{font-size:20px;line-height:1.5;margin-top:7px}
.preview-order-type{font-size:11px;color:var(--brand);background:var(--surface);padding:4px 8px;border-radius:4px;white-space:nowrap}
.preview-product{display:flex;align-items:center;gap:12px;margin:0 22px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-monogram{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;background:#eaf1ff;border-radius:6px;color:var(--brand);font-size:16px;font-weight:600}
.preview-product strong{font-size:14px;display:block}.preview-product p{font-size:11px;margin-top:2px}.preview-product .status{margin-left:auto;white-space:nowrap;font-size:10px;padding:3px 6px}
.preview-records{margin:0;padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.preview-records dt{font-size:12px;font-weight:600;margin-bottom:4px}.preview-records dd{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.preview-flow{margin:0 22px 20px;padding:16px 14px;background:#f6f9ff;border:1px solid #e3ebf8;border-radius:6px}
.preview-flow-label{display:block;font-size:11px;color:var(--muted);margin-bottom:13px}
.preview-flow ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:0;gap:10px}
.preview-flow li{position:relative;font-size:12px;color:var(--brand);text-align:center}
.preview-flow a{display:block;padding:6px 0;background:#fff;border:1px solid #dbe5f2;border-radius:4px;min-height:34px}.preview-flow a:hover{border-color:var(--brand);background:var(--surface)}
.preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8faff;border-top:1px solid var(--line);padding:12px 22px;font-size:10px;color:var(--muted)}
.preview-foot a{color:var(--brand);white-space:nowrap}
.home-page .scope-strip{padding:20px 0}
.home-page .home-value{padding:72px 0 64px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.value-item{padding-top:22px;border-top:2px solid #cbdcf7}
.value-item h3{font-size:20px;line-height:1.6;margin-bottom:10px}
.value-item p{font-size:14px;line-height:1.9;margin-bottom:20px}
.home-page #features{padding-top:64px;border-top:1px solid var(--line)}
.home-page .section-intro h2{font-size:32px;line-height:1.5}
.home-page .section-intro p{font-size:14px;line-height:1.9}
.home-page .feature h3{font-size:19px}
.home-page .feature-grid{gap:0 36px}
@media(max-width:1050px){.home-page .home-hero-grid{gap:32px}.home-page .home-hero h1{font-size:36px}.preview-heading{align-items:start;flex-direction:column;gap:10px}.preview-heading h3{font-size:18px}.preview-product .status{display:none}.value-grid{gap:24px}.value-item h3{font-size:18px}}
@media(max-width:800px){.home-page .home-hero{padding:160px 0 48px;background:linear-gradient(180deg,#fff 0%,#fff 58%,#eff5ff 58%)}.home-page .home-hero-grid{grid-template-columns:1fr;gap:32px}.home-page .home-hero-copy>p{max-width:580px}.home-page .home-hero h1{font-size:40px}.business-preview{max-width:600px;width:100%}.preview-heading{flex-direction:row;align-items:end}.preview-product .status{display:inline-flex}.value-grid{grid-template-columns:1fr;gap:28px}.value-item p{max-width:580px;margin-bottom:14px}.home-page .home-value{padding:48px 0}.home-page #features{padding-top:48px}.home-page .section-intro h2{font-size:28px}}
@media(max-width:480px){.home-page .home-hero h1{font-size:30px;letter-spacing:-.6px}.home-page .home-hero-copy>p{font-size:15px;margin-bottom:24px}.home-page .home-hero .actions .btn{padding:12px 18px}.preview-top{padding:13px 16px}.preview-heading{padding:18px 16px 14px;flex-direction:column;align-items:start;gap:8px}.preview-heading h3{font-size:18px}.preview-product{margin:0 16px;gap:10px}.preview-product .status{display:none}.preview-records{padding:16px;gap:16px}.preview-records dd{font-size:11px}.preview-flow{margin:0 16px 16px;padding:12px 10px}.preview-flow ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-flow li{font-size:12px}.preview-foot{padding:12px 16px;align-items:start;flex-direction:column;gap:5px}.scope-items{gap:10px 18px}.home-page .section-intro h2{font-size:26px}}
.home-role-note{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;line-height:1.9;max-width:860px}
.home-extensions{background:#f8faff;border-block:1px solid var(--line)}
.extension-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.extension-list h3{font-size:18px;margin-bottom:10px}.extension-list p{font-size:14px;line-height:1.9;margin-bottom:16px}
.extension-list a{display:block;margin-top:10px}.extension-list #quality{scroll-margin-top:150px}
@media(max-width:800px){.extension-list{grid-template-columns:1fr;gap:24px}.extension-list article+article{border-top:1px solid var(--line);padding-top:24px}}

/* Deployment choices sit beside the core product promise. */
.deployment-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 28px;padding:20px 0;border-block:1px solid var(--line)}
.deployment-points dt{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}
.deployment-points dd{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:480px){.deployment-points{grid-template-columns:1fr;gap:16px;padding:16px 0}.deployment-points dt{margin-bottom:5px}}

/* B2B positioning precedes the shared product promise. */
.home-page .home-hero-copy>.home-audience{font-size:13px;line-height:1.8;color:var(--brand);font-weight:600;margin-bottom:16px;max-width:460px}