/* SurveyAll Phase 2E-2: Cracks & Structural Movement specialist pathway.
   Extends Phase 2E-1 without changing the approved homepage hero. */
.sa2e-breadcrumb { background:#f5f8fa; border-bottom:1px solid #e0e7eb; }
.sa2e-breadcrumb .sa2e-shell { min-height:46px; display:flex; gap:9px; align-items:center; color:#6b7d8c; font:500 12px/1.2 Inter,Arial,sans-serif; }
.sa2e-breadcrumb a { color:#345b70; text-decoration:none; }
.sa2e-breadcrumb a:hover { color:#0a8067; }

.sa2e-crack-hero { overflow:hidden; position:relative; background:linear-gradient(115deg,#032a45 0%,#064663 100%); color:#fff; }
.sa2e-crack-hero::after { content:""; position:absolute; width:560px; height:560px; border-radius:50%; right:-150px; top:-230px; background:radial-gradient(circle,rgba(38,180,167,.22),rgba(38,180,167,0) 68%); pointer-events:none; }
.sa2e-crack-hero-grid { position:relative; z-index:1; min-height:570px; display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,.82fr); align-items:center; gap:62px; padding-block:72px; }
.sa2e-crack-copy .sa2e-kicker { color:#79ddd4; }
.sa2e-crack-copy h1 { max-width:720px; margin:0; color:#fff; font:650 clamp(44px,5.1vw,72px)/1.02 Inter,Arial,sans-serif; letter-spacing:-.045em; }
.sa2e-crack-lead { max-width:730px; margin:20px 0 0; color:#e8f2f7; font:400 18px/1.64 Inter,Arial,sans-serif; }
.sa2e-crack-actions { margin-top:28px; display:flex; flex-wrap:wrap; gap:11px; }
.sa2e-crack-primary,.sa2e-crack-secondary { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 18px; border-radius:11px; text-decoration:none; font:700 13px/1.2 Inter,Arial,sans-serif; }
.sa2e-crack-primary { color:#fff; background:#0c9b79; box-shadow:0 10px 22px rgba(0,0,0,.13); }
.sa2e-crack-primary:hover { color:#fff; background:#0a896c; }
.sa2e-crack-secondary { color:#fff; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.08); }
.sa2e-crack-secondary:hover { color:#fff; background:rgba(255,255,255,.13); }
.sa2e-crack-proof { margin-top:24px; display:flex; flex-wrap:wrap; gap:10px; }
.sa2e-crack-proof span { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.2); color:#dcecf3; font:500 11px/1.2 Inter,Arial,sans-serif; }
.sa2e-crack-proof i { color:#73d9d0; }

.sa2e-crack-diagram { padding:26px; border-radius:22px; background:rgba(255,255,255,.96); color:#163a51; box-shadow:0 24px 60px rgba(0,0,0,.2); }
.sa2e-crack-wall { height:245px; position:relative; overflow:hidden; border-radius:15px; background:#d89064; box-shadow:inset 0 0 0 1px rgba(100,49,20,.16); }
.sa2e-brick { position:absolute; height:63px; border:2px solid rgba(255,255,255,.62); border-radius:3px; background:linear-gradient(135deg,#d47e50,#c86841); }
.sa2e-brick.b1{left:-2%;top:-4px;width:36%}.sa2e-brick.b2{left:34%;top:-4px;width:35%}.sa2e-brick.b3{left:68%;top:-4px;width:34%}
.sa2e-brick.b4{left:-18%;top:59px;width:38%}.sa2e-brick.b5{left:19%;top:59px;width:43%}.sa2e-brick.b6{left:61%;top:59px;width:43%}
.sa2e-brick.b7{left:-2%;top:122px;width:36%}.sa2e-brick.b8{left:34%;top:122px;width:35%}.sa2e-brick.b9{left:68%;top:122px;width:34%}
.sa2e-crack-wall::after { content:""; position:absolute; left:0; right:0; bottom:0; height:61px; background:repeating-linear-gradient(90deg,#cc7449 0 31%,#eef0e8 31% 32%,#bd633e 32% 66%,#eef0e8 66% 67%,#d17a4e 67% 100%); border-top:2px solid rgba(255,255,255,.62); }
.sa2e-crack-wall svg { position:absolute; inset:10px auto auto 27%; width:52%; height:92%; z-index:4; color:#3e2a25; filter:drop-shadow(0 1px 0 rgba(255,255,255,.3)); }
.sa2e-crack-diagram-copy { padding:21px 5px 2px; }
.sa2e-diagram-tag { color:#0b8069; font:700 11px/1.3 Inter,Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; }
.sa2e-crack-diagram-copy h2 { margin:8px 0 12px; color:#15344e; font:700 24px/1.22 'Libre Baskerville',Georgia,serif; }
.sa2e-crack-diagram-copy ul { margin:0; padding:0; list-style:none; display:grid; gap:7px; }
.sa2e-crack-diagram-copy li { position:relative; padding-left:19px; color:#5d7183; font:500 12.5px/1.45 Inter,Arial,sans-serif; }
.sa2e-crack-diagram-copy li::before { content:""; width:7px; height:7px; border-radius:50%; background:#0b8c71; position:absolute; left:0; top:.5em; }

.sa2e-crack-intro { padding:62px 0; background:#fff; }
.sa2e-crack-intro-grid { display:grid; grid-template-columns:minmax(300px,.7fr) minmax(0,1fr); gap:70px; align-items:start; }
.sa2e-crack-intro h2,.sa2e-crack-useful h2,.sa2e-crack-engineer h2,.sa2e-crack-local h2 { margin:0; color:#15344e; font:700 clamp(31px,3.4vw,48px)/1.14 'Libre Baskerville',Georgia,serif; letter-spacing:-.03em; }
.sa2e-crack-intro-grid > div:last-child p { margin:0 0 14px; color:#526b7e; font:400 15px/1.72 Inter,Arial,sans-serif; }

.sa2e-crack-assess { padding:62px 0 70px; background:#f6f8fa; border-block:1px solid #e4eaee; }
.sa2e-crack-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.sa2e-crack-card-grid article { min-height:245px; padding:24px 22px; border-radius:15px; border:1px solid #dfe7eb; background:#fff; box-shadow:0 7px 20px rgba(15,47,67,.045); }
.sa2e-crack-card-grid article > span { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#e8f5f2; color:#087e67; font:700 12px/1 Inter,Arial,sans-serif; }
.sa2e-crack-card-grid h3 { margin:20px 0 8px; color:#17394f; font:700 18px/1.3 'Libre Baskerville',Georgia,serif; }
.sa2e-crack-card-grid p { margin:0; color:#607487; font:400 13px/1.62 Inter,Arial,sans-serif; }

.sa2e-crack-useful { padding:70px 0; background:#fff; }
.sa2e-crack-useful-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.58fr); gap:58px; align-items:start; }
.sa2e-crack-useful-copy ul,.sa2e-compare-grid ul { margin:24px 0 0; padding:0; list-style:none; display:grid; gap:11px; }
.sa2e-crack-useful-copy li,.sa2e-compare-grid li { position:relative; padding-left:27px; color:#526b7e; font:400 14px/1.55 Inter,Arial,sans-serif; }
.sa2e-crack-useful-copy li::before,.sa2e-compare-grid li::before { content:"✓"; position:absolute; left:0; top:0; color:#078467; font-weight:800; }
.sa2e-crack-note { padding:28px; border-radius:16px; color:#fff; background:linear-gradient(145deg,#073753,#0b5065); box-shadow:0 17px 38px rgba(12,45,65,.13); }
.sa2e-crack-note > i { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; color:#032f45; background:#79ded4; font-size:21px; }
.sa2e-crack-note h3 { margin:19px 0 9px; color:#fff; font:700 21px/1.3 'Libre Baskerville',Georgia,serif; }
.sa2e-crack-note p { margin:0; color:#dfedf3; font:400 13px/1.65 Inter,Arial,sans-serif; }

.sa2e-crack-report { padding:66px 0; background:#f7f9fb; border-block:1px solid #e2e8ec; }
.sa2e-report-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sa2e-report-grid > div { padding:24px 20px; border-radius:14px; background:#fff; border:1px solid #e0e7eb; }
.sa2e-report-grid i { color:#0a8067; font-size:27px; }
.sa2e-report-grid h3 { margin:17px 0 7px; color:#173a50; font:700 16px/1.3 Inter,Arial,sans-serif; }
.sa2e-report-grid p { margin:0; color:#617587; font:400 12.5px/1.6 Inter,Arial,sans-serif; }

.sa2e-crack-engineer { padding:72px 0; background:#fff; }
.sa2e-crack-engineer-grid { display:grid; grid-template-columns:minmax(300px,.65fr) minmax(0,1fr); gap:55px; align-items:start; }
.sa2e-crack-engineer-grid > div:first-child > p:last-child { color:#5a7183; font:400 14px/1.67 Inter,Arial,sans-serif; margin:16px 0 0; }
.sa2e-compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.sa2e-compare-grid article { padding:24px; border-radius:15px; border:1px solid #dce6ea; background:#fbfcfd; }
.sa2e-compare-grid article:last-child { background:#f2f7f8; }
.sa2e-compare-grid h3 { margin:0; color:#17394f; font:700 18px/1.3 'Libre Baskerville',Georgia,serif; }
.sa2e-compare-grid ul { margin-top:16px; }
.sa2e-compare-grid li { font-size:12.5px; }

.sa2e-crack-faq { padding:66px 0; background:#f6f8fa; border-top:1px solid #e3e9ed; }
.sa2e-faq-list { max-width:920px; margin:0 auto; display:grid; gap:9px; }
.sa2e-faq-list details { border:1px solid #dde6ea; border-radius:12px; background:#fff; overflow:hidden; }
.sa2e-faq-list summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; color:#17394f; font:700 14px/1.4 Inter,Arial,sans-serif; }
.sa2e-faq-list summary::-webkit-details-marker { display:none; }
.sa2e-faq-list summary i { color:#0a8067; transition:transform .2s ease; }
.sa2e-faq-list details[open] summary i { transform:rotate(45deg); }
.sa2e-faq-list details p { margin:0; padding:0 20px 19px; color:#5e7385; font:400 13px/1.65 Inter,Arial,sans-serif; }

.sa2e-crack-local { padding:58px 0; color:#fff; background:linear-gradient(110deg,#032a45,#07516a); }
.sa2e-crack-local .sa2e-kicker { color:#76ddd2; }
.sa2e-crack-local h2 { color:#fff; max-width:850px; }
.sa2e-crack-local p:last-child { max-width:820px; margin:13px 0 0; color:#dfeef4; font:400 14px/1.65 Inter,Arial,sans-serif; }
.sa2e-crack-local-grid { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.sa2e-crack-local-actions { display:flex; flex-direction:column; gap:9px; min-width:220px; }
.sa2e-crack-local .sa2e-crack-secondary.light { color:#fff; text-align:center; }

@media (max-width:1080px) {
  .sa2e-crack-hero-grid { grid-template-columns:minmax(0,1fr) minmax(340px,.75fr); gap:34px; }
  .sa2e-crack-card-grid,.sa2e-report-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sa2e-crack-engineer-grid { grid-template-columns:1fr; }
  .sa2e-crack-intro-grid { gap:38px; }
}

@media (max-width:760px) {
  .sa2e-breadcrumb .sa2e-shell { min-height:42px; overflow:auto; white-space:nowrap; }
  .sa2e-crack-hero-grid { min-height:auto; grid-template-columns:1fr; gap:30px; padding-block:48px; }
  .sa2e-crack-copy h1 { font-size:clamp(38px,11vw,52px); }
  .sa2e-crack-lead { font-size:15px; line-height:1.58; }
  .sa2e-crack-actions { display:grid; grid-template-columns:1fr; }
  .sa2e-crack-primary,.sa2e-crack-secondary { width:100%; }
  .sa2e-crack-proof { display:grid; grid-template-columns:1fr; }
  .sa2e-crack-diagram { padding:18px; border-radius:16px; }
  .sa2e-crack-wall { height:205px; }
  .sa2e-crack-diagram-copy h2 { font-size:20px; }
  .sa2e-crack-intro { padding:46px 0; }
  .sa2e-crack-intro-grid,.sa2e-crack-useful-grid { grid-template-columns:1fr; gap:28px; }
  .sa2e-crack-card-grid,.sa2e-report-grid { grid-template-columns:1fr; }
  .sa2e-crack-card-grid article { min-height:0; }
  .sa2e-crack-assess,.sa2e-crack-report,.sa2e-crack-faq { padding:48px 0; }
  .sa2e-crack-useful,.sa2e-crack-engineer { padding:52px 0; }
  .sa2e-compare-grid { grid-template-columns:1fr; }
  .sa2e-crack-local-grid { align-items:flex-start; flex-direction:column; }
  .sa2e-crack-local-actions { width:100%; min-width:0; }
}

@media (max-width:420px) {
  .sa2e-crack-copy h1 { font-size:37px; }
  .sa2e-crack-diagram { padding:14px; }
  .sa2e-crack-wall { height:180px; }
}