/* CSPLUS.ID v9.9.28 — Home showcase aligned to Unified Design System */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
body.cs-home-v9924{margin:0;background:var(--cs-bg-page,#f7f7f8);color:var(--cs-text-primary,#09090b);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
.cs-home-v9924 img{display:block;max-width:100%}
.cs-home-wrap-v9924{width:min(var(--cs-container-wide,1380px),calc(100% - (var(--cs-page-gutter,24px) * 2)));margin-inline:auto}
.cs-home-hero-v9924{padding:112px 0 42px}
.cs-home-hero-card-v9924{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(44px,6vw,82px);min-height:620px;padding:clamp(40px,5vw,72px);background:linear-gradient(135deg,#fff 0%,#fafafa 70%,#f1f2f4 100%);border:1px solid var(--cs-border-subtle,rgba(15,23,42,.09));border-radius:var(--cs-radius-hero,36px);box-shadow:var(--cs-shadow-feature,0 28px 80px rgba(15,23,42,.10));overflow:hidden}
.cs-home-copy-v9924{position:relative;z-index:2;min-width:0}
.cs-home-eyebrow-v9924{display:block;margin-bottom:18px;font-size:12px;font-weight:800;letter-spacing:.18em;color:#34383d}
.cs-home-title-v9924{max-width:650px;margin:0;font-size:var(--cs-display,clamp(44px,5.6vw,84px));line-height:.96;letter-spacing:-.06em;font-weight:760;text-wrap:balance}
.cs-home-subtitle-v9924{max-width:560px;margin:28px 0 0;font-size:clamp(17px,1.45vw,21px);line-height:1.58;color:var(--cs-text-secondary,#5f6368)}
.cs-home-benefits-v9924{display:flex;flex-wrap:wrap;gap:18px 26px;margin:32px 0}
.cs-home-benefit-v9924{display:flex;align-items:center;gap:10px;min-width:138px;font-size:14px;font-weight:750;line-height:1.25}
.cs-home-benefit-v9924 svg{flex:none;width:26px;height:26px;stroke-width:1.8}
.cs-home-cta-v9924{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--cs-control-height,52px);padding:0 22px;border-radius:var(--cs-radius-pill,999px);background:var(--cs-accent-primary,#09090b);color:#fff;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 14px 32px rgba(9,9,11,.18);transition:transform .22s ease,box-shadow .22s ease}
.cs-home-cta-v9924:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(9,9,11,.22)}
.cs-home-visual-v9924{position:relative;display:grid;place-items:center;min-width:0}
.cs-home-visual-v9924:after{content:"";position:absolute;left:10%;right:10%;bottom:1%;height:10%;background:radial-gradient(ellipse,rgba(15,23,42,.17),transparent 69%);filter:blur(20px);z-index:0}
.cs-home-hero-image-v9924{position:relative;z-index:1;width:100%;max-width:880px;max-height:580px;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(15,23,42,.12))}
.cs-home-grid-v9924{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0 92px}
.cs-home-banner-v9924{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:470px;padding:36px;border-radius:var(--cs-radius-feature,32px);border:1px solid var(--cs-border-subtle,rgba(15,23,42,.09));background:#fff;overflow:hidden;text-decoration:none;color:#09090b;box-shadow:var(--cs-shadow-card,0 16px 48px rgba(15,23,42,.07));transition:transform .22s ease,box-shadow .22s ease}
.cs-home-banner-v9924:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(15,23,42,.10)}
.cs-home-banner-v9924:before{content:"";position:absolute;inset:auto -22% -35% 35%;height:72%;background:radial-gradient(circle,rgba(148,163,184,.18),transparent 66%);pointer-events:none}
.cs-home-banner-v9924.dark{background:#09090b;color:#fff;border-color:#09090b}
.cs-home-banner-v9924.dark:before{background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%)}
.cs-banner-kicker-v9924{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.14em}
.cs-home-banner-v9924 h2{position:relative;z-index:1;max-width:440px;margin:16px 0 14px;font-size:clamp(31px,2.55vw,46px);line-height:1.02;letter-spacing:-.045em}
.cs-home-banner-v9924 p{position:relative;z-index:1;max-width:430px;margin:0;color:#5f6368;font-size:16px;line-height:1.6}
.cs-home-banner-v9924.dark p{color:#d4d4d8}
.cs-banner-features-v9924{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.cs-banner-feature-v9924{padding:9px 12px;border:1px solid rgba(15,23,42,.1);border-radius:999px;font-size:12px;font-weight:750;background:rgba(255,255,255,.75)}
.dark .cs-banner-feature-v9924{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
.cs-banner-bottom-v9924{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.cs-banner-link-v9924{display:inline-flex;align-items:center;min-height:44px;gap:10px;font-size:14px;font-weight:800}
.cs-banner-badge-v9924{max-width:185px;padding:13px 15px;border-radius:var(--cs-radius-control,14px);background:#09090b;color:#fff;font-size:12px;font-weight:800;line-height:1.2;text-align:center}
.dark .cs-banner-badge-v9924{background:#fff;color:#09090b}
.cs-home-service-v9924{background-image:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,244,245,.84)),repeating-linear-gradient(90deg,transparent 0 33px,rgba(148,163,184,.10) 34px),repeating-linear-gradient(0deg,transparent 0 33px,rgba(148,163,184,.10) 34px)}
@media(max-width:1200px){.cs-home-hero-card-v9924{grid-template-columns:1fr;gap:36px;padding:52px 42px}.cs-home-copy-v9924{text-align:left}.cs-home-grid-v9924{grid-template-columns:1fr}.cs-home-banner-v9924{min-height:390px}}
@media(max-width:900px){.cs-home-hero-v9924{padding-top:104px}.cs-home-hero-card-v9924{padding:44px 34px}.cs-home-benefits-v9924{gap:14px 20px}}
@media(max-width:640px){.cs-home-wrap-v9924{width:calc(100% - 32px)}.cs-home-hero-v9924{padding:88px 0 12px}.cs-home-hero-card-v9924{min-height:auto;padding:32px 20px 26px;border-radius:28px;gap:26px}.cs-home-eyebrow-v9924{font-size:11px}.cs-home-title-v9924{font-size:clamp(39px,12.2vw,56px);line-height:1}.cs-home-subtitle-v9924{margin-top:20px;font-size:16px}.cs-home-benefits-v9924{display:grid;grid-template-columns:1fr;justify-items:start;width:max-content;max-width:100%;margin:26px 0}.cs-home-cta-v9924{width:100%}.cs-home-hero-image-v9924{max-height:310px}.cs-home-grid-v9924{gap:14px;padding:14px 0 110px}.cs-home-banner-v9924{min-height:350px;padding:26px 20px;border-radius:24px}.cs-home-banner-v9924 h2{font-size:34px}.cs-banner-bottom-v9924{align-items:flex-start;flex-direction:column}.cs-banner-badge-v9924{max-width:none}}