/* studio-reference.css */
/* Advertising's visual language, scoped to Web Studio; existing component behaviour stays in place. */
body.studio-reference{--studio-ink:#051014;--studio-panel:#0a1c23;--studio-line:#243b43;--studio-blue:#00e7f2;--studio-copy:#adbec6;background:var(--studio-ink);color:#edf5f7;font-family:Rajdhani,"Rajdhani Fallback",Arial,sans-serif}
.studio-reference h1:not(#home *),.studio-reference h2:not(#home *),.studio-reference h3:not(#home *),.studio-reference .font-display:not(#home *){font-family:Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.035em;text-shadow:none!important}
.studio-reference h2:not(#home *){font-size:clamp(32px,3.4vw,58px);line-height:1.08}
.studio-reference p:not(#home *){line-height:1.7}
.studio-reference .site-ambient-bg,.studio-reference .ambient-glow-radial,.studio-reference .axr-mascot-accent{display:none!important}
.studio-reference main>section:not(#home):not(.growth-bridge){padding-block:clamp(64px,7vw,120px)!important;border-color:var(--studio-line);background-color:var(--studio-ink)}
.studio-reference main>section:not(#home)>.container{width:86%;max-width:1440px;padding-inline:0}
/* Accent TEXT gets its own token: --studio-blue is also used as a CTA background
(with dark text on it), so it cannot simply be darkened for light mode. On the
white light-mode ground the neon cyan measured 1.53:1 as text. */
.studio-reference [class*="text-neon-pink"]:not(#home *),.studio-reference [class*="text-neon-green"]:not(#home *),.studio-reference [class*="text-[#ffd08a]"]:not(#home *){color:var(--studio-accent-text,var(--studio-blue))!important}
html[data-theme=light] body.studio-reference{--studio-accent-text:#036484}
.studio-reference a:focus-visible,.studio-reference button:focus-visible,.studio-reference summary:focus-visible{outline:2px solid var(--studio-blue);outline-offset:5px}
/* Floating division navigation */
:is(.studio-reference,.studio-nav) #navbar{top:18px;left:5%;right:5%;min-height:76px!important;background:#061116f5!important;border:1px solid #294049!important;border-radius:24px;box-shadow:0 12px 30px #0003!important}
:is(.studio-reference,.studio-nav) #navbar::after{display:none}
:is(.studio-reference,.studio-nav) .auronix-header-inner{min-height:76px;padding:12px 22px;gap:20px}
:is(.studio-reference,.studio-nav) .auronix-mark-shell{display:none}
:is(.studio-reference,.studio-nav) .auronix-brand{gap:0}
:is(.studio-reference,.studio-nav) .auronix-wordmark{font:600 30px/.95 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-1.5px!important;text-shadow:none!important}
:is(.studio-reference,.studio-nav) .auronix-submark{font:600 9px/1.8 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:3px!important;color:#d5e3e8!important}
:is(.studio-reference,.studio-nav) .auronix-nav{gap:19px}
:is(.studio-reference,.studio-nav) .auronix-nav-link{font-size:13px;letter-spacing:0;text-shadow:none!important;padding:10px 0;gap:0}
:is(.studio-reference,.studio-nav) .auronix-nav-link>svg,:is(.studio-reference,.studio-nav) .auronix-nav-link>i{display:none}
:is(.studio-reference,.studio-nav) .auronix-nav-link::before{display:none}
:is(.studio-reference,.studio-nav) .auronix-cta{background:var(--studio-blue)!important;color:#042028!important;border:0;border-radius:40px;padding:15px 22px;font:700 13px Rajdhani,"Rajdhani Fallback",Arial,sans-serif;letter-spacing:.02em;box-shadow:none!important;white-space:nowrap}
:is(.studio-reference,.studio-nav) .auronix-cta svg{display:none}
:is(.studio-reference,.studio-nav) .auronix-theme-toggle{box-shadow:none!important;border:1px solid #31515e!important;background:transparent!important;width:40px;height:40px;flex-shrink:0}
:is(.studio-reference,.studio-nav) .auronix-mobile-menu{background:#06171e!important;border-radius:0 0 24px 24px;max-height:75vh;overflow:auto}
:is(.studio-reference,.studio-nav) .auronix-mobile-link{font-family:Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;font-size:17px}
/* Open service ledger and quieter surfaces */
.studio-reference .axr-services-head{max-width:740px;text-align:left;margin-bottom:48px}
.studio-reference .auronix-services-eyebrow{color:var(--studio-blue)!important;font-size:11px;letter-spacing:.16em}
.studio-reference .axr-row{--axr-accent:#00e7f2!important;background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;border-radius:0!important;box-shadow:none!important;padding-block:34px}
.studio-reference .axr-row:hover{background:#0b2028!important}
.studio-reference .axr-row__num,.studio-reference .axr-row__label{color:#68bfcc!important}
.studio-reference .axr-row__title{font-size:clamp(25px,2.3vw,38px)}
.studio-reference .axr-row__arrow{border-radius:50%;border:1px solid #345661;background:transparent!important}
.studio-reference #portfolio .project-card{border-radius:10px;box-shadow:none!important;border-color:#29414b}
.studio-reference .growth-bridge{background:#dfeaed!important;color:#102b35;padding:42px 7%;border:0}
.studio-reference .growth-bridge h2{font-size:32px}
.studio-reference #root-php #process{background:#dfeaed!important;color:#132d37!important}
.studio-reference #root-php #process h2,.studio-reference #root-php #process .text-white{color:#112b36!important}
.studio-reference #root-php #process p{color:#516c78!important}
.studio-reference #root-php #process .text-neon-blue{color:#007f93!important}
.studio-reference #root-php #process .grid{grid-template-columns:1fr;gap:0}
.studio-reference #root-php #process .grid>.group{border:0!important;border-top:1px solid #a4bbc5!important;background:transparent!important;padding:28px 20px 28px 80px}
.studio-reference #root-php #process .grid>.group>div:first-child{left:0;right:auto;top:28px;font-size:34px;color:#008297!important;margin:0;padding:0}
.studio-reference #root-php #process .grid>.group>div:nth-child(2){font-size:27px}
.studio-reference #root-php #process .grid>.group>.absolute:last-child,.studio-reference #root-php #process .grid>.group>.absolute:nth-last-child(2){display:none}
html[data-theme="light"] .studio-reference main>section:not(#home):not(#process):not(.growth-bridge){background-color:#eff5f6}
html[data-theme="light"] .studio-reference{--studio-line:#bfd0d8;--studio-copy:#45616e}
html[data-theme="light"] .studio-reference .axr-row:hover{background:#dcebef!important}
html[data-theme="light"] .studio-reference .axr-row__title{color:#122e39!important}
@media(max-width:1350px){:is(.studio-reference,.studio-nav) .auronix-nav{display:none!important}:is(.studio-reference,.studio-nav) .auronix-menu-button{display:inline-flex!important}:is(.studio-reference,.studio-nav) .auronix-brand{margin-right:auto}}
@media(max-width:800px){
:is(.studio-reference,.studio-nav) #navbar{top:12px;left:4%;right:4%;min-height:64px!important;border-radius:18px}:is(.studio-reference,.studio-nav) .auronix-header-inner{min-height:64px;padding:10px 16px;gap:14px}:is(.studio-reference,.studio-nav) .auronix-wordmark{font-size:28px!important}:is(.studio-reference,.studio-nav) .auronix-cta{display:none!important}
.studio-reference main>section:not(#home)>.container{width:88%}
.studio-reference .growth-bridge{padding:35px 6%}
}

html[data-theme] body:is(.studio-reference,.studio-nav) #navbar .auronix-nav-link,html[data-theme] body:is(.studio-reference,.studio-nav) #navbar .auronix-wordmark{color:#e4eff3!important}
/* The navbar stays dark in every theme (see #navbar above), so the label span and
the submark must stay light too. light-theme.css recolours .auronix-nav-text and
.auronix-submark to ink for light mode; on this dark bar that rendered at 1.01:1. */
html[data-theme] body:is(.studio-reference,.studio-nav) #navbar .auronix-nav-text{color:#e4eff3!important}
html[data-theme] body:is(.studio-reference,.studio-nav) #navbar .auronix-submark{color:#7ec8dd!important}
@media(min-width:1101px) and (max-width:1350px){:is(.studio-reference,.studio-nav) #navbar .auronix-nav{display:flex!important;gap:16px}:is(.studio-reference,.studio-nav) #navbar .auronix-nav>a[href$="faq"],:is(.studio-reference,.studio-nav) #navbar .auronix-nav>a[href$="tools/"]{display:none}:is(.studio-reference,.studio-nav) #navbar .auronix-menu-button{display:inline-flex!important}:is(.studio-reference,.studio-nav) #navbar .auronix-cta{display:none!important}:is(.studio-reference,.studio-nav) #navbar .auronix-nav-link{font-size:12px}}

:is(.studio-reference,.studio-nav) #navbar .auronix-brand{min-width:0!important;width:auto!important;flex-shrink:1}
:is(.studio-reference,.studio-nav) #navbar .auronix-menu-button{flex-shrink:0;width:32px;height:40px;box-shadow:none!important;border:0}
.studio-reference #root-php #process .grid>.group{background:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:0!important}


/* visual-fixes.css */
/* Keep this reusable light panel self-contained against older section/theme overrides. */
html body #root-php .growth-bridge{background:#dfeaed!important;color:#183640!important;padding:42px max(6%,calc((100% - 1440px)/2))!important;border-block:1px solid #bfced4!important;text-align:left}
html body #root-php .growth-bridge h2{color:#102b35!important;font:700 clamp(27px,2.6vw,40px)/1.15 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;margin:0 0 12px!important;letter-spacing:-.025em}
html body #root-php .growth-bridge p{color:#385863!important;font:400 17px/1.65 Arial,sans-serif!important;margin:0!important;max-width:760px}
html body #root-php .growth-bridge a{color:#00576c!important;font:600 16px/1.5 Arial,sans-serif!important;margin:18px 28px 0 0!important;text-decoration:underline;text-underline-offset:5px}
html body #root-php .growth-bridge::before,html body #root-php .growth-bridge::after{display:none!important}
@media(max-width:600px){html body #root-php .growth-bridge{padding-block:30px!important}html body #root-php .growth-bridge a{display:block;margin-right:0!important}}
/* Measured text/background pairs: keep light panels and coloured controls readable. */
html body.studio-reference #root-php #process .text-neon-blue{color:#006778!important}
html[data-theme=light] body #root-php [class~="bg-neon-pink"][class~="text-white"]{background:#6d258f!important;color:#fff!important}
html[data-theme=light] body #root-php a[class*="text-[#25D366]"]{color:#176239!important}
html[data-theme=dark] body #root-php .text-slate-500{color:#91a5bb!important}
html body #root-php .aurad-step-node span{color:#006575!important}
html body #root-php .aurad-button:not(.aurad-outline) span{color:#04212a!important}
html body #root-php .aurad-hero .aurad-eyebrow{color:#00f3ff!important}
html body #root-php .aurad-faq-cta .aurad-button{background:#05202a!important;border-color:#05202a!important;color:#fff!important}
html body #root-php .aurad-faq-cta .aurad-button span{color:#fff!important}
html[data-theme=light] body #root-php .axr-svc-fit-col li{color:#354e59!important}
/* Image captions need a stable dark scrim in both themes, not inherited light-page ink. */
html body #root-php .aurad-work{background:#07171d!important}
html body #root-php .aurad-work::after{background:linear-gradient(0deg,#031117f5 0%,#031117b8 38%,transparent 82%)!important}
html body #root-php .aurad-work-caption h3,html body #root-php .aurad-work-caption p,html body #root-php .aurad-work-caption .aurad-arrow{color:#f4f9fb!important}
html body #root-php .aurad-work-caption .aurad-eyebrow,html body #root-php .aurad-faq-cta .aurad-eyebrow{color:#56e8f1!important}
html body .ar-pricing-note,html body .ar-footer__bottom{color:#a5b6c9!important}

#quote-builder-layout>div{min-width:0}
#quotePreview{overflow-wrap:anywhere}

html body #root-php .aurad-step.is-current .aurad-step-node span{color:#63f1fb!important}
/* Leave anchor headings below the floating navigation; keep the CAPTCHA answer usable. */
html body #root-php main section[id]:not(#home){scroll-margin-top:120px}
html body #contact-form .space-y-2>.flex{flex-wrap:wrap}
html body #contact-form #captcha_input{flex:1;min-width:180px}
html[data-theme=dark] body #contact input::placeholder,html[data-theme=dark] body #contact textarea::placeholder{color:#a3b8c6!important;opacity:1}
@media(max-width:600px){html body #root-php main section[id]:not(#home){scroll-margin-top:100px}}
/* Dark mode uses dark planning/process surfaces, matching the owner's preference. */
html[data-theme=dark] body #root-php .growth-bridge{background:#0b2028!important;border-color:#27434d!important;color:#eaf4f7!important}
html[data-theme=dark] body #root-php .growth-bridge h2{color:#f0f7fa!important}
html[data-theme=dark] body #root-php .growth-bridge p{color:#b4cbd4!important}
html[data-theme=dark] body #root-php .growth-bridge a{color:#6ce6ef!important}
html[data-theme=dark] body.studio-reference #root-php #process{background:#0b2028!important;color:#eaf4f7!important}
html[data-theme=dark] body.studio-reference #root-php #process h2,html[data-theme=dark] body.studio-reference #root-php #process .text-white{color:#f0f7fa!important}
html[data-theme=dark] body.studio-reference #root-php #process p{color:#b4cbd4!important}
html[data-theme=dark] body.studio-reference #root-php #process .text-neon-blue,html[data-theme=dark] body.studio-reference #root-php #process .grid>.group>div:first-child{color:#6ce6ef!important}
html[data-theme=dark] body.studio-reference #root-php #process .grid>.group{border-color:#31515e!important}
html[data-theme=dark] body #root-php .growth{--ink:#eff7fa;--muted:#b7cbd4;--line:#35525e;--accent:#73e3ed;background:#08171e!important;color:#eff7fa!important}
html[data-theme=dark] body #root-php .growth-brief,html[data-theme=dark] body #root-php .growth thead{background:#102b36!important}
html[data-theme=dark] body #root-php .growth input,html[data-theme=dark] body #root-php .growth select,html[data-theme=dark] body #root-php .growth textarea,html[data-theme=dark] body #root-php .growth pre{background:#081b23!important;color:#eaf4f7!important;border-color:#617d88}
html[data-theme=dark] body #root-php .growth input::placeholder,html[data-theme=dark] body #root-php .growth textarea::placeholder{color:#a6bec9;opacity:1}
html[data-theme=dark] body #root-php .growth .growth-button{background:#74e5ed!important;color:#08212a!important}
/* Keep the cross-sell image column present for the full desktop list height. */
@media(min-width:1025px){html body #root-php #advertising-cross-sell .axr-adx-stage{position:relative;top:0;align-self:stretch;aspect-ratio:auto!important;min-height:0}}
/* Reading content uses the available width; related links follow it instead of leaving an empty rail. */
html body #root-php .growth-reading{grid-template-columns:minmax(0,1fr);gap:28px}
html body #root-php .growth-reading article{max-width:980px}
html body #root-php .growth-reading aside{position:static;border-left:0;border-top:1px solid var(--line);padding:24px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px}
html body #root-php .growth-reading aside h2{flex-basis:100%;margin-bottom:0}
html body #root-php .growth-reading aside a{margin:0}
@media(min-width:1024px){
html body.studio-reference #root-php #portfolio .group.relative.grid{grid-template-columns:.85fr 1.15fr;gap:32px}
html body.studio-reference #root-php #portfolio .group.relative.grid>div:first-child{align-self:stretch;display:flex;flex-direction:column}
html body.studio-reference #root-php #portfolio .group.relative.grid>div:first-child>.aspect-video{flex:1;aspect-ratio:auto;min-height:300px}
html body.studio-reference #root-php #portfolio .group.relative.grid>div:first-child>.aspect-video img{position:absolute;inset:0}
html body.studio-reference #root-php .auronix-performance-ledger>.container>.grid{grid-template-columns:1fr;gap:32px}
html body.studio-reference #root-php .auronix-performance-checklist ol{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html body.studio-reference #root-php .auronix-performance-checklist ol>li{margin:0}
html body.studio-reference #root-php #portfolio-detailed>.container>.space-y-24>section{grid-template-columns:1fr;gap:24px;padding-bottom:40px}
html body.studio-reference #root-php #portfolio-detailed>.container>.space-y-24>section>div{order:initial}
html body.studio-reference #root-php #portfolio-detailed>.container>.space-y-24>section>div:first-child .aspect-video{aspect-ratio:2.4}
html body.studio-reference #root-php #portfolio-detailed>.container>.space-y-24>section>div:last-child>.space-y-5{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
html body.studio-reference #root-php #portfolio-detailed>.container>.space-y-24>section>div:last-child>.space-y-5>div{margin:0}
}

/* Mobile Advertising sections: one visual system, with the directory as the anchor. */
@media(max-width:767px){
html body #root-php #aurad-home .aurad-page main>section{padding-block:54px!important}
html body #root-php #aurad-home .aurad-page .aurad-frame{width:88%!important}
html body #root-php #aurad-home .aurad-section-head{margin-bottom:28px!important}
html body #root-php #aurad-home .aurad-section-head h2{font-size:clamp(32px,9vw,46px)!important;line-height:1.02!important}
html body #root-php #aurad-home .aurad-head-note{margin-top:18px!important;font-size:14px!important}
html body #root-php #aurad-home .aurad-service-grid{gap:14px!important}
html body #root-php #aurad-home .aurad-service-card{border-radius:18px!important}
html body #root-php #aurad-home .aurad-service-image{aspect-ratio:16/7!important}
html body #root-php #aurad-home .aurad-service-info{padding:16px!important}
html body #root-php #aurad-home .aurad-card-title{min-height:0!important;font-size:18px!important}
html body #root-php #aurad-home .aurad-service-description{min-height:0!important;margin-top:8px!important;font-size:13px!important}
html body #root-php #aurad-home .aurad-directory{padding-block:54px!important;background:radial-gradient(circle at 90% 20%,rgba(0,243,255,.1),transparent 32%),linear-gradient(145deg,#07171d,#041116)!important}
html body #root-php #aurad-home .aurad-directory-head{display:block!important;margin-bottom:24px!important}
html body #root-php #aurad-home .aurad-directory-head h2{font-size:clamp(39px,11vw,56px)!important;line-height:.98!important;letter-spacing:-.06em!important}
html body #root-php #aurad-home .aurad-directory-summary{display:none!important}
html body #root-php #aurad-home .aurad-service-browser{display:grid;gap:10px}
html body #root-php #aurad-home .aurad-capability{border:1px solid #214754!important;border-radius:16px!important;background:linear-gradient(120deg,rgba(10,35,45,.96),rgba(5,21,29,.96))!important;overflow:hidden;transition:border-color .2s,box-shadow .2s}
html body #root-php #aurad-home .aurad-capability[open]{border-color:#00dce8!important;box-shadow:0 0 24px rgba(0,220,232,.12)!important}
html body #root-php #aurad-home .aurad-capability summary{display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px!important;gap:12px!important;align-items:center;padding:15px 14px!important;border:0!important;font-size:16px!important;line-height:1.15!important;color:#f1fafc!important}
html body #root-php #aurad-home .aurad-capability summary>span:nth-child(2){min-width:0}
html body #root-php #aurad-home .aurad-capability summary strong{display:block;color:inherit!important;font:700 16px/1.2 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-capability summary em{display:block;margin-top:7px;color:#7fa9b4!important;font:500 8px/1 Orbitron,"Orbitron Fallback",Arial,sans-serif!important;letter-spacing:.18em;font-style:normal;white-space:nowrap}
html body #root-php #aurad-home .aurad-capability-index{font:700 25px/1 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;color:#63dbe5!important}
html body #root-php #aurad-home .aurad-capability-count{display:none!important}
html body #root-php #aurad-home .aurad-capability summary b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #28717d;border-radius:50%;font-size:24px!important;line-height:1;color:#00e3ed!important}
html body #root-php #aurad-home .aurad-capability[open] summary b{transform:rotate(45deg)}
html body #root-php #aurad-home .aurad-capability-body{padding:0 14px 16px!important}
html body #root-php #aurad-home .aurad-capability-body nav{display:block!important}
html body #root-php #aurad-home .aurad-capability-body nav a{min-height:38px!important;padding:10px 0!important;font-size:13px!important}
html body #root-php #aurad-home .aurad-about-grid,.aurad-faq-grid{gap:28px!important}
html body #root-php #aurad-home .aurad-about-figure{border-radius:18px!important}
html body #root-php #aurad-home .aurad-process-track{grid-template-columns:1fr!important;gap:18px!important;margin-top:28px!important}
html body #root-php #aurad-home .aurad-process .aurad-step{padding:0 0 18px 48px!important;border-bottom:1px solid #29434b}
html body #root-php #aurad-home .aurad-work-grid{grid-template-columns:1fr!important;grid-template-rows:360px 230px 230px!important;gap:14px!important}
html body #root-php #aurad-home .aurad-work{border-radius:18px!important}
html body #root-php #aurad-home .aurad-blog-grid{grid-template-columns:1fr!important;gap:14px!important}
html body #root-php #aurad-home .aurad-blog{border-radius:18px!important}
html body #root-php #aurad-home .aurad-contact-grid{gap:28px!important}
html[data-theme=light] body #root-php #aurad-home .aurad-directory{background:linear-gradient(145deg,#e6f2f4,#d5e8ed)!important}
html[data-theme=light] body #root-php #aurad-home .aurad-capability{background:rgba(255,255,255,.72)!important;border-color:#a9c8d0!important}
html[data-theme=light] body #root-php #aurad-home .aurad-capability summary{color:#102d38!important}
html[data-theme=light] body #root-php #aurad-home .aurad-capability summary em{color:#46717c!important}
html[data-theme=light] body #root-php #aurad-home .aurad-capability-body nav a{color:#12414e!important;border-bottom-color:#bdd3d9!important}
}

/* The article must not become a scroll container: the rail follows the viewport. */
html body .axr-svc{overflow:clip}
html body .axr-svc-aside{min-width:0}
html body .axr-svc-aside-inner{top:90px;gap:16px}
html body .axr-svc-toc{padding:18px 22px}
html body .axr-svc-toc ol{max-height:160px;overflow:auto}
html body .axr-svc-related{padding:18px;min-width:0}
html body .axr-svc-related .aurad-service-slides{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;margin:0;padding:0}
html body .aurad-service-slides>li{flex:0 0 100%;min-width:0;scroll-snap-align:start;list-style:none}
html body .axr-svc-related .aurad-service-slides a{display:block;padding:0 0 10px;font-size:19px;color:#eaf7fa;line-height:1.4}
html body .aurad-service-slides img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;margin-bottom:14px;border-radius:8px}
html body .aurad-service-slides svg{display:none}
.aurad-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#afc6cf;margin-top:10px}
.aurad-carousel-controls button{width:44px;height:44px;border:1px solid #35616b;border-radius:50%;color:#7df5ff;background:#0b242e;font-size:21px;cursor:pointer}
html body .axr-svc-aside-cta{padding:20px;background:#0b2730;border:1px solid #295965}
html body .axr-svc-aside-cta p{color:#c8dce3;font-size:16px;line-height:1.55;margin:0 0 12px}
html body .axr-adnav-cta{margin-left:auto}
html body .axr-adnav-burger{margin-left:0}
html body .aurad-service-slides{scrollbar-width:none!important}
html body .aurad-service-slides::-webkit-scrollbar{display:none}
html:not([data-theme="light"]) .axr-svc-body p,html:not([data-theme="light"]) .axr-svc-body li{color:#bdd0d8}
html body .axr-svc-aside-inner{max-height:calc(100dvh - 110px);overflow-y:auto;scrollbar-width:thin}
html body .axr-admobile{max-height:calc(100dvh - 85px);overflow-y:auto;overscroll-behavior:contain}
html body #root-php .axr-adfoot,html body #root-php .aurad-page .aurad-footer{background:radial-gradient(ellipse at 95% 0,#10353e 0,transparent 55%),#061218;background-size:auto;color:#e8f5f8}
html body #root-php .axr-adfoot::after,html body #root-php .aurad-footer::after{display:none}
html body #root-php .axr-adfoot h2,html body #root-php .axr-adfoot-heading,html body #root-php .axr-adfoot-logo,html body #root-php .aurad-footer h2,html body #root-php .aurad-footer h3{color:#edf8fa}
html body #root-php .axr-adfoot-brand p,html body #root-php .axr-adfoot-list a,html body #root-php .axr-adfoot-bottom,html body #root-php .axr-adfoot-bottom a,html body #root-php .aurad-footer p,html body #root-php .aurad-footer nav a{color:#bcd1d8}
.aurad-whatsapp-float{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:58;display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid #50dca2;border-radius:30px;background:#07382b;color:#dcfff0;font:600 15px/1.2 sans-serif;box-shadow:0 8px 25px #0005}
.aurad-whatsapp-float svg{width:22px;height:22px}
.aurad-chat-privacy{padding:8px 16px;margin:0;color:#b9ccd6;font:12px/1.4 sans-serif;background:#0a1924}
.aurad-chat-privacy a{color:#7be8f7;text-decoration:underline}
.aurad-guide-options{display:grid;gap:8px;margin-top:16px}
.aurad-guide-options button{padding:12px 14px;min-height:44px;text-align:left;background:#102b38;border:1px solid #315563;border-radius:8px;color:#e3f6fa;font:600 15px/1.35 sans-serif;cursor:pointer}
.aurad-guide-options button:hover,.aurad-guide-options button:focus-visible{background:#174556;border-color:#65e2ed;outline:2px solid #65e2ed;outline-offset:1px}
.aurad-guide-quote,.aurad-guide-source{display:block;margin-top:14px;padding:12px;color:#79f0db!important;font:600 14px/1.4 sans-serif;text-decoration:underline;text-underline-offset:4px}
html body #services .axr-row{position:relative;border-top:1px solid #29444c;transition:background .35s,box-shadow .35s;isolation:isolate}
html body #services .axr-row::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#0d404c99,transparent 72%);opacity:0;transition:opacity .5s}
html body #services .axr-row:hover::before,html body #services .axr-row:focus-visible::before,html body #services .axr-row.is-current::before{opacity:1}
html body #services .axr-row__num{color:#64d9e7;transition:transform .6s,color .6s}
html body #services .axr-row.is-current .axr-row__num{color:#a3f5ff;transform:translateX(8px)}
html body #services .axr-row__arrow{transition:transform .35s,background .35s}
html body #services .axr-row:hover .axr-row__arrow{transform:rotate(45deg);background:#12434c}
html body #services .axr-row__desc,html body #services .axr-row__points{color:#bdd2dc}
html body #services .axr-row::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#00e5f4,#00e5f400);transform:scaleX(0);transform-origin:left;transition:transform .8s ease}
html body #services .axr-row.is-current::after{transform:scaleX(1)}
html body #services .axr-row__arrow{color:#73e5ed!important}
html[data-theme=light] body #services .axr-row::before{background:linear-gradient(105deg,#daedf3,transparent 75%)}
html[data-theme=light] body #services .axr-row__arrow{color:#155566!important}
html body #root-php #invoicePreview [class*="text-slate-"],html body #root-php #quotePreview [class*="text-slate-"]{color:#405265!important}
html[data-theme=light] body #root-php main a.text-neon-purple{color:#67328b!important}
@media(min-width:1025px){html body .axr-svc-aside-inner{position:sticky}}
@media(max-width:1024px){html body .axr-svc-body{grid-template-columns:minmax(0,1fr)}html body .axr-svc-aside-inner{position:static;grid-template-columns:1fr 1fr;align-items:start;max-height:none;overflow:visible}html body .axr-svc-toc{grid-column:1/-1}}
@media(max-width:767px){html body .axr-svc-aside-inner{grid-template-columns:minmax(0,1fr)}html body .axr-svc-hero-media{min-height:0;height:auto;aspect-ratio:1.35}html body #root-php .axr-adfoot-bottom,html body #root-php .aurad-footer-bottom{padding-bottom:120px}.aurad-whatsapp-float{left:12px;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px}.aurad-whatsapp-float span{display:none}}
@media(max-width:520px){html body .aurad-ed-process{grid-template-columns:1fr}html body .axr-adnav-inner{gap:10px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){html body #services .axr-row,html body #services .axr-row::before,html body #services .axr-row__num,html body #services .axr-row__arrow{transition:none;transform:none}}

html body #root-php .axr-adfoot-phone,html body #root-php .axr-adfoot-pitch-action>span{color:#bcd1d8}
html body #root-php .aurad-footer-contact a,html body #root-php .aurad-footer-enquiry>a:not(.aurad-button),html body #root-php .aurad-footer-bottom a{color:#bcd1d8}
/* Compact capability browser: one discipline open, every service remains crawlable. */
#root-php .aurad-directory-head{margin-bottom:28px}
.aurad-service-browser{border-top:1px solid #31535e}
.aurad-capability{border-bottom:1px solid #31535e}
.aurad-capability summary{display:grid;grid-template-columns:42px 1fr auto 24px;align-items:center;gap:20px;padding:24px 4px;cursor:pointer;list-style:none;font-size:24px;font-weight:600;color:#e6f5f7}
.aurad-capability summary::-webkit-details-marker{display:none}
.aurad-capability-index,.aurad-capability summary small{font-size:12px;color:#87b9c5;font-weight:500}
.aurad-capability summary b{font-size:25px;font-weight:400;color:#00dfef;transition:transform .25s}
.aurad-capability[open] summary b{transform:rotate(45deg)}
.aurad-capability[open] summary{color:#75eff5}
.aurad-capability-body{display:grid;grid-template-columns:260px 1fr;gap:36px;padding:0 0 28px 66px}
.aurad-capability-overview img{width:100%;height:150px;object-fit:cover;border-radius:12px}
#root-php .aurad-capability-overview p{font:14px/1.65 Arial,sans-serif;margin:14px 0;color:#a9c2cc}
.aurad-capability-overview>a{font-size:13px;color:#6de5ef!important}
.aurad-capability-body nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 22px}
.aurad-capability-body nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #24404b;color:#cbdee5;font:15px/1.35 Arial,sans-serif;min-height:44px}
.aurad-capability-body nav a:hover{color:#6ef0f5}
.aurad-capability-body nav span{color:#56cddb}
#root-php .aurad-page .aurad-nav{position:fixed;z-index:65;top:16px;background:#051319f5;backdrop-filter:none}
#root-php #navbar{position:fixed;top:24px;z-index:65}
#root-php .aurad-page .aurad-hero{background:#06151b;min-height:760px;height: min(900px,100svh);aspect-ratio:auto}
#root-php .aurad-hero-slide:after{background:linear-gradient(90deg,#06151b 0%,#06151b 40%,#06151b00 65%);pointer-events:none}
#root-php .aurad-hero-slide:before{display:none}
#root-php .aurad-hero-art{left:auto;right:4%;top:135px;width:55%;height:calc(100% - 270px);object-fit:cover;border-radius:26px;filter:none;animation:none;transform:none}
#root-php .aurad-hero-content{padding-top:200px}
#root-php .aurad-hero h1,#root-php .aurad-hero h2{max-width:620px;width:54%;font-size:clamp(52px,5.7vw,88px);line-height:1;letter-spacing:-.055em;animation:none}
#root-php .aurad-hero .aurad-intro{max-width:440px;width:42%;font-size:17px;line-height:1.7;animation:none}
#root-php .aurad-hero .aurad-actions{animation:none;justify-content:flex-start}
#root-php .aurad-hero .aurad-eyebrow{animation:none}
#root-php .aurad-hero.has-interacted .aurad-hero-slide.is-active .aurad-hero-art{animation:aurad-art-arrive .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes aurad-art-arrive{from{transform:translateY(20px) scale(.97)}to{transform:none}}
#root-php .aurad-faq-cta{background:radial-gradient(ellipse at 100% 0,#165566,transparent 75%),#081d25!important;border:1px solid #38707c;border-radius:18px;padding:30px!important;min-height:0}
#root-php .aurad-faq-cta h3{font:600 clamp(28px,2.8vw,43px)/1.08 Rajdhani,"Rajdhani Fallback",sans-serif;letter-spacing:-.03em;margin:14px 0 30px}
#root-php .aurad-faq-cta .aurad-emblem{display:none}
#root-php .aurad-faq-cta .aurad-button{margin-top:0;border-radius:10px;background:#00e3ed!important;color:#05202a!important}
#root-php .aurad-faq-cta .aurad-button span{color:#05202a!important}
#root-php .aurad-faq-brief{font:13px/1.65 Arial,sans-serif;color:#bbd5df;margin-top:22px}
/* Keep the two controls in separate corners, with identical WhatsApp placement. */
html body #root-php .aurad-whatsapp-float,html body #root-php .auronix-whatsapp-widget{left:auto!important;right:24px!important;bottom:calc(22px + env(safe-area-inset-bottom))!important;min-width:0;width:56px;height:56px;padding:14px;border:1px solid #74efba;border-radius:18px;background:#12b86c;color:#fff;box-shadow:0 8px 24px #0004;display:flex;align-items:center;justify-content:center}
html body #root-php .aurad-whatsapp-float span,html body #root-php .auronix-whatsapp-copy{display:none}
html body #root-php .auronix-whatsapp-icon{width:28px;height:28px;background:none;box-shadow:none;color:white}
html body #root-php .aurad-whatsapp-float svg{width:28px;height:28px}
html body #root-php .auronix-chat-root{right:auto;left:22px;align-items:flex-start}
html body #root-php .auronix-chat-nudge{right:auto;left:76px}
html body #root-php .auronix-chat-window{transform-origin:bottom left}
@media(max-width:767px){
#root-php .aurad-page .aurad-nav{top:10px;left:4%;right:4%;width:92%;height:66px;padding:0 16px;border-radius:16px}
#root-php #navbar{top:12px}
#root-php .aurad-page .aurad-hero{min-height:0;height:auto}
#root-php .aurad-hero-slides{position:relative}
#root-php .aurad-hero-slide{position:relative;display:none}
#root-php .aurad-hero-slide.is-active{display:flex;flex-direction:column}
#root-php .aurad-hero-content{order:1}
#root-php .aurad-hero-content{padding-top:115px}
#root-php .aurad-hero h1,#root-php .aurad-hero h2{width:100%;font-size:clamp(44px,10vw,64px);max-width:540px;margin:14px 0 18px}
#root-php .aurad-hero .aurad-intro{width:100%;max-width:500px;font-size:15px;line-height:1.6}
#root-php .aurad-hero .aurad-actions{margin-top:22px;gap:18px}
#root-php .aurad-hero-art{position:relative;inset:auto;order:2;width:86%;height:240px;margin:30px auto 0;border-radius:18px}
#root-php .aurad-hero-slide:after{display:none}
#root-php .aurad-hero .aurad-hero-controls{position:relative;bottom:auto;margin-top:24px;padding-bottom:24px}
#root-php .aurad-hero-tab span{font-size:12px}
.aurad-capability summary{grid-template-columns:26px 1fr 20px;gap:12px;font-size:20px;padding:20px 0}
.aurad-capability summary small{display:none}
.aurad-capability-body{grid-template-columns:1fr;gap:18px;padding:0 0 24px}
.aurad-capability-overview{display:none}
.aurad-capability-body nav{gap:0 16px}
.aurad-capability-body nav a{font-size:13px;padding:13px 0}
html body #root-php .auronix-chat-root{left:12px}
html body #root-php .aurad-whatsapp-float,html body #root-php .auronix-whatsapp-widget{right:16px!important;width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){#root-php .aurad-hero.has-interacted .aurad-hero-slide.is-active .aurad-hero-art{animation:none}.aurad-capability summary b{transition:none}}

html[data-theme=light] #root-php .aurad-capability summary{color:#173641}
html[data-theme=light] #root-php .aurad-capability[open] summary,html[data-theme=light] #root-php .aurad-capability summary b{color:#086172}
html[data-theme=light] #root-php .aurad-capability-index,html[data-theme=light] #root-php .aurad-capability summary small,html[data-theme=light] #root-php .aurad-capability-overview p{color:#42626f}
html[data-theme=light] #root-php .aurad-capability-overview>a{color:#086172!important}
html body #root-php .aurad-faq-cta .aurad-button{background:#00e3ed!important;color:#05202a!important}
html body #root-php .aurad-faq-cta .aurad-button span{color:#05202a!important}
/* Shared service surfaces and compact navigation actions. */
html body #root-php .axr-adnav-cta{margin-left:auto}
html body #root-php .axr-adnav-burger{margin-left:0}
html body #root-php .axr-adnav-theme{flex-shrink:0}
html body #root-php :is(.axr-svc-toc,.axr-svc-related,.axr-svc-aside-cta,.axr-svc-final,.premium-cta,.auronix-cta){border:1px solid #294651;border-radius:22px;background:linear-gradient(135deg,#102a35,#07151e 72%);box-shadow:0 16px 40px #0002,inset 0 1px #ffffff08;overflow:hidden}
html body #root-php :is(.axr-svc-final,.premium-cta){padding:clamp(24px,4vw,48px);position:relative}
html body #root-php :is(.axr-svc-final,.premium-cta) h2{font-family:Rajdhani,"Rajdhani Fallback",sans-serif;font-size:clamp(30px,3.2vw,44px);line-height:1.1;letter-spacing:-.03em;color:#effaff}
html body #root-php :is(.axr-svc-final,.premium-cta) p{color:#bfd2dc;line-height:1.75}
html body #root-php :is(.axr-svc-final,.premium-cta,.axr-svc-aside-cta) a{border-radius:12px;white-space:normal}
html body #root-php .axr-svc-final:after{display:none}
html body #root-php .axr-svc-aside-cta{padding:24px;background:radial-gradient(ellipse at top right,#164757,transparent 80%),#091d27}
html body #root-php .axr-svc-aside-cta p:first-child{font:600 24px/1.15 Rajdhani,"Rajdhani Fallback",sans-serif;letter-spacing:-.02em;color:#effaff}
html body #root-php .axr-svc-aside-cta a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;background:#00ddeb;color:#06212a!important}
html body #root-php .axr-svc-toc{padding:22px}
html body #root-php .axr-svc-toc ol{counter-reset:toc;max-height:190px}
html body #root-php .axr-svc-toc li{counter-increment:toc}
html body #root-php .axr-svc-toc a{display:flex;gap:12px;padding:9px 0;color:#c5d9e2;font:14px/1.5 Arial,sans-serif}
html body #root-php .axr-svc-toc a:before{content:counter(toc,decimal-leading-zero);color:#55cbd7;font-size:11px;padding-top:3px}
html body #root-php .axr-svc-toc a:hover{color:#6deaf2}
html body #root-php .axr-svc-related{padding:20px}
html body #root-php .aurad-service-slides{scrollbar-width:none!important;-ms-overflow-style:none}
html body #root-php .aurad-service-slides::-webkit-scrollbar{width:0;height:0;display:none}
html body #root-php :is(.axr-svc-aside-inner,.axr-svc-toc ol){scrollbar-width:thin;scrollbar-color:#376473 transparent}
html body #root-php :is(.axr-svc-aside-inner,.axr-svc-toc ol)::-webkit-scrollbar{width:4px}
html body #root-php :is(.axr-svc-aside-inner,.axr-svc-toc ol)::-webkit-scrollbar-thumb{background:#376473;border-radius:8px}
html body #root-php #services .axr-rows{display:grid;gap:16px}
html body #root-php #services .axr-row{border:1px solid #294651;border-radius:20px;padding:30px 24px;background:#081b24;transition:transform .6s,background .6s,border-color .6s;overflow:hidden}
html body #root-php #services .axr-row.is-current{background:#10323e;border-color:#429aaa;transform:translateX(8px)}
html body #root-php #services .axr-row__num{font-size:clamp(36px,4vw,62px);color:#67d9e8}
html body #root-php #services .axr-row__title{font-size:clamp(24px,2.2vw,32px)}
html body #root-php #services .axr-row__arrow{background:#102f3a;border-color:#397384}
html[data-theme=light] body #root-php #services .axr-row{background:#eaf4f7;border-color:#aac4cc}
html[data-theme=light] body #root-php #services .axr-row.is-current{background:#d3eaf0}
html body #root-php :is(.axr-svc-toc,.axr-svc-related,.axr-svc-aside-cta) h3{color:#9bc1cd}
html body #root-php .axr-svc-related .aurad-service-slides a{color:#e7f6fa!important}
@media(max-width:767px){
html body #root-php #services .axr-row{padding:24px 18px}
html body #root-php #services .axr-row.is-current{transform:none}
#root-php .aurad-page .aurad-hero{height:780px;min-height:780px}
#root-php .aurad-hero-slides,#root-php .aurad-hero-slide{position:absolute;inset:0}
#root-php .aurad-hero-slide.is-active{display:block}
#root-php .aurad-hero-art{position:absolute;inset:0;margin:0;width:100%;height:100%;border-radius:0;object-position:58% center}
#root-php .aurad-hero-slide:after{display:block;background:linear-gradient(180deg,#03131dd9 0%,#03131daf 48%,#03131d42 65%,#03131df2 100%)}
#root-php .aurad-hero-content{padding-top:132px;width:88%}
#root-php .aurad-hero h1,#root-php .aurad-hero h2{font-size:clamp(44px,11vw,60px);max-width:11ch;text-wrap:balance;line-height:.98}
#root-php .aurad-hero .aurad-intro{max-width:320px;color:#f0f7fa!important}
#root-php .aurad-hero .aurad-hero-controls{position:absolute;bottom:28px;padding:0;margin:0 auto}
#root-php .aurad-hero .aurad-actions{flex-wrap:wrap;gap:16px}
}
@media(prefers-reduced-motion:reduce){html body #root-php #services .axr-row,html body #root-php #services .axr-row.is-current{transform:none;transition:none}}
html body #root-php .axr-svc-toc ol{max-height:none}
html body #root-php .axr-svc-toc li{margin:0}
@media(max-width:767px){#root-php .aurad-hero-art{top:300px;height:360px;object-position:center}#root-php .aurad-hero-slide:after{background:linear-gradient(180deg,#06151b 0%,#06151bf5 28%,#06151b88 43%,#06151b22 66%,#06151b 90%)}}
html body #root-php #services .axr-row{border:1px solid #294651!important;border-radius:20px!important;padding:30px 24px!important;background:#081b24!important}
html body #root-php #services .axr-row.is-current{background:#10323e!important;border-color:#429aaa!important}
html body #root-php #services{scroll-margin-top:120px}
html[data-theme=light] body #root-php #services .axr-row{background:#eaf4f7!important;border-color:#aac4cc!important}
html[data-theme=light] body #root-php #services .axr-row.is-current{background:#d3eaf0!important}
@media(max-width:767px){html body #root-php #services .axr-row{padding:24px 18px!important}#root-php .aurad-hero-art{object-fit:contain}}
@media(prefers-reduced-motion:no-preference){
html body #root-php #services .axr-row.is-current .axr-row__heading{animation:service-heading-in .7s cubic-bezier(.2,.8,.2,1) both}
html body #root-php #services .axr-row.is-current .axr-row__arrow{transform:rotate(-35deg);background:#1b5362}
@keyframes service-heading-in{from{transform:translateY(16px);opacity:.4}to{transform:none;opacity:1}}
}
/* Consistent planning panels and editorial media across both divisions. */
html body #root-php .growth-bridge{width:86%;max-width:1320px;margin:36px auto;padding:30px!important;border:1px solid #2a4d59;border-radius:22px;background:linear-gradient(120deg,#102d38,#071b25)!important;display:grid;grid-template-columns:1.2fr 1fr;column-gap:44px;row-gap:10px;align-items:center}
html body #root-php .growth-bridge h2{grid-column:1;grid-row:1;font:600 clamp(25px,2.4vw,34px)/1.15 Rajdhani,"Rajdhani Fallback",sans-serif;color:#edf8fb!important;margin:0}
html body #root-php .growth-bridge p{grid-column:1;grid-row:2/span 2;color:#b9d1dc!important;font:15px/1.65 Arial,sans-serif;margin:0;max-width:520px}
html body #root-php .growth-bridge a{grid-column:2;margin:0;padding:13px 16px;border:1px solid #345564;border-radius:10px;color:#c9f7fc!important;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;background:#102c37;transition:background .2s,border-color .2s}
html body #root-php .growth-bridge a:nth-of-type(1){grid-row:1}
html body #root-php .growth-bridge a:nth-of-type(2){grid-row:2}
html body #root-php .growth-bridge a:nth-of-type(3){grid-row:3}
html body #root-php .growth-bridge a:hover{background:#174754;border-color:#54ccda}
html body #root-php :is(.axr-svc-figure,.axr-svc-hero-media,.aurad-ed-hero-media,.project-card){border-radius:22px;overflow:hidden;border-color:#294e5b}
html body #root-php .axr-svc-figure img{border-radius:21px;object-fit:cover;width:100%;height:100%}
html body #root-php .aurad-capability summary{padding:16px 4px;font-size:22px}
html body #root-php .aurad-capability-overview img{height:120px}
html body #root-php .aurad-capability-body nav a{padding:10px 0;font-size:14px}
html body #root-php .aurad-faq-cta{padding:26px!important;border-radius:22px!important;box-shadow:0 18px 40px #0003}
html body #root-php .aurad-faq-cta h3{max-width:none!important;font:600 34px/1.1 Rajdhani,"Rajdhani Fallback",sans-serif!important;margin:12px 0 24px!important}
@media(min-width:768px){
#root-php .aurad-hero-content{padding-top:166px}
#root-php .aurad-hero h1,#root-php .aurad-hero h2{width:46%;font-size:clamp(48px,5vw,72px);line-height:1.04;min-height:3.12em;max-width:550px;margin:18px 0 20px}
#root-php .aurad-hero .aurad-intro{width:43%;min-height:5.1em;margin:0}
#root-php .aurad-hero .aurad-actions{margin-top:24px}
#root-php .aurad-hero-art{right:4%;top:150px;width:46%;height:calc(100% - 290px)}
}
@media(max-width:767px){
html body #root-php .growth-bridge{width:90%;padding:24px!important;grid-template-columns:1fr;gap:14px;margin:24px auto}
html body #root-php .growth-bridge :is(h2,p,a){grid-column:1;grid-row:auto!important}
html body #root-php .growth-bridge p{margin-bottom:6px}
#root-php .aurad-hero h1,#root-php .aurad-hero h2{min-height:3em}
#root-php .aurad-hero .aurad-intro{min-height:4.8em}
html body #root-php .aurad-capability summary{font-size:19px;padding:16px 0}
}
html body #root-php .growth-bridge-copy{grid-column:1;grid-row:1/span 3;align-self:center}
html body #root-php .growth-bridge-copy p{margin-top:14px}
@media(max-width:767px){html body #root-php .growth-bridge-copy{grid-row:auto}}
/* Keep navigation actions grouped at the right edge at every breakpoint. */
html body #root-php .aurad-page .aurad-nav{justify-content:flex-start;gap:20px}
html body #root-php .aurad-nav>a:first-child{flex-shrink:0;margin-right:auto}
html body #root-php .aurad-nav>nav{margin-left:auto;gap:clamp(16px,1.5vw,28px)}
html body #root-php .aurad-nav>.aurad-button{margin-left:4px;flex-shrink:0}
html body #root-php .aurad-nav>.aurad-theme-toggle,html body #root-php .aurad-nav>.aurad-menu-button{flex-shrink:0;margin-left:0;margin-right:0}
@media(max-width:1150px){html body #root-php .aurad-nav>nav{display:none}html body #root-php .aurad-nav>.aurad-button{margin-left:auto}}
@media(max-width:500px){html body #root-php .aurad-page .aurad-nav{gap:14px}html body #root-php .aurad-nav>.aurad-theme-toggle{margin-left:auto}}
/* One header language across both Auronix divisions. */
html body #root-php :is(#navbar,.aurad-page .aurad-nav,.axr-adnav){position:fixed;top:16px;left:5%;right:5%;width:90%;max-width:none;margin:0;min-height:76px;height:76px;border:1px solid #29424b!important;border-radius:22px!important;background:#051319f5!important;box-shadow:0 12px 36px #0002;backdrop-filter:none;z-index:65}
html body #root-php :is(.auronix-header-inner,.axr-adnav-inner){height:76px;min-height:76px;width:100%;max-width:none;padding:0 20px;gap:20px}
html body #root-php #navbar .auronix-brand{margin-right:auto;order:0}
html body #root-php #navbar .auronix-nav{order:1;flex:0 0 auto;justify-content:flex-end;margin-left:auto;gap:20px}
html body #root-php #navbar .auronix-cta{order:2;border:0;border-radius:999px;background:#00dce9!important;color:#05202a!important;min-height:48px;padding:14px 22px;box-shadow:none;font-size:12px}
/* light-theme.css paints the CTA text white for a teal gradient we override with cyan above; keep the text dark on cyan (was 1.7:1). */
html body #root-php #navbar .auronix-cta :is(span,i,svg){color:inherit!important}
html body #root-php #navbar .auronix-cta>svg{display:none}
html body #root-php #navbar .auronix-theme-toggle{order:3}
html body #root-php #navbar .auronix-menu-button{order:4}
html body #root-php :is(.auronix-theme-toggle,.aurad-theme-toggle,.axr-adnav-theme,.auronix-menu-button,.aurad-menu-button){width:44px;height:44px;min-width:44px;border:1px solid #245764;border-radius:6px;background:#04141b;color:#00e3ef}
html body #root-php .aurad-menu-button{display:none;align-items:center;justify-content:center;cursor:pointer}
html body #root-php .aurad-menu-button svg{width:28px;height:28px;color:currentColor}
html body #root-php .aurad-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 22px 26px;background:#06171e;border:1px solid #29424b;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 18px 38px rgba(0,0,0,.44);max-height:75vh;overflow:auto}
html body #root-php .aurad-mobile-menu.is-open{display:grid;gap:10px}
html body #root-php .aurad-mobile-link{min-height:58px;display:flex;align-items:center;gap:14px;padding:0 10px;color:#e8f8fb!important;font-family:Rajdhani,"Rajdhani Fallback",Arial,sans-serif;font-weight:700;text-transform:uppercase;text-decoration:none}
html body #root-php .aurad-mobile-link svg{width:20px;height:20px;color:#00e3ef}
html body #root-php .aurad-mobile-cta{justify-content:center;margin-top:10px;border-radius:8px;background:#00dce9;color:#05202a!important}
html body #root-php .aurad-mobile-cta svg{color:#05202a}
html body #root-php :is(.auronix-wordmark,.aurad-nav .aurad-logo){font:600 32px/1 Rajdhani,"Rajdhani Fallback",sans-serif!important;letter-spacing:-1px}
html body #root-php #navbar .auronix-nav-link{font-size:12px}
/* A short project selector leads into three readable service columns. */
html body #root-php .studio-start{display:flex;align-items:center;flex-wrap:wrap;gap:24px;width:86%;max-width:1320px;padding:28px 0!important;margin:24px auto 0;border:0;border-bottom:1px solid #294651;border-radius:0;background:transparent!important;box-shadow:none}
html body #root-php .studio-start .growth-bridge-copy{flex:1 1 100%;display:flex;align-items:baseline;justify-content:space-between;gap:24px}
html body #root-php .studio-start h2{font-size:26px}
html body #root-php .studio-start .growth-bridge-copy p{margin:0;font-size:15px}
html body #root-php .studio-start>a{flex:1;min-width:0;border:0;border-radius:0;border-bottom:1px solid #3e6d7b;background:none;padding:12px 0;color:#d5eef3!important;font-size:16px}
html body #root-php #services>.container{max-width:1320px!important;width:86%;padding:0;margin:auto}
html body #root-php #services{padding:72px 0!important}
html body #root-php #services .axr-services-head{max-width:800px;margin-bottom:36px}
html body #root-php #services .axr-services-head h2{font:600 clamp(34px,3vw,48px)/1.1 Rajdhani,"Rajdhani Fallback",sans-serif!important;letter-spacing:-1px}
html body #root-php #services .axr-services-head p{font:17px/1.7 Arial,sans-serif;max-width:680px}
html body #root-php #services .axr-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body #root-php #services .axr-row{display:flex!important;flex-direction:column;align-items:flex-start;gap:22px;padding:30px!important;background:linear-gradient(150deg,#102934,#07171e)!important;min-width:0;transform:none!important}
html body #root-php #services .axr-row.is-current{background:linear-gradient(150deg,#12313e,#081b24)!important}
html body #root-php #services .axr-row__num{font:500 20px/1 Rajdhani,"Rajdhani Fallback",sans-serif;transform:none!important;color:#70e8ef}
html body #root-php #services .axr-row__heading{min-height:104px}
html body #root-php #services .axr-row__title{font:600 30px/1.1 Rajdhani,"Rajdhani Fallback",sans-serif!important;margin-top:12px}
html body #root-php #services .axr-row__body{margin:0}
html body #root-php #services .axr-row__desc{font:15px/1.7 Arial,sans-serif;color:#c3d6df;min-height:128px}
html body #root-php #services .axr-row__points{display:grid;gap:10px;font:13px/1.5 Arial,sans-serif;margin-top:20px}
html body #root-php #services .axr-row__arrow{margin-top:auto;align-self:flex-end}
html body #root-php #services .auronix-services-cta{margin-top:32px!important;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left}
html body #root-php #services .auronix-services-cta p{margin:0}
@media(max-width:1000px){html body #root-php #services .axr-rows{grid-template-columns:1fr}html body #root-php #services :is(.axr-row__heading,.axr-row__desc){min-height:0}html body #root-php .studio-start .growth-bridge-copy{display:block}html body #root-php .studio-start .growth-bridge-copy p{margin-top:12px}}
@media(max-width:767px){
html body #root-php :is(#navbar,.aurad-page .aurad-nav,.axr-adnav){top:10px;left:4%;right:4%;width:92%;height:66px;min-height:66px;border-radius:16px!important}
html body #root-php :is(.auronix-header-inner,.axr-adnav-inner){height:66px;min-height:66px;padding:0 16px;gap:14px}
html body #root-php .studio-start{display:block;padding:24px 0!important}
html body #root-php .studio-start>a{display:block;margin-top:12px}
html body #root-php #services .auronix-services-cta{display:block}
html body #root-php #services .auronix-services-cta>a{margin-top:20px}
}
html body #root-php #services .axr-row :is(.axr-row__title,.axr-row__desc,.axr-row__points){color:#d5e7ee!important}
@media(min-width:1025px){html body #root-php .axr-svc-aside-inner{top:112px;max-height:calc(100svh - 130px)}}
html body #root-php #navbar .auronix-division-link{border-left:1px solid #34525d;padding-left:22px;color:#00e3ef!important;white-space:nowrap}
html body #root-php #navbar .auronix-menu-button{display:inline-flex!important}
html body #root-php .aurad-nav .aurad-menu-button{display:inline-flex!important}
html body #root-php #navbar .auronix-cta{font-family:Orbitron,"Orbitron Fallback",Rajdhani,"Rajdhani Fallback",sans-serif;letter-spacing:.06em}
@media(min-width:1151px){html body #root-php #navbar .auronix-nav{display:flex!important}}
@media(max-width:1150px){html body #root-php #navbar .auronix-nav{display:none!important}}
html body #root-php #services>.container{width:86%!important;max-width:1320px!important;margin-inline:auto!important}
html body #root-php #services .axr-row__heading{min-height:84px}
html body #root-php #services .axr-row__desc{min-height:112px}
@media(max-width:1000px){html body #root-php #services :is(.axr-row__heading,.axr-row__desc){min-height:0}}
html body #root-php #navbar .auronix-cta{margin-left:0!important;text-transform:none}
html body #root-php #navbar :is(.auronix-nav-link,.auronix-nav-text){text-transform:none;font-family:Orbitron,"Orbitron Fallback",Rajdhani,"Rajdhani Fallback",sans-serif;font-size:12px;letter-spacing:.06em}
html body #root-php #navbar :is(.auronix-theme-toggle,.auronix-menu-button){background:#04141b!important;border:1px solid #245764!important;color:#00e3ef!important;border-radius:6px!important}
html body #root-php #navbar :is(.auronix-theme-toggle,.auronix-menu-button) svg{color:#00e3ef!important}
@media(min-width:641px){html body #root-php #navbar .auronix-cta{display:inline-flex!important}}
@media(max-width:640px){html body #root-php #navbar .auronix-cta,html body #root-php .aurad-nav>.aurad-button{display:none!important}}
/* Readable secondary copy on light surfaces; dark feature panels keep light text. */
html[data-theme=light] body #root-php main :is(.text-slate-300,.text-slate-400,.text-slate-500,.text-gray-300,.text-gray-400,.text-gray-500){color:#34465a!important}
html[data-theme=light] body #root-php main :is(.premium-cta,.axr-svc-final,.aurad-faq-cta,.axr-svc-aside-cta,.aurad-hero) :is(.text-slate-300,.text-slate-400,.text-slate-500,.text-gray-300,.text-gray-400,.text-gray-500){color:#c5dce5!important}
html[data-theme=light] body #root-php .studio-start :is(h2,p){color:#263d4b!important}
html[data-theme=light] body #root-php .studio-start>a{color:#086173!important}
html body #root-php #navbar{top:16px!important;left:5%!important;right:5%!important;width:90%!important;max-width:none!important;margin:0!important}
@media(max-width:767px){html body #root-php #navbar{top:10px!important;left:4%!important;right:4%!important;width:92%!important}}
html[data-theme=light] body #root-php #advertising-cross-sell :is(.axr-adx-lede,.axr-adx-desc){color:#34465a!important}
html[data-theme=light] body #root-php #advertising-cross-sell .axr-adx-name{color:#172f3e!important}
html[data-theme=light] body #root-php #advertising-cross-sell :is(.axr-adx-num,.axr-adx-arrow,.axr-adx-title em){color:#086579!important}
html[data-theme=light] body #root-php #advertising-cross-sell .axr-adx-eyebrow{color:#805015!important;border-color:#ab8654}
html[data-theme=light] body #root-php #advertising-cross-sell .axr-adx-btn--wa{color:#14683f!important;border-color:#268354}
html[data-theme=light] body #root-php #advertising-cross-sell .axr-adx-stats{color:#e8f6fa!important}
html[data-theme=light] body #root-php #services .axr-row :is(.axr-row__title,.axr-row__desc,.axr-row__points){color:#263d4b!important}
html[data-theme=light] body #root-php :is(.axr-svc-crumb-here,.axr-svc-takeaway-num,.axr-svc-process-num,.axr-svc-directory-num,.axr-svc-kicker){color:#086579!important}
html[data-theme=light] body #root-php :is(.axr-svc-final,.axr-svc-aside-cta,.aurad-faq-cta,.axr-adfoot) :is(h2,h3,p){color:#e0edf2!important}
html[data-theme=light] body #root-php #navbar{background:#06151c!important;background-image:none!important}
html[data-theme=dark] body #root-php main .text-slate-600{color:#9cabbc!important}
html[data-theme=light] body #root-php .aurad-ed-kicker{color:#086579!important}
html[data-theme=light] body.studio-reference #root-php #process :is(h2,.aurad-text-link){color:#dcecf2!important}
html[data-theme=light] body.studio-reference #root-php #process{background-color:#071b24!important}
html[data-theme=light] body #root-php .aurad-contact-phone{color:#263d4b!important}
/* Light chrome and an editorial service sequence share the page palette. */
html[data-theme=light] body #root-php :is(#navbar,.aurad-page .aurad-nav,.axr-adnav){background:#f8fcfdf5!important;background-image:none!important;border-color:#bfd3db!important;box-shadow:0 10px 30px #14334212}
html[data-theme=light] body #root-php #navbar :is(.auronix-wordmark,.auronix-nav-link,.auronix-nav-text),html[data-theme=light] body #root-php .aurad-nav :is(.aurad-logo,nav a),html[data-theme=light] body #root-php .axr-adnav :is(a,span){color:#153540!important}
html[data-theme=light] body #root-php #navbar :is(.auronix-submark,.auronix-division-link){color:#086579!important}
html[data-theme=light] body #root-php :is(#navbar .auronix-theme-toggle,#navbar .auronix-menu-button,.aurad-theme-toggle,.aurad-menu-button,.axr-adnav-theme,.axr-adnav-burger){background:#eaf3f6!important;color:#086579!important;border-color:#b1cbd4!important}
html[data-theme=light] body #root-php #navbar :is(.auronix-theme-toggle,.auronix-menu-button) svg{color:#086579!important}
html[data-theme=light] body #root-php .aurad-mobile-menu{background:#fff;border-color:#dbe9ef;box-shadow:0 18px 38px #14334218}
html[data-theme=light] body #root-php .aurad-mobile-link{color:#101828!important}
html[data-theme=light] body #root-php .aurad-mobile-link svg{color:#086579}
html[data-theme=light] body #root-php .aurad-mobile-cta{background:#0f8584;color:#fff!important}
html[data-theme=light] body #root-php .aurad-mobile-cta svg{color:#fff}
html[data-theme=light] body #root-php .aurad-page .aurad-hero{background:#f2f7f9!important}
html[data-theme=light] body #root-php .aurad-hero-slide:after{background:linear-gradient(90deg,#f2f7f9 0%,#f2f7f9f2 36%,#f2f7f920 76%)!important}
html[data-theme=light] body #root-php .aurad-hero :is(h1,h2,.aurad-intro,.aurad-text-link,.aurad-hero-tab){color:#153540!important}
html[data-theme=light] body #root-php .aurad-hero :is(.aurad-eyebrow,.aurad-hero-tab span){color:#086579!important}
html[data-theme=light] body #root-php .aurad-hero-tab i{background:#799da7}
html body #root-php #services .axr-rows{display:block}
html body #root-php #services .axr-row{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1.15fr) 48px;grid-template-areas:none;align-items:center;gap:28px;min-height:0;padding:38px 0;border:0!important;border-top:1px solid #42616b!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;overflow:visible}
html body #root-php #services .axr-row>*{grid-area:auto}
html body #root-php #services .axr-row:before,html body #root-php #services .axr-row:after{display:none}
html body #root-php #services .axr-row__num{display:block;font-size:38px;opacity:.55;transition:opacity .6s,color .6s}
html body #root-php #services :is(.axr-row__heading,.axr-row__desc){min-height:0}
html body #root-php #services .axr-row__heading{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
html body #root-php #services .axr-row__title{font-size:clamp(25px,2.5vw,38px);line-height:1.12}
html body #root-php #services .axr-row__points{margin-top:16px;gap:6px}
html body #root-php #services .axr-row__arrow{align-self:center;margin:0;transition:transform .6s}
html body #root-php #services .axr-row:is(.is-current,:hover,:focus-visible) .axr-row__heading{transform:translateX(12px)}
html body #root-php #services .axr-row:is(.is-current,:hover,:focus-visible) .axr-row__num{opacity:1;color:#00a5ba}
html body #root-php #services .axr-row:is(:hover,:focus-visible) .axr-row__arrow{transform:rotate(45deg)}
@media(max-width:767px){
html[data-theme=light] body #root-php .aurad-hero-slide:after{background:linear-gradient(180deg,#f2f7f9 0%,#f2f7f9f2 28%,#f2f7f955 55%,#f2f7f9 92%)!important}
html body #root-php #services .axr-row{grid-template-columns:1fr 40px;gap:20px;padding:28px 0}
html body #root-php #services .axr-row__num{display:none}
html body #root-php #services .axr-row__body{grid-column:1/-1;grid-row:2}
html body #root-php #services .axr-row__desc{display:block}
html body #root-php #services .axr-row__arrow{grid-column:2;grid-row:1}
}
@media(prefers-reduced-motion:reduce){html body #root-php #services .axr-row *{transition:none!important;transform:none!important}}
html body #root-php #services .axr-row{display:grid!important;grid-template-columns:70px minmax(0,1fr) minmax(0,1.15fr) 48px!important;text-align:left!important;background:transparent!important}
html[data-theme=light] body #root-php #services .axr-row{background:transparent!important;background-image:none!important}
html body #root-php #services .axr-row>*{width:auto!important;grid-area:auto!important}
html[data-theme=light] body #root-php .aurad-hero .aurad-actions a:not(.aurad-button){color:#153540!important}
@media(max-width:767px){html body #root-php #services .axr-row{grid-template-columns:1fr 40px!important}html body #root-php #services .axr-row__body{grid-column:1/-1!important;grid-row:2!important}html body #root-php #services .axr-row__arrow{grid-column:2!important;grid-row:1!important}}
html[data-theme] body #root-php #services .axr-row:is(.is-current,:hover,:focus-visible){background:transparent!important;background-image:none!important;box-shadow:none!important}
/* Light surfaces use ink text; hero photography stays unobscured. */
html[data-theme=light] body #root-php .aurad-hero-slide:after{display:none!important}
html[data-theme=light] body #root-php .aurad-hero-art{filter:none!important}
html[data-theme=light] body #root-php .growth-bridge{background:#edf4f7!important;border-color:#c0d2da!important;box-shadow:none!important}
html[data-theme=light] body #root-php .growth-bridge :is(h2,p){color:#203743!important}
html[data-theme=light] body #root-php .growth-bridge>a{background:#f9fcfd!important;color:#124e60!important;border-color:#adc6d0!important}
html[data-theme=light] body #root-php main :is(.aurad-head-note,.aurad-section-head p,.aurad-directory-head p,.aurad-intro,.axr-adx-desc,.axr-adx-lede,.text-slate-400,.text-slate-500,.text-gray-400,.text-gray-500){color:#263c49!important}
html[data-theme=light] body #root-php .aurad-page{--muted:#304653}
html[data-theme=light] body #root-php main :is(.axr-svc-final,.aurad-faq-cta,.axr-svc-aside-cta,.premium-cta) :is(p,.text-slate-400,.text-slate-500){color:#deedf3!important}
@media(max-width:767px){
html[data-theme=light] body #root-php .aurad-page .aurad-hero{height:auto!important;min-height:0!important}
html[data-theme=light] body #root-php .aurad-hero-slides,html[data-theme=light] body #root-php .aurad-hero-slide{position:relative!important;inset:auto!important}
html[data-theme=light] body #root-php .aurad-hero-slide{display:none!important}
html[data-theme=light] body #root-php .aurad-hero-slide.is-active{display:flex!important;flex-direction:column}
html[data-theme=light] body #root-php .aurad-hero-content{order:0;padding-top:118px!important}
html[data-theme=light] body #root-php .aurad-hero-art{position:relative!important;inset:auto!important;order:1;width:88%!important;height:260px!important;margin:24px auto!important;border-radius:20px!important}
html[data-theme=light] body #root-php .aurad-hero-controls{position:relative!important;bottom:auto!important;padding-bottom:24px!important}
}
/* Stronger reading typography on pale surfaces, without recolouring dark panels. */
html[data-theme=light] body #root-php main :is(.text-slate-300,.text-slate-400,.text-slate-500,.text-gray-300,.text-gray-400,.text-gray-500,.axr-row__desc,.axr-row__points,.axr-adx-desc,.axr-adx-lede,.aurad-head-note,.aurad-intro,.growth-bridge p){color:#172b38!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:500!important;text-shadow:none!important}
html[data-theme=light] body #root-php .aurad-hero .aurad-intro{color:#132632!important;font:500 17px/1.65 Arial,Helvetica,sans-serif!important}
html[data-theme=light] body #root-php main :is(.premium-cta,.axr-svc-final,.aurad-faq-cta,.axr-svc-aside-cta) :is(p,.text-slate-300,.text-slate-400,.text-slate-500){color:#e0edf3!important}
html[data-theme=dark] body #root-php .cluster-service-links{background:#10232e!important;color:#dcecf4!important;border-color:#385463!important}
html[data-theme=dark] body #root-php .cluster-service-links :is(a,p,.cluster-note){color:#dcecf4!important}
html[data-theme=light] body.studio-reference #root-php #process.bg-cyber-dark :is(h2,.text-white){color:#eef8fb!important}
html[data-theme=light] body.studio-reference #root-php #process.bg-cyber-dark :is(p,.text-slate-400){color:#c5d8df!important}
html[data-theme=light] body.studio-reference #root-php #process.bg-cyber-dark .text-neon-blue{color:#68edf5!important}
html body #root-php #aurad-home .aurad-hero .aurad-intro{font-family:Arial,Helvetica,sans-serif!important}
@media(min-width:768px){
html body #root-php #aurad-home .aurad-hero{height:800px;min-height:800px}
html body #root-php #aurad-home .aurad-hero-content{padding-top:190px}
html body #root-php #aurad-home .aurad-hero :is(h1,h2){min-height:0;margin:20px 0 26px;max-width:520px;font-size:clamp(48px,5vw,76px);letter-spacing:-.045em}
html body #root-php #aurad-home .aurad-hero .aurad-intro{min-height:0;width:39%;max-width:455px}
html body #root-php #aurad-home .aurad-hero .aurad-actions{margin-top:32px}
html body #root-php #aurad-home .aurad-hero-art{top:145px;height:520px;width:48%;right:5%;border-radius:22px;box-shadow:0 20px 42px #03192518;object-fit:cover}
}
html body #root-php #aurad-home .aurad-hero-tab{padding:12px 8px;border-radius:8px;transition:background .25s}
html[data-theme=light] body #root-php #aurad-home .aurad-hero-tab.is-active{background:#dcecf1;color:#132632!important}
html[data-theme=light] body #root-php #aurad-home .aurad-hero-tab span{color:#086579!important}
html[data-theme=light] body #root-php #aurad-home .aurad-hero-arrows button{background:#e7f2f5;color:#123540;border-color:#a9c5ce}
html[data-theme=light] body #root-php #aurad-home .aurad-watch>span{border-color:#7faab4!important;color:#123540!important}
html[data-theme=dark] body #root-php #aurad-home .aurad-hero-tab.is-active{background:#16323d}
@media(max-width:767px){html[data-theme=light] body #root-php .aurad-hero .aurad-intro{font-size:16px!important}}

/* Mobile should scan quickly: keep the content, cut oversized art and empty vertical rhythm. */
@media(max-width:767px){
html body #root-php .aurad-page section{padding:40px 0!important}
html body #root-php .aurad-frame{width:90%!important}
html body #root-php #aurad-home .aurad-hero{height:620px!important;min-height:620px!important}
html body #root-php #aurad-home .aurad-hero-content{padding-top:96px!important}
html body #root-php #aurad-home .aurad-hero :is(h1,h2){min-height:0!important;max-width:10ch;font-size:clamp(38px,10vw,48px);margin:10px 0 12px}
html body #root-php #aurad-home .aurad-hero .aurad-intro{min-height:0!important;max-width:300px;font-size:14px!important;line-height:1.45!important}
html body #root-php #aurad-home .aurad-hero .aurad-actions{gap:10px;margin-top:14px}
html body #root-php #aurad-home .aurad-hero-art{top:255px!important;height:260px!important;object-fit:contain}
html body #root-php #aurad-home .aurad-hero .aurad-hero-controls{bottom:14px!important}
html body #root-php :is(.growth-bridge,.studio-start){margin:16px auto!important;padding:18px!important}
html body #root-php .growth-bridge h2{font-size:22px!important}
html body #root-php .growth-bridge p{font-size:14px!important;line-height:1.45!important}
html body #root-php .growth-bridge a{padding:10px 12px!important;font-size:13px!important}
html body #root-php #aurad-home .aurad-service-grid{display:none!important}
html body #root-php #aurad-home .aurad-blog{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:0}
html body #root-php #aurad-home .aurad-post-art{height:100%;min-height:96px;aspect-ratio:auto}
html body #root-php #aurad-home .aurad-post-copy{padding:12px 14px}
html body #root-php #aurad-home :is(.aurad-service-description,.aurad-post-copy p,.aurad-post-mascot){display:none!important}
html body #root-php #aurad-home .aurad-card-title{min-height:0;font-size:17px}
html body #root-php #aurad-home .aurad-service-link,html body #root-php #aurad-home .aurad-post-link{margin-top:9px;padding-top:0;border-top:0;font-size:11px}
html body #root-php #aurad-home #services{padding:32px 0!important}
html body #root-php #aurad-home #services .aurad-section-head{display:grid;gap:12px;margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important}
html body #root-php #aurad-home #services .aurad-section-head h2{font-size:clamp(27px,8vw,34px);line-height:1.05}
html body #root-php #aurad-home #services .aurad-head-note{margin-top:0;max-width:none}
html body #root-php #aurad-home #services .aurad-head-note p{display:none}
html body #root-php #aurad-home #services .aurad-text-link{margin-top:2px;font-size:12px}
html body #root-php #aurad-home .aurad-section-head{margin-bottom:22px}
html body #root-php #aurad-home .aurad-section-head h2{font-size:clamp(28px,8vw,38px)}
html body #root-php #aurad-home .aurad-directory-head{gap:16px;margin-bottom:18px}
html body #root-php #aurad-home .aurad-directory-summary{display:none}
html body #root-php #aurad-home .aurad-capability summary{padding:12px 0;font-size:17px}
html body #root-php #aurad-home .aurad-capability-body nav a{min-height:38px;padding:9px 0}
html body #root-php #aurad-home .aurad-about-grid{gap:20px}
html body #root-php #aurad-home .aurad-about-copy>p:not(.aurad-eyebrow){margin-top:12px;line-height:1.55}
html body #root-php #aurad-home .aurad-about dl{margin-top:18px;padding-top:14px}
html body #root-php #aurad-home .aurad-about-figure{max-height:250px}
html body #root-php #aurad-home .aurad-about-figure img{height:205px!important;object-fit:cover}
html body #root-php #aurad-home .aurad-process>.aurad-frame{gap:24px}
html body #root-php #aurad-home .aurad-process-model{aspect-ratio:2.25;height:auto!important}
html body #root-php #aurad-home .aurad-process-readout{display:none}
html body #root-php #aurad-home .aurad-process .aurad-step{min-height:0!important;margin:0!important;padding:24px 0 0 56px!important;border:0!important}
html body #root-php #aurad-home .aurad-process .aurad-step-node{top:24px;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;width:36px!important;height:36px!important;border-radius:10px;transform:none!important}
html body #root-php #aurad-home .aurad-step-node :is(i,svg){display:none!important}
html body #root-php #aurad-home .aurad-step:before,html body #root-php #aurad-home .aurad-step:after{top:72px;bottom:-12px;left:17px}
html body #root-php #aurad-home .aurad-process .aurad-step :is(h3,p){transform:none!important;opacity:1!important}
html body #root-php #aurad-home .aurad-step h3{font-size:20px;line-height:1.3;margin:0 0 10px!important}
html body #root-php #aurad-home .aurad-step p{max-width:none;font-size:14px;line-height:1.65;margin:0!important;padding-bottom:24px;border-bottom:1px solid #628b984d}
html body #root-php #aurad-home .aurad-work-grid{grid-template-rows:repeat(3,180px)!important;gap:14px}
html body #root-php #aurad-home .aurad-work-caption{padding:16px}
html body #root-php #aurad-home .aurad-work-caption h3{font-size:22px}
html body #root-php #aurad-home .aurad-faq-grid{gap:20px}
html body #root-php #aurad-home .aurad-questions summary{padding:15px 24px 15px 0}
html body #root-php #aurad-home .aurad-faq-cta{display:none}
html body #root-php #aurad-home .aurad-contact-grid{gap:18px}
html body #root-php #aurad-home .aurad-contact-grid{align-items:start}
html body #root-php #aurad-home .aurad-footer-grid{grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:30px!important;padding:34px 0!important}
html body #root-php #aurad-home .aurad-footer-grid>*{grid-column:auto!important;width:min(100%,310px)}
html body #root-php #aurad-home .aurad-footer-brand{display:grid;justify-items:center;max-width:310px}
html body #root-php #aurad-home .aurad-footer :is(nav,.aurad-footer-contact){align-items:center;text-align:center}
html body #root-php #aurad-home .aurad-footer nav a{justify-content:center}
html body #root-php #aurad-home .aurad-footer-studio{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;width:min(100%,220px);margin-top:22px;padding:12px 16px;border:1px solid #00ddec!important;border-radius:8px;background:#e8fbfd!important;color:#063743!important;font-weight:700;box-shadow:0 12px 28px rgba(0,100,120,.12)}
html[data-theme=dark] body #root-php #aurad-home .aurad-footer-studio{background:#08242d!important;color:#8ff6ff!important;box-shadow:none}
html body #root-php #aurad-home .aurad-footer-bottom{display:grid!important;justify-items:center;text-align:center;gap:16px}
html body #root-php #aurad-home .aurad-footer-bottom>div{justify-content:center;flex-wrap:wrap}
html body #root-php .axr-svc-hero-grid{padding-block:86px 40px}
html body #root-php .axr-svc-h1{font-size:2.05rem;margin-bottom:14px}
html body #root-php .axr-svc-standfirst{font-size:1rem;line-height:1.5;margin-bottom:18px}
html body #root-php .axr-svc-hero-media{min-height:0!important;aspect-ratio:1.7!important}
html body #root-php .axr-svc-answer-inner{padding-block:28px}
html body #root-php .axr-svc-takeaways,html body #root-php .axr-svc-directory{padding-block:40px}
html body #root-php .axr-svc-takeaway-list li{min-height:0;padding:16px}
html body #root-php .axr-svc-takeaway-num{margin-bottom:10px}
html body #root-php .axr-svc-directory-list a{min-height:0;padding:14px;grid-template-columns:34px minmax(0,1fr) 18px}
html body #root-php .axr-svc-directory-list small{display:none}
html body #root-php .axr-svc-body{padding-block:48px;gap:28px}
html body #root-php .axr-svc-lede{margin-bottom:36px;font-size:1.18rem}
html body #root-php .axr-svc-block{margin-bottom:50px}
html body #root-php .axr-svc-h2{font-size:1.55rem;margin-bottom:14px}
html body #root-php .axr-svc-main p{line-height:1.58}
html body #root-php .axr-svc-points{margin-top:18px}
html body #root-php .axr-svc-points li{min-height:0;padding:12px 0}
html body #root-php .axr-svc-figure{height:auto!important;min-height:0!important;aspect-ratio:1.7;margin-top:24px}
html body #root-php .axr-svc-process li{min-height:0;padding:16px 0}
html body #root-php .axr-svc-aside{display:none}
html body #root-php .growth{padding-top:108px;padding-bottom:48px;font-size:16px;line-height:1.62}
html body #root-php .growth h1{font-size:32px;margin:12px 0}
html body #root-php .growth h2{font-size:24px;margin-bottom:16px}
html body #root-php .growth-hero{gap:18px}
html body #root-php .growth-hero img{aspect-ratio:2.1}
html body #root-php .growth-contents{margin:22px 0;padding:14px 0}
html body #root-php .growth-reading article section{margin-bottom:34px}
html body #root-php .cluster-gallery{gap:14px;margin-top:26px}
html body #root-php .cluster-gallery img{aspect-ratio:2}
html body #root-php .aurad-footer,html body #root-php .axr-adfoot{padding-block:34px 18px!important}
html body #root-php .aurad-footer-grid,html body #root-php .axr-adfoot-grid{gap:18px!important}
body.studio-reference.is-home-page #root-php main>section{padding-top:44px!important;padding-bottom:44px!important}
body.studio-reference.is-home-page #root-php #services .axr-row{padding:18px 0!important}
body.studio-reference.is-home-page #root-php #services .axr-row__title{font-size:23px!important}
body.studio-reference.is-home-page #root-php #services .axr-row__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.studio-reference.is-home-page #root-php #services .axr-row__points{display:none!important}
body.studio-reference.is-home-page #root-php :is(#portfolio,#projects-in-progress) .space-y-20{display:grid;gap:34px!important}
body.studio-reference.is-home-page #root-php :is(#portfolio,#projects-in-progress) .group.relative.grid{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important;padding:16px;border:1px solid #27434f;background:#071923}
body.studio-reference.is-home-page #root-php :is(#portfolio,#projects-in-progress) .group.relative.grid>div:first-child{padding:8px!important}
body.studio-reference.is-home-page #root-php :is(#portfolio,#projects-in-progress) .group.relative.grid>div:first-child>div{height:auto!important;aspect-ratio:16/10!important}
body.studio-reference.is-home-page #root-php :is(#portfolio,#projects-in-progress) .group.relative.grid h3{font-size:24px!important;line-height:1.15;margin-bottom:12px!important}
body.studio-reference.is-home-page #root-php :is(#portfolio,#projects-in-progress) .group.relative.grid button,
body.studio-reference.is-home-page #root-php :is(#portfolio,#projects-in-progress) .group.relative.grid a{padding:9px 10px!important;font-size:11px!important}
body.studio-reference.is-home-page #root-php #projects-in-staging>.container>.grid{display:grid;gap:18px!important}
body.studio-reference.is-home-page #root-php #projects-in-staging article{display:grid;grid-template-columns:1fr;gap:12px;padding:14px!important}
body.studio-reference.is-home-page #root-php #projects-in-staging article>.relative{height:auto!important;aspect-ratio:16/10!important;margin:0!important}
body.studio-reference.is-home-page #root-php #projects-in-staging article>.p-3{padding:10px 0 0!important}
body.studio-reference.is-home-page #root-php #projects-in-staging article h3{font-size:21px!important;line-height:1.15;margin-bottom:10px!important}
body.studio-reference.is-home-page #root-php #advertising-cross-sell :is(.axr-adx-desc,.axr-adx-stats){display:none!important}
body.studio-reference.is-home-page #root-php #advertising-cross-sell .axr-adx-card{padding:14px 0!important}
body.studio-reference.is-home-page #root-php #blog article p{display:none!important}
body.studio-reference.is-home-page #root-php #contact :is(.text-slate-400,.text-slate-300){line-height:1.5!important}
body.studio-reference.is-home-page #root-php #home{min-height:100svh!important}
body.studio-reference.is-home-page #root-php #home>.container{display:flex!important;min-height:100svh!important;height:auto!important;padding-top:92px!important;padding-bottom:24px!important}
body.studio-reference.is-home-page #root-php #home>.container>.grid:first-child{display:grid!important;min-height:calc(100svh - 116px)!important}
body.studio-reference.is-home-page #root-php #home [data-hero-content-host]{min-height:min(740px,calc(100svh - 116px))!important;height:auto!important;transform:none!important}
body.studio-reference.is-home-page #root-php #home .hero-copy{display:flex!important;position:absolute!important;inset:0!important;min-height:auto!important;height:auto!important}
body.studio-reference.is-home-page #root-php #home .hero-copy:not(.is-active){display:none!important}
body.studio-reference.is-home-page #root-php #home .hero-proof-inner{display:grid!important;padding:0 20px 24px!important}
body.studio-reference.is-home-page #root-php #home .hero-proof-kicker{margin-bottom:12px!important;font-size:10px!important}
body.studio-reference.is-home-page #root-php #home .hero-copy h1,
body.studio-reference.is-home-page #root-php #home .hero-copy h2{font-size:clamp(28px,8vw,40px)!important;line-height:1.08!important;max-width:13ch!important;margin:0 auto 12px!important}
body.studio-reference.is-home-page #root-php #home .hero-brand-visual{display:block!important;width:min(82vw,340px)!important;margin:18px auto 0!important}
body.studio-reference.is-home-page #root-php #home .hero-combo{display:block!important}
body.studio-reference.is-home-page #root-php #home :is(.hero-proof-copy-text,.hero-proof-chips){display:none!important}
body.studio-reference.is-home-page #root-php #home .hero-proof-actions{margin-top:14px!important;gap:10px!important}
body.studio-reference.is-home-page #root-php #home .hero-proof-actions a{min-height:48px!important;padding:12px!important;font-size:12px!important}
body.studio-reference.is-home-page #root-php #home .hero-price-line{margin-top:12px!important;font-size:13px!important}
}

@media(max-width:767px){
html body #root-php #aurad-home .aurad-hero{height:auto!important;min-height:0!important}
html body #root-php #aurad-home .aurad-hero-slides,html body #root-php #aurad-home .aurad-hero-slide{position:relative!important;inset:auto!important}
html body #root-php #aurad-home .aurad-hero-slide{display:none!important}
html body #root-php #aurad-home .aurad-hero-slide.is-active{display:flex!important;flex-direction:column}
html body #root-php #aurad-home .aurad-hero-content{order:0;width:90%!important;padding-top:94px!important}
html body #root-php #aurad-home .aurad-hero-art{position:relative!important;inset:auto!important;top:auto!important;order:1;width:90%!important;height:190px!important;margin:16px auto 0!important;border-radius:18px!important;object-fit:cover}
html body #root-php #aurad-home .aurad-hero .aurad-hero-controls{position:relative!important;bottom:auto!important;margin:16px auto 0!important;padding-bottom:16px!important}
}

html[data-theme=light] body #root-php main .premium-cta{background:linear-gradient(135deg,#102a35,#07151e 72%)!important;border-color:#294651!important;color:#e8f6fa!important}
html[data-theme=light] body #root-php main .premium-cta :is(h2,h3,p,.text-slate-300,.text-slate-400,.text-slate-500){color:#e0edf3!important}

html[data-theme=light] body #root-php .aurad-page .aurad-footer{color:#142e3a!important}
html[data-theme=light] body #root-php .aurad-page .aurad-footer :is(p,a,span,li){color:#244452!important}
html[data-theme=light] body #root-php .aurad-page .aurad-footer :is(h2,h3,.aurad-logo){color:#071f2a!important}
html[data-theme=light] body #root-php .aurad-page .aurad-footer :is(.aurad-logo b,.aurad-eyebrow,b){color:#007f95!important}
html[data-theme=light] body #root-php .aurad-page .aurad-footer :is(.aurad-footer-mast,.aurad-footer-bottom){border-color:#a7c4ce!important}
html[data-theme=light] body #root-php .bg-neon-blue\/10.text-neon-blue{color:#036f8d!important}
html[data-theme=light] body #root-php #corporate-tax-calculator-app .text-yellow-500{color:#7a4b00!important}
html[data-theme=light] body #root-php .axr-svc-directory-list .axr-svc-directory-num{color:#83f4ff!important}
@media(max-width:640px){
html body #root-php .auronix-chat-root{display:none!important}
}

/* Floating header (top 10px + 66px tall, up to 92px on tablets) was covering the
first section's H1/breadcrumb on /faq, /tools, LPs and service pages. */
/* Consistent breathing room under the floating header on every inner page:
header bottom is 76px on phones, 92px on tablet/desktop. first-of-type (not
first-child) because some pages put a <script> before the first section. */
html body.studio-nav:not(.is-home-page) #root-php main>section:first-of-type:not(#home),html body.studio-nav:not(.is-home-page) #root-php main>div:first-child>section:first-of-type:not(#home){padding-top:128px!important}
@media(max-width:767px){html body.studio-nav:not(.is-home-page) #root-php main>section:first-of-type:not(#home),html body.studio-nav:not(.is-home-page) #root-php main>div:first-child>section:first-of-type:not(#home){padding-top:112px!important}}
html body #root-php .aurad-page main>.aurad-ed-hero:first-child,html body #root-php main>.aurad-ed-hero:first-child{padding-top:48px!important}
@media(max-width:767px){html body #root-php .aurad-page main>.aurad-ed-hero:first-child,html body #root-php main>.aurad-ed-hero:first-child{padding-top:44px!important}}

/* Growth bridge on phones: a tight divider list instead of three floating boxes */
@media(max-width:767px){
html body #root-php .growth-bridge{gap:0!important;padding:22px 18px 6px!important}
html body #root-php .growth-bridge-copy{margin-bottom:8px}
html body #root-php .growth-bridge>a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:14px 2px!important;border:0!important;border-top:1px solid #2a4d59!important;border-radius:0!important;background:transparent!important;font-size:15px!important}
html body #root-php .growth-bridge>a:last-of-type{border-bottom:0!important}
html[data-theme=light] body #root-php .growth-bridge>a{border-top-color:#c0d2da!important;background:transparent!important}
}

/* Advertising hub hero — desktop keeps its look; these hooks are neutral there */
html body #root-php .aurad-hero-caption{display:none}
html body #root-php .aurad-watch-icon{display:none}
html body #root-php .aurad-hero-accent{color:inherit}
/* Mobile hero: eyebrow dash, accent headline, twin pill CTAs, tall rounded image card with caption */
@media(max-width:767px){
html body #root-php #aurad-home .aurad-page .aurad-hero{height:auto!important;min-height:0!important;padding:0 0 12px!important;overflow:visible}
html body #root-php #aurad-home .aurad-hero-slides{position:relative!important;inset:auto!important}
html body #root-php #aurad-home .aurad-hero-slide{position:absolute!important;inset:0!important}
html body #root-php #aurad-home .aurad-hero-slide.is-active{position:relative!important;display:flex!important;flex-direction:column}
html body #root-php #aurad-home .aurad-hero-slide:after{display:none!important}
html body #root-php #aurad-home .aurad-hero-content{order:1;width:86%!important;margin:0 auto;padding:126px 0 28px!important}
html body #root-php #aurad-home .aurad-hero .aurad-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:#00f3ff!important;font:600 12px/1 Rajdhani,"Rajdhani Fallback","Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:.26em;text-transform:uppercase}
html body #root-php #aurad-home .aurad-hero .aurad-eyebrow::before{content:"";width:44px;height:3px;background:#00f3ff;border-radius:2px;flex:0 0 44px}
html body #root-php #aurad-home .aurad-hero .aurad-eyebrow-num{display:none}
html body #root-php #aurad-home .aurad-hero h1,html body #root-php #aurad-home .aurad-hero h2{max-width:none!important;width:100%!important;margin:0 0 20px!important;font-size:clamp(54px,15.5vw,70px)!important;line-height:.94!important;letter-spacing:-.05em!important;text-wrap:balance}
html body #root-php #aurad-home .aurad-hero .aurad-hero-accent{color:#00f3ff}
html body #root-php #aurad-home .aurad-hero .aurad-intro{max-width:none!important;width:100%!important;margin:0 0 26px!important;font-size:18px!important;line-height:1.5!important;color:#e6f0f4!important}
html body #root-php #aurad-home .aurad-hero .aurad-actions{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px!important;margin:0!important}
html body #root-php #aurad-home .aurad-hero .aurad-button{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:17px 18px!important;border-radius:999px!important;background:#00f3ff!important;color:#031318!important;font-size:13.5px!important;letter-spacing:0!important;white-space:nowrap;min-width:0;box-shadow:0 12px 34px #00f3ff40}
html body #root-php #aurad-home .aurad-hero .aurad-button span{display:inline-block;font-size:0;flex:0 0 auto}
html body #root-php #aurad-home .aurad-hero .aurad-button span::after{content:"→";font-size:18px;line-height:1}
html body #root-php #aurad-home .aurad-hero .aurad-watch{display:flex!important;align-items:center;justify-content:center;gap:10px;margin:0!important;padding:16px 10px!important;border:1px solid #00f3ff;border-radius:999px;color:#c9f7fc!important;font-size:13.5px!important;min-width:0;white-space:nowrap;font-weight:600;letter-spacing:0;text-transform:none;text-decoration:none}
html body #root-php #aurad-home .aurad-hero .aurad-watch-arrow{display:none}
html body #root-php #aurad-home .aurad-hero .aurad-watch-icon{display:block;width:20px;height:20px;color:#00f3ff}
html body #root-php #aurad-home .aurad-hero-art{order:2;position:relative!important;inset:auto!important;top:auto!important;display:block;width:88%!important;height:auto!important;aspect-ratio:1/1.05;margin:0 auto!important;border-radius:26px!important;object-fit:cover!important;object-position:center!important;transform:none!important;animation:none!important;filter:none!important;box-shadow:0 30px 70px #00000080}
html body #root-php #aurad-home .aurad-hero-caption{display:block;position:absolute;left:calc(6% + 24px);bottom:34px;z-index:2;display:flex;align-items:flex-start;gap:14px;color:#c0d2d9;font:500 12px/1.6 Rajdhani,"Rajdhani Fallback","Rajdhani Fallback",Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;pointer-events:none}
html body #root-php #aurad-home .aurad-hero-caption::before{content:"";width:44px;height:2px;margin-top:8px;background:#9fb3bb;flex:0 0 44px}
html body #root-php #aurad-home .aurad-hero .aurad-hero-controls{position:relative!important;bottom:auto!important;margin:18px auto 0!important;width:88%}
html[data-theme=light] body #root-php #aurad-home .aurad-hero .aurad-eyebrow{color:#036f8d!important}
html[data-theme=light] body #root-php #aurad-home .aurad-hero .aurad-eyebrow::before{background:#036f8d}
html[data-theme=light] body #root-php #aurad-home .aurad-hero .aurad-hero-accent{color:#036f8d}
html[data-theme=light] body #root-php #aurad-home .aurad-hero .aurad-intro{color:#24404b!important}
html[data-theme=light] body #root-php #aurad-home .aurad-hero .aurad-watch{border-color:#036f8d;color:#0b2731!important}
html[data-theme=light] body #root-php #aurad-home .aurad-hero .aurad-watch-icon{color:#036f8d}
html[data-theme=light] body #root-php #aurad-home .aurad-hero-caption{color:#e6eef2}
}

/* Mobile reference composition. Every slide shares copy, image and control slots. */
@media(max-width:767px){
html body #root-php #aurad-home{
--ad-surface:#010e16;--ad-panel:#031923;--ad-ink:#f4f8fa;--ad-muted:#b5c7ce;--ad-cyan:#00ddea;--ad-line:#1c3d49;--ad-wave:#008bb544;
background:var(--ad-surface)!important;color:var(--ad-ink)!important;
}
html[data-theme=light] body #root-php #aurad-home{
--ad-surface:#f0f7fa;--ad-panel:#ffffff;--ad-ink:#102b39;--ad-muted:#405d6b;--ad-cyan:#006e83;--ad-line:#aecbd6;--ad-wave:#00a5cd25;
}
html body #root-php #aurad-home .aurad-hero{height:calc(177.78vw + 84px)!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden!important;background:var(--ad-surface)!important}
html body #root-php #aurad-home :is(.aurad-hero,.aurad-services,.aurad-directory,.aurad-about){position:relative;isolation:isolate;background-color:var(--ad-surface)!important}
html body #root-php #aurad-home :is(.aurad-hero,.aurad-services,.aurad-directory)::before{
content:"";display:block!important;position:absolute;z-index:-1;pointer-events:none;width:100%;height:100vw;right:0;top:0;
border:0;border-radius:0;background:url('../images/advertising/reference/mobile-ribbons.svg') center top/100% auto no-repeat!important;
box-shadow:none;transform:none;opacity:1;
}
html body #root-php #aurad-home .aurad-services::before{top:-15vw;right:0;height:60vw}
html body #root-php #aurad-home .aurad-directory::before{top:-23vw}
html body #root-php #aurad-home .aurad-hero-slides{position:absolute!important;inset:0 0 84px!important}
html body #root-php #aurad-home .aurad-hero-slide,html body #root-php #aurad-home .aurad-hero-slide.is-active{position:absolute!important;inset:0!important;display:block!important;background:transparent!important}
html body #root-php #aurad-home .aurad-hero-slide::before,html body #root-php #aurad-home .aurad-hero-slide::after{display:none!important}
html body #root-php #aurad-home .aurad-hero-content{position:absolute!important;top:27.8vw!important;left:7.6%!important;right:6.6%!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
html body #root-php #aurad-home .aurad-hero .aurad-eyebrow{height:3vw!important;margin:0!important;font:600 2.5vw/1 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:.25em!important;color:var(--ad-cyan)!important;gap:4vw!important}
html body #root-php #aurad-home .aurad-hero .aurad-eyebrow::before{width:6.2vw;flex-basis:6.2vw;height:2px;background:var(--ad-cyan)!important}
html body #root-php #aurad-home .aurad-hero :is(h1,h2){display:block!important;max-width:none!important;height:27vw!important;min-height:0!important;margin:4vw 0 3.8vw!important;font:700 15.5vw/.86 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.055em!important;color:var(--ad-ink)!important;text-wrap:initial!important;animation:none!important;transform:none!important}
html body #root-php #aurad-home .aurad-hero h2{font-size:10.2vw!important;line-height:1.04!important;letter-spacing:-.04em!important}
html body #root-php #aurad-home .aurad-hero h1{font-size:16.8vw!important;line-height:.78!important}
html body #root-php #aurad-home .aurad-mobile-break{display:block!important}
html body #root-php #aurad-home .aurad-hero .aurad-hero-accent{color:var(--ad-cyan)!important}
html body #root-php #aurad-home .aurad-hero .aurad-intro{height:16vw!important;min-height:0!important;max-width:none!important;margin:0!important;font:400 3.85vw/1.34 Arial,sans-serif!important;color:var(--ad-muted)!important;animation:none!important;transform:none!important}
html body #root-php #aurad-home .aurad-hero-slide:first-child .aurad-intro{max-width:77vw!important}
html body #root-php #aurad-home .aurad-hero .aurad-actions{display:grid!important;grid-template-columns:1.32fr 1fr!important;width:100%!important;max-width:none!important;height:11.5vw!important;min-height:44px;margin:2.8vw 0 0!important;gap:3vw!important;animation:none!important;transform:none!important}
html body #root-php #aurad-home .aurad-hero :is(.aurad-button,.aurad-watch){height:100%!important;min-height:44px!important;min-width:0!important;padding:0 3vw!important;font:600 3.6vw/1 Arial,sans-serif!important;letter-spacing:0!important}
html body #root-php #aurad-home .aurad-hero .aurad-button{border-radius:3.4vw!important;background:#00ddea!important;color:#00202c!important;box-shadow:0 0 24px #00ddea44!important}
html body #root-php #aurad-home .aurad-hero .aurad-watch{border-radius:9vw!important;border:1px solid var(--ad-cyan)!important;color:var(--ad-ink)!important;background:transparent!important;gap:2vw!important}
html body #root-php #aurad-home .aurad-hero .aurad-watch-icon{width:4vw!important;height:4.5vw!important;color:var(--ad-cyan)!important}
html body #root-php #aurad-home .aurad-hero-art{position:absolute!important;top:101.5vw!important;bottom:auto!important;left:3.4%!important;right:auto!important;width:93.2%!important;height:70.5vw!important;margin:0!important;aspect-ratio:auto!important;border:1px solid var(--ad-line)!important;border-radius:5vw!important;object-fit:cover!important;object-position:center!important;transform:none!important;animation:none!important;filter:none!important;box-shadow:0 0 20px #00aacf17!important}
html body #root-php #aurad-home .aurad-hero-slide:first-child .aurad-hero-art{content:url('../images/advertising/reference/hero-signage-reference.png');}
html body #root-php #aurad-home .aurad-hero-caption{top:159vw!important;bottom:auto!important;left:7.6%!important;color:#c5d4da!important;font-size:2.5vw!important;letter-spacing:.3em!important}
html body #root-php #aurad-home .aurad-hero-caption::before{width:6vw;flex-basis:6vw}
html body #root-php #aurad-home .aurad-hero .aurad-hero-controls{position:absolute!important;display:flex!important;justify-content:flex-end!important;left:4%!important;right:4%!important;top:177.78vw!important;bottom:auto!important;width:auto!important;height:64px!important;margin:0!important}
html body #root-php #aurad-home .aurad-hero-tabs{display:none!important}
html body #root-php #aurad-home .aurad-hero-arrows{display:flex!important;width:auto!important;gap:10px!important}
html body #root-php #aurad-home .aurad-hero-arrows button{width:44px!important;height:44px!important;background:var(--ad-surface)!important;color:var(--ad-ink)!important;border-color:var(--ad-line)!important}
html body #root-php #aurad-home .aurad-nav>.aurad-button{display:none!important}
html body #root-php #aurad-home .aurad-nav{top:1.8vw!important;left:4%!important;right:4%!important;width:92%!important;height:14.5vw!important;min-height:64px;padding:2vw 3.5vw!important;border-radius:3.6vw!important;background:color-mix(in srgb,var(--ad-surface) 94%,transparent)!important;border-color:var(--ad-line)!important;gap:3vw!important}
html body #root-php #aurad-home .aurad-logo{font-size:7.2vw!important;line-height:1!important}
html body #root-php #aurad-home .aurad-logo small{font-size:1.6vw!important;letter-spacing:.5em!important;margin-top:1.5vw!important}
html body #root-php #aurad-home :is(.aurad-theme-toggle,.aurad-menu-button){width:10.5vw!important;height:10.5vw!important;min-width:40px;min-height:40px;flex-shrink:0}
html body #root-php #aurad-home :is(.aurad-logo,.aurad-logo small){color:var(--ad-ink)!important}
html body #root-php #aurad-home :is(.aurad-theme-toggle,.aurad-menu-button){color:var(--ad-cyan)!important;border-color:var(--ad-line)!important}
html body #root-php #aurad-home #aurad-icon-menu{display:block;width:22px;height:16px;border-block:2px solid currentColor;position:relative}
html body #root-php #aurad-home #aurad-icon-menu::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
html body #root-php #aurad-home #aurad-icon-menu>*{display:none!important}
html body #root-php #aurad-home #aurad-icon-menu[hidden]{display:none!important}
html body #root-php #aurad-home .growth-bridge{position:relative;isolation:isolate;overflow:hidden;width:92%!important;margin:18px auto 0!important;padding:6.8vw 3.4vw 5.4vw!important;border:1px solid var(--ad-line)!important;border-radius:4.5vw!important;background:radial-gradient(ellipse at 110% 0,var(--ad-wave),transparent 48%),var(--ad-panel)!important;box-shadow:inset 0 0 24px #009ec013!important}
html body #root-php #aurad-home .growth-bridge-copy{margin:0 0 4vw!important;padding:0 1.4vw!important}
html body #root-php #aurad-home .growth-bridge-kicker{font:500 2vw/1.2 Arial,sans-serif!important;margin:0 0 3vw!important;color:var(--ad-cyan)!important}
html body #root-php #aurad-home .growth-bridge h2{max-width:65vw!important;font:700 8.5vw/1.03 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.035em!important;color:var(--ad-ink)!important;margin:0 0 3vw!important}
html body #root-php #aurad-home .growth-bridge-copy>p:nth-of-type(2){max-width:none!important;font:400 3.35vw/1.4 Arial,sans-serif!important;color:var(--ad-muted)!important}
html body #root-php #aurad-home .growth-bridge-target{right:-1vw;top:0;width:17vw;height:17vw;color:var(--ad-cyan);opacity:.55}
html body #root-php #aurad-home .growth-bridge-target svg{width:100%;height:100%;filter:drop-shadow(0 0 7px #00bbff)}
html body #root-php #aurad-home .growth-bridge::after{content:"";position:absolute;z-index:-1;top:-15vw;right:-23vw;width:55vw;height:43vw;border-radius:50%;border-bottom:1px solid var(--ad-wave);box-shadow:0 8px 26px -18px #00ceff;background:linear-gradient(145deg,transparent 25%,var(--ad-wave));transform:rotate(32deg);pointer-events:none}
html body #root-php #aurad-home .growth-bridge>a{grid-template-columns:11vw minmax(0,1fr) 9vw!important;gap:3vw!important;min-height:15vw!important;margin:2vw 0 0!important;padding:2vw!important;border-radius:4vw!important;background:var(--ad-surface)!important;border-color:var(--ad-line)!important}
html body #root-php #aurad-home .growth-bridge-link-icon{width:10.5vw;height:10.5vw;border-radius:2.5vw;color:#18b9e9;background:#009dce18}
html body #root-php #aurad-home .growth-bridge>a:nth-of-type(2) .growth-bridge-link-icon{color:#16cdad;background:#00c8a918}
html body #root-php #aurad-home .growth-bridge>a:nth-of-type(3) .growth-bridge-link-icon{color:#a088ef;background:#8066df22}
html body #root-php #aurad-home .growth-bridge a strong{font:700 3.05vw/1.25 Arial,sans-serif!important;color:var(--ad-ink)!important}
html body #root-php #aurad-home .growth-bridge a small{font:400 2.6vw/1.3 Arial,sans-serif!important;color:var(--ad-muted)!important}
html body #root-php #aurad-home .growth-bridge-arrow{width:8.5vw;height:8.5vw;font-size:5vw;color:var(--ad-cyan);border-color:var(--ad-cyan)}
html body #root-php #aurad-home :is(.aurad-services,.aurad-directory,.aurad-about){background:var(--ad-surface)!important}
html body #root-php #aurad-home .aurad-services{padding:9vw 0 6vw!important}
html body #root-php #aurad-home :is(.aurad-services,.aurad-directory,.aurad-about) h2{font:700 7.5vw/1.02 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;color:var(--ad-ink)!important}
html body #root-php #aurad-home :is(.aurad-services,.aurad-directory,.aurad-about) .aurad-eyebrow{color:var(--ad-cyan)!important}
html body #root-php #aurad-home .aurad-text-link{color:var(--ad-ink)!important}
html body #root-php #aurad-home .aurad-directory{padding:4vw 0 6vw!important;border:0!important}
html body #root-php #aurad-home .aurad-directory-head{margin-bottom:5vw!important}
html body #root-php #aurad-home .aurad-directory-head h2{font-size:7.5vw!important;line-height:1.02!important}
html body #root-php #aurad-home .aurad-directory-motto{font:400 1.7vw/1.4 Arial,sans-serif!important;letter-spacing:.5em!important;text-transform:uppercase;color:var(--ad-muted)!important;margin:2vw 0 0!important}
html body #root-php #aurad-home .aurad-capability{margin:0 0 1.6vw!important;border:1px solid var(--ad-line)!important;border-radius:2.3vw!important;background:var(--ad-surface)!important;overflow:hidden}
html body #root-php #aurad-home .aurad-capability:nth-child(3){background:linear-gradient(140deg,transparent 65%,var(--ad-wave)),var(--ad-surface)!important;border-color:var(--ad-cyan)!important;box-shadow:inset 0 0 16px #00b6df17,0 0 15px #00b6df17}
html body #root-php #aurad-home .aurad-capability summary{display:grid!important;grid-template-columns:12vw minmax(0,1fr) 8vw!important;gap:3vw!important;min-height:13vw!important;padding:2vw 3vw!important;border:0!important;border-radius:0!important;line-height:1.15!important}
html body #root-php #aurad-home .aurad-capability-index{font:700 5vw/1 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;color:var(--ad-cyan)!important;border-right:1px solid var(--ad-line);padding:1vw 0}
html body #root-php #aurad-home .aurad-capability summary>span:nth-child(2){min-width:0}
html body #root-php #aurad-home .aurad-capability summary strong{display:block;color:var(--ad-ink)!important;font:600 3.5vw/1.2 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-capability summary em{display:block;margin-top:1.3vw;color:var(--ad-muted)!important;font:400 1.55vw/1.3 Arial,sans-serif!important;letter-spacing:.23em;font-style:normal;white-space:normal}
html body #root-php #aurad-home .aurad-capability summary small{display:none!important}
html body #root-php #aurad-home .aurad-capability summary b{display:grid;place-items:center;width:7vw;height:7vw;border:1px solid var(--ad-line);border-radius:50%;font:400 5vw/1 Arial,sans-serif!important;color:var(--ad-cyan)!important}
html[data-theme=light] body #root-php #aurad-home :is(.aurad-capability-body,.aurad-capability-overview){background:var(--ad-panel)!important;color:var(--ad-ink)!important}
html[data-theme=light] body #root-php #aurad-home .aurad-capability-body :is(p,a){color:var(--ad-muted)!important}
}

/* Mobile Advertising / 02 — reference-matched editorial panel. */
@media(max-width:767px){
html body #root-php #aurad-home .aurad-about{
min-height:177.78vw;padding:16.5vw 0 28vw!important;overflow:hidden;border:0!important;
background:
radial-gradient(ellipse 75% 46% at 103% -8%,#007c9b24 0 48%,transparent 49%),
radial-gradient(ellipse 90% 27% at 66% 88%,transparent 66%,#06718d48 66.3%,transparent 66.7%),
radial-gradient(ellipse 95% 28% at -7% 104%,#007c9b28 0 46%,transparent 47%),
linear-gradient(180deg,#010f17 0%,#00131d 68%,#00101a 100%)!important;
}
html body #root-php #aurad-home .aurad-about::before{
content:"IDEAS\A SPACES\A BRANDS\A PEOPLE";white-space:pre;display:block!important;position:absolute;z-index:1;top:4.2vw;right:5.8vw;
left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;padding-left:4.4vw;border-left:1px solid #00ddea88;background:none!important;box-shadow:none!important;transform:none!important;
color:#5c9cac;font:500 1.55vw/2.05 Arial,sans-serif;letter-spacing:.42em;text-transform:uppercase;
}
html body #root-php #aurad-home .aurad-about::after{
content:"";display:block!important;position:absolute;z-index:0;left:-20vw;bottom:-8vw;width:93vw;height:48vw;border:1px solid #06718d55;border-radius:50%;
background:linear-gradient(160deg,#0086aa1e,transparent 50%);box-shadow:0 -12px 36px -28px #00cfe9;transform:rotate(9deg);pointer-events:none;
}
html body #root-php #aurad-home .aurad-about-grid{position:relative;z-index:2;display:block!important;width:90%!important;max-width:none!important;margin:0 auto!important}
html body #root-php #aurad-home .aurad-about-copy{position:relative;padding:0!important;border:0!important;transform:none!important;animation:none!important}
html body #root-php #aurad-home .aurad-about-copy>.aurad-eyebrow,
html body #root-php #aurad-home .aurad-about-copy>h2,
html body #root-php #aurad-home .aurad-about-copy>p,
html body #root-php #aurad-home .aurad-about-copy>.aurad-button{margin-left:4vw!important;margin-right:4vw!important}
html body #root-php #aurad-home .aurad-about-copy>.aurad-eyebrow{display:flex;align-items:center;gap:2.6vw;margin-bottom:6vw!important;font:600 2.15vw/1 Arial,sans-serif!important;letter-spacing:.23em!important}
html body #root-php #aurad-home .aurad-about-copy>.aurad-eyebrow::after{content:"";width:8vw;height:1px;background:var(--ad-cyan)}
html body #root-php #aurad-home .aurad-about-copy>h2{font:700 8.25vw/.99 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.035em!important;margin-bottom:5.7vw!important;color:#f5f8fa!important}
html body #root-php #aurad-home .aurad-about-copy>p:not(.aurad-eyebrow){max-width:none!important;margin-top:0!important;font:400 3.55vw/1.58 Arial,sans-serif!important;color:#b9c8ce!important}
html body #root-php #aurad-home .aurad-about-copy>p:not(.aurad-eyebrow)+p{margin-top:5.2vw!important}
html body #root-php #aurad-home .aurad-about-copy>.aurad-button{display:flex!important;width:54vw!important;height:13.5vw!important;margin-top:4.2vw!important;padding:0 3.2vw 0 6.5vw!important;border-radius:3.5vw!important;border-color:#00ddea!important;background:#04151e99!important;color:#f7fafb!important;font:700 3.8vw/1 Arial,sans-serif!important;letter-spacing:0!important;box-shadow:inset 0 0 22px #009fbd18,0 0 18px #00ddea22!important}
html body #root-php #aurad-home .aurad-about-copy>.aurad-button span{display:grid;place-items:center;width:9.2vw;height:9.2vw;border:1px solid #00ddea66;border-radius:50%;font-size:0!important;color:#00ddea!important}
html body #root-php #aurad-home .aurad-about-copy>.aurad-button span::before{content:"→";font:400 5.5vw/1 Arial,sans-serif}
html body #root-php #aurad-home .aurad-about dl{position:absolute;top:98vw;left:0;right:0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2.2vw!important;margin:0!important;padding:0!important;border:0!important}
html body #root-php #aurad-home .aurad-about dl>div{position:relative;min-height:33vw;padding:6vw 5.3vw 4vw;border:1px solid #176077;border-radius:2.4vw;background:radial-gradient(circle at 95% 4%,#007e9f28,transparent 45%),#031822aa;box-shadow:inset 0 0 18px #008fb014}
html body #root-php #aurad-home .aurad-about dt{font:400 7vw/.9 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.04em;color:#00e7f2!important;text-shadow:0 0 12px #00ddea55}
html body #root-php #aurad-home .aurad-about dd{margin:3.5vw 0 0!important;font:400 3.2vw/1.35 Arial,sans-serif!important;color:#c0cdd2!important}
html body #root-php #aurad-home .aurad-about dl>div::after{content:"";position:absolute;left:5.3vw;bottom:4vw;width:4.8vw;height:2px;background:#00e7f2;box-shadow:0 0 8px #00e7f2}
html body #root-php #aurad-home .aurad-about dl::before{content:"A STRONGER\A PRESENCE AHEAD";white-space:pre;position:absolute;left:1.8vw;top:51.8vw;color:#49b9ca;font:500 1.6vw/1.4 Arial,sans-serif;letter-spacing:.34em}
html body #root-php #aurad-home .aurad-about dl::after{content:"///";position:absolute;right:1.5vw;top:53.3vw;color:#42cddd;font:400 3vw/1 Arial,sans-serif;letter-spacing:.38em}
html body #root-php #aurad-home .aurad-about-figure{display:none!important}
html[data-theme=light] body #root-php #aurad-home .aurad-about{background:radial-gradient(ellipse 75% 46% at 103% -8%,#00a5cd1e 0 48%,transparent 49%),radial-gradient(ellipse 90% 27% at 66% 88%,transparent 66%,#00a5cd35 66.3%,transparent 66.7%),radial-gradient(ellipse 95% 28% at -7% 104%,#00a5cd1c 0 46%,transparent 47%),linear-gradient(180deg,#f5fafc,#eaf4f7)!important}
html[data-theme=light] body #root-php #aurad-home .aurad-about-copy>h2{color:#102b39!important}
html[data-theme=light] body #root-php #aurad-home .aurad-about-copy>p:not(.aurad-eyebrow){color:#405d6b!important}
html[data-theme=light] body #root-php #aurad-home .aurad-about-copy>.aurad-button{background:#fff9!important;color:#102b39!important}
html[data-theme=light] body #root-php #aurad-home .aurad-about dl>div{background:radial-gradient(circle at 95% 4%,#00a5cd18,transparent 45%),#ffffffcc}
html[data-theme=light] body #root-php #aurad-home .aurad-about dd{color:#405d6b!important}
}

/* Brand journal — shared editorial composition for mobile and desktop. */
html body #root-php #aurad-home .aurad-insights{
color:#081522!important;padding:clamp(72px,7vw,124px) 0!important;
background:#e8f3f6 url('../images/advertising/reference/journal-desk.webp') right top/100% auto no-repeat!important;
}
html body #root-php #aurad-home .aurad-insights>.aurad-frame{width:min(1180px,90%)!important;max-width:none!important}
html body #root-php #aurad-home .aurad-insights .aurad-section-head{display:block!important;min-height:clamp(360px,36vw,510px);margin:0!important}
html body #root-php #aurad-home .aurad-insights .aurad-eyebrow{color:#007f95!important;font:700 13px/1 Arial,sans-serif!important;letter-spacing:.28em!important;margin:0 0 24px!important}
html body #root-php #aurad-home .aurad-insights h2{max-width:720px;color:#071421!important;font:700 clamp(48px,4.3vw,72px)/.98 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.035em!important}
html body #root-php #aurad-home .aurad-insights h2 em{color:#00bdd2;font-style:normal}
html body #root-php #aurad-home .aurad-insights .aurad-head-note{max-width:570px;margin:28px 0 0!important;color:#58717d!important;font:400 19px/1.55 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-insights .aurad-head-note p{color:#58717d!important}
html body #root-php #aurad-home .aurad-insights .aurad-text-link{display:flex;width:max-content;gap:40px;margin-top:34px!important;padding:0 0 11px;border-bottom:1px solid #16788c;color:#086b7e!important;font:700 16px/1 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-insights .aurad-text-link span{color:#087b90;font-size:25px}
html body #root-php #aurad-home .aurad-blog-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
html body #root-php #aurad-home .aurad-blog{position:relative;display:grid!important;grid-template-columns:42% minmax(0,1fr)!important;height:300px;min-height:0!important;overflow:hidden;border:1px solid #dce9ed!important;border-radius:30px!important;background:#fff!important;color:#081522!important;box-shadow:none!important;transform:none!important}
html body #root-php #aurad-home .aurad-post-art{display:block!important;position:relative!important;min-width:0;height:100%!important;min-height:0!important;overflow:hidden;aspect-ratio:auto!important;background:#dbe9ed!important}
html body #root-php #aurad-home .aurad-post-art::after,.aurad-post-mascot{display:none!important}
html body #root-php #aurad-home .aurad-post-art>img:first-child{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;transform:none!important}
html body #root-php #aurad-home .aurad-post-copy{display:flex!important;min-width:0;padding:34px 42px!important;color:#081522!important}
html body #root-php #aurad-home .aurad-post-meta{display:flex!important;align-items:center;margin:0 0 22px!important;color:#08788b!important;font:700 12px/1 Arial,sans-serif!important;letter-spacing:.09em!important}
html body #root-php #aurad-home .aurad-post-meta::after{content:"";width:46px;height:1px;margin-left:18px;background:#2ab5c8}
html body #root-php #aurad-home .aurad-post-meta>span{display:flex!important;align-items:center;gap:8px;margin-left:auto;color:#7a8c94!important;font-weight:500;letter-spacing:.04em}
html body #root-php #aurad-home .aurad-post-meta>span::before{content:"▤";color:#70858e;font-size:17px}
html body #root-php #aurad-home .aurad-post-copy h3{max-width:680px;min-height:0!important;color:#071421!important;font:700 clamp(26px,2.15vw,36px)/1.08 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.025em!important}
html body #root-php #aurad-home .aurad-post-copy p{display:block!important;max-width:640px;margin:18px 0 24px!important;color:#60737c!important;font:400 17px/1.45 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-post-link{display:flex!important;width:max-content;gap:24px;margin-top:auto!important;padding:0!important;border:0!important;color:#08788b!important;font:700 15px/1 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-post-link>span{color:#08788b!important;font-size:24px}
html body #root-php #aurad-home .aurad-blog::after{content:"→";position:absolute;right:30px;bottom:28px;display:grid;place-items:center;width:58px;height:58px;border:1px solid #0791a7;border-radius:50%;color:#087f94;font:400 31px/1 Arial,sans-serif}
html body #root-php #aurad-home .aurad-journal-all{display:flex;align-items:center;justify-content:center;gap:38px;width:100%;height:66px;margin:30px 0 0;border:1px solid #6aabb8;border-radius:28px;color:#071421!important;font:700 17px/1 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-journal-all span{color:#087f94;font-size:28px}

@media(max-width:767px){
html body #root-php #aurad-home .aurad-insights{padding:3.4vw 0 5.2vw!important;background-size:100% auto!important;background-position:right top!important}
html body #root-php #aurad-home .aurad-insights>.aurad-frame{width:91%!important}
html body #root-php #aurad-home .aurad-insights .aurad-section-head{min-height:40.5vw;padding:0 1.6vw!important}
html body #root-php #aurad-home .aurad-insights .aurad-eyebrow{margin:0 0 2.7vw!important;font-size:1.45vw!important;letter-spacing:.25em!important}
html body #root-php #aurad-home .aurad-insights h2{max-width:69vw;font-size:5.55vw!important;line-height:.98!important}
html body #root-php #aurad-home .aurad-insights .aurad-head-note{max-width:54vw;margin:2.8vw 0 0!important;font-size:2.55vw!important;line-height:1.48!important}
html body #root-php #aurad-home .aurad-insights .aurad-text-link{gap:5vw;margin-top:4.6vw!important;padding-bottom:1.8vw;font-size:2.2vw!important}
html body #root-php #aurad-home .aurad-insights .aurad-text-link span{font-size:3.5vw}
html body #root-php #aurad-home .aurad-blog-grid{gap:1.65vw!important}
html body #root-php #aurad-home .aurad-blog{grid-template-columns:42% minmax(0,1fr)!important;min-height:29.4vw!important;height:29.4vw!important;border-radius:3.1vw!important}
html body #root-php #aurad-home .aurad-post-copy{padding:3vw 3.3vw!important}
html body #root-php #aurad-home .aurad-post-meta{margin-bottom:2.8vw!important;font-size:1.35vw!important;letter-spacing:.08em!important}
html body #root-php #aurad-home .aurad-post-meta::after{width:5.4vw;margin-left:2vw}
html body #root-php #aurad-home .aurad-post-meta>span{gap:.9vw;font-size:1.35vw!important}
html body #root-php #aurad-home .aurad-post-meta>span::before{font-size:2vw}
html body #root-php #aurad-home .aurad-post-copy h3{max-width:43vw;font-size:2.9vw!important;line-height:1.12!important}
html body #root-php #aurad-home .aurad-post-copy p{max-width:40vw;margin:1.8vw 0 1.8vw!important;font-size:1.9vw!important;line-height:1.38!important}
html body #root-php #aurad-home .aurad-post-link{gap:2.3vw;font-size:1.85vw!important}
html body #root-php #aurad-home .aurad-post-link>span{font-size:3vw}
html body #root-php #aurad-home .aurad-blog::after{right:2.2vw;bottom:2.1vw;width:6.4vw;height:6.4vw;font-size:3.6vw}
html body #root-php #aurad-home .aurad-journal-all{gap:4.6vw;height:7.4vw;margin-top:3.4vw;border-radius:3.3vw;font-size:2.2vw!important}
html body #root-php #aurad-home .aurad-journal-all span{font-size:3.4vw}
}

/* Good to know — reference-matched FAQ directory. */
html body #root-php #aurad-home .aurad-faq{padding:100px 0!important;border:0!important;background:#00131d!important;color:#f4f8fa!important}
html body #root-php #aurad-home .aurad-faq-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:54px 70px!important;width:min(1180px,90%)!important;max-width:none!important}
html body #root-php #aurad-home .aurad-faq-intro{align-self:center}
html body #root-php #aurad-home .aurad-faq-intro .aurad-eyebrow{display:flex;align-items:center;gap:24px;margin:0 0 26px!important;color:#00eaf5!important;font:700 14px/1 Arial,sans-serif!important;letter-spacing:.24em!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-eyebrow::after{content:"";width:76px;height:1px;background:#00ddea}
html body #root-php #aurad-home .aurad-faq-intro h2{color:#f7f9fa!important;font:700 clamp(54px,5vw,72px)/.96 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.035em!important}
html body #root-php #aurad-home .aurad-faq-intro h2 em{color:#00dce9;font-style:normal}
html body #root-php #aurad-home .aurad-faq-intro>p:not(.aurad-eyebrow){margin:28px 0 0!important;color:#92a4ac!important;font:400 21px/1.35 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-text-link{display:flex;width:max-content;gap:34px;margin-top:34px!important;padding:0 0 12px;border-bottom:2px solid #00ddea;color:#f5f8fa!important;font:700 18px/1 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-text-link span{font-size:25px}
html body #root-php #aurad-home .aurad-faq-art{display:block;position:relative;align-self:center;width:100%;height:350px;overflow:visible;color:#75e9ff}
html body #root-php #aurad-home .aurad-faq-bubble{position:absolute;display:grid;place-items:center;width:45%;aspect-ratio:1.03;border:1px solid #79eaff99;border-radius:12%;background:linear-gradient(145deg,#9eefff42,#07334f2e 62%,#00cfee24);box-shadow:inset 0 0 20px #a8f3ff26,0 0 18px #00cfee1f;color:#9aeeff;font:700 clamp(70px,9vw,120px)/1 Arial,sans-serif;font-style:normal;text-shadow:0 0 18px #00dff055;backdrop-filter:blur(1px)}
html body #root-php #aurad-home .aurad-faq-bubble::after{content:"";position:absolute;left:18%;bottom:-12%;width:19%;height:24%;border-right:1px solid #79eaff99;border-bottom:1px solid #79eaff99;background:linear-gradient(135deg,#08324b42,#00cfee1c);clip-path:polygon(0 0,100% 0,34% 100%)}
html body #root-php #aurad-home .aurad-faq-bubble-q{top:5%;left:4%}
html body #root-php #aurad-home .aurad-faq-bubble-a{top:42%;left:39%;z-index:2}
html body #root-php #aurad-home .aurad-faq-note{position:absolute;top:0;right:1%;width:34%;color:#b6c4ca;font:italic clamp(17px,2.4vw,31px)/.94 "Segoe Print","Bradley Hand",cursive;text-align:center;transform:rotate(-7deg);opacity:.72}
html body #root-php #aurad-home .aurad-faq-note::after{content:"";display:block;width:72%;height:1px;margin:8px auto 0;background:currentColor;transform:rotate(-13deg)}
html body #root-php #aurad-home .aurad-questions{grid-column:1/-1;display:grid;gap:14px}
html body #root-php #aurad-home .aurad-questions details{overflow:hidden;border:1px solid #183843!important;border-radius:26px;background:#021620;transition:border-color .2s ease,box-shadow .2s ease}
html body #root-php #aurad-home .aurad-questions details[open]{border-color:#08778a!important;box-shadow:inset 0 0 24px rgba(0,221,234,.07)}
html body #root-php #aurad-home .aurad-questions summary{display:grid;grid-template-columns:72px 1px minmax(0,1fr) 48px;align-items:center;gap:28px;min-height:98px;padding:18px 26px 18px 22px!important;color:#f5f8fa!important;font:500 20px/1.3 Arial,sans-serif!important;list-style:none}
html body #root-php #aurad-home .aurad-questions summary::before{content:"";grid-column:2;width:1px;height:56px;background:#24424c}
html body #root-php #aurad-home .aurad-questions summary::after{display:none!important}
html body #root-php #aurad-home .aurad-question-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:60px;height:60px;border:1px solid #07566a;border-radius:15px;background:radial-gradient(circle at 50% 50%,#073547,#03212c 72%);color:#00e7f2;box-shadow:inset 0 0 18px rgba(0,218,235,.12)}
html body #root-php #aurad-home .aurad-question-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(0,231,242,.35))}
html body #root-php #aurad-home .aurad-question-label{grid-column:3;grid-row:1}
html body #root-php #aurad-home .aurad-question-plus{grid-column:4;grid-row:1;display:grid;place-items:center;width:46px;height:46px;border:2px solid #00ddea;border-radius:50%;color:#00e7f2;font:300 32px/1 Arial,sans-serif;transition:transform .25s ease}
html body #root-php #aurad-home .aurad-questions details[open] .aurad-question-plus{transform:rotate(45deg)}
html body #root-php #aurad-home .aurad-question-answer{padding:0 100px 24px 123px}
html body #root-php #aurad-home .aurad-question-answer p{margin:0!important;padding:0!important;color:#afc1c8!important;font:400 16px/1.65 Arial,sans-serif!important}
html body #root-php #aurad-home .aurad-faq-contact{grid-column:1/-1;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:30px;min-height:145px;padding:28px 55px 28px 35px;border:1px solid #173a45;border-radius:28px;background:radial-gradient(circle at 2% 50%,rgba(0,169,194,.13),transparent 23%),linear-gradient(90deg,#031923,#021620);color:#f5f8fa!important}
html body #root-php #aurad-home .aurad-faq-contact-icon{display:grid;place-items:center;width:88px;height:88px;border:1px solid #07566a;border-radius:18px;background:#052633;color:#00e7f2}
html body #root-php #aurad-home .aurad-faq-contact-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body #root-php #aurad-home .aurad-faq-contact-copy strong{display:block;font:700 20px/1.2 Arial,sans-serif}
html body #root-php #aurad-home .aurad-faq-contact-copy small{display:block;margin-top:10px;color:#8297a0;font:400 15px/1.2 Arial,sans-serif}
html body #root-php #aurad-home .aurad-faq-contact-link{display:flex;align-items:center;gap:38px;padding:0 0 12px;border-bottom:2px solid #00ddea;font:700 18px/1 Arial,sans-serif}
html body #root-php #aurad-home .aurad-faq-contact-link b{font-size:25px;font-weight:400}
html[data-theme=light] body #root-php #aurad-home .aurad-faq{background:#eaf4f7!important;color:#08202b!important}
html[data-theme=light] body #root-php #aurad-home .aurad-faq-intro h2{color:#08202b!important}
html[data-theme=light] body #root-php #aurad-home .aurad-faq-intro>p:not(.aurad-eyebrow){color:#526d78!important}
html[data-theme=light] body #root-php #aurad-home .aurad-faq-intro .aurad-text-link{color:#08202b!important}
html[data-theme=light] body #root-php #aurad-home .aurad-questions details,html[data-theme=light] body #root-php #aurad-home .aurad-faq-contact{border-color:#9fc0c9!important;background:#f7fbfc!important;color:#08202b!important}
html[data-theme=light] body #root-php #aurad-home .aurad-questions summary{color:#08202b!important}
html[data-theme=light] body #root-php #aurad-home .aurad-question-icon,html[data-theme=light] body #root-php #aurad-home .aurad-faq-contact-icon{background:#e1f2f5;border-color:#6caab7;color:#007f94}
html[data-theme=light] body #root-php #aurad-home .aurad-question-answer p,html[data-theme=light] body #root-php #aurad-home .aurad-faq-contact-copy small{color:#526d78!important}

@media(max-width:1024px){
html body #root-php #aurad-home .aurad-faq{padding:0!important}
html body #root-php #aurad-home .aurad-faq-grid{position:relative;display:block!important;width:100%!important;height:135.16vw;max-height:none!important}
html body #root-php #aurad-home .aurad-faq-intro{position:absolute;top:11.8vw;left:4.95vw;width:52vw;z-index:2}
html body #root-php #aurad-home .aurad-faq-intro .aurad-eyebrow{gap:2.5vw;margin:0 0 2.9vw!important;font-size:1.78vw!important;letter-spacing:.23em!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-eyebrow::after{width:8vw}
html body #root-php #aurad-home .aurad-faq-intro h2{font-size:7.95vw!important;line-height:.88!important}
html body #root-php #aurad-home .aurad-faq-intro>p:not(.aurad-eyebrow){margin-top:2vw!important;font-size:2.7vw!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-text-link{gap:3.2vw;margin-top:3.8vw!important;padding-bottom:1.45vw;font-size:2.35vw!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-text-link span{font-size:3.1vw}
html body #root-php #aurad-home .aurad-faq-art{position:absolute;top:8.85vw;left:56vw;width:41vw;height:35vw;z-index:1}
html body #root-php #aurad-home .aurad-faq-bubble{font-size:9vw}
html body #root-php #aurad-home .aurad-faq-note{font-size:2.65vw}
html body #root-php #aurad-home .aurad-questions{position:absolute;top:49.45vw;left:4.3vw;width:91.5vw;gap:1.53vw}
html body #root-php #aurad-home .aurad-questions details{border-radius:2.65vw}
html body #root-php #aurad-home .aurad-questions summary{grid-template-columns:7.6vw 1px minmax(0,1fr) 5.1vw;gap:2.4vw;min-height:10.25vw;padding:1.9vw 2.75vw 1.9vw 2.3vw!important;font-size:2.25vw!important}
html body #root-php #aurad-home .aurad-questions summary::before{height:5.9vw;transform:translateX(-.55vw)}
html body #root-php #aurad-home .aurad-question-icon{width:6.35vw;height:6.35vw;border-radius:1.55vw}
html body #root-php #aurad-home .aurad-question-icon svg{width:3.15vw;height:3.15vw}
html body #root-php #aurad-home .aurad-question-plus{width:4.9vw;height:4.9vw;font-size:3.4vw}
html body #root-php #aurad-home .aurad-question-answer{padding:0 10.5vw 2.5vw 13vw}
html body #root-php #aurad-home .aurad-question-answer p{font-size:1.75vw!important}
html body #root-php #aurad-home .aurad-faq-contact{position:absolute;top:112.85vw;left:4.3vw;width:91.5vw;min-height:15.3vw;padding:2.95vw 5.8vw 2.95vw 3.7vw;grid-template-columns:9.4vw minmax(0,1fr) auto;gap:3.2vw;border-radius:2.9vw}
html body #root-php #aurad-home .aurad-faq-contact-icon{width:9.3vw;height:9.3vw;border-radius:1.9vw}
html body #root-php #aurad-home .aurad-faq-contact-icon svg{width:3.8vw;height:3.8vw}
html body #root-php #aurad-home .aurad-faq-contact-copy strong{font-size:2.2vw}
html body #root-php #aurad-home .aurad-faq-contact-copy small{margin-top:1vw;font-size:1.65vw}
html body #root-php #aurad-home .aurad-faq-contact-link{gap:2.7vw;padding-bottom:1.3vw;font-size:2.2vw}
html body #root-php #aurad-home .aurad-faq-contact-link b{font-size:3vw}
}

html.aurad-faq-in-view body #root-php :is(.auronix-chat-root,.ad-whatsapp-float,.auronix-whatsapp-widget){opacity:0!important;pointer-events:none!important;transform:translateY(12px)!important}

@media(max-width:500px){
html body #root-php #aurad-home .aurad-faq-grid{height:auto!important;padding:52px 20px 44px!important}
html body #root-php #aurad-home .aurad-faq-intro{position:relative;top:auto;left:auto;width:100%;padding-right:34%}
html body #root-php #aurad-home .aurad-faq-intro .aurad-eyebrow{gap:10px;margin-bottom:16px!important;font-size:8px!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-eyebrow::after{width:34px}
html body #root-php #aurad-home .aurad-faq-intro h2{font-size:34px!important}
html body #root-php #aurad-home .aurad-faq-intro>p:not(.aurad-eyebrow){margin-top:18px!important;font-size:15px!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-text-link{gap:24px;margin-top:22px!important;padding-bottom:9px;font-size:14px!important}
html body #root-php #aurad-home .aurad-faq-intro .aurad-text-link span{font-size:20px}
html body #root-php #aurad-home .aurad-faq-art{top:48px;left:auto;right:0;width:36%;height:132px}
html body #root-php #aurad-home .aurad-faq-bubble{font-size:8.5vw}
html body #root-php #aurad-home .aurad-faq-note{font-size:2.5vw}
html body #root-php #aurad-home .aurad-questions{position:relative;top:auto;left:auto;width:100%;gap:10px;margin-top:42px}
html body #root-php #aurad-home .aurad-questions details{border-radius:16px}
html body #root-php #aurad-home .aurad-questions summary{grid-template-columns:48px 1px minmax(0,1fr) 38px;gap:14px;min-height:78px;padding:12px!important;font-size:14px!important}
html body #root-php #aurad-home .aurad-questions summary::before{height:42px}
html body #root-php #aurad-home .aurad-question-icon{width:46px;height:46px;border-radius:12px}
html body #root-php #aurad-home .aurad-question-icon svg{width:23px;height:23px}
html body #root-php #aurad-home .aurad-question-plus{width:36px;height:36px;font-size:25px}
html body #root-php #aurad-home .aurad-question-answer{padding:0 62px 18px 76px}
html body #root-php #aurad-home .aurad-question-answer p{font-size:13px!important}
html body #root-php #aurad-home .aurad-faq-contact{position:relative;top:auto;left:auto;width:100%;min-height:112px;margin-top:28px;padding:18px;grid-template-columns:58px 1fr;gap:16px;border-radius:18px}
html body #root-php #aurad-home .aurad-faq-contact-icon{width:58px;height:58px;border-radius:14px}
html body #root-php #aurad-home .aurad-faq-contact-icon svg{width:28px;height:28px}
html body #root-php #aurad-home .aurad-faq-contact-copy strong{font-size:15px}
html body #root-php #aurad-home .aurad-faq-contact-copy small{font-size:12px}
html body #root-php #aurad-home .aurad-faq-contact-link{grid-column:2;width:max-content;gap:24px;margin-top:-8px;padding-bottom:8px;font-size:14px}
html body #root-php #aurad-home .aurad-faq-contact-link b{font-size:20px}
}

/* The reference planning card belongs to Web Studio, not Advertising. */
@media(max-width:767px){
html body.studio-reference #root-php .growth-bridge--webstudio{--plan-surface:#010e16;--plan-panel:#031923;--plan-ink:#f4f8fa;--plan-muted:#b5c7ce;--plan-cyan:#00ddea;--plan-line:#1c3d49;--plan-wave:#008bb544;position:relative;isolation:isolate;overflow:hidden;display:block!important;width:92%!important;max-width:680px;margin:30px auto!important;padding:6.8vw 3.4vw 5.4vw!important;border:1px solid var(--plan-line)!important;border-radius:4.5vw!important;background:radial-gradient(ellipse at 110% 0,var(--plan-wave),transparent 48%),linear-gradient(var(--plan-panel),var(--plan-panel))!important;box-shadow:inset 0 0 24px #009ec013!important}
html[data-theme=light] body.studio-reference #root-php .growth-bridge--webstudio{--plan-surface:#f0f7fa;--plan-panel:#fff;--plan-ink:#102b39;--plan-muted:#405d6b;--plan-cyan:#006e83;--plan-line:#aecbd6;--plan-wave:#00a5cd25;background:radial-gradient(ellipse at 110% 0,#00a5cd25,transparent 48%),linear-gradient(#fff,#fff)!important;box-shadow:none!important}
html body.studio-reference #root-php .growth-bridge--webstudio .growth-bridge-copy{position:relative;margin:0 0 4vw!important;padding:0 1.4vw!important}
html body.studio-reference #root-php .growth-bridge--webstudio .growth-bridge-kicker{display:flex;margin:0 0 3vw!important;color:var(--plan-cyan)!important;font:500 2vw/1.2 Arial,sans-serif!important}
html body.studio-reference #root-php .growth-bridge--webstudio h2{max-width:65vw!important;margin:0 0 3vw!important;color:var(--plan-ink)!important;font:700 8.5vw/1.03 Rajdhani,"Rajdhani Fallback",Arial,sans-serif!important;letter-spacing:-.035em!important}
html body.studio-reference #root-php .growth-bridge--webstudio .growth-bridge-copy>p:nth-of-type(2){max-width:none!important;margin:0!important;color:var(--plan-muted)!important;font:400 3.35vw/1.4 Arial,sans-serif!important}
html body.studio-reference #root-php .growth-bridge--webstudio .growth-bridge-target{display:grid;right:-1vw;top:0;width:17vw;height:17vw;color:var(--plan-cyan);opacity:.55}
html body.studio-reference #root-php .growth-bridge--webstudio .growth-bridge-target svg{width:100%;height:100%;filter:drop-shadow(0 0 7px #00bbff)}
html body.studio-reference #root-php .growth-bridge--webstudio::after{content:"";display:block!important;position:absolute;z-index:-1;top:-15vw;right:-23vw;width:55vw;height:43vw;border-radius:50%;border-bottom:1px solid var(--plan-wave);box-shadow:0 8px 26px -18px #00ceff;background:linear-gradient(145deg,transparent 25%,var(--plan-wave));transform:rotate(32deg);pointer-events:none}
html body.studio-reference #root-php .growth-bridge--webstudio>a{display:grid!important;grid-template-columns:11vw minmax(0,1fr) 9vw!important;align-items:center;gap:3vw!important;min-height:clamp(80px,15vw,98px)!important;margin:2vw 0 0!important;padding:2vw!important;border:1px solid var(--plan-line)!important;border-radius:4vw!important;background:var(--plan-surface)!important;color:var(--plan-ink)!important;text-decoration:none!important}
html body.studio-reference #root-php .growth-bridge--webstudio .growth-bridge-link-icon{display:grid;width:10.5vw;height:10.5vw;border-radius:2.5vw;color:#18b9e9;background:#009dce18}
html body.studio-reference #root-php .growth-bridge--webstudio>a:nth-of-type(2) .growth-bridge-link-icon{color:#16cdad;background:#00c8a918}
html body.studio-reference #root-php .growth-bridge--webstudio>a:nth-of-type(3) .growth-bridge-link-icon{color:#a088ef;background:#8066df22}
html body.studio-reference #root-php .growth-bridge--webstudio a strong{color:var(--plan-ink)!important;font:700 3.05vw/1.25 Arial,sans-serif!important}
html body.studio-reference #root-php .growth-bridge--webstudio a small{color:var(--plan-muted)!important;font:400 2.6vw/1.3 Arial,sans-serif!important}
html body.studio-reference #root-php .growth-bridge--webstudio .growth-bridge-arrow{display:grid;width:8.5vw;height:8.5vw;border-color:var(--plan-cyan);color:var(--plan-cyan);font-size:5vw}
}