/* Preview only. Layer order: image, navy scrim (::before), colour gradient (::after, screen blend). */
html .pghero-veil{background:none!important}
html.t-runway .pghero.rwh-hero{height:clamp(340px,28vw,440px)!important;min-height:0!important;aspect-ratio:auto!important;max-height:none!important;border-bottom-right-radius:clamp(72px,11vw,170px)!important;overflow:hidden}
@media(max-width:720px){html.t-runway .pghero.rwh-hero{height:auto!important;min-height:320px!important;border-bottom-right-radius:72px!important}}
html .pghero.rwh-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(16,46,69,.28) 0%,rgba(16,46,69,.42) 55%,rgba(16,46,69,.66) 100%)}
html .pghero.rwh-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:linear-gradient(115deg,var(--tint,#0f5f73) 0%,transparent 70%)}
html .pghero.rwh-hero .rw-bg-poster{filter:saturate(.95) contrast(1.05) brightness(1.15)}
html .tint-build{--tint:#1593b8}
html .tint-govern{--tint:#2a9a6c}
html .tint-secure{--tint:#5b61d6}
html .tint-operate{--tint:#c2862a}
html .tint-company{--tint:#2b6a9a}
html .tint-sector{--tint:#1593a0}

/* Compact FAQ: short section, one narrow column, small type, hairline rows, all collapsed. */
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq){padding-block:clamp(28px,4vw,52px)!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) :is(.rwh-big,.rwh-left){font-size:clamp(22px,2.1vw,30px)!important;line-height:1.15!important;margin-bottom:14px!important;max-width:none!important}
html.t-runway :is(.go-faq,.cw-faq,.rwb-faq,.faqh-grid){max-width:760px!important;margin-inline:0!important;display:block!important;columns:auto!important}
html.t-runway :is(.faqh-col){display:block!important;width:auto!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) details{border:0!important;border-bottom:1px solid rgba(20,43,58,.16)!important;padding:0!important;margin:0!important;background:none!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) summary{font-size:16px!important;line-height:1.35!important;padding:14px 28px 14px 0!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) details p{font-size:15px!important;line-height:1.55!important;margin:0 0 14px!important;max-width:64ch}

/* Home: taller hero with looping video, same scrim and gradient. */
html.t-runway .pghero.rwh-hero.is-home{height:clamp(520px,82vh,800px)!important;border-bottom-right-radius:clamp(96px,14vw,220px)!important}
html .pghero.rwh-hero .rw-bg{filter:saturate(.9) contrast(1.05) brightness(1.05)}
html .tint-home{--tint:#1593b8}
/* Cards: texture with the area colour fading in from the bottom-left. */
html .rwh-media.tint-build{--tint:#1593b8}html .rwh-media.tint-govern{--tint:#2a9a6c}html .rwh-media.tint-secure{--tint:#5b61d6}html .rwh-media.tint-operate{--tint:#c2862a}
html .rwh-media{position:relative;overflow:hidden}
html .rwh-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(16,46,69,.2),rgba(16,46,69,.45)),linear-gradient(115deg,var(--tint,#1593b8) 0%,transparent 70%);mix-blend-mode:normal;opacity:.75}
/* Carousel: every card keeps one width, so the scroll target never moves mid-animation. Emphasis uses transform and opacity only. */
html .rp-car::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(16,46,69,.2),rgba(16,46,69,.5)),linear-gradient(115deg,#1593a0 0%,transparent 70%);opacity:.7}
html .rp-car .rp-car-panel{z-index:2}
@media(min-width:721px){
html.t-runway .rp-car{flex:0 0 clamp(280px,32vw,500px)!important;border-radius:64px 28px 22px 22px!important;transform:scale(.88);opacity:.78;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .5s ease!important;will-change:transform}
html.t-runway .rp-car.is-active{flex-basis:clamp(280px,32vw,500px)!important;transform:none;opacity:1;border-radius:64px 28px 22px 22px!important}
html.t-runway .rp-car-track{scroll-snap-type:x mandatory;scroll-behavior:smooth}
}
html.t-runway .rp-car>.rp-car-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@keyframes carIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html.t-runway .rp-car.is-active .rp-car-panel :is(p,.pill){animation:carIn .45s cubic-bezier(.22,.61,.36,1) .1s both}
@media(prefers-reduced-motion:reduce){html.t-runway .rp-car,html.t-runway .rp-car-track{transition:none!important;scroll-behavior:auto}html.t-runway .rp-car.is-active .rp-car-panel :is(p,.pill){animation:none}}

/* Home: eco heading on one line; wider model row with colour icons. */
@media(min-width:900px){html.t-runway .rwh-eco-h{max-width:none!important;white-space:nowrap;font-size:clamp(26px,3vw,44px)!important}}
/* Coloured icons: sector tiles by sector, feature cards by area. Soft tint behind each icon. */
html.t-runway .rwh-ico{background:color-mix(in srgb,currentColor 12%,#fff)!important}
html.t-runway .ico-build .rwh-ico{color:#1593b8}html.t-runway .ico-govern .rwh-ico{color:#2a9a6c}html.t-runway .ico-secure .rwh-ico{color:#5b61d6}html.t-runway .ico-operate .rwh-ico{color:#c2862a}
html.t-runway .sec-aged-care .rwh-ico{color:#d9546e}html.t-runway .sec-allied-health .rwh-ico{color:#1593b8}html.t-runway .sec-community-services .rwh-ico{color:#e08a1e}html.t-runway .sec-disability-services .rwh-ico{color:#7a5bd6}
html.t-runway .sec-education-and-training .rwh-ico{color:#2a9a6c}html.t-runway .sec-hospitality .rwh-ico{color:#c2662a}html.t-runway .sec-local-government .rwh-ico{color:#3b6fb5}html.t-runway .sec-logistics .rwh-ico{color:#0f8f9e}
html.t-runway .sec-professional-services .rwh-ico{color:#5b61d6}html.t-runway .sec-property .rwh-ico{color:#8a6a3c}html.t-runway .sec-retail .rwh-ico{color:#d1457f}html.t-runway .sec-utilities .rwh-ico{color:#d6a31a}
/* Closing buttons: same height, one baseline, centred as a pair. */
html.t-runway .rwh-cta .rwh-more{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:center!important;gap:12px!important;margin:24px 0 0!important}
html.t-runway .rwh-cta .rwh-more .pill{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;height:48px!important;min-width:188px;margin:0!important;padding:0 28px!important;line-height:1}
@media(max-width:480px){html.t-runway .rwh-cta .rwh-more .pill{flex:1 1 100%;min-width:0}}

/* Model row: same drifting marquee as the logo rows, icon left and name right on one line. */
html.t-runway .rwh-model-rows{margin-top:6px}
html.t-runway .rwh-model-rows .rwh-eco-row{animation-duration:48s}
/* Feature cards: icon on the left, text on the right, same row. */
html.t-runway .rwh-feat{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:0;align-items:start;min-height:0!important}
html.t-runway .rwh-feat .rwh-ico{grid-column:1;grid-row:1 / span 3;margin:0!important}
html.t-runway .rwh-feat h4,html.t-runway .rwh-feat p,html.t-runway .rwh-feat .rwh-learn{grid-column:2}
html.t-runway .rwh-feat .rwh-learn{margin-top:0;padding-top:12px}
/* FAQ: heading, questions and answers centred in the page, on every page. */
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq){text-align:center}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) :is(.rwh-big,.rwh-left){text-align:center!important;margin-inline:auto!important}
html.t-runway .cw-faqwrap{display:block!important}
html.t-runway :is(.go-faq,.cw-faq,.rwb-faq,.faqh-grid){margin-inline:auto!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) summary{display:flex!important;justify-content:center;text-align:center;padding-inline:44px!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) details p{margin-inline:auto!important;text-align:center}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) summary::after{right:6px!important}

/* FAQ centring, second pass: every summary style on the site becomes one centred label with the chevron pinned right. */
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) summary{position:relative!important;display:block!important;text-align:center!important;padding:14px 44px!important;width:100%;box-sizing:border-box}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) summary::after{position:absolute!important;right:8px!important;left:auto!important;top:50%!important;margin-top:-7px!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) details[open] summary::after{margin-top:-3px!important}
html.t-runway :is(.faqh,.cw-sec,.go-sec,.sx-faq) :is(.rwh-big,.rwh-left){display:block!important;width:100%!important}
html.t-runway .faqh{text-align:center!important}
html.t-runway .faqh .rw-head{text-align:center!important;margin-inline:auto!important;max-width:none!important;width:100%}
html.t-runway .faqh .rw-head :is(.b-title,.b-kicker){display:block;text-align:center!important;margin-inline:auto!important;max-width:none!important}

/* Neutral by design: points without the left rule. */
html.t-runway .rp-points li{border-left:0!important;padding-left:0!important}
html.t-runway .rp-points{gap:22px}

/* Credentials strip: hairlines only, colour logos, one seal cell for the certification. */
html.t-runway .ab-cert{display:block!important;margin-top:clamp(32px,4vw,56px);padding:0!important;border:0!important}
html.t-runway .ab-cert-k{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5f6772}
html.t-runway .ab-cert-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid #d9dde3;border-bottom:1px solid #d9dde3}
html.t-runway .ab-cert-row li{display:flex;align-items:center;justify-content:center;gap:12px;min-height:104px;padding:20px 16px;box-sizing:border-box}
html.t-runway .ab-cert-row li+li{border-left:1px solid #d9dde3}
html.t-runway .ab-cert-row img{height:34px!important;width:auto;max-width:150px!important;filter:none!important;object-fit:contain}
html.t-runway .ab-cert-row .is-badge{color:#0c0c0c;font-size:15px;font-weight:500;letter-spacing:-.01em;text-align:left}
html.t-runway .ab-cert-row .is-badge svg{flex:none;color:#1593b8}
@media(max-width:720px){html.t-runway .ab-cert-row{grid-template-columns:repeat(2,minmax(0,1fr))}html.t-runway .ab-cert-row li:nth-child(3){border-left:0}html.t-runway .ab-cert-row li:nth-child(n+3){border-top:1px solid #d9dde3}}

/* Operating model: AI readiness gate beside three steps. */
html.t-runway .om-ai{margin-top:clamp(32px,4vw,56px);text-align:left}
html.t-runway .om-ai-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start;margin-top:18px}
html.t-runway .om-gate h3{margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:450;letter-spacing:-.025em;line-height:1.15}
html.t-runway .om-gate p{margin:10px 0 0;font-size:16px;line-height:1.5;color:#5f6772}
html.t-runway .om-checks{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:0}
html.t-runway .om-checks li{position:relative;padding:12px 0 12px 34px;border-top:1px solid #e3e6ea;font-size:16px;font-weight:450;color:#0c0c0c}
html.t-runway .om-checks li:last-child{border-bottom:1px solid #e3e6ea}
html.t-runway .om-checks li::before{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#29b5e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5'/%3E%3C/svg%3E") center/14px no-repeat}
html.t-runway .om-steps{margin:0;padding:0;list-style:none;counter-reset:omstep}
html.t-runway .om-steps li{counter-increment:omstep;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:22px 0;border-top:1px solid #e3e6ea}
html.t-runway .om-steps li:last-child{border-bottom:1px solid #e3e6ea}
html.t-runway .om-steps li::before{content:counter(omstep,decimal-leading-zero);grid-row:1 / span 2;font-size:15px;font-weight:700;letter-spacing:.04em;color:#1593b8;padding-top:3px}
html.t-runway .om-steps b{font-size:clamp(19px,1.7vw,24px);font-weight:450;letter-spacing:-.02em;line-height:1.2}
html.t-runway .om-steps span{margin-top:6px;font-size:16px;line-height:1.5;color:#5f6772}
@media(max-width:860px){html.t-runway .om-ai-grid{grid-template-columns:1fr}}

/* With the low-quality photos removed, each split becomes a text-led two-column block: intro left, points right. */
html.t-runway .rp-split:not(:has(.rp-media)){display:block!important;max-width:none}
html.t-runway .rp-split:not(:has(.rp-media)) > div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(32px,6vw,96px);align-items:start}
html.t-runway .rp-split:not(:has(.rp-media)) > div > :not(.rp-points){grid-column:1}
html.t-runway .rp-split:not(:has(.rp-media)) > div > .rp-points{grid-column:2;grid-row:1 / span 6;margin-top:0;max-width:none}
@media(max-width:860px){html.t-runway .rp-split:not(:has(.rp-media)) > div{display:block}html.t-runway .rp-split:not(:has(.rp-media)) > div > .rp-points{margin-top:24px}}
html.t-runway .rp-split:not(:has(.rp-media)) > div{width:100%!important;max-width:none!important}
html.t-runway .rp-split:not(:has(.rp-media)) > div > .rp-p{max-width:34ch}
html.t-runway .rp-split:not(:has(.rp-media)) .rp-points{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);row-gap:28px}
@media(max-width:860px){html.t-runway .rp-split:not(:has(.rp-media)) .rp-points{grid-template-columns:1fr}}

/* Tab panels with the photo removed: navy-to-teal gradient panel, shorter. */
html.t-runway .rp-switch-stage{background:linear-gradient(135deg,#0d2a40 0%,#0e4a63 60%,#1593b8 140%)!important;min-height:300px!important;height:auto!important}
html.t-runway .rp-switch-pane{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}
html.t-runway .rp-switch-pane b{font-size:clamp(24px,2.4vw,34px)!important;font-weight:450;letter-spacing:-.025em}

/* Home hero: lighter scrim so the sharper footage shows through. */
html .pghero.rwh-hero.is-home::before{background:linear-gradient(180deg,rgba(16,46,69,.10) 0%,rgba(16,46,69,.26) 55%,rgba(16,46,69,.55) 100%)}
html .pghero.rwh-hero.is-home::after{opacity:.38}
html .pghero.rwh-hero.is-home .rw-bg{filter:none}

/* Home hero: live flowing-light canvas replaces the video; scrim and tint are removed so the light is not muddied. */
.fl-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3;display:block}
html .pghero.rwh-hero.is-home::before{background:linear-gradient(180deg,rgba(2,6,16,0) 0%,rgba(2,6,16,0) 55%,rgba(2,6,16,.45) 100%)}
html .pghero.rwh-hero.is-home::after{opacity:0}
.fl-pause{position:absolute;right:clamp(84px,10vw,160px);bottom:clamp(20px,2.6vw,36px);z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(7,27,40,.55);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s}
.fl-pause:hover{background:rgba(7,27,40,.85)}
.fl-pause:focus-visible{outline:3px solid #29b5e8;outline-offset:3px}

/* ===== Home hero with the Higgsfield clip: readable scrim, and text that animates on the video's clock ===== */
html .pghero.rwh-hero.is-home::before{background:linear-gradient(90deg,rgba(7,27,40,.86) 0%,rgba(7,27,40,.62) 42%,rgba(7,27,40,.12) 82%),linear-gradient(180deg,rgba(7,27,40,0) 50%,rgba(7,27,40,.55) 100%)}
html .pghero.rwh-hero.is-home::after{opacity:.30}
html .pghero.rwh-hero.is-home .rw-bg,html .pghero.rwh-hero.is-home .rw-bg-poster{filter:none!important}
/* hidden start states only apply once the script has found the playing video (class ha-on) */
.is-home.ha-on .ha-w{display:inline-block;opacity:0;transform:translateY(.55em);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i) * 85ms)}
.is-home.ha-on.ha-h .ha-w{opacity:1;transform:none;filter:none}
.is-home.ha-on .pghero-sub,.is-home.ha-on .pghero-cta{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.is-home.ha-on.ha-s .pghero-sub,.is-home.ha-on.ha-c .pghero-cta{opacity:1;transform:none}
/* fade the whole title block out just before the loop, so each pass starts clean */
.is-home.ha-on.ha-out .ha-w,.is-home.ha-on.ha-out .pghero-sub,.is-home.ha-on.ha-out .pghero-cta{opacity:0;transform:translateY(-10px);filter:none;transition:opacity .9s ease,transform .9s ease;transition-delay:0s}
@media(prefers-reduced-motion:reduce){.is-home .ha-w,.is-home .pghero-sub,.is-home .pghero-cta{opacity:1!important;transform:none!important;filter:none!important}}

/* Headline: larger, two lines; the second line flips in. */
html.t-runway .rwh-hero.is-home h1{font-size:clamp(40px,5.3vw,86px)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:none!important;margin-bottom:16px}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* the swapping phrase: a display italic, set against the plain sans of "Enabling" */
.ha-slot{display:inline-grid;vertical-align:baseline;font:inherit;font-style:normal;letter-spacing:inherit;line-height:inherit;color:inherit}
.ha-slot>span{grid-area:1/1;display:block;transform-origin:50% 60%;backface-visibility:hidden}
.ha-slot .ha-b{opacity:0}
.is-home.ha-on .ha-slot{opacity:0;transform:translateY(.5em);transition:opacity .9s cubic-bezier(.22,.61,.36,1) .2s,transform .9s cubic-bezier(.22,.61,.36,1) .2s}
.is-home.ha-on.ha-h .ha-slot{opacity:1;transform:none}
.is-home.ha-on .ha-slot>span{transition:opacity .9s ease,transform 1.7s cubic-bezier(.4,.1,.2,1)}
.is-home.ha-on .ha-slot .ha-b{opacity:0;transform:perspective(700px) rotateX(-100deg)}
.is-home.ha-on.ha-alt .ha-slot .ha-a{opacity:0;transform:perspective(700px) rotateX(100deg)}
.is-home.ha-on.ha-alt .ha-slot .ha-b{opacity:1;transform:perspective(700px) rotateX(0)}
.is-home.ha-on.ha-out .ha-slot{opacity:0;transform:translateY(-10px);transition:opacity .9s ease,transform .9s ease}
@media(prefers-reduced-motion:reduce){.ha-slot .ha-b{display:none}}
/* Phrases on a turning wheel (a circular carousel), driven by the video clock. */
.ha-drum{position:absolute;right:clamp(28px,5vw,72px);top:50%;margin-top:-140px;z-index:2;width:min(430px,40%);height:280px;perspective:1000px;opacity:0;transition:opacity .8s cubic-bezier(.22,.61,.36,1)}
.ha-drum ul{position:relative;margin:0;padding:0;list-style:none;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(-210px)}
.ha-drum li{position:absolute;left:0;right:0;top:50%;margin-top:-52px;height:104px;backface-visibility:hidden;will-change:transform,opacity}
.ha-drum a{display:block;color:#fff;text-decoration:none;text-shadow:0 1px 18px rgba(7,27,40,.6)}
.ha-drum small{display:block;margin-bottom:6px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6fd3f5}
.ha-drum b{display:block;font-size:clamp(18px,1.6vw,24px);font-weight:450;letter-spacing:-.02em;line-height:1.2}
.is-home.ha-on.ha-l .ha-drum{opacity:1}
.is-home.ha-on.ha-out .ha-drum{opacity:0;transition:opacity .9s ease}
/* before the script runs (or without it) the wheel is a plain readable list */
.is-home:not(.ha-on) .ha-drum{opacity:1;height:auto;margin-top:0;top:auto;bottom:clamp(96px,12vw,190px);perspective:none}
.is-home:not(.ha-on) .ha-drum ul{transform:none}
.is-home:not(.ha-on) .ha-drum li{position:static;height:auto;margin:0 0 14px;transform:none!important;opacity:1!important}
@media(max-width:720px){.ha-drum{display:none}}
@media(prefers-reduced-motion:reduce){.ha-flip{opacity:1!important;transform:none!important}.ha-drum{opacity:1!important}}

/* Contact sidebar: plain labelled rows with hairlines instead of grey Q&A boxes. */
html.t-runway .ct2-side .rp-qa{gap:0}
html.t-runway .ct2-side .rp-qa li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 0;border-radius:0;background:none;border-top:1px solid #dfe3e8}
html.t-runway .ct2-side .rp-qa li:first-child{border-top:0;padding-top:4px}
html.t-runway .ct2-side .rp-qa b{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5f6772}
html.t-runway .ct2-side .rp-qa span{font-size:17px;line-height:1.5;color:#0c0c0c}

/* Contact form: the send button carries its own state. Sending: spinner and "Sending". Sent: tick and "Sent". Errors get a quiet notice. */
.btn-send{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:176px;transition:background .25s ease,opacity .25s ease}
.btn-send .btn-ico{display:none;width:16px;height:16px;flex:none;border-radius:50%}
.btn-send.is-sending{opacity:.92;cursor:progress}
.btn-send.is-sending .btn-ico{display:block;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:btnspin .8s linear infinite}
.btn-send.is-sent{background:#0f6b4f!important;opacity:1}
.btn-send.is-sent .btn-ico{display:block;border:0;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/16px no-repeat}
@keyframes btnspin{to{transform:rotate(360deg)}}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.form-status{margin:0}
.form-status.is-error{padding:11px 14px;border:1px solid #e6c1bc;border-left:3px solid #b3392c;border-radius:8px;background:#fdf6f5;color:#7a2a20;font-size:15px;line-height:1.45}
.form-status:empty{display:none}
.form input[aria-invalid="true"],.form textarea[aria-invalid="true"]{border-color:#b3392c!important}
@media(prefers-reduced-motion:reduce){.btn-send.is-sending .btn-ico{animation-duration:2.4s}}
.btn-send.is-sending:disabled,.btn-send.is-sent:disabled{color:#fff!important;-webkit-text-fill-color:#fff;border-color:transparent!important}
.btn-send.is-sending:disabled{background:#0c0c0c!important;opacity:.9}

/* Seamless hero (2026-10-14): HOME landing hero only. No card edge: the film feathers into the white page at the bottom and sides.
   Other pages keep the live card hero. Build page only: hero text sits top right. */
html.t-runway .pghero.rwh-hero.is-home{
  margin-left:0!important;margin-right:0!important;border-radius:0!important;background:transparent!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 74%,transparent 100%),linear-gradient(to right,transparent 0,#000 3%,#000 97%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,#000 0,#000 74%,transparent 100%),linear-gradient(to right,transparent 0,#000 3%,#000 97%,transparent 100%);
  mask-composite:intersect}
html.t-runway .pghero.rwh-hero.is-home .pghero-in{padding-bottom:calc(clamp(520px,82vh,800px) * .27)}
html.t-runway .pghero.rwh-hero.is-home .rw-pause{top:16px;bottom:auto}

/* Logo (2026-10-14): one image carries the brackets, wordmark and tagline (assets/uncode-lockup.svg, built by tools/build_logo.py). */
html.t-runway .lockup.lockup-img{display:block!important;padding:0!important;width:max-content!important;max-width:none!important;gap:0!important;line-height:0;flex:0 0 auto}
.lockup.lockup-img::before,.lockup.lockup-img::after{content:none!important;display:none!important}
html.t-runway .lockup.lockup-img img{display:block!important;width:auto!important;min-width:0!important;height:66px!important;aspect-ratio:436/154!important}
html.t-runway .foot .lockup.lockup-img img,html.t-runway .site-foot .lockup.lockup-img img{height:68px!important}
@media(max-width:720px){html.t-runway .lockup.lockup-img img{height:50px!important}html.t-runway .foot .lockup.lockup-img img,html.t-runway .site-foot .lockup.lockup-img img{height:60px!important}}

/* Home hero shows the raw Higgsfield footage: no blue scrim, no tint, no filters. Text goes dark on the light scene. */
html.t-runway .pghero.rwh-hero.is-home::before,html.t-runway .pghero.rwh-hero.is-home::after{content:none!important;display:none!important}
html.t-runway .pghero.rwh-hero.is-home .rw-bg,html.t-runway .pghero.rwh-hero.is-home .rw-bg-poster,html.t-runway .pghero.rwh-hero.is-home video{filter:none!important;opacity:1!important}
html.t-runway .rwh-hero.is-home h1,html.t-runway .rwh-hero.is-home .pghero-sub{color:#0b1d2a!important;text-shadow:none!important}
html.t-runway .rwh-hero.is-home .pghero-cta .pill{background:#0b1d2a!important;color:#fff!important;border-color:#0b1d2a!important}
html.t-runway .rwh-hero.is-home .ha-drum,html.t-runway .rwh-hero.is-home .ha-drum a,html.t-runway .rwh-hero.is-home .ha-drum b,html.t-runway .rwh-hero.is-home .ha-drum small{color:#0b1d2a!important;text-shadow:none!important}
html.t-runway .pghero.rwh-hero.is-home .pghero-veil{display:none!important}
html.t-runway .pghero.rwh-hero.is-home .pghero-cta a.pill,html.t-runway .pghero.rwh-hero.is-home .pghero-cta a.pill *{background-color:#0b1d2a!important;color:#fff!important;border-color:#0b1d2a!important}
html.t-runway .pghero.rwh-hero.is-home .rw-pause{background:rgba(11,29,42,.14)!important;color:#0b1d2a!important}

/* Home hero, centred layout (2026-10-14): pill badge, one italic serif accent phrase, pill buttons, pillar row. */
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(https://uncode.com.au/wp-content/plugins/uncode-scroll/assets/fonts/InstrumentSerif-Italic.woff2) format("woff2")}
html.t-runway .pghero.rwh-hero.is-home{flex-direction:column!important;align-items:center!important;justify-content:center!important;height:clamp(600px,88vh,860px)!important;padding-bottom:calc(clamp(600px,88vh,860px) * .24);box-sizing:border-box;gap:0}
html.t-runway .pghero.rwh-hero.is-home .pghero-in{align-items:center!important;text-align:center!important;max-width:1040px!important;margin:0 auto!important;padding:0 clamp(20px,4vw,48px)!important;width:100%}
html.t-runway .rwh-hero.is-home h1{text-align:center!important;margin-inline:auto!important}
html.t-runway .rwh-hero.is-home .ha-slot,html.t-runway .rwh-hero.is-home .ha-slot>span{font-family:"Instrument Serif",Georgia,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.01em!important;font-size:1.1em;line-height:.95}
html.t-runway .rwh-hero.is-home .pghero-sub{margin:18px auto 0!important;max-width:58ch!important;text-align:center!important;font-size:clamp(16px,1.35vw,20px)!important;opacity:.82}
html.t-runway .rwh-hero.is-home .pghero-cta{justify-content:center!important;margin:26px 0 0!important;gap:12px}
html.t-runway .pghero.rwh-hero.is-home .pghero-cta a.pill.is-ghost,html.t-runway .pghero.rwh-hero.is-home .pghero-cta a.pill.is-ghost *{background-color:rgba(255,255,255,.55)!important;color:#0b1d2a!important;border:1px solid rgba(11,29,42,.2)!important;backdrop-filter:blur(8px)}
.hero-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 clamp(18px,2.4vw,28px);padding:8px 16px 8px 12px;border:1px solid rgba(11,29,42,.18);border-radius:999px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;font-weight:500;letter-spacing:-.005em;color:#0b1d2a!important;text-decoration:none}
.hero-badge svg{flex:none;color:#29B5E8}
/* pillar row: the four things UNCODE does, always visible under the buttons (replaces the rotating drum on this layout) */
html.t-runway .rwh-hero.is-home .ha-drum{position:static!important;margin:clamp(28px,4vh,48px) auto 0!important;width:min(1040px,92%)!important;height:auto!important;perspective:none!important;opacity:1!important;transition:none!important}
html.t-runway .rwh-hero.is-home .ha-drum ul{display:grid!important;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,28px);transform:none!important;height:auto!important}
html.t-runway .rwh-hero.is-home .ha-drum li{position:static!important;height:auto!important;margin:0!important;transform:none!important;opacity:1!important;text-align:left;padding-top:14px;border-top:1px solid rgba(11,29,42,.22)}
html.t-runway .rwh-hero.is-home .ha-drum small{color:#0b1d2a!important;opacity:.7;margin-bottom:4px}
html.t-runway .rwh-hero.is-home .ha-drum b{font-size:clamp(14px,1.15vw,16px)!important;font-weight:450;line-height:1.3}
@media(max-width:720px){
  html.t-runway .rwh-hero.is-home .ha-drum{display:block!important;margin-top:22px!important}
  html.t-runway .rwh-hero.is-home .ha-drum ul{grid-template-columns:repeat(2,1fr)}
  html.t-runway .rwh-hero.is-home .ha-drum b{display:none}
}
html.t-runway body .pghero.rwh-hero.is-home .pghero-cta a.pill:not(.is-ghost),html.t-runway body .pghero.rwh-hero.is-home .pghero-cta a.pill:not(.is-ghost) *{color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#0b1d2a!important}

/* Home only (2026-10-14): the header is part of the video, and only the bottom of the hero blends into the page. */
html.t-runway .pghero.rwh-hero.is-home{
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 74%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0,#000 74%,transparent 100%)!important;
  -webkit-mask-composite:source-over!important;mask-composite:add!important}
@supports (animation-timeline:scroll()){
  html.t-runway body:has(.pghero.rwh-hero.is-home) > header.chrome{
    margin-bottom:calc(-1 * var(--hdr,93px));
    background:rgba(255,255,255,.34)!important;-webkit-backdrop-filter:blur(18px) saturate(1.35)!important;backdrop-filter:blur(18px) saturate(1.35)!important;border-bottom-color:rgba(255,255,255,.5)!important;
    animation:home-hdr-solid linear both;animation-timeline:scroll(root);animation-range:0 140px}
  html.t-runway .pghero.rwh-hero.is-home{margin-top:0!important;padding-top:var(--hdr,93px);box-sizing:border-box}
  @keyframes home-hdr-solid{to{background:rgba(255,255,255,.74);border-bottom-color:rgba(11,29,42,.07)}}
}
html.t-runway .pghero.rwh-hero.is-home .rw-pause{top:auto!important;right:20px!important;bottom:calc(clamp(600px,88vh,860px) * .24 + 10px)!important}

/* Mobile: the rp-switch carousel is wider than the screen on some pages and caused sideways scrolling (also on the old live site). clip keeps the sticky header working. */
html.t-runway body{overflow-x:clip}

/* hero badge and secondary button fixes */
.hero-badge{max-width:100%;white-space:nowrap}
html.t-runway body .pghero.rwh-hero.is-home .pghero-cta a.pill.is-ghost,html.t-runway body .pghero.rwh-hero.is-home .pghero-cta a.pill.is-ghost *{color:#0b1d2a!important;-webkit-text-fill-color:#0b1d2a!important;background-color:rgba(255,255,255,.6)!important;border:1px solid rgba(11,29,42,.25)!important}
@media(max-width:720px){html.t-runway .pghero.rwh-hero.is-home .rw-pause{bottom:8px!important;right:12px!important}}

/* Header (2026-10-14): soft frosted glass on every page, the full bracketed logo stays (the brackets are part of the logo). */
html.t-runway body > header.chrome{background:rgba(255,255,255,.66)!important;-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;backdrop-filter:blur(20px) saturate(1.4)!important;border-bottom:1px solid rgba(255,255,255,.55)!important;box-shadow:0 1px 0 rgba(11,29,42,.05),0 8px 24px rgba(11,29,42,.04)}

/* closing band: readable primary button, tighter spacing, long labels wrap */
html.t-runway .rwh-cta{ row-gap:14px; }
html.t-runway .rwh-cta p{ text-wrap:balance; }
html.t-runway .rwh-cta .pill{ white-space:normal; max-width:100%; text-align:center; }
html.t-runway .rwh-cta .pill:not(.is-ghost){ background:#fff !important; color:#0b1d2a !important; -webkit-text-fill-color:#0b1d2a !important; }
html.t-runway .faqh .faqh-item summary{ text-align:left; }

/* tab-switch panel: service colour and a compact height (Operate amber, no big empty box) */
html.t-runway .rp-switch .rp-switch-stage{ aspect-ratio:auto !important; min-height:220px !important; }
html.t-runway main:has(#op-h) .rp-switch-stage{ background:#140f0a linear-gradient(135deg,#3a2a12 0%,#0f0b08 70%) !important; }
/* Govern: closing band in the green family, readable eyebrow */
html.t-runway main:has(#space-h) .rwh-cta{ background:#0a140f linear-gradient(120deg,#143a2a 0%,#08100c 60%) !important; }
html.t-runway .rp-band.is-green .rp-eyebrow{ color:rgba(255,255,255,.78) !important; }
/* Solutions hero: legible text over the bright wing photo */
html.t-runway .tint-sector .pghero-in :is(h1,p,.pghero-kicker){ text-shadow:0 1px 16px rgba(4,18,24,.55); }
html.t-runway .tint-sector .pghero-in .pghero-kicker{ font-weight:600; }
html.t-runway .tint-sector .pghero-cta .pill.is-ghost{ background:rgba(6,22,30,.6) !important; border:1px solid rgba(255,255,255,.7) !important; color:#fff !important; }
html.t-runway .gv-ex{ margin:10px 0 0 !important; font-size:14px !important; color:#5f6772 !important; } html.t-runway .gv-ex b{ font-weight:500; color:#0c0c0c; }

/* tab panel: panes flow normally so the stage always fits its text (fixes clipping) */
html.t-runway .rp-switch .rp-switch-stage > .rp-switch-pane{ position:relative !important; inset:auto !important; min-height:220px; }
html.t-runway .rp-switch .rp-switch-stage{ min-height:0 !important; }
/* readable eyebrows inside dark bands */
html.t-runway .rp-band .rp-eyebrow{ color:rgba(255,255,255,.78) !important; }
/* Operate closing band in amber */
html.t-runway main:has(#op-h) .rwh-cta{ background:#140f0a linear-gradient(120deg,#3a2a12 0%,#0f0b08 60%) !important; }
/* Solutions hero: darken the bright wing photo so white text reads */
html.t-runway .tint-sector .rw-bg-poster{ filter:brightness(.6); }