/* Dream Dwell for Business — page-specific styles.
   Loaded after /styles.css and relies on its :root tokens, base
   typography, .btn, .site-header, .section-pad, .eyebrow,
   .section-heading, .hero-actions, .text-link, and the talk-dialog
   rules. Only additions specific to this page live here. */

.nav a[aria-current="page"]{color:var(--cyan)}

/* Full-bleed alternating bands, padded to the shared --content container
   (same pattern as the homepage sections) */
.paths,.pricing,.process,.keep,.enterprise,.faq,.business-close{max-width:none;padding-left:max(var(--gutter),calc((100% - var(--content))/2));padding-right:max(var(--gutter),calc((100% - var(--content))/2))}
.pricing,.keep,.faq{background:var(--panel)}
.enterprise{background:var(--panel-2)}

/* 1 — Hero */
.business-hero>*{max-width:900px}
.business-hero h1{font-size:clamp(2.6rem,5.4vw,5.6rem)}
.business-lede{color:var(--wire);font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:780px}

/* 2 — Choose your path */
.paths{padding-top:0}
.path-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:32px}
.path-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:6px;display:flex;flex-direction:column;padding:clamp(24px,3vw,36px);transition:background .2s,border-color .2s,transform .2s}
.path-card:hover{background:var(--panel-2);transform:translateY(-3px)}
.path-small{border-top:2px solid var(--cyan)}
.path-enterprise{border-top:2px solid var(--amber)}
.path-small:hover{border-color:var(--cyan)}
.path-enterprise:hover{border-color:var(--amber)}
.path-tag{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.path-small .path-tag{color:var(--cyan)}
.path-enterprise .path-tag{color:var(--amber)}
.path-card h3{font-size:1.5rem;margin:18px 0 12px}
.path-card p{flex:1;font-size:15px}
.path-go{color:var(--bone);font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600}
.path-go span{color:var(--cyan)}

/* 3 — Small Business pricing */
.price-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:56px}
.price-card{background:var(--panel-2);border:1px solid var(--panel-line);border-radius:6px;display:flex;flex-direction:column;padding:28px 24px;position:relative}
.price-card-featured{border-color:var(--cyan)}
.price-card h3{font-size:1.2rem;margin-bottom:10px}
.price{color:var(--bone);font-family:"Space Grotesk",sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:14px}
.price span{color:var(--wire);font-size:1rem;font-weight:500}
.price-summary{font-size:14px}
.price-card ul{border-top:1px solid var(--panel-line);flex:1;list-style:none;margin:6px 0 24px;padding:16px 0 0}
.price-card li{color:var(--bone);font-size:14px;line-height:1.5;padding:6px 0 6px 20px;position:relative}
.price-card li:before{color:var(--cyan);content:"✓";left:0;position:absolute}
.price-actions{display:grid;gap:10px;margin-top:auto}
.price-actions .btn{font-size:12px;padding-inline:14px;width:100%}
.price-terms{color:var(--wire-dim);font-size:13px;margin-top:28px;max-width:900px}

/* 4 — 5-day process */
.sprint-steps{background:var(--panel-line);border:1px solid var(--panel-line);display:grid;gap:1px;grid-template-columns:repeat(5,1fr);list-style:none;margin:56px 0 0;padding:0}
.sprint-steps li{background:var(--void);padding:26px 22px}
.sprint-steps span{color:var(--amber);font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sprint-steps li:last-child span{color:var(--cyan)}
.sprint-steps h3{font-size:1.2rem;margin:14px 0 8px}
.sprint-steps p{font-size:14px;margin:0}

/* 5 — What you keep */
.keep-inner{border-left:2px solid var(--cyan);max-width:860px;padding-left:clamp(20px,3vw,36px)}
.keep h2{font-size:clamp(1.6rem,2.8vw,2.4rem)}
.keep-inner p:last-child{color:var(--bone);font-size:1.1rem;margin:0}

/* 6 — Mid-Market & Enterprise */
.engagement-table{border-collapse:collapse;margin-top:44px;max-width:860px;width:100%}
.engagement-table th{border-bottom:1px solid var(--panel-line);color:var(--amber);font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.08em;padding:0 0 12px;text-align:left;text-transform:uppercase}
.engagement-table td{border-bottom:1px solid var(--panel-line);color:var(--bone);font-size:15px;padding:16px 16px 16px 0}
.engagement-table td:last-child,.engagement-table th:last-child{padding-right:0;text-align:right;white-space:nowrap}
.engagement-table td:last-child{color:var(--cyan);font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:600}
.enterprise-note{font-size:14px;margin-top:20px;max-width:860px}

/* 7 — FAQ */
.faq-list{display:grid;gap:1px;background:var(--panel-line);border:1px solid var(--panel-line);grid-template-columns:1fr 1fr;margin:56px 0 0}
.faq-list div{background:var(--panel-2);padding:26px}
.faq-list dt{color:var(--bone);font-family:"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:10px}
.faq-list dd{color:var(--wire);font-size:14.5px;margin:0}

/* 8 — Closing CTA */
.close-inner{max-width:860px}
.close-inner .btn{margin-top:8px}
.close-line{color:var(--wire);margin:28px 0 16px}
.close-line strong{color:var(--bone);white-space:nowrap}
.close-contacts{display:flex;flex-wrap:wrap;gap:28px}

@media(max-width:1200px){.price-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.sprint-steps{grid-template-columns:1fr}}
@media(max-width:760px){.path-grid,.price-grid,.faq-list{grid-template-columns:1fr}.engagement-table td{font-size:14px}}
@media(prefers-reduced-motion:reduce){.path-card{transition:none}.path-card:hover{transform:none}}
