/* Hew's iPhone review: clear invitations, readable glass, less scrolling. */
.industry-word span{transition-duration:.42s}
.glass-chevron{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:15px;color:#f6892b;background:linear-gradient(145deg,#fff,#eef3f5aa);border:1px solid #ffffff;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b9c7d040,0 3px 10px #19395412;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}
.glass-chevron svg{width:20px;height:20px}
.ci-page .ci-scope li{border-bottom-color:#e5eaee}
.ci-page .ci-scope a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;text-decoration:none}
.ci-page .ci-scope a:hover .glass-chevron,.ci-page .ci-scope a:focus-visible .glass-chevron{transform:translateX(3px);box-shadow:inset 0 1px 0 #fff,0 4px 13px #a4541b25}
.ci-page .ci-guide-link{position:relative;overflow:hidden;padding-right:74px;background:linear-gradient(135deg,#ffffff27 0%,#ffffff0d 55%,#ffffff19);border:1px solid #ffffff70;box-shadow:inset 0 1px 0 #ffffff94,inset 0 -1px 0 #ffffff20,0 10px 24px #05162938;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}
.ci-page .ci-guide-link:nth-child(2){background:linear-gradient(135deg,#ffd2ae30,#f6892b0e 58%,#ffffff1a);border-color:#ffdbbd80}
.ci-page .ci-guide-link:hover,.ci-page .ci-guide-link:focus-visible{border-color:#fff;background-color:#ffffff10;box-shadow:inset 0 1px 0 #fff,0 12px 27px #05162948}
.ci-guide-link .glass-chevron{position:absolute;right:19px;top:calc(50% - 20px);background:none;color:#f6892b;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.ci-guide-link:hover .glass-chevron,.ci-guide-link:focus-visible .glass-chevron{transform:translateX(3px)}
.faq-group{border:0;margin:0;padding:0}
body.ci-page .faq-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:0;min-height:48px}
.faq-group>summary::-webkit-details-marker{display:none}
.faq-group>summary .glass-chevron svg{transform:rotate(90deg)}
.faq-group[open]>summary .glass-chevron svg{transform:rotate(-90deg)}
.ci-page .faq-group>summary h2{margin:0;font-size:clamp(17px,2.3vw,30px);white-space:nowrap;letter-spacing:0}
body.ci-page .ci-contact-bookend{padding:0;background:#fff}
.ci-page #contact.ci-connect-scene{position:relative;isolation:isolate;overflow:hidden;background:#27313b;scroll-margin-top:82px}
.ci-connect-scene .ci-connect-art{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;z-index:-1}
.ci-connect-scene .ci-connect-art img{object-fit:cover;object-position:50% 50%}
.ci-contact-overlay{padding-top:38px;padding-bottom:38px}
.ci-contact-overlay .contact-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:435px;padding:0;max-width:440px;color:#fff}
.ci-page .ci-contact-overlay .contact-copy h2{margin:0;color:#fff;font-size:36px;text-shadow:0 2px 12px #0007}
.ci-contact-overlay .contact-copy p{margin:13px 0 0;color:#fff;font-size:19px;line-height:1.65;text-shadow:0 1px 8px #000a}
.ci-contact-overlay .email-button{min-width:230px;margin-top:auto;text-shadow:none}
.ci-contact-overlay .contact-call-button{margin-top:12px}
.contact-call-button svg{fill:currentColor}
.ci-connect-body{display:block;padding-top:32px;padding-bottom:28px}
.ci-connect-body .form{max-width:660px;margin:0 auto;padding:26px}
.bill-attachment{margin:3px 0 18px}
.form .bill-picker{position:relative;display:flex;align-items:center;gap:11px;padding:13px 14px;margin:0;border:1px solid #b5c4d0;border-radius:15px;background:linear-gradient(140deg,#fff,#eef3f7);box-shadow:inset 0 1px 0 #fff,0 3px 9px #12345008;cursor:pointer;font-size:14px;font-weight:500;min-height:56px}
.bill-picker>svg{width:21px;height:25px;flex-shrink:0;color:#f6892b}
.bill-picker .optional{display:block;font-size:11px;margin-top:1px}
.form .bill-picker input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
.bill-picker:focus-within{outline:3px solid #087ea4;outline-offset:4px}
.form .bill-guidance{font-size:11px;margin:7px 0 0;color:#53677b}
.bill-selection{display:flex;align-items:center;gap:10px}
.bill-selection p{font-size:12px;overflow-wrap:anywhere;margin:5px 0 0;flex:1;color:#53677b}
.bill-remove{min-height:44px;padding:8px 0 8px 10px;border:0;background:none;color:#17304b;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bill-remove[hidden]{display:none}
.ci-footer{padding:18px 0 16px}
.ci-footer .foot{gap:3px 20px}
.ci-footer .foot p{margin:3px 0 0}
.ci-footer .footer-links{gap:0 19px}
.ci-footer .development-note{margin:2px 0 0;line-height:1.45}
@media(max-width:700px){
 .ci-page .ci-scope a{padding:9px 6px;font-size:15px}
 .ci-page .ci-guide-link{padding:21px 67px 21px 22px}
 .ci-guide-link .glass-chevron{right:15px;width:36px;height:36px;flex-basis:36px;top:calc(50% - 18px);border-radius:13px}
 .ci-page .ci-guide-link strong{font-size:17px}
 .ci-page .ci-guide-link p{font-size:14px;line-height:1.65}
 .ci-page .faq-group>summary h2{font-size:clamp(13px,4.1vw,24px);font-weight:600;white-space:nowrap}
 body.ci-page .faq-group>summary{gap:7px;padding-left:6px}
 .faq-group>summary .glass-chevron{width:36px;height:36px;flex-basis:36px;border-radius:13px}
 .ci-contact-overlay{padding-top:30px;padding-bottom:30px}
 .ci-contact-overlay .contact-copy{min-height:450px;padding-left:6px;padding-right:6px}
 .ci-page .ci-contact-overlay .contact-copy h2{font-size:30px;line-height:1.2}
 .ci-contact-overlay .contact-copy p{font-size:18px;margin-top:13px}
 .ci-contact-overlay .email-button{min-width:228px;min-height:53px}
 .ci-connect-body{padding-top:25px;padding-bottom:24px}
 .ci-connect-body .form{padding:21px}
 .ci-footer{padding-top:14px;padding-bottom:13px}
 .ci-footer .foot{gap:0}
 .ci-footer .footer-links{gap:0 18px}
 .ci-footer .development-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.glass-chevron{transition:none}.ci-page .ci-scope a:hover .glass-chevron,.ci-page .ci-scope a:focus-visible .glass-chevron,.ci-guide-link:hover .glass-chevron,.ci-guide-link:focus-visible .glass-chevron{transform:none}}

/* Compact contact actions leave the people and conversation visible. */
.ci-page .ci-contact-overlay .contact-icon-button{width:56px;min-width:56px;height:56px;min-height:56px;flex:0 0 56px;padding:0;gap:0;border-radius:50%}
.ci-page .ci-contact-overlay .contact-icon-button svg{width:32px;height:32px;fill:none}
.ci-page .ci-contact-overlay .contact-icon-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* Compact footer. Mobile link spacing is refined below. */
.ci-page .ci-footer{padding:8px 0}
.ci-footer .foot p{margin:0;font-size:11px;line-height:1.4}
.ci-footer .development-note{margin:0;font-size:10px;line-height:1.4}

/* Two contact methods form one compact pair beneath the copy. */
.ci-contact-overlay .contact-icon-pair{display:flex;align-items:center;gap:14px;margin-top:23px}
.ci-page .ci-contact-overlay .contact-icon-pair .contact-icon-button{margin:0}

/* Mobile framing keeps both people, including the woman, within the scene. */
@media(max-width:700px){.ci-connect-scene .ci-connect-art img{object-position:82% 50%}}

/* A short mobile text scrim clears before the people and lower scene. */
@media(max-width:700px){
 .ci-connect-scene::after{content:"";position:absolute;z-index:0;pointer-events:none;left:0;top:0;width:100%;height:260px;background:radial-gradient(ellipse 330px 210px at 0 38px,rgba(13,27,43,.7) 0%,rgba(13,27,43,.55) 48%,rgba(13,27,43,.22) 76%,rgba(13,27,43,0) 100%)}
 .ci-contact-overlay{position:relative;z-index:1}
}

/* Two compact footer rows, with legal links still easy to tap. */
.ci-footer .foot{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.ci-footer .foot>div{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.ci-footer .foot strong{font-size:11px;line-height:1.4;font-weight:600}
.ci-footer .foot p{font-size:11px;line-height:1.4}
.ci-footer .footer-links{display:flex;flex-wrap:nowrap;gap:0 19px}

/* Keep the two-row mobile footer close. */
@media(max-width:700px){.ci-page .ci-footer{padding:0}.ci-connect-body{padding-bottom:12px}}

/* Sparse accents use the exact blue of the Energy wordmark. */
.ci-immersive .menu-opening .opening-cue{stroke:#23c3f3}
.ci-immersive .ci-followthrough .ci-text-link{text-decoration-color:#23c3f3;text-decoration-thickness:2px}
.ci-immersive .ci-guides .eyebrow{color:#23c3f3}

/* Clear glass transmits the moving electrons, with only gentle diffusion. */
.ci-page .ci-guide-link{background:linear-gradient(135deg,#ffffff16,#ffffff04 54%,#ffffff0c);backdrop-filter:blur(1.5px) saturate(130%);-webkit-backdrop-filter:blur(1.5px) saturate(130%)}
.ci-page .ci-guide-link:nth-child(2){background:linear-gradient(135deg,#ffb87914,#f6892b04 58%,#ffffff08)}
.ci-page .ci-guide-link:hover,.ci-page .ci-guide-link:focus-visible{background-color:#ffffff05}

/* Final compact iPhone footer: two close rows and distinct 28px links. */
@media(max-width:700px){.ci-footer .footer-links a{min-height:28px;padding-top:0;padding-bottom:0;line-height:1.3}.ci-connect-body{padding-bottom:6px}}

/* Match the admired chevrons: rounded glass, fine rim and consistent strokes. */
.ci-immersive .header .menu,.ci-immersive .nav #pause-scenes{border-radius:15px;background:linear-gradient(145deg,#fff,#eef3f5aa);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b9c7d040,0 3px 10px #19395412;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ci-immersive .header .menu svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
/* The underlined disclosure text provides the invitation without another symbol. */
.ci-immersive .industry-directory summary::after{content:none}

/* iPhone help links: seven compact invitations, with alternating alignment. */
@media(max-width:700px){
 .ci-page .ci-scope li{display:flex;justify-content:flex-start;border:0}
 .ci-page .ci-scope li:nth-child(even){justify-content:flex-end}
 .ci-page .ci-scope a{display:inline-flex;justify-content:flex-start;gap:10px;min-height:60px;max-width:100%;padding:5px 6px}
}

/* One control family, scaled to each role without changing destinations. */
.ci-immersive .button,.ci-immersive .email-button,.ci-immersive .form .bill-picker{border-radius:15px;box-shadow:inset 0 1px 0 #ffffff94,inset 0 -1px 0 #b9c7d040,0 3px 10px #19395412;transition:transform .2s ease,box-shadow .2s ease}
.ci-immersive .button.orange,.ci-immersive .email-button{background:#f6892b;color:#0d2445;border-color:#ffd0a6;box-shadow:inset 0 1px 0 #ffffff94,inset 0 -1px 0 #ad510d26,0 3px 10px #19395412}
.ci-immersive .form .bill-picker{background:linear-gradient(145deg,#fff,#eef3f5aa);border-color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ci-immersive .ci-contact-overlay .contact-icon-button{border-radius:50%}
.ci-immersive .button:focus-visible,.ci-immersive .email-button:focus-visible,.ci-immersive #pause-scenes:focus-visible,.ci-immersive .menu:focus-visible{outline:3px solid #23c3f3;outline-offset:4px}
.ci-immersive .ci-contact-overlay .contact-icon-button:focus-visible{outline-color:#fff}
@media(hover:hover){
 .ci-immersive .button:hover:not(:disabled),.ci-immersive .email-button:hover:not(:disabled),.ci-immersive .form .bill-picker:hover,.ci-immersive .header .menu:hover,.ci-immersive .nav #pause-scenes:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b9c7d040,0 4px 13px #19395425}
}
@media(prefers-reduced-motion:reduce){.ci-immersive .button,.ci-immersive .email-button,.ci-immersive .form .bill-picker{transition:none}}

/* Phones have no hover: expose the stronger glass affordance at rest. */
@media(max-width:700px){
 .ci-immersive .ci-scope .glass-chevron,.ci-immersive .faq-group>summary .glass-chevron,.ci-immersive .header .menu,.ci-immersive .nav #pause-scenes,.ci-immersive .form .bill-picker{
  background:linear-gradient(145deg,#f9fbfc,#dce6eb);
  border-color:#c9d7df;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b9c7d040,0 4px 13px #19395425;
 }
 .ci-immersive .ci-scope a:hover .glass-chevron,.ci-immersive .ci-scope a:focus-visible .glass-chevron{box-shadow:inset 0 1px 0 #fff,0 4px 13px #a4541b25}
}

/* Approved option A: all help chevrons lead their labels on iPhone. */
@media(max-width:700px){
 .ci-immersive .ci-scope li,.ci-immersive .ci-scope li:nth-child(even){justify-content:flex-start}
 .ci-immersive .ci-scope a{gap:12px;width:100%}
 .ci-immersive .ci-scope .glass-chevron{order:-1}
}

/* Desktop: commercial context plus two compact columns of useful links. */
@media(min-width:1000px){
 .ci-immersive .ci-decision-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:44px;align-items:start}
 .ci-immersive .ci-scope{border-left:0;padding-left:0}
 .ci-immersive .ci-scope ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:25px;row-gap:3px}
 .ci-immersive .ci-scope li{border:0}
 .ci-immersive .ci-scope a{justify-content:flex-start;gap:11px;min-height:62px;font-size:15px;line-height:1.45;padding:7px 0}
 .ci-immersive .ci-scope .glass-chevron{order:-1}
}

/* Desktop contact: hero-like left scrim, fully clear before the people. */
@media(min-width:701px){
 .ci-immersive .ci-connect-scene::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,36,69,.8) 0%,rgba(13,36,69,.61) 23%,rgba(13,36,69,.23) 40%,rgba(13,36,69,0) 57%)}
 .ci-immersive .ci-contact-overlay{position:relative;z-index:1}
}

/* The enquiry card gently bridges the artwork and the page below. */
.ci-immersive .ci-connect-body{position:relative;z-index:2;margin-top:-32px;padding-top:0}
.ci-immersive .ci-connect-body .form{box-shadow:inset 0 1px 0 #fff,0 8px 24px #0d24450c}
@media(max-width:700px){.ci-immersive .ci-connect-body{margin-top:-24px}}