/* Home hero: headline plus a glass "ask" bar that cycles real buyer questions with a streamed answer. Flat, quiet, no glow. */
html.t-runway body .pghero.rwh-hero.is-home h1{font-size:clamp(34px,4.7vw,74px)!important;line-height:1.04!important;letter-spacing:-.04em!important;max-width:none!important;text-wrap:balance}
.hh-accent{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.01em}
html.t-runway .pghero.rwh-hero.is-home{justify-content:flex-start!important;padding-top:calc(var(--hdr,93px) + clamp(18px,5vh,56px))!important;padding-bottom:calc(clamp(600px,88vh,860px) * .2)!important}
html.t-runway .pghero.rwh-hero.is-home .pghero-sub{margin-top:14px!important;font-size:clamp(15px,1.25vw,18px)!important}
.hh-ask{width:min(720px,100%);margin:clamp(22px,3.4vh,34px) auto 0;display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left}
.hh-glass{background:rgba(255,255,255,.46);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 24px rgba(11,29,42,.08)}
.hh-bar{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 8px 8px 20px;border-radius:30px;color:#0b1d2a;text-decoration:none;cursor:text}
.hh-ic{flex:none;opacity:.6}
.hh-q{flex:1;min-width:0;font-size:clamp(15px,1.25vw,18px);font-weight:450;letter-spacing:-.01em;line-height:1.3;color:#0b1d2a}
.hh-caret{flex:none;width:1.5px;height:1.15em;margin-left:-8px;background:#0b1d2a;animation:hh-blink 1.05s steps(1) infinite}
.hh-go{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0b1d2a;color:#fff}
.hh-bar:hover .hh-go{background:#16384f}
.hh-answer{border-radius:20px;padding:14px 20px 14px;min-height:112px;color:#0b1d2a;transition:opacity .35s ease}
.hh-answer.is-off{opacity:0}
.hh-tag{display:inline-block;margin-bottom:6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(11,29,42,.62)}
.hh-a{margin:0;font-size:clamp(14.5px,1.1vw,16px);line-height:1.5;color:#0b1d2a}
.hh-more{display:inline-block;margin-top:8px;font-size:14px;font-weight:600;color:#0b1d2a;text-decoration:none;border-bottom:1px solid rgba(11,29,42,.35)}
.hh-more:hover{border-bottom-color:#0b1d2a}
.hh-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:2px 0 0;padding:0;list-style:none}
.hh-chips a{display:inline-block;padding:7px 16px;border-radius:999px;font-size:13.5px;font-weight:550;color:#0b1d2a;text-decoration:none;background:rgba(255,255,255,.4);border:1px solid rgba(11,29,42,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,color .2s,border-color .2s}
.hh-chips a:hover,.hh-chips a.is-on{background:#0b1d2a;color:#fff;border-color:#0b1d2a}
@keyframes hh-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hh-caret{animation:none}.hh-answer{transition:none}}
@media(max-width:720px){
  .hh-bar{min-height:54px;padding-left:16px}
  .hh-go{width:38px;height:38px}
  .hh-answer{min-height:136px;padding:12px 16px}
  html.t-runway .pghero.rwh-hero.is-home{padding-top:calc(var(--hdr,76px) + 10px)!important}
}
/* caret hugs the typed text; arrow stays right */
.hh-q{flex:0 1 auto!important}
.hh-caret{margin-left:-6px!important;flex:none}
.hh-go{margin-left:auto}
.hh-ask .hh-chips a{color:#0b1d2a!important}
.hh-ask .hh-chips a:hover,.hh-ask .hh-chips a.is-on{color:#fff!important}
.hh-ask .hh-more,.hh-ask .hh-a,.hh-ask .hh-tag{-webkit-text-fill-color:currentColor}

/* no answer card: the chip row is the answer */
.hh-answer{display:none}
.hh-chips{margin-top:6px}
.hh-chips a{padding:8px 20px;font-size:14px}
.hh-chips a.is-soft{border-color:rgba(11,29,42,.45)}
.hh-bar.is-sent .hh-go{transform:scale(.9);transition:transform .16s ease}
.hh-go{transition:transform .2s ease,background .2s ease}
html.t-runway .pghero.rwh-hero.is-home{justify-content:center!important;padding-top:calc(var(--hdr,93px) + 8px)!important}
@media(max-width:720px){html.t-runway .pghero.rwh-hero.is-home{justify-content:flex-start!important}}

/* Headline (2026-10-14): site font, light/bold contrast, big two-line stack, cyan underline drawn under "your way." */
html.t-runway body .pghero.rwh-hero.is-home h1{font-size:clamp(40px,6vw,92px)!important;line-height:.98!important;letter-spacing:-.05em!important;font-weight:300!important;text-wrap:initial}
.hh-l1,.hh-l2{display:block}
.hh-l1{animation:hh-rise .9s cubic-bezier(.2,.7,.1,1) .1s both}
.hh-l2{animation:hh-rise .9s cubic-bezier(.2,.7,.1,1) .3s both}
.hh-accent{font-family:inherit!important;font-style:normal!important;font-weight:700!important;font-size:1em!important;letter-spacing:-.05em!important;display:inline-block;padding-bottom:.08em;
  background:linear-gradient(#29B5E8,#29B5E8) no-repeat 0 100%/0% .075em;animation:hh-draw .9s cubic-bezier(.65,0,.2,1) 1s forwards}
@keyframes hh-rise{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
@keyframes hh-draw{to{background-size:100% .075em}}
@media(prefers-reduced-motion:reduce){.hh-l1,.hh-l2{animation:none}.hh-accent{animation:none;background-size:100% .075em}}

/* Spacing (2026-10-14): hero fills the first screen; type and gaps scale with window height so the block stays centred with room above and below. */
html.t-runway .pghero.rwh-hero.is-home{height:clamp(620px,100svh,940px)!important;min-height:0!important;padding-top:calc(var(--hdr,93px) + 2vh)!important;padding-bottom:calc(clamp(620px,100svh,940px) * .17)!important}
html.t-runway body .pghero.rwh-hero.is-home h1{font-size:clamp(38px,min(6vw,10.2vh),92px)!important}
html.t-runway .pghero.rwh-hero.is-home .pghero-sub{margin-top:clamp(12px,2.2vh,22px)!important}
.hh-ask{margin-top:clamp(20px,4vh,40px)!important}
.hh-chips{margin-top:clamp(4px,1vh,10px)!important}
@media(max-width:720px){html.t-runway .pghero.rwh-hero.is-home{height:auto!important;min-height:clamp(560px,92svh,760px)!important;padding-top:calc(var(--hdr,76px) + 22px)!important;padding-bottom:clamp(90px,20vh,160px)!important}}

/* Our expertise: soft flow video across the full width, content on top */
.rwh-sec:has(> .rwh-wrap > .rwh-band:not(.rwh-cta)){position:relative;padding-left:0!important;padding-right:0!important}
.rwh-sec > .rwh-wrap > .rwh-band:not(.rwh-cta){position:relative;isolation:isolate;overflow:hidden;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;border-radius:0!important;padding-left:max(var(--rw-gut,24px),calc((100vw - 1280px) / 2 + 40px));padding-right:max(var(--rw-gut,24px),calc((100vw - 1280px) / 2 + 40px));background:#07131c!important}
.rwh-band-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.9}
.rwh-band:not(.rwh-cta)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,19,28,.72) 0%,rgba(7,19,28,.42) 55%,rgba(7,19,28,.55) 100%)}
/* pause: tucked away until the hero is hovered or focused (always visible on touch and for keyboard users) */
html.t-runway .pghero.rwh-hero.is-home .rw-pause{opacity:0;transition:opacity .25s ease}
html.t-runway .pghero.rwh-hero.is-home:hover .rw-pause,html.t-runway .pghero.rwh-hero.is-home .rw-pause:focus-visible{opacity:1}
@media(hover:none){html.t-runway .pghero.rwh-hero.is-home .rw-pause{opacity:.9}}

/* Service palette, same as the page headers: Build blue, Govern green, Secure purple, Operate amber */
.hh-chips a[data-hh-chip="Build"]{--c:#1593b8}
.hh-chips a[data-hh-chip="Govern"]{--c:#2a9a6c}
.hh-chips a[data-hh-chip="Secure"]{--c:#5b61d6}
.hh-chips a[data-hh-chip="Operate"]{--c:#c2862a}
.hh-ask .hh-chips a{display:inline-flex;align-items:center;gap:8px;border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.hh-ask .hh-chips a .hh-ci{flex:0 0 auto;color:var(--c)}
.hh-ask .hh-chips a:hover,.hh-ask .hh-chips a.is-on{background:var(--c)!important;border-color:var(--c)!important;color:#fff!important}
.hh-ask .hh-chips a:hover .hh-ci,.hh-ask .hh-chips a.is-on .hh-ci{color:#fff}


/* services heading on one line */
#svc-h{white-space:nowrap;max-width:none!important;width:100%;text-align:center;margin:0 auto clamp(40px,5vw,72px)!important;font-size:clamp(20px,3.4vw,52px)}
@media(max-width:640px){#svc-h{white-space:normal}}

[aria-labelledby="svc-h"] .rwh-card h3{margin-top:24px}
[aria-labelledby="svc-h"] .rwh-card > p:not(.rwh-label){line-height:1.55}
[aria-labelledby="svc-h"] .rwh-btns{margin-top:28px!important}