.custom-hero{width:100vw;min-height:500px;padding:clamp(40px, 8vw, 88px) max(var(--page-gutter), calc((100vw - var(--container-max)) / 2));border-radius:var(--radius-md);background-image:linear-gradient(110deg, #182d4af5, rgb(var(--color-primary-rgb) / 82%)), url(/images/smart-distribution-box-custom/hero-bg.jpg);color:var(--color-surface);background-position:50%;background-size:cover;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(28px,6vw,84px);margin-left:calc(50% - 50vw);display:grid;position:relative;overflow:hidden}.custom-hero__copy{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.custom-hero h1,.custom-hero p{color:var(--color-surface)}.custom-hero h1{max-width:17ch}.custom-hero__copy>p:last-of-type{max-width:54ch;color:rgb(var(--color-white-rgb) / 84%);margin-top:24px;font-size:1.0625rem}.custom-hero .actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.custom-hero__media{background:0 0;border:0;justify-content:center;align-items:center;min-height:280px;margin:0;padding:0;display:flex;position:relative}.custom-hero__media img{object-fit:contain;width:100%;max-height:360px;display:block}.custom-value-section,.custom-process-section{background:var(--color-surface)}.custom-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.custom-value-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;min-height:250px;padding:24px;display:flex}.custom-value-card h3{margin-top:18px;font-size:1.35rem}.custom-value-card>p{color:var(--color-text-muted);margin-top:8px;font-size:.9375rem}.custom-page .custom-value-card__label{color:var(--color-primary);font-weight:700}.custom-page .custom-value-card__result{border-top:1px solid var(--color-border);margin-top:auto;padding-top:18px}.custom-value-card__result span{color:var(--color-accent);margin-bottom:4px;font-size:.8125rem;font-weight:700;display:block}.custom-options-section,.custom-cases-section{background:#f6f8fa}.custom-option-list{gap:52px;display:grid}.custom-option{grid-template-columns:minmax(280px,.64fr) minmax(0,1.36fr);align-items:center;gap:clamp(24px,5vw,64px);padding-top:12px;display:grid}.custom-option+.custom-option{border-top:1px solid var(--color-border);padding-top:52px}.custom-option--reverse{grid-template-columns:minmax(0,1.36fr) minmax(280px,.64fr)}.custom-option--reverse .custom-option__media{order:2}.custom-option__media{border-radius:var(--radius-md);background:var(--color-primary-soft);box-shadow:var(--shadow-subtle);margin:0;position:relative;overflow:hidden}.custom-option__media:after{background:var(--color-accent);content:"";opacity:.9;border-radius:999px;height:3px;position:absolute;bottom:14px;left:14px;right:14px}.custom-option__media img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.custom-option__content{min-width:0}.custom-option__heading{align-items:center;gap:14px;display:flex}.custom-option__number,.custom-process-card__number{background:var(--color-index);color:var(--color-surface);font-family:var(--font-family-index);font-size:var(--font-size-index-label);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-index);line-height:var(--line-height-index);border-radius:10px;place-items:center;display:inline-grid}.custom-option__number{flex:0 0 42px;width:42px;height:42px}.custom-option__heading h3{font-size:clamp(1.5rem,3vw,2rem)}.custom-option__intro{color:var(--color-text-muted);margin-top:18px}.custom-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:24px;display:grid}.custom-detail{border-top:1px solid var(--color-border);padding:18px 0}.custom-detail h4{color:var(--color-primary);font-size:1.0625rem}.custom-detail p{color:var(--color-text-muted);margin-top:8px;font-size:.9375rem;line-height:1.65}.custom-page .custom-detail__example{border-left:2px solid rgb(var(--color-accent-rgb) / 45%);color:var(--color-text);padding-left:12px}.custom-detail__example span{color:var(--color-accent);margin-bottom:2px;font-size:.8125rem;font-weight:700;display:block}.custom-cases-heading{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:end;gap:clamp(24px,6vw,72px);max-width:none;display:grid}.custom-cases-heading>p{margin-bottom:2px}.custom-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.custom-case-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 6px 20px rgb(var(--color-primary-rgb) / 5%);overflow:hidden}.custom-case-card__media{background:var(--color-primary);margin:0;position:relative}.custom-case-card__media:after{content:"";background:linear-gradient(#0000 48%,#14233ab8);position:absolute;inset:0}.custom-case-card__media img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.custom-case-card__media figcaption{z-index:1;color:var(--color-surface);font-size:1.25rem;font-weight:700;position:absolute;bottom:14px;left:18px;right:18px}.custom-case-card__body{gap:16px;padding:22px;display:grid}.custom-case-card__row{grid-template-columns:4.5em 1fr;align-items:start;gap:10px;display:grid}.custom-case-card__row strong{color:var(--color-primary);font-size:.875rem}.custom-case-card__row p{color:var(--color-text-muted);font-size:.875rem;line-height:1.65}.custom-process-heading{text-align:center;max-width:760px;margin-inline:auto}.custom-process-heading p:last-child{margin-inline:auto}.custom-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.custom-process-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:22px}.custom-process-card__number{width:38px;height:38px}.custom-process-card h3{margin-top:16px;font-size:1.25rem}.custom-process-card__item{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.custom-process-card__item strong{color:var(--color-text-muted);font-size:.8125rem}.custom-process-card__item p{color:var(--color-text-muted);margin-top:6px;font-size:.9375rem}.custom-process-card__item--handoff strong{color:var(--color-accent)}.custom-requirements{background:var(--color-primary-soft);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:clamp(28px,6vw,80px);display:grid}.custom-requirements.site-cta{padding-inline:max(var(--page-gutter), calc((100vw - var(--container-max)) / 2))}.custom-requirements__copy h2{max-width:20ch}.custom-requirements__copy>p:last-of-type{max-width:62ch;color:var(--color-text-muted);margin-top:18px}.custom-requirements__list{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.custom-requirements__list li{color:var(--color-primary);align-items:center;gap:10px;font-weight:600;display:flex}.custom-requirements__list .icon{color:var(--color-accent);flex:0 0 18px}.custom-requirements__action{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle);gap:14px;padding:28px;display:grid}.custom-requirements__action>.icon{color:var(--color-accent)}.custom-requirements__action p{color:var(--color-text-muted)}.custom-requirements__action .site-button{width:fit-content;margin-top:4px}@media (width<=980px){.custom-hero,.custom-option,.custom-option--reverse,.custom-requirements{grid-template-columns:1fr}.custom-hero__media{min-height:220px}.custom-option--reverse .custom-option__media{order:0}.custom-cases-heading{grid-template-columns:1fr;gap:14px}.custom-case-grid,.custom-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.custom-hero{min-height:0;padding-top:calc(var(--header-height-compact) + 28px)}.custom-hero h1{font-size:clamp(2.3rem,12vw,3.25rem)}.custom-hero__media{min-height:180px}.custom-hero .actions,.custom-hero .site-button,.custom-requirements__action .site-button{width:100%}.custom-value-grid,.custom-case-grid,.custom-process-grid,.custom-detail-grid{grid-template-columns:1fr}.custom-option-list{gap:32px}.custom-option+.custom-option{padding-top:32px}.custom-case-card__body{padding:18px}.custom-case-card__row{grid-template-columns:1fr;gap:4px}.custom-requirements__action{padding:22px}}