/* Aurora Health Membership - APPROVED MOCKUP MATCH v2.6.1
   Scope: reproduce the user-approved visual mockup for Home, Join and Services.
   Corporate palette, logo asset and approved Gabriela imagery are preserved.
*/
:root{
  --ahm-navy:#0B1F3A;
  --ahm-blue:#1268D8;
  --ahm-teal:#09AFA8;
  --ahm-teal-dark:#087C77;
  --ahm-mint:#E5F8F5;
  --ahm-ice:#F4FAFD;
  --ahm-line:#DCE7EF;
  --ahm-text:#122236;
  --ahm-muted:#5E7082;
  --ahm-white:#FFFFFF;
  --ahm-shadow:0 12px 34px rgba(11,31,58,.09);
}
*{box-sizing:border-box}
body.approved-page{margin:0;background:#fff;color:var(--ahm-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.45}
.approved-page a{text-decoration:none;color:inherit}
.approved-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}

/* Header: compact rectangular actions, exact mockup hierarchy. */
.approved-header{height:82px;background:#fff;position:relative;z-index:30;border-bottom:1px solid rgba(220,231,239,.6)}
.approved-header-inner{height:82px;display:flex;align-items:center;gap:28px}
.approved-logo{display:block;flex:0 0 auto;width:250px;line-height:0}
.approved-logo img{width:250px;height:auto;display:block;object-fit:contain}
.approved-nav{display:flex;align-items:center;gap:24px;margin-left:auto;white-space:nowrap}
.approved-nav a{font-size:13px;font-weight:650;color:#26384b;transition:.15s ease}
.approved-nav a:hover,.approved-nav a:focus-visible{color:var(--ahm-teal-dark)}
.approved-actions{display:flex;align-items:center;gap:10px;margin-left:4px}
.approved-action{height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0 15px;border:1px solid #C8D7E4;background:#fff;font-size:12px;font-weight:800;white-space:nowrap;color:var(--ahm-navy);box-shadow:0 3px 10px rgba(11,31,58,.035)}
.approved-action:hover{transform:translateY(-1px)}
.approved-action.lang::before{content:"◎";font-size:15px;margin-right:7px;color:var(--ahm-teal-dark);line-height:1}
.approved-action.join{background:#fff}
.approved-action.member{border-color:transparent;color:#fff;background:linear-gradient(115deg,#0B67B7,#09AFA8);padding-inline:18px}
.approved-menu-toggle{display:none;border:1px solid var(--ahm-line);border-radius:9px;background:#fff;width:42px;height:38px;font-size:20px;color:var(--ahm-navy)}

/* Home hero */
.approved-home-hero{background:#fff;overflow:hidden}
.approved-home-grid{display:grid;grid-template-columns:39% 61%;min-height:385px;position:relative}
.approved-home-copy{padding:42px 42px 28px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;background:linear-gradient(90deg,#fff 0%,#fff 83%,rgba(255,255,255,.92) 93%,rgba(255,255,255,0) 100%)}
.approved-kicker{display:inline-flex;align-self:flex-start;background:#DFF6F1;color:#08756F;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;margin-bottom:16px}
.approved-home-copy h1{margin:0 0 12px;color:var(--ahm-navy);font-size:52px;line-height:.97;letter-spacing:-.045em;font-weight:850}
.approved-home-copy h1 .gradient{display:block;background:linear-gradient(100deg,#1268D8 5%,#09AFA8 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.approved-home-copy p{margin:0;max-width:470px;color:#516579;font-size:15px;line-height:1.55}
.approved-hero-buttons{display:flex;gap:14px;margin-top:20px}
.approved-btn{height:42px;padding:0 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:12px;font-weight:850;transition:.15s ease}
.approved-btn:hover{transform:translateY(-1px)}
.approved-btn.primary{color:#fff;background:linear-gradient(110deg,#1268D8,#09AFA8)}
.approved-btn.outline{background:#fff;color:var(--ahm-navy);border-color:#C7D4DF}
.approved-hero-photo{position:relative;min-height:385px;overflow:hidden}
.approved-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block}
.approved-hero-photo:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:76px;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.72) 24%,rgba(255,255,255,0) 100%);pointer-events:none}

/* Value strip moved BELOW hero, as approved. */
.approved-value-wrap{background:#fff;position:relative;z-index:5}
.approved-value-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:var(--ahm-shadow);border:1px solid #E5EDF3;margin-top:-1px;border-radius:0 0 12px 12px;overflow:hidden}
.approved-value{min-height:88px;padding:15px 18px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;position:relative}
.approved-value:not(:last-child):after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:#E3EBF1}
.approved-icon-round{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#E8F8F6}
.approved-icon-round img{width:30px;height:30px;display:block}
.approved-value strong{display:block;font-size:12px;color:#132B43;margin-bottom:3px}
.approved-value p{margin:0;font-size:10.5px;line-height:1.35;color:#5B7083}

/* Four access block: heading left, four cards right. */
.approved-access-section{background:linear-gradient(90deg,#fff 0%,#fff 31%,#F1F9FD 31%,#EAF6FB 100%);padding:18px 0 25px}
.approved-access-layout{display:grid;grid-template-columns:31% 69%;align-items:center;gap:20px}
.approved-access-heading .approved-kicker{margin-bottom:10px;padding:6px 10px}
.approved-access-heading h2{margin:0;color:var(--ahm-navy);font-size:29px;line-height:1.03;letter-spacing:-.035em;max-width:300px}
.approved-access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.approved-access-card{min-height:142px;border:1px solid #D7E5EE;border-radius:13px;background:rgba(255,255,255,.92);padding:15px 14px 13px;box-shadow:0 5px 16px rgba(11,31,58,.035);display:flex;flex-direction:column;transition:.15s ease}
.approved-access-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(11,31,58,.075)}
.approved-access-card .card-icon{width:39px;height:39px;border-radius:11px;background:#E5F7F4;display:grid;place-items:center;margin-bottom:8px}
.approved-access-card .card-icon img{width:29px;height:29px}
.approved-access-card h3{font-size:12px;margin:0 0 5px;color:#15304A}
.approved-access-card p{font-size:10px;line-height:1.38;margin:0;color:#5A7084;flex:1}
.approved-access-card b{font-size:9.5px;color:#078A86;margin-top:8px}

/* Join page */
.approved-join-main{min-height:600px;background:linear-gradient(90deg,#fff 0 58%,#F5FAFD 58% 100%)}
.approved-join-grid{display:grid;grid-template-columns:59% 41%;min-height:600px}
.approved-join-content{padding:38px 36px 40px 0}
.approved-join-content h1{font-size:38px;line-height:1.02;letter-spacing:-.04em;margin:8px 0 9px;color:var(--ahm-navy);max-width:440px}
.approved-join-sub{font-size:12px;color:#64778A;margin:0 0 24px}
.approved-join-top{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end}
.approved-included{padding-bottom:5px}
.approved-included strong{font-size:11px;color:#15304A}
.approved-included ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px}
.approved-included li{font-size:10px;color:#536A7E;display:flex;gap:8px;align-items:flex-start}
.approved-included li:before{content:"✓";color:#08A39B;font-weight:900}
.approved-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:10px}
.approved-plan{border:1px solid #DEE8F0;border-radius:13px;background:#fff;padding:15px 14px;box-shadow:0 7px 20px rgba(11,31,58,.045);display:flex;flex-direction:column;min-height:282px}
.approved-plan-head{display:flex;gap:10px;align-items:center;margin-bottom:7px}
.approved-plan-icon{width:34px;height:34px;border-radius:50%;background:#E3F6F3;display:grid;place-items:center;flex:0 0 34px}
.approved-plan-icon img{width:23px;height:23px}
.approved-plan h3{font-size:12px;margin:0;color:#15304A}
.approved-plan .plan-desc{font-size:9px;color:#718091;margin-top:2px}
.approved-price-label{font-size:9px;color:#607589;margin-top:6px}
.approved-price{font-size:29px;font-weight:900;line-height:1;color:var(--ahm-navy);margin:2px 0 12px;letter-spacing:-.035em}
.approved-price small{font-size:11px;font-weight:750;margin-left:2px}
.approved-plan ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px}
.approved-plan li{font-size:9.4px;color:#53697C;display:flex;gap:7px}
.approved-plan li:before{content:"✓";color:#08A39B;font-weight:900}
.approved-plan .approved-btn{margin-top:auto;width:100%;height:36px;background:#075B9F;color:#fff;border-radius:6px;font-size:10px}
.approved-footnote{font-size:8.5px;color:#708092;margin-top:16px}
.approved-join-photo{position:relative;overflow:hidden;min-height:600px;background:#F5FAFD}
.approved-join-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}

/* Services page */
.approved-services-main{min-height:570px;padding:52px 0;background:linear-gradient(180deg,#fff 0%,#F8FBFD 100%)}
.approved-services-head{text-align:center;max-width:720px;margin:0 auto}
.approved-services-head .approved-kicker{align-self:center;margin-inline:auto;margin-bottom:11px}
.approved-services-head h1{font-size:39px;line-height:1.02;letter-spacing:-.04em;margin:0;color:var(--ahm-navy)}
.approved-services-head p{font-size:11px;color:#65788A;margin:10px auto 24px;max-width:600px}
.approved-service-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:0 auto 28px}
.approved-service-tile{min-height:96px;background:#fff;border:1px solid #E2EBF2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 5px 15px rgba(11,31,58,.035);font-size:9.5px;font-weight:800;color:#17314A;text-align:center;padding:10px 5px}
.approved-service-tile img{width:30px;height:30px}
.approved-services-banner{background:linear-gradient(110deg,#062B54 0%,#075C84 48%,#069D91 100%);border-radius:14px;min-height:150px;padding:24px 30px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;box-shadow:0 12px 30px rgba(8,76,111,.16)}
.approved-banner-kicker{font-size:8px;font-weight:900;letter-spacing:.12em;color:#92EFE7;text-transform:uppercase}
.approved-services-banner h2{font-size:23px;line-height:1.04;letter-spacing:-.025em;margin:7px 0 8px;max-width:540px}
.approved-services-banner p{font-size:10px;color:#E0EFF4;margin:0;max-width:520px}
.approved-banner-actions{display:grid;gap:8px;width:160px}
.approved-banner-actions .approved-btn{height:34px;font-size:9px;border-radius:999px;padding:0 14px}
.approved-banner-actions .learn{border-color:rgba(255,255,255,.42);color:#fff;background:transparent}
.approved-banner-actions .contact{background:#fff;color:#15304A}

/* Compact footer preserved for required company/legal/contact information. */
.approved-footer{background:#091B31;color:#DCE5EE;padding:30px 0 18px;margin-top:0}
.approved-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.approved-footer-logo img{width:220px;height:auto;display:block;filter:none}
.approved-footer p,.approved-footer a,.approved-footer span{font-size:10px;color:#CBD8E5}
.approved-footer h4{font-size:11px;color:#fff;margin:0 0 8px}
.approved-footer-col{display:grid;gap:6px;align-content:start}
.approved-footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:20px;padding-top:12px;display:flex;justify-content:space-between;gap:20px}
.approved-legal{background:#F5F8FB;color:#687889;font-size:8.5px;text-align:center;padding:9px 20px}

/* Enrollment modal: functionality without changing the approved page appearance. */
.approved-modal[hidden]{display:none}
.approved-modal{position:fixed;inset:0;z-index:100;background:rgba(5,20,37,.58);display:grid;place-items:center;padding:20px}
.approved-modal-card{width:min(640px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:25px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.approved-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.approved-modal-head h2{margin:0;font-size:24px;color:var(--ahm-navy)}
.approved-close{border:1px solid var(--ahm-line);background:#fff;border-radius:8px;width:36px;height:36px;font-size:20px;color:#344B61}
.approved-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.approved-form-grid label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#344B61}
.approved-form-grid input,.approved-form-grid select{height:40px;border:1px solid #CDD9E3;border-radius:8px;padding:0 10px;background:#fff;color:#172C40}
.approved-form-full{grid-column:1/-1}
.approved-check{display:flex!important;grid-column:1/-1;align-items:flex-start;gap:8px!important;font-weight:600!important;color:#5C6F80!important}
.approved-check input{width:17px;height:17px;flex:0 0 17px}
.approved-modal-note{font-size:10px;color:#6F8090;margin:12px 0}
.approved-result{background:#EAF8F4;border:1px solid #BDE6DA;border-radius:10px;padding:12px;font-size:11px;color:#24574E;margin-top:12px}

@media(max-width:1100px){
 .approved-logo,.approved-logo img{width:205px}.approved-nav{gap:16px}.approved-nav a{font-size:12px}.approved-action{padding-inline:11px}
 .approved-home-copy h1{font-size:45px}.approved-access-heading h2{font-size:26px}
}
@media(max-width:920px){
 .approved-header{height:auto}.approved-header-inner{height:auto;min-height:70px;flex-wrap:wrap;padding-block:10px}.approved-logo,.approved-logo img{width:185px}.approved-nav{display:none;order:3;width:100%;margin:0;padding:12px 0;flex-direction:column;align-items:flex-start}.approved-nav.open{display:flex}.approved-actions{margin-left:auto}.approved-actions .join,.approved-actions .member{display:none}.approved-menu-toggle{display:inline-grid;place-items:center}
 .approved-home-grid{grid-template-columns:1fr}.approved-home-copy{padding:35px 10px 28px;text-align:center;align-items:center;background:#fff}.approved-home-copy p{max-width:650px}.approved-home-copy h1{font-size:44px}.approved-hero-photo{min-height:390px}.approved-hero-photo:before{display:none}.approved-value-strip{grid-template-columns:1fr 1fr;margin-top:0}.approved-value:nth-child(2):after{display:none}
 .approved-access-section{background:#F0F8FC}.approved-access-layout{grid-template-columns:1fr}.approved-access-heading{text-align:center}.approved-access-heading h2{max-width:none}.approved-access-heading .approved-kicker{margin-inline:auto}.approved-access-grid{grid-template-columns:1fr 1fr}
 .approved-join-grid{grid-template-columns:1fr}.approved-join-main{background:#fff}.approved-join-content{padding-right:0}.approved-join-photo{min-height:520px;border-radius:18px;overflow:hidden;margin-bottom:30px}.approved-service-icons{grid-template-columns:repeat(4,1fr)}
 .approved-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .approved-shell{width:min(100% - 28px,1220px)}.approved-actions{gap:6px}.approved-action.lang{height:36px;padding-inline:10px;font-size:11px}.approved-home-copy h1{font-size:38px}.approved-home-copy{padding-top:30px}.approved-hero-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.approved-value-strip{grid-template-columns:1fr}.approved-value:not(:last-child):after{left:18px;right:18px;bottom:0;top:auto;width:auto;height:1px}.approved-access-grid{grid-template-columns:1fr}.approved-access-card{min-height:0}.approved-join-top{grid-template-columns:1fr}.approved-plans{grid-template-columns:1fr}.approved-join-content h1{font-size:34px}.approved-service-icons{grid-template-columns:repeat(2,1fr)}.approved-services-banner{grid-template-columns:1fr}.approved-banner-actions{width:100%;grid-template-columns:1fr 1fr}.approved-footer-grid{grid-template-columns:1fr}.approved-footer-bottom{flex-direction:column}.approved-form-grid{grid-template-columns:1fr}.approved-form-full,.approved-check{grid-column:auto}
}

/* v2.6.1 visual calibration against the supplied approved PDF mockup. */
.approved-shell{width:min(1320px,calc(100% - 40px))}
.approved-header-inner{gap:20px}
.approved-logo{width:220px}.approved-logo img{width:220px}
.approved-nav{gap:17px}.approved-nav a{font-size:11.5px}
.approved-actions{gap:8px}
.approved-action{height:36px;padding:0 11px;font-size:10.5px;border-radius:8px}
.approved-action.lang{min-width:78px}.approved-action.join{min-width:104px}.approved-action.member{min-width:133px;padding-inline:13px}
.approved-home-copy h1 .hero-blue,.approved-home-copy h1 .hero-teal{display:block}
.approved-home-copy h1 .hero-blue{color:#1268D8}
.approved-home-copy h1 .hero-teal{color:#069A9A}
.approved-join-photo img{object-fit:contain;object-position:center bottom;background:#F5FAFD}
@media(max-width:1100px){.approved-shell{width:min(100% - 32px,1320px)}.approved-logo,.approved-logo img{width:190px}.approved-nav{gap:12px}.approved-nav a{font-size:10.8px}.approved-action{font-size:10px;padding-inline:9px}.approved-action.member{min-width:122px}}


/* === v2.6.2 FINAL STANDARDIZATION — approved scope only === */
/* Member Access must use the same corporate treatment everywhere it is presented as a CTA. */
.approved-btn.member-cta{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(115deg,#0B67B7,#09AFA8);
}
/* Official corporate logo on dark footers: preserve the same logo, add a white field for contrast. */
.approved-footer-logo img{
  width:230px;
  max-width:100%;
  height:auto;
  display:block;
  background:#fff;
  border-radius:12px;
  padding:10px 14px;
  box-sizing:border-box;
}

/* === v2.6.4 FINAL CORPORATE LOGO STANDARD ===
   One logo asset and one visible logo width everywhere. */
.approved-logo,
.approved-logo img{
  width:220px !important;
}
.approved-footer-logo{
  display:flex;
  align-items:center;
}
.approved-footer-logo img{
  width:220px !important;
  height:auto !important;
  max-width:100%;
  object-fit:contain;
  background:#fff !important;
  border-radius:12px;
  padding:10px 14px;
  box-sizing:border-box;
}