/* ============================================================
   BORG 360 — Content pages (services, about, contact)
   ============================================================ */

/* page hero */
.page-hero { text-align: center; padding-top: clamp(4rem,3rem+5vw,7rem); }
.page-hero .section-title { font-size: var(--fs-3xl); }

/* alternating feature split */
.feature-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.6rem,1rem+3vw,4rem); align-items: center; }
.feature-split + .feature-split { margin-top: clamp(3rem,2rem+4vw,6rem); }
.feature-split.is-rev .feature-split__media { order: -1; }
@media (max-width: 860px) { .feature-split { grid-template-columns: 1fr; } .feature-split.is-rev .feature-split__media { order: 0; } }
.feature-split h2 { font-size: var(--fs-xl); margin-bottom: 1rem; }
.feature-split p { color: var(--text-dim); }
.feature-split__media { position: relative; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--hairline-strong); background: var(--grad-soft); min-height: 280px; display: grid; place-items: center; box-shadow: var(--shadow); }
.feature-split .check-list { margin-top: 1.4rem; }
.tag-grid { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.4rem; }

/* big illustrative glyph inside media panels */
.media-glyph { width: 120px; height: 120px; opacity: .9; filter: drop-shadow(0 10px 30px rgba(123,63,228,.5)); }
.media-orbit { position: absolute; inset: 0; }
.media-orbit::before, .media-orbit::after { content: ""; position: absolute; border: 1px solid var(--hairline); border-radius: 50%; }
.media-orbit::before { inset: 12% 12%; }
.media-orbit::after { inset: 26% 26%; border-style: dashed; opacity: .5; }

/* acronym breakdown */
.acronym { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
@media (max-width: 760px) { .acronym { grid-template-columns: repeat(2, 1fr); } }
.acronym__cell { text-align: center; padding: 1.4rem 1rem; }
.acronym__letter { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-2xl); line-height: 1; }
.acronym__word { display: block; margin-top: .5rem; font-size: var(--fs-sm); color: var(--text-dim); }
.acronym__cell:last-child { grid-column: span 1; }

/* values */
.value-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%,260px),1fr)); }

/* contact layout */
.contact-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(1.6rem,1rem+3vw,3.5rem); align-items: start; }
@media (max-width: 880px) { .contact-grid { grid-template-columns: 1fr; } }
.contact-aside .card { margin-bottom: 1.2rem; }
.contact-method { display: flex; gap: .9rem; align-items: flex-start; }
.contact-method .icon-badge { width: 44px; height: 44px; margin: 0; flex: 0 0 auto; }
.contact-method h4 { font-size: var(--fs-sm); font-family: var(--font-display); }
.contact-method p, .contact-method a { font-size: var(--fs-sm); color: var(--text-dim); }
.contact-method a:hover { color: var(--text); }
.next-steps { counter-reset: ns; display: grid; gap: 1rem; }
.next-steps li { display: flex; gap: .8rem; align-items: flex-start; font-size: var(--fs-sm); color: var(--text-dim); }
.next-steps li::before { counter-increment: ns; content: counter(ns); flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: var(--grad-brand); color: #fff; display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; font-size: .8rem; }

/* form feedback */
.form-status { margin-top: 1rem; padding: .9rem 1.1rem; border-radius: var(--radius); font-size: var(--fs-sm); display: none; }
.form-status.is-error { display: block; background: rgba(255,107,74,.12); border: 1px solid rgba(255,107,74,.4); color: #ffb4a0; }
.form-status.is-ok { display: block; background: rgba(46,230,166,.1); border: 1px solid rgba(46,230,166,.4); color: #79f0c8; }
.field-error { color: #ffb4a0; font-size: var(--fs-xs); }