/* Page styles for /industries/healthcare/  (from best_ref/Besto-final Industry page-Healthcare.html) */
:root{--orange:#f56622;--orange2:#df5315;--ink:#111318;--muted:#68717c;--dark:#111214;--soft:#f7f7f6;--line:#e6e7e9;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(var(--max),calc(100% - 42px));margin:auto}
h1,h2,h3{line-height:1.12;letter-spacing:-.035em}
h1{font-size:clamp(43px,5.7vw,72px)}
h2{font-size:clamp(33px,4vw,51px)}
h3{font-size:21px}
.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:850;color:var(--orange);margin-bottom:13px}
.lead{font-size:18px;color:var(--muted);max-width:800px}
.section{padding:96px 0}
.soft{background:var(--soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:9px;font-size:14px;font-weight:800;border:1px solid transparent;transition:.2s}
.primary{background:var(--orange);color:#fff}
.primary:hover{background:var(--orange2);transform:translateY(-2px)}
.secondary{background:#fff;border-color:#d9dce0}
.secondary:hover{border-color:var(--orange);color:var(--orange)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero{padding:112px 0 90px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}
.hero h1 span{color:var(--orange)}
.hero-copy{margin-top:23px}
.hero-art{min-height:460px;border-radius:28px;background:var(--dark);position:relative;overflow:hidden;padding:28px;display:flex;align-items:flex-end}
.hero-art:before{content:"";position:absolute;width:480px;height:480px;right:-190px;top:-215px;border-radius:50%;background:radial-gradient(circle,var(--orange),transparent 67%)}
.med-orbit{position:absolute;inset:42px;border:1px solid #ffffff1d;border-radius:50%}
.med-orbit:before,.med-orbit:after{content:"";position:absolute;border:1px dashed #ffffff18;border-radius:50%}
.med-orbit:before{inset:50px}
.med-orbit:after{inset:105px}
.cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff20;z-index:2}
.cross:before,.cross:after{content:"";position:absolute;background:var(--orange);border-radius:4px;left:50%;top:50%;transform:translate(-50%,-50%)}
.cross:before{width:34px;height:9px}
.cross:after{width:9px;height:34px}
.tag{position:absolute;color:#fff;background:#ffffff0c;border:1px solid #ffffff1c;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:750}
.t1{left:22px;top:70px}
.t2{right:24px;top:96px}
.t3{left:30px;bottom:130px}
.t4{right:28px;bottom:83px}
.hero-card{position:relative;z-index:3;background:#ffffff0d;border:1px solid #ffffff1d;border-radius:17px;padding:20px;width:100%;color:#fff}
.hero-card strong{display:block;font-size:17px}
.hero-card p{font-size:12px;color:#c5cad0;margin-top:4px}
.two{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}
.copy p{font-size:17px;color:var(--muted);margin-bottom:17px}
.note{margin-top:24px;padding:23px;border-left:3px solid var(--orange);background:#fff7f2;border-radius:0 13px 13px 0;font-weight:750}
.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}
.card{padding:26px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000000a}
.card h3{font-size:19px;margin-bottom:8px}
.card p{font-size:13px;color:var(--muted)}
.journey{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.journey-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.journey-flow div{padding:21px 8px;text-align:center;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12px;font-weight:800}
.journey-flow div:last-child{background:var(--orange);border-color:var(--orange);color:#fff}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:43px}
.service{padding:26px;border:1px solid var(--line);border-radius:17px;background:#fff}
.service .no{font-size:10px;color:var(--orange);font-weight:850;letter-spacing:1px}
.service h3{font-size:19px;margin:9px 0}
.service p{font-size:13px;color:var(--muted)}
.service a{display:inline-block;color:var(--orange);font-size:12px;font-weight:850;margin-top:16px}
.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:43px}
.challenge{padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff}
.challenge h3{font-size:19px;margin-bottom:7px}
.challenge p{font-size:13px;color:var(--muted)}
.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}
.intent{padding:25px;border:1px solid var(--line);border-radius:16px}
.intent strong{display:block;font-size:16px;margin-bottom:6px}
.intent p{font-size:13px;color:var(--muted)}
.local{margin-top:42px;padding:34px;border-radius:22px;background:var(--dark);color:#fff}
.local-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}
.local-flow div{padding:18px 8px;text-align:center;border:1px solid #ffffff1a;border-radius:10px;font-size:12px}
.web-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:42px}
.web-card{padding:29px;border:1px solid var(--line);border-radius:18px}
.web-card h3{font-size:19px}
.web-card p{font-size:14px;color:var(--muted);margin-top:8px}
.expert{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.expert-box{padding:36px;border-radius:22px;background:var(--dark);color:#fff;border-left:5px solid var(--orange)}
.expert-box p{color:#c1c6cd;font-size:14px;margin-top:11px}
.optimize{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}
.optimize .card{background:#fff}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}
.process div{padding:25px 24px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;min-height:165px}
.process b{display:block;color:var(--orange);font-size:10px;letter-spacing:1px;margin-bottom:9px}
.process strong{display:block;font-size:16px;letter-spacing:.02em;margin-bottom:8px}
.process p{font-size:12.5px;line-height:1.6;color:var(--muted);font-weight:400}
.process-detailed div:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000000a;border-color:#d9dbde}
.proof{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:42px}
.proof-card{padding:30px;border:1px solid var(--line);border-radius:19px;background:#fff}
.proof-card h3{font-size:19px}
.proof-card p{font-size:14px;color:var(--muted);margin-top:8px}
.outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}
.outcome{padding:27px;border-radius:17px;background:#fff;border:1px solid var(--line)}
.outcome strong{display:block;font-size:17px;margin-bottom:7px}
.outcome p{font-size:13px;color:var(--muted)}
.faq{max-width:900px;margin:42px auto 0}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{list-style:none;cursor:pointer;font-weight:800;padding-right:30px;position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;color:var(--orange);font-size:21px}
details[open] summary:after{content:"−"}
details p{padding-top:10px;color:var(--muted);font-size:14px}
.cta{background:var(--orange);color:#fff;text-align:center;padding:88px 20px}
.cta .lead{color:#fff;opacity:.94;margin:18px auto 0}
@media(max-width:1050px){
  .service-grid,.business-grid{grid-template-columns:repeat(2,1fr)}
  .challenge-grid{grid-template-columns:repeat(2,1fr)}
  .outcomes{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .hero{padding:88px 0 70px}
  .hero-grid,.two,.journey,.expert{grid-template-columns:1fr;gap:42px}
  .section{padding:75px 0}
  .hero-art{min-height:390px}
  .intent-grid,.web-grid,.proof{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .container{width:calc(100% - 30px)}
  h1{font-size:42px}
  h2{font-size:34px}
  .lead{font-size:16px}
  .actions{flex-direction:column}
  .btn{width:100%}
  .hero-art{min-height:330px;padding:18px}
  .tag{font-size:9px}
  .t1{left:13px;top:48px}
  .t2{right:13px;top:75px}
  .t3{left:17px;bottom:110px}
  .t4{right:15px;bottom:65px}
  .service-grid,.business-grid,.challenge-grid,.intent-grid,.web-grid,.proof,.outcomes{grid-template-columns:1fr}
  .journey-flow{grid-template-columns:1fr 1fr}
  .local-flow{grid-template-columns:1fr 1fr}
  .process{grid-template-columns:1fr}
}