.business-page { width: min(100% - 2rem, 1180px); margin: 0 auto; padding: 2rem 0 5rem; }
.business-hero { min-height: 390px; display: grid; grid-template-columns: 1.35fr .65fr; gap: 3rem; align-items: center; padding: clamp(2rem,5vw,4rem); border-radius: 28px; background: #242421; color: #fff; overflow: hidden; }
.business-kicker,.business-step { margin: 0 0 .8rem; color: #ef8060; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.business-hero h1 { margin: 0; max-width: 13ch; font-size: clamp(2.5rem,5vw,4.6rem); line-height: .98; letter-spacing: -.06em; }
.business-lead { max-width: 58ch; margin: 1.4rem 0; color: rgba(255,255,255,.68); font-size: 1.05rem; }
.business-hero-actions { display: flex; gap: 1.2rem; align-items: center; }
.business-mobile-actions { display: none; }
.business-text-link { color: #fff; font-weight: 700; text-decoration: none; }
.business-hero-card { aspect-ratio: 1; display: flex; flex-direction: column; justify-content: center; padding: 2rem; border-radius: 50%; background: #f17856; transform: rotate(4deg); }
.business-hero-card span { font-size: .9rem; }.business-hero-card strong { font-size: clamp(2.6rem,5vw,4rem); line-height: 1; }.business-hero-card small { max-width: 16ch; margin-top: .5rem; }
.business-calculator { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 2rem; align-items: start; margin-top: 2rem; padding: clamp(1.5rem,4vw,3rem); border: 1px solid var(--line); border-radius: 28px; background: #fff; }
.business-config h2 { margin: 0 0 .5rem; font-size: 1.7rem; letter-spacing: -.04em; }.business-config .business-step:not(:first-child) { margin-top: 2.5rem; }
.business-design-options { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.business-option { display: grid; grid-template-columns: auto 1fr; gap: .1rem .7rem; padding: 1.1rem; border: 1px solid var(--line); border-radius: 14px; text-decoration: none; }.business-option:hover { border-color: var(--accent); }.business-option > span { grid-row: 1/3; width: 2.3rem; height: 2.3rem; display: grid; place-items: center; border-radius: 50%; background: #f8e5da; color: var(--accent); }.business-option small { color: var(--muted); }
.business-hint { color: var(--muted); }.business-sizes { display: grid; gap: .55rem; }.business-sizes label { display: flex; justify-content: space-between; align-items: center; padding: .7rem .85rem; border: 1px solid var(--line); border-radius: 12px; font-weight: 800; }.business-qty { display: grid; grid-template-columns: 2.2rem 4rem 2.2rem; }.business-qty button,.business-qty input { min-height: 2.2rem; border: 0; background: #f7f2ee; text-align: center; }.business-qty button { cursor: pointer; font-size: 1.1rem; }.business-qty button:first-child { border-radius: 9px 0 0 9px; }.business-qty button:last-child { border-radius: 0 9px 9px 0; }.business-qty input { width: 100%; font-weight: 800; appearance: textfield; }
.business-summary { position: sticky; top: 8.5rem; padding: 1.5rem; border-radius: 20px; background: #f8eee7; }.business-summary-row,.business-total,.business-discount { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid rgba(43,42,38,.12); }.business-discount strong { color: var(--accent); }.business-total { align-items: end; border: 0; }.business-total strong { font-size: 2rem; letter-spacing: -.05em; }.business-summary-note { color: var(--muted); font-size: .8rem; }.business-order-button { width: 100%; margin: .5rem 0; }.business-summary > small { display: block; color: var(--muted); text-align: center; }
.business-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1rem; }.business-benefits article { padding: 1.5rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; }.business-benefits span { color: var(--accent); font-size: .75rem; font-weight: 800; }.business-benefits h3 { margin: 1rem 0 .35rem; }.business-benefits p { margin: 0; color: var(--muted); }
@media(max-width:800px){.business-page{padding-top:1rem}.business-hero{grid-template-columns:1fr}.business-hero-card{width:210px}.business-calculator{grid-template-columns:1fr;padding:1.2rem}.business-summary{position:static}.business-design-options,.business-benefits{grid-template-columns:1fr}.business-hero-actions{align-items:flex-start;flex-direction:column}.business-desktop-actions{display:none}.business-mobile-actions{display:flex}}