@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--navy:#0C121F;--mint:#4DDDAA;--sky:#A8D8F0;--white:#FFFFFF;--surface:#F5F7FA;--slate:#667186;--line:#E2E6ED;--pad:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-padding-top:100px;scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--navy);font:16px/1.65 Manrope,Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button[hidden]{display:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #246B9C;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.1;letter-spacing:-.055em;text-wrap:balance}p{text-wrap:pretty}img{max-width:100%;display:block}::selection{background:var(--mint);color:var(--navy)}.wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--pad)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:16px}.skip-link:focus{top:15px}
.header{height:104px;padding:24px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.brand img{width:106px;height:auto}.header nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600}nav>a:not(.button):hover,.text-link:hover,.email-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:15px 24px;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:white;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#1E2940;transform:translateY(-2px)}.button>span{font-size:22px;line-height:1}.nav-contact{min-height:44px;padding:11px 18px;font-size:12px;gap:24px}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.5;display:flex;gap:10px;align-items:center}.status-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;display:inline-block;flex-shrink:0}.hero{padding-top:68px}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;padding:42px 0 78px}.hero h1{font-size:clamp(46px,5.1vw,82px);letter-spacing:-.065em;line-height:1.06}.hero-description{max-width:470px;font-size:17px;line-height:1.8;color:var(--slate);margin-top:30px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:600}.hero-note{font-size:11px;color:var(--slate);margin-top:24px}.connection{position:relative;background:var(--sky);border-radius:18px;padding:30px;overflow:hidden}.connection-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;letter-spacing:.1em}.connection-top>span:last-child{font-size:30px;line-height:1}.connection h2{font-size:clamp(28px,3vw,44px);margin:22px 0 30px}.connection-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.connection-steps li{display:flex;align-items:center;gap:12px;position:relative;padding:16px;background:white;border-radius:8px}.connection-steps li:not(:last-child):after{content:'';position:absolute;bottom:-12px;left:33px;height:12px;border-left:1px solid var(--navy)}.step-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:9px}.connection-steps strong{font-size:12px;line-height:1.4;display:block}.connection-steps p{font-size:10px;color:#576176;margin-top:3px}.connection-steps li>span:last-child{margin-left:auto}.connection-steps li:last-child{background:var(--mint)}.connection-steps li:last-child .step-icon{border-color:#0c121f30}.connection-steps li:last-child p{color:var(--navy)}.connection-foot{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;padding-top:26px}.brand-mark{width:15px;height:15px;transform:rotate(45deg);border-radius:4px;background:var(--navy)}.hero-baseline{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:.05em}.hero-baseline a{display:flex;gap:26px}
.expertise{padding-top:108px;padding-bottom:108px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:60px}.section-heading h2{font-size:clamp(36px,3.8vw,58px);margin-top:24px}.section-heading>p{max-width:370px;color:var(--slate);font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px}.service{padding:30px 0 36px;border-top:1px solid var(--line);min-width:0}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.service-top svg{width:30px;height:30px}.service-top>span{font-size:10px;color:var(--slate)}.service h3{font-size:23px;letter-spacing:-.035em;line-height:1.3;margin-bottom:17px}.service>p{font-size:13px;line-height:1.85;color:#576176;min-height:120px;max-width:360px}.service details{margin-top:18px;font-size:12px}.service summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:10px 0;font-weight:600;min-height:44px}.service summary::-webkit-details-marker{display:none}.service summary>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface);font-size:18px;font-weight:400;transition:background .2s}.service summary:hover>span,.service details[open] summary>span{background:var(--mint)}.service details[open] summary>span{transform:rotate(45deg)}.service-description ul{padding-left:18px;margin:14px 0 24px;color:#576176}.service-description li+li{margin-top:8px}.service-enquiry{font-size:12px}
.connection-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-block:60px;background:var(--surface);border-block:1px solid var(--line)}.connection-banner h2{font-size:clamp(30px,3vw,46px);margin-top:20px}.connection-banner>div:last-child{align-self:center}.connection-banner>div:last-child>p{font-size:14px;line-height:1.85;max-width:440px;color:#576176}.connection-banner .text-link{margin-top:22px}
.approach{padding-block:110px 120px}.approach-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.approach-steps li{border-top:1px solid var(--line);padding-top:28px}.approach-steps li>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--surface);border-radius:50%;font-size:10px;font-weight:600}.approach-steps li:first-child>span{background:var(--mint)}.approach-steps h3{font-size:19px;line-height:1.4;letter-spacing:-.035em;margin:26px 0 14px}.approach-steps p{font-size:13px;color:#576176;line-height:1.85}
.contact{background:var(--navy);color:white}.contact-inner{padding-block:66px 80px}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:8%;margin-top:38px}.contact h2{font-size:clamp(48px,6vw,92px)}.contact-layout p{font-size:15px;color:#DDE2ED;line-height:1.8}.contact .button{background:var(--mint);color:var(--navy);border-color:var(--mint);margin-top:26px}.contact .button:hover{background:#75E7BE}.email-link{display:block;font-size:12px;margin-top:20px}.contact-dialog{width:calc(100% - 32px);max-width:620px;max-height:90dvh;border:0;border-radius:12px;padding:40px;color:var(--navy);background:white}.contact-dialog::backdrop{background:#0C121FCC}.dialog-close{position:absolute;right:16px;top:12px;background:transparent;border:0;width:44px;height:44px;font-size:30px}.contact-dialog h2{font-size:44px;margin:25px 0 18px}.contact-dialog>p{font-size:13px;color:#576176}.contact-dialog>p.eyebrow{font-size:10px;color:var(--navy)}form{margin:26px 0}label{display:block;font-size:12px;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #9AA3B1;border-radius:6px;padding:11px;background:white;color:var(--navy);font-size:16px}textarea{resize:vertical}.form-help,.form-status{font-size:11px;color:#576176;margin-top:14px}.contact-dialog>a{font-size:12px;text-decoration:underline}footer{padding-block:38px;display:flex;align-items:center;gap:35px;font-size:10px}footer>.brand img{width:85px}footer>span{color:var(--slate)}footer>div{display:flex;gap:30px;margin-left:auto}
@media(min-width:1600px){.header{padding-inline:max(var(--pad),calc((100vw - 1424px)/2))}}
@media(max-width:1100px){.hero-layout{gap:4%;grid-template-columns:1.1fr 1fr}.hero h1{font-size:5vw}.hero-actions{flex-direction:column;align-items:start;gap:20px}.hero-description{font-size:15px}.connection{padding:24px}.services-grid{gap:0 30px}.service>p{min-height:168px}}
@media(max-width:800px){.header{height:86px}.header nav{gap:22px;font-size:12px}.hero{padding-top:46px}.hero-layout{grid-template-columns:1fr;padding-block:32px 52px;gap:40px}.hero h1{font-size:clamp(43px,8vw,64px)}.hero-description{font-size:16px;max-width:540px}.hero-actions{flex-direction:row;align-items:center}.connection{max-width:520px;width:100%;padding:28px;justify-self:center}.connection h2{font-size:36px}.connection-steps strong{font-size:13px}.connection-steps p{font-size:11px}.hero-baseline>span{display:none}.section-heading{display:block;margin-bottom:38px}.section-heading>p{margin-top:24px}.section-heading h2{font-size:42px}.expertise,.approach{padding-block:70px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.service>p{min-height:145px}.connection-banner{gap:6%;padding-block:45px}.connection-banner h2{font-size:32px}.approach-steps{grid-template-columns:1fr 1fr;gap:35px}.contact-layout{grid-template-columns:1fr 1fr;gap:30px}.contact h2{font-size:48px}footer{flex-wrap:wrap;gap:24px}footer>div{width:100%;margin:0;justify-content:space-between}}
@media(max-width:520px){:root{--pad:24px}.header nav{gap:16px}.header nav>a:nth-child(2){display:none}.brand img{width:83px}.nav-contact{gap:12px;padding:10px 14px;min-height:42px}.eyebrow{font-size:8px;letter-spacing:.1em}.hero{padding-top:38px}.hero h1{font-size:clamp(37px,9.6vw,50px)}.hero-description{font-size:14px;margin-top:23px}.hero-actions{flex-direction:column;align-items:start;gap:20px;margin-top:26px}.hero-note{font-size:10px}.connection{padding:22px}.connection h2{font-size:34px}.connection-steps li{padding:13px 11px;gap:10px}.connection-steps strong{font-size:11px}.connection-steps p{font-size:9px}.connection-steps li:not(:last-child):after{left:27px}.hero-baseline{padding-block:20px}.section-heading h2{font-size:36px}.section-heading>p{font-size:13px}.services-grid{grid-template-columns:1fr}.service{padding-block:27px}.service>p{min-height:0;max-width:none}.service h3{font-size:24px}.service-top{margin-bottom:20px}.service>p{font-size:14px}.service details{margin-top:15px}.connection-banner{grid-template-columns:1fr;gap:26px}.connection-banner h2{font-size:32px}.approach-steps{grid-template-columns:1fr;gap:28px}.approach-steps li{display:grid;grid-template-columns:35px 1fr;column-gap:20px;padding-top:24px}.approach-steps h3{margin:4px 0 12px}.approach-steps p{grid-column:2}.contact-inner{padding-block:45px 55px}.contact-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}.contact h2{font-size:48px}.contact-layout p{font-size:14px}footer>span{font-size:9px}.contact-dialog{padding:30px 22px}.contact-dialog h2{font-size:38px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Short, purposeful sequences. All content is visible before JavaScript runs. */
.connection{isolation:isolate}.connection-top>span:last-child{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #0c121f25;border-radius:50%}.connection-foot{flex-wrap:wrap;justify-content:flex-start}.connection-replay{margin-left:auto;border:0;border-bottom:1px solid #0c121f40;background:transparent;color:var(--navy);font-size:10px;min-height:44px;padding:8px 0}.connection-replay:hover{border-bottom-color:var(--navy)}.connection-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 5px #4DDDAA88;z-index:2;pointer-events:none;opacity:0}.motion-setting{background:none;border:0;color:inherit;font:inherit;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-top svg{transition:transform .25s ease}.service:hover .service-top svg{transform:translateY(-3px) rotate(-5deg)}.text-link>span,.button>span{transition:transform .2s ease}.text-link:hover>span,.button:hover>span{transform:translate(2px,-2px)}}
@media(max-width:1100px) and (min-width:801px){.demo-stage{padding:12px}.demo-path{gap:3px}.demo-path>span{padding:8px 4px;font-size:8px}}
@media(max-width:520px){.connection-foot{gap:8px;font-size:10px}.connection-replay{font-size:9px}.demo-stage{height:160px;padding:20px}footer>div{flex-wrap:wrap;gap:16px;align-items:center}}
html:has(.motion-disabled){scroll-behavior:auto}.motion-disabled *,.motion-disabled *::before,.motion-disabled *::after{transition:none!important}.motion-setting:disabled{cursor:default;text-decoration:none}

/* A readable showcase of concrete deliverables, in the approved Axil palette. */
.service-showcase{margin:0 0 76px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}
.showcase-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;padding:32px 34px}
.showcase-heading h3{font-size:30px;letter-spacing:-.045em;margin-top:12px}.showcase-heading>p{max-width:305px;font-size:13px;color:#576176}
.showcase-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--line);background:var(--surface)}
.showcase-tabs a{position:relative;display:flex;align-items:center;gap:10px;padding:20px 17px;font-size:12px;font-weight:600;line-height:1.4;min-height:68px;border-right:1px solid var(--line);text-decoration:none}
.showcase-tabs a:last-child{border-right:0}.showcase-tabs a>span{font-size:9px;color:#576176}.showcase-tabs a[aria-selected=true]{background:var(--navy);color:white}.showcase-tabs a[aria-selected=true]>span{color:var(--mint)}.showcase-tabs a[aria-selected=true]:after{content:'';position:absolute;height:3px;background:var(--mint);bottom:0;left:0;right:0}.showcase-tabs a:hover:not([aria-selected=true]){background:#E8ECF1}.showcase-tabs a:focus-visible{outline-offset:-5px;outline-color:var(--mint)}
.showcase-panel{display:grid;grid-template-columns:minmax(235px,.85fr) minmax(0,2fr);min-height:540px}.showcase-panel[hidden]{display:none}
.showcase-copy{padding:36px 28px 32px 34px;display:flex;flex-direction:column;align-items:start;border-right:1px solid var(--line)}
.showcase-counter{display:flex;gap:12px;align-items:center;font-size:10px;color:#576176;flex-wrap:wrap}.showcase-counter>span{font-size:9px;letter-spacing:.07em;color:var(--navy)}
.showcase-copy h4{font-size:clamp(25px,2.2vw,35px);font-weight:600;line-height:1.17;letter-spacing:-.045em;margin:30px 0 20px;text-wrap:balance}
.showcase-copy>p{font-size:13px;line-height:1.85;color:#576176}.showcase-delivery{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;width:100%}.showcase-delivery p{font-size:12px;margin-top:8px;color:#576176;line-height:1.8}.showcase-copy>.text-link{margin-top:auto;padding-top:30px;font-size:12px}
.showcase-canvas{background:var(--surface);padding:32px;display:flex;align-items:center;min-width:0}.showcase-canvas>div{width:100%}.artifact-label{font-size:9px;letter-spacing:.085em;font-weight:600;line-height:1.5;display:block}.concept-wordmark{font-size:10px;font-weight:600;letter-spacing:.11em;white-space:nowrap}.concept-wordmark i{font-style:normal;font-weight:400}.showcase-foot{border-top:1px solid var(--line);padding:14px 30px;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:9px;letter-spacing:.055em}.showcase-disclaimer{display:inline-block;letter-spacing:0;font-size:11px;color:#576176;margin-left:15px}.showcase-replay{font-size:11px;background:none;border:0;padding:10px 0;min-height:44px;white-space:nowrap;display:flex;gap:16px;align-items:center}.showcase-replay:hover{text-decoration:underline;text-underline-offset:4px}.services-heading{font-size:24px;line-height:1.3;margin-bottom:34px}
/* Original graphic studies. No photography, legacy footage or video playback. */
.showcase-canvas{background:#F5F7FA;padding:32px}.showcase-panel{min-height:580px}.showcase-copy>p{font-size:14px}.showcase-delivery p{font-size:13px}.scene-label{display:block;font-size:9px;font-weight:600;letter-spacing:.08em;line-height:1.6}.art-label{font-size:8px;letter-spacing:.12em;line-height:1.6}.graphic-shape{width:140px;height:140px;color:var(--mint);display:block;transform-box:fill-box;transform-origin:center}.graphic-arrow{width:70px;height:70px;display:block;transform-origin:center}.graphic-draw{stroke-dasharray:1;stroke-dashoffset:0}.motion-word{transform-origin:left center}
.creative-brief{display:flex;gap:22px;align-items:center;margin-bottom:20px}.creative-brief>span{font-size:9px;letter-spacing:.1em;flex-shrink:0}.creative-brief>p{font-size:12px;color:#576176;line-height:1.7}.kinetic-stage{background:var(--navy);color:white;position:relative;border-radius:8px;overflow:hidden}.kinetic-top,.kinetic-bottom{padding:20px 24px;display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.1em}.kinetic-top{color:#DDE2ED;border-bottom:1px solid #FFFFFF22}.kinetic-composition{padding:40px 28px;display:grid;grid-template-columns:1fr 120px;gap:20px;align-items:center;min-height:255px}.kinetic-composition strong{display:block;font-size:clamp(32px,3.5vw,58px);font-weight:600;line-height:1.06;letter-spacing:-.065em}.kinetic-subline{display:block;font-size:13px;margin-top:24px;color:#DDE2ED}.kinetic-diamond{width:120px;height:120px}.kinetic-timeline{height:3px;margin:0 24px;background:#FFFFFF25;overflow:hidden}.graphic-progress{height:100%;width:100%;display:block;background:var(--mint);transform-origin:left}.kinetic-bottom>span:last-child{font-size:19px;line-height:1;color:var(--mint)}
.campaign-journey{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center}.campaign-primary>.scene-label{margin-bottom:14px}.campaign-art{position:relative;border-radius:6px;overflow:hidden;padding:25px;display:flex;flex-direction:column;min-height:320px}.art-navy{background:var(--navy);color:white}.art-mint{background:var(--mint);color:var(--navy)}.art-sky{background:var(--sky);color:var(--navy)}.campaign-art>strong{font-weight:600;font-size:39px;letter-spacing:-.055em;line-height:1.06;margin:28px 0 22px}.campaign-art>.graphic-arrow{color:var(--mint);width:65px;height:65px;margin-left:auto}.art-baseline{font-size:7px;letter-spacing:.08em;margin-top:20px}.output-caption{display:block;margin-top:14px;font-size:11px;color:#576176}.campaign-page{border:1px solid var(--line);padding:23px;background:white;border-radius:7px}.campaign-page>strong{display:block;font-size:27px;line-height:1.14;letter-spacing:-.045em;margin:22px 0 16px;font-weight:600}.campaign-page>p{font-size:12px;line-height:1.8;color:#576176}.concept-cta{display:block;font-size:10px;line-height:1.6;padding:12px 13px;background:var(--navy);color:white;border-radius:4px;margin-top:20px}.campaign-enquiry{position:relative;background:var(--mint);padding:22px;border-radius:7px;margin-top:24px}.campaign-enquiry:before{content:'';position:absolute;top:-24px;left:28px;height:24px;border-left:1px solid var(--navy)}.campaign-enquiry>p{font-size:14px;line-height:1.6;margin:17px 0}.enquiry-route{font-size:10px;display:block}
.graphic-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.poster-unit>.scene-label{font-size:8px;margin-bottom:14px}.poster-unit>.campaign-art,.carousel-art,.invitation-art{height:310px;min-height:0;padding:20px 17px;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.poster-unit .campaign-art>strong{font-size:33px;margin:30px 0 20px}.poster-unit .campaign-art>.graphic-arrow{width:55px;height:55px}.poster-unit .art-baseline{display:none}.poster-unit .art-label{font-size:7px}.carousel-art>strong,.invitation-art>strong{font-size:34px;letter-spacing:-.055em;line-height:1.05;font-weight:600}.carousel-art>strong{margin-top:35px}.carousel-pages{display:flex;gap:6px;margin-top:auto}.carousel-pages>span{border-top:1px solid currentColor;padding-top:9px;flex:1;font-size:10px}.invitation-art>.graphic-arrow{width:60px;height:60px;margin:24px 0}.invitation-art>strong{margin-top:auto}.poster-unit>div:last-child:not(.campaign-art):not(.carousel-art):not(.invitation-art){margin-top:18px}.poster-unit>div:last-child>strong{font-size:12px;line-height:1.4;display:block}.poster-unit>div:last-child>p{font-size:11px;line-height:1.7;color:#576176;margin-top:5px}
.graphic-browser{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.graphic-browser-chrome{padding:13px 18px;display:flex;justify-content:space-between;background:#E8ECF1;color:#576176;font-size:8px;letter-spacing:.06em}.graphic-browser-chrome>span:first-child{letter-spacing:3px;font-size:7px}.graphic-site-nav{padding:23px;display:flex;justify-content:space-between;gap:15px;align-items:center}.graphic-site-nav>strong{font-size:15px;letter-spacing:-.04em}.graphic-site-nav>span{font-size:7px;letter-spacing:.06em}.graphic-site-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:18px 23px 30px;align-items:stretch}.graphic-site-hero>div:first-child>strong{display:block;font-size:36px;line-height:1.06;letter-spacing:-.06em;margin:20px 0;font-weight:600}.graphic-site-hero>div:first-child>p{font-size:11px;line-height:1.8;color:#576176}.graphic-site-hero .concept-cta{font-size:9px}.web-brand-art{background:var(--sky);padding:25px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;border-radius:4px}.web-brand-art>.graphic-shape{width:100%;max-width:150px;height:auto;color:var(--mint)}.web-brand-art>span{font-size:8px;letter-spacing:.07em;line-height:1.8;text-align:center}.graphic-search{display:flex;gap:22px;align-items:center;padding:21px;margin-top:20px;background:var(--sky);border-radius:6px}.graphic-search>.scene-label{max-width:75px}.graphic-search strong{font-size:14px;font-weight:600;display:block}.graphic-search p{font-size:11px;line-height:1.7;margin-top:5px}
.graphic-automation{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}.assistant-thread{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;padding:0 18px 24px}.assistant-thread-head{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:24px}.assistant-signal{width:23px;height:23px;background:var(--mint);border-radius:7px;transform:rotate(45deg);flex-shrink:0}.assistant-thread-head strong{font-size:12px;font-weight:600;display:block}.assistant-thread-head div>span{font-size:7px;letter-spacing:.08em;display:block;margin-top:4px}.thread-line{padding:15px;border-radius:6px;margin-top:17px;max-width:94%}.thread-person{background:var(--surface);margin-left:auto}.thread-ai{background:var(--sky)}.thread-line>span{font-size:8px;letter-spacing:.09em}.thread-line>p{font-size:12px;line-height:1.75;margin-top:7px}.assistant-handoff{background:var(--navy);color:white;border-radius:8px;padding:25px}.assistant-handoff>.graphic-arrow{color:var(--mint);width:65px;height:65px;margin:24px 0}.assistant-handoff>strong{font-size:34px;line-height:1.08;letter-spacing:-.05em;font-weight:600;display:block}.assistant-handoff dl{font-size:11px;line-height:1.7;margin:24px 0}.assistant-handoff dl>div{border-top:1px solid #FFFFFF33;padding:12px 0}.assistant-handoff dt{color:#DDE2ED;font-size:9px}.assistant-handoff dd{margin:4px 0 0}.assistant-handoff>p{font-size:10px;color:#DDE2ED;line-height:1.8}
.graphic-email{display:grid;grid-template-columns:.8fr 1.3fr;gap:30px;align-items:center}.nurture-rail{list-style:none;padding:0;margin:0}.nurture-rail li{position:relative;padding:0 0 30px 18px;border-left:1px solid #0C121F33;margin-left:4px}.nurture-rail li:last-child{border-left-color:transparent;padding-bottom:0}.nurture-rail li:before{content:'';position:absolute;left:-4.5px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--mint);border:1px solid var(--navy)}.nurture-rail li>span{font-size:9px;letter-spacing:.06em}.nurture-rail strong{display:block;font-size:20px;letter-spacing:-.035em;line-height:1.2;margin:13px 0 10px;font-weight:600}.nurture-rail p{font-size:12px;line-height:1.7;color:#576176}.graphic-email-preview{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.mail-subject{padding:17px 22px;border-bottom:1px solid var(--line)}.mail-subject>span{font-size:8px;color:#576176;letter-spacing:.07em}.mail-subject>strong{font-size:13px;line-height:1.6;display:block;margin-top:5px}.email-poster{background:var(--mint);padding:24px;margin:20px 20px 0;border-radius:4px;position:relative;overflow:hidden}.email-poster>strong{font-size:48px;line-height:1.04;letter-spacing:-.065em;display:block;margin:25px 0;font-weight:600}.email-poster>.graphic-arrow{width:70px;height:70px;margin-left:auto}.mail-message{padding:22px}.mail-message>p{font-size:12px;line-height:1.8;color:#576176}
@media(max-width:1150px){.showcase-tabs a{padding:17px 11px;font-size:11px;gap:6px}.showcase-tabs a>span{display:none}.showcase-panel{grid-template-columns:1fr 2fr}.showcase-copy{padding:28px 22px}.showcase-canvas{padding:24px}.showcase-heading{padding:28px}.kinetic-composition{grid-template-columns:1fr 85px;padding:32px 23px;gap:10px}.kinetic-diamond{width:85px;height:85px}.kinetic-composition strong{font-size:38px}.campaign-journey,.graphic-automation{gap:16px}.campaign-art{padding:20px}.campaign-art>strong{font-size:32px}.campaign-page,.campaign-enquiry{padding:18px}.campaign-page>strong{font-size:24px}.graphic-social{gap:10px}.poster-unit>.campaign-art,.carousel-art,.invitation-art{padding:17px 12px;height:280px}.poster-unit .campaign-art>strong,.carousel-art>strong,.invitation-art>strong{font-size:28px}.graphic-site-hero{gap:17px}.graphic-site-hero>div:first-child>strong{font-size:30px}.assistant-handoff{padding:20px}.assistant-handoff>strong{font-size:29px}.graphic-email{gap:20px}.email-poster{padding:20px;margin:16px 16px 0}.email-poster>strong{font-size:40px}}
@media(max-width:900px){.showcase-panel{grid-template-columns:1fr;min-height:0}.showcase-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:0 32px;padding:28px;border-right:0;border-bottom:1px solid var(--line)}.showcase-counter{grid-column:1/-1}.showcase-copy h4{font-size:30px;grid-column:1;margin:20px 0 16px}.showcase-copy>p{grid-column:1}.showcase-delivery{grid-column:2;grid-row:2/4;margin-top:20px}.showcase-copy>.text-link{grid-column:1/-1;padding-top:22px}.showcase-canvas{padding:32px}.showcase-heading{display:block}.showcase-heading>p{max-width:100%;margin-top:16px}.showcase-heading h3{font-size:28px}.showcase-foot{align-items:start}.showcase-disclaimer{display:block;margin:6px 0 0}.showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-tabs a{font-size:12px;min-height:52px;border-bottom:1px solid var(--line);padding:16px}.showcase-tabs a:nth-child(3){border-right:0}.showcase-tabs a:nth-child(n+4){border-bottom:0}.showcase-tabs a>span{display:inline}.kinetic-composition{grid-template-columns:1fr 130px;padding:38px 30px}.kinetic-composition strong{font-size:53px}.kinetic-diamond{width:130px;height:130px}.poster-unit>.campaign-art,.carousel-art,.invitation-art{height:310px}.poster-unit .campaign-art>strong,.carousel-art>strong,.invitation-art>strong{font-size:35px}}
@media(max-width:560px){.service-showcase{margin-inline:-8px;border-radius:12px;margin-bottom:50px}.showcase-heading{padding:24px 20px}.showcase-heading h3{font-size:26px}.showcase-heading>p{font-size:12px}.showcase-tabs a{padding:14px 10px;font-size:10px;gap:5px;min-height:55px}.showcase-tabs a>span{display:none}.showcase-copy{display:block;padding:25px 20px}.showcase-copy h4{font-size:30px;max-width:290px;margin-top:21px}.showcase-copy>p{font-size:13px}.showcase-delivery{margin-top:20px;padding-top:17px}.showcase-delivery p{font-size:12px}.showcase-copy>.text-link{margin-top:0;padding-top:20px}.showcase-canvas{padding:20px 14px}.showcase-foot{padding:15px 20px;gap:14px;flex-wrap:wrap}.showcase-disclaimer{font-size:10px}.showcase-replay{min-height:36px;padding:5px 0}.creative-brief{display:block;padding:0 4px}.creative-brief>p{margin-top:7px}.kinetic-top{padding:16px;font-size:7px;gap:10px}.kinetic-top>span:last-child{max-width:90px;text-align:right}.kinetic-composition{display:flex;flex-direction:column;align-items:start;gap:24px;padding:27px 19px}.kinetic-composition strong{font-size:clamp(30px,9vw,45px)}.kinetic-subline{font-size:12px;margin-top:20px}.kinetic-diamond{width:86px;height:86px;align-self:flex-end}.kinetic-bottom{padding:18px;font-size:7px}.campaign-journey,.graphic-automation,.graphic-email{grid-template-columns:1fr;gap:25px}.campaign-art{padding:26px;min-height:345px}.campaign-art>strong{font-size:48px}.campaign-page,.campaign-enquiry{padding:24px}.campaign-page>strong{font-size:32px}.campaign-page>p{font-size:13px}.concept-cta{font-size:11px}.graphic-social{grid-template-columns:1fr;gap:32px}.poster-unit{max-width:330px;width:100%;margin-inline:auto}.poster-unit>.scene-label{font-size:10px}.poster-unit>.campaign-art,.carousel-art,.invitation-art{height:370px;padding:27px}.poster-unit .campaign-art>strong,.carousel-art>strong,.invitation-art>strong{font-size:50px}.poster-unit .art-label{font-size:9px}.poster-unit>div:last-child>strong{font-size:14px}.poster-unit>div:last-child>p{font-size:12px}.graphic-site-nav{padding:20px}.graphic-site-nav>span{font-size:6px}.graphic-site-hero{grid-template-columns:1fr;padding:10px 20px 24px;gap:24px}.graphic-site-hero>div:first-child>strong{font-size:38px}.graphic-site-hero>div:first-child>p{font-size:12px}.graphic-site-hero .concept-cta{font-size:11px}.web-brand-art{flex-direction:row;gap:18px;padding:25px 20px}.web-brand-art>.graphic-shape{max-width:95px}.web-brand-art>span{text-align:left;font-size:8px}.graphic-search{display:block;padding:20px}.graphic-search>.scene-label{max-width:none;margin-bottom:12px}.graphic-search p{font-size:12px}.thread-line>p{font-size:13px}.assistant-thread-head strong{font-size:14px}.assistant-thread-head div>span{font-size:8px}.assistant-handoff{padding:26px}.assistant-handoff>strong{font-size:37px}.assistant-handoff dl{font-size:13px}.assistant-handoff dt,.assistant-handoff>p{font-size:11px}.nurture-rail{padding:4px}.nurture-rail li>span{font-size:10px}.nurture-rail strong{font-size:22px}.email-poster{padding:25px;margin:20px 20px 0}.email-poster>strong{font-size:49px}.mail-subject>strong{font-size:14px}.services-heading{font-size:22px}}
@media(max-width:560px){.email-poster>strong{font-size:clamp(32px,10vw,49px)}}

/* Your next move: the visitor's goal becomes a connected, inspectable plan. */
.next-move{padding-block:104px 28px}.next-move-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.next-move-heading h2{font-size:clamp(38px,4.5vw,68px);margin-top:22px}.next-move-heading>p{font-size:14px;line-height:1.9;color:#576176;max-width:340px}.goal-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.goal-picker[hidden]{display:none}.goal-picker button{display:flex;align-items:center;gap:16px;padding:22px 23px;text-align:left;min-height:76px;background:white;border:1px solid var(--line);border-radius:9px;font-size:16px;font-weight:600;color:var(--navy);transition:background .2s,border-color .2s}.goal-picker button>span{font-size:10px;font-weight:400;color:#576176}.goal-picker button>b{margin-left:auto;font-size:23px;font-weight:400}.goal-picker button[aria-pressed=true]{background:var(--mint);border-color:var(--mint)}.goal-picker button:hover:not([aria-pressed=true]){background:var(--surface);border-color:#A2ADBB}
.journey-workspace{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(250px,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden}.journey-visual{background:var(--navy);color:white;padding:26px 28px 22px;min-width:0}.journey-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.journey-mode-label{font-size:8px;letter-spacing:.12em;color:#DDE2ED}.journey-comparison{display:flex;gap:3px;background:#FFFFFF0B;border:1px solid #FFFFFF22;border-radius:30px;padding:4px}.journey-comparison[hidden]{display:none}.journey-comparison button{font-size:9px;border:0;background:transparent;color:#DDE2ED;padding:9px 12px;border-radius:25px;white-space:nowrap}.journey-comparison button[aria-pressed=true]{background:white;color:var(--navy)}.journey-visual :focus-visible{outline-color:var(--sky);outline-offset:5px}
.journey-sculpture-area{height:276px;position:relative;display:flex;align-items:flex-start;justify-content:center;isolation:isolate}.diamond-station{display:flex;align-items:center;flex-direction:column;z-index:2;padding-top:22px}.diamond-control{border:0;background:transparent;width:158px;height:148px;display:flex;align-items:center;justify-content:center;perspective:600px;border-radius:20px;color:var(--navy);padding:0}.diamond-control:disabled{cursor:default}.diamond-sculpture{position:relative;display:block;width:90px;height:90px;transform-style:preserve-3d;will-change:transform}.diamond-layer{position:absolute;inset:0;display:block;border-radius:20px;transform-style:preserve-3d;pointer-events:none}.layer-back{border:1px solid #4DDDAA77;background:#4DDDAA0A;transform:translate(0,15px) rotate(45deg) translateZ(-24px)}.layer-middle{background:var(--sky);box-shadow:inset -2px -2px 0 #FFFFFF44;transform:translate(0,6px) rotate(45deg) translateZ(-10px)}.layer-front{background:var(--mint);box-shadow:inset 2px 2px 0 #FFFFFF55,inset -2px -2px 0 #0C121F11;transform:translate(0,-5px) rotate(45deg) translateZ(12px)}.layer-front>svg{display:block;width:66px;height:66px;position:absolute;inset:12px;transform:rotate(-45deg)}.diamond-caption{font-size:9px;letter-spacing:.16em;line-height:1.5;background:var(--navy);padding:5px 13px}.diamond-hint{font-size:9px;color:#DDE2ED;background:var(--navy);padding:2px 10px}.journey-orbit{position:absolute;left:50%;top:28px;border:1px solid #FFFFFF0B;border-radius:50%;pointer-events:none;z-index:0}.orbit-outer{width:400px;height:195px;transform:translateX(-50%) rotate(-15deg)}.orbit-inner{width:285px;height:145px;top:51px;transform:translateX(-50%) rotate(15deg)}.journey-wires{position:absolute;bottom:0;left:0;width:100%;height:119px;color:#4DDDAA99;z-index:1}.journey-wires path{stroke-dasharray:1;stroke-dashoffset:0}
.journey-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;list-style:none;padding:0;margin:0;position:relative;z-index:3}.journey-node{width:100%;height:100%;text-align:left;display:flex;flex-direction:column;align-items:start;padding:19px 17px;border:1px solid #FFFFFF33;border-radius:8px;background:#151E2D;color:white;transition:background .2s,border-color .2s;min-width:0}.journey-node:disabled{cursor:default}.journey-node:hover:not(:disabled){border-color:var(--mint)}.journey-node[aria-pressed=true]{background:#20362F;border-color:var(--mint)}.journey-node-number{font-size:9px;display:flex;justify-content:space-between;width:100%;color:#DDE2ED;margin-bottom:20px}.journey-node-number>i{font-size:18px;font-style:normal;line-height:1;color:var(--mint)}.journey-node>strong{font-size:15px;line-height:1.35;font-weight:600;letter-spacing:-.025em}.journey-node-role{font-size:11px;line-height:1.7;color:#DDE2ED;margin-top:10px;min-height:38px}.journey-node-state{font-size:9px;line-height:1.5;margin-top:18px;padding-top:13px;border-top:1px solid #FFFFFF22;width:100%;color:var(--mint)}.journey-outcome{display:flex;gap:12px;align-items:center;margin-top:25px;min-height:42px}.journey-outcome-mark{font-size:25px;color:var(--mint);line-height:1}.journey-outcome>p{font-size:11px;line-height:1.8;color:#DDE2ED;max-width:510px}
.journey-inspector{padding:30px;display:flex;flex-direction:column;background:white;min-width:0}.journey-inspector-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.09em;line-height:1.7;color:#576176}.journey-step-detail{margin-top:54px}.journey-step-detail>.eyebrow{font-size:9px;line-height:1.7}.journey-step-detail h3{font-size:30px;line-height:1.17;margin:20px 0 24px;letter-spacing:-.045em}.journey-step-copy{font-size:13px;line-height:1.9;color:#576176}.journey-handoff{border-top:1px solid var(--line);font-size:12px;line-height:1.8;margin-top:30px;padding-top:21px;color:#576176}.journey-handoff>span{display:block;font-size:8px;letter-spacing:.1em;color:var(--navy);margin-bottom:8px}.journey-service-link{margin-top:auto;padding-top:35px;font-size:11px;line-height:1.7}
.journey-plan{padding:31px 0 0;display:flex;align-items:center;justify-content:space-between;gap:32px}.journey-plan h3{font-size:25px;line-height:1.3;margin:12px 0}.journey-plan-services{font-size:13px;line-height:1.8}.journey-plan-note{font-size:11px;color:#576176;line-height:1.8;margin-top:7px}.journey-plan .button{flex-shrink:0}.journey-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.journey-workspace.is-disconnected .journey-wires{opacity:.25}.journey-workspace.is-disconnected .journey-wires path{stroke-dasharray:.03 .06;color:#DDE2ED}.journey-workspace.is-disconnected .journey-node-state{color:#DDE2ED}.journey-workspace.is-disconnected .journey-outcome-mark{color:#DDE2ED}.journey-workspace.is-disconnected .journey-node[aria-pressed=true]{background:#202A3C;border-color:var(--sky)}.journey-workspace.is-disconnected .layer-front{background:var(--sky)}.journey-workspace.is-disconnected .layer-middle{background:#32475D}.journey-workspace.is-disconnected .layer-back{border-color:#FFFFFF55}
.enquiry-plan{border:1px solid var(--line);border-left:3px solid var(--mint);padding:16px;border-radius:6px;background:var(--surface);margin-bottom:24px}.enquiry-plan[hidden]{display:none}.enquiry-plan>div{display:flex;gap:15px;justify-content:space-between;align-items:center}.enquiry-plan strong{font-size:12px}.remove-plan{background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:10px;min-height:36px;color:#576176;padding:5px 0}.enquiry-plan-copy{font-size:12px;line-height:1.75;color:#576176;white-space:pre-line;margin-top:8px}
@media(max-width:1150px){.journey-workspace{grid-template-columns:2fr 1fr}.journey-visual{padding:23px 21px}.journey-topbar{flex-wrap:wrap}.journey-node{padding:16px 13px}.journey-node>strong{font-size:13px}.journey-node-role{font-size:10px}.journey-node-state{font-size:8px}.journey-inspector{padding:25px}.journey-step-detail h3{font-size:26px}.journey-step-copy{font-size:12px}.journey-comparison button{font-size:8px;padding:9px 10px}.journey-plan-services{font-size:12px}}
@media(max-width:900px){.next-move{padding-top:70px}.next-move-heading{display:block;margin-bottom:30px}.next-move-heading h2{font-size:48px}.next-move-heading>p{margin-top:25px}.goal-picker{gap:10px}.goal-picker button{font-size:13px;padding:18px 15px;gap:12px}.goal-picker button>span{display:none}.journey-workspace{grid-template-columns:1fr}.journey-visual{padding:25px}.journey-topbar{flex-wrap:nowrap}.journey-node>strong{font-size:16px}.journey-node-role{font-size:12px}.journey-node-state{font-size:10px}.journey-inspector{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.journey-inspector-top{grid-column:1/-1}.journey-step-detail{display:contents}.journey-step-detail>.eyebrow{grid-column:1;margin-top:27px}.journey-step-detail h3{grid-column:1;font-size:28px;margin:15px 0}.journey-step-copy{grid-column:1;font-size:13px}.journey-handoff{grid-column:2;grid-row:2/5;margin-top:27px}.journey-service-link{grid-column:1/-1;padding-top:25px}.journey-plan{align-items:start}.journey-plan .button{font-size:12px;padding:16px 20px;gap:20px}}
@media(max-width:580px){.next-move{padding-top:60px}.next-move-heading h2{font-size:39px}.next-move-heading>p{font-size:13px}.goal-picker{grid-template-columns:1fr;gap:8px}.goal-picker button{min-height:56px;padding:14px 18px;font-size:14px}.goal-picker button>span{display:block}.goal-picker button>b{font-size:20px}.journey-workspace{margin-inline:-8px}.journey-visual{padding:22px 19px}.journey-topbar{display:block}.journey-mode-label{display:block;margin-bottom:16px}.journey-comparison{width:fit-content}.journey-comparison button{font-size:9px;padding:9px 10px}.journey-sculpture-area{height:246px}.journey-orbit.orbit-outer{width:255px;height:165px;top:45px}.journey-orbit.orbit-inner{width:190px;height:130px;top:60px}.journey-wires{width:1px;height:37px;left:50%;bottom:0}.journey-wires path:not(:nth-child(2)){display:none}.journey-nodes{grid-template-columns:1fr;gap:13px}.journey-nodes>li{position:relative}.journey-nodes>li:not(:last-child):after{content:'';position:absolute;height:13px;width:1px;background:var(--mint);bottom:-13px;left:50%}.journey-node{display:grid;grid-template-columns:1fr auto;padding:17px 18px;column-gap:20px}.journey-node-number{grid-column:1/-1;margin-bottom:12px}.journey-node>strong{font-size:17px}.journey-node-role{grid-column:1/-1;font-size:12px;min-height:0;margin-top:6px}.journey-node-state{grid-column:1/-1;font-size:10px;margin-top:13px;padding-top:11px}.journey-inspector{display:flex;padding:26px 22px}.journey-step-detail{display:block;margin-top:8px}.journey-step-detail>.eyebrow{margin-top:23px}.journey-step-detail h3{font-size:29px}.journey-step-copy{font-size:13px}.journey-handoff{margin-top:24px}.journey-outcome>p{font-size:11px}.journey-plan{display:block;padding-top:28px}.journey-plan .button{margin-top:25px;width:100%}.journey-plan h3{font-size:25px}.journey-plan-services{font-size:12px}.journey-plan-note{font-size:11px}.journey-workspace.is-disconnected .journey-nodes>li:after{background:repeating-linear-gradient(to bottom,#DDE2ED 0 2px,transparent 2px 5px)}}
.journey-static-note{font-size:13px;color:#576176;margin-bottom:24px}
@media(max-width:580px){.journey-wires{display:none}.journey-sculpture-area:after{content:'';position:absolute;bottom:0;left:50%;height:35px;width:1px;background:var(--mint)}.journey-workspace.is-disconnected .journey-sculpture-area:after{background:repeating-linear-gradient(to bottom,#DDE2ED 0 2px,transparent 2px 5px)}}
a.journey-node{cursor:pointer;text-decoration:none}a.journey-node:hover{text-decoration:none}
/* Customer journey: a compact stage, visible controls and concrete examples. */
.journey-visual{position:relative}.journey-transport{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:23px;padding-top:18px;border-top:1px solid #FFFFFF14}.customer-scenario-label{font-size:8px;letter-spacing:.1em;color:#A8B5C9}.journey-playback{background:transparent;border:1px solid #4DDDAA66;border-radius:6px;min-height:40px;padding:8px 13px;font-size:10px;color:var(--mint);white-space:nowrap}.journey-playback:hover{background:#4DDDAA12}.journey-sculpture-area{height:220px}.diamond-station{padding-top:0}.diamond-control{height:132px}.diamond-caption{font-size:8px}.diamond-hint{font-size:8px}.journey-orbit.orbit-outer{height:157px;top:9px;width:340px}.journey-orbit.orbit-inner{height:119px;top:27px;width:245px}.journey-wires{height:82px;color:#4DDDAA38}.journey-wires path{transition:color .25s;vector-effect:non-scaling-stroke}.journey-wires path.is-selected{color:var(--mint);stroke-width:2}.journey-customer-signal{position:absolute;top:0;left:0;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 0 5px #4DDDAA22,0 0 15px #4DDDAA88;opacity:0;z-index:4;pointer-events:none}.journey-node-number{margin-bottom:15px}.journey-node-state{display:flex;align-items:center;gap:7px}.journey-node-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.customer-tour-status{display:block;color:#A8B5C9;font-size:9px;line-height:1.7;margin:8px 0 0 30px;min-height:31px}.journey-inspector{padding:26px}.journey-step-detail{margin-top:27px}.journey-step-detail h3{font-size:25px;margin:13px 0 19px}.journey-step-copy{font-size:12px;line-height:1.8}.journey-handoff{margin-top:18px;padding-top:15px;font-size:11px}.journey-service-link{padding-top:21px}.customer-example{margin-bottom:20px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.customer-example-label{display:block;padding:9px 13px;background:white;border-bottom:1px solid var(--line);font-size:8px;font-weight:600;letter-spacing:.08em;color:#576176}.customer-example>div{padding:20px}.customer-example>div>span:first-child{font-size:7px;letter-spacing:.1em;display:block}.customer-example strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.045em;font-weight:600;margin:13px 0}.customer-example p{font-size:10px;line-height:1.75}.customer-example-action{display:block;margin-top:18px;padding-top:12px;border-top:1px solid #0C121F25;font-size:8px;font-weight:600}.customer-ad{background:var(--sky);position:relative}.customer-ad:after{content:'';position:absolute;right:17px;top:14px;width:24px;height:24px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,90% 100%,90% 17%,7% 100%,0 93%,83% 10%,0 10%)}.customer-enquiry .example-success{color:#126044}.customer-enquiry>p{font-size:17px;line-height:1.45;letter-spacing:-.025em;margin:15px 0}.customer-enquiry>div{border-top:1px solid var(--line);padding-top:12px}.customer-enquiry>div>span{font-size:7px;letter-spacing:.09em}.customer-enquiry>div>strong{font-size:11px;letter-spacing:0;margin:5px 0}.customer-enquiry small{font-size:8px;color:#576176}.customer-conversation p{padding:12px;border-radius:8px;background:white;border:1px solid var(--line);max-width:94%}.customer-conversation p+p{background:#DDF8EE;margin:10px 0 13px auto;border-color:#A9E9D1}.customer-conversation p>span{display:block;font-size:7px;letter-spacing:.08em;color:#576176;margin-bottom:5px}.customer-conversation>div{font-size:9px;color:#126044}.customer-brand{position:relative;min-height:186px;background:var(--navy);color:white;overflow:hidden}.customer-brand strong{font-size:29px;position:relative;z-index:1}.customer-brand b{position:absolute;right:8px;bottom:-17px;font-size:110px;line-height:1;color:var(--mint);font-weight:400}.customer-social{background:var(--mint)}.customer-social strong{font-size:24px}.customer-social>div{display:flex;align-items:center;gap:10px;font-size:9px;margin-top:18px}.customer-social i{height:1px;background:#0C121F44;flex:1}.customer-email{background:white}.customer-email>span:first-child{color:#576176}.customer-email .customer-example-action{background:var(--navy);color:white;padding:10px;border:0;border-radius:4px;font-weight:400}.customer-example-gap{padding:12px 15px;border-top:1px dashed #9AA3B1;color:#576176;background:#fff;font-size:10px}.journey-workspace.is-disconnected .journey-wires{opacity:.6}
@media(max-width:1150px){.journey-transport{align-items:start;flex-direction:column;gap:10px}.journey-inspector{padding:22px}.journey-step-detail h3{font-size:23px}.customer-example>div{padding:16px}}
@media(min-width:581px) and (max-width:900px){.journey-transport{flex-direction:row;align-items:center}.journey-inspector{display:block;position:relative;min-height:365px;padding:28px}.journey-step-detail{display:block;margin-top:24px;padding-right:52%}.journey-step-detail>.eyebrow{margin-top:0}.journey-step-detail h3{font-size:26px}.customer-example{position:absolute;top:70px;right:28px;width:43%;max-width:320px}.journey-handoff{margin-top:18px}.journey-service-link{max-width:46%}}
@media(max-width:580px){.journey-transport{gap:12px;margin-top:18px}.journey-sculpture-area{height:198px}.journey-orbit.orbit-outer{width:255px;height:140px;top:15px}.journey-orbit.orbit-inner{width:190px;height:105px;top:33px}.journey-sculpture-area:after{height:28px}.journey-nodes{gap:13px}.journey-node{padding:14px 16px}.journey-node-number{margin-bottom:8px}.journey-node-state{margin-top:10px;padding-top:9px}.journey-inspector{padding:24px}.journey-step-detail{margin-top:20px}.journey-step-detail>.eyebrow{margin-top:0}.journey-step-detail h3{font-size:27px}.customer-example>div{padding:22px}.customer-tour-status{margin-left:0;font-size:9px}.journey-playback{min-height:44px}.journey-plan{padding-top:24px}}
/* A hidden three-tap launch, confined to the Axil hero graphic. */
.secret-launch{position:relative;display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;margin:-9px -5px -9px 0;padding:0;border:1px solid #0C121F29;border-radius:50%;background:transparent;color:var(--navy);isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.secret-launch[hidden]{display:none}.secret-launch:hover{border-color:#0C121F66}.secret-launch:focus-visible{outline-offset:5px}.launch-glyph{font-size:37px;line-height:1;display:block;font-weight:400;position:relative;z-index:2}.launch-steam{position:absolute;left:9px;bottom:8px;width:0;height:0;pointer-events:none;z-index:1}.launch-steam i{display:block;position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#FFF;opacity:0;pointer-events:none}.launch-steam i:nth-child(3n){background:#E7F5FC}.launch-steam i:nth-child(4n){background:#4DDDAA99;width:7px;height:7px}.launch-hint{position:absolute;right:25px;top:64px;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:0;color:var(--navy);pointer-events:none;background:var(--sky);padding:0 5px;z-index:3}.launch-hint:empty{display:none}.launch-instructions{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media(max-width:580px){.secret-launch{width:48px;height:48px}.launch-hint{right:19px;top:62px;font-size:9px}}

.launch-fallback{font-size:30px;line-height:1}
.launch-rocket{position:fixed;z-index:20;font:400 37px/1 Manrope,Arial,sans-serif;color:var(--navy);pointer-events:none;user-select:none;display:block}
/* The launch resolves into the Axil mark, then hands off to the service graphics. */
.launch-dock{display:inline-flex;position:relative;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;visibility:hidden;margin-right:3px}
.launch-dock>span{display:block;width:20px;height:20px;border-radius:4px;background:var(--mint);transform:rotate(45deg)}.launch-dock.is-landed{visibility:visible}
.launch-rocket{display:grid;place-items:center}.launch-rocket-symbol{position:relative;z-index:2;display:block;font:400 37px/1 Manrope,Arial,sans-serif;transform-origin:center}.launch-rocket-body{position:absolute;inset:0;border-radius:8px;background:var(--mint);opacity:0;transform:rotate(45deg) scale(.65)}.launch-rocket-trail{position:absolute;left:18px;top:24px;height:34px;width:3px;border-radius:3px;background:var(--mint);opacity:.7;transform:rotate(45deg);transform-origin:50% 0}
.showcase-tabs a>.launch-tab-pulse{display:block;position:absolute;left:0;right:0;top:0;height:3px;background:var(--mint);transform-origin:left;z-index:3;pointer-events:none;opacity:0}
.launch-again{background:none;border:0;font-size:11px;line-height:1.5;letter-spacing:0;color:var(--navy);min-height:44px;padding:10px 0;white-space:nowrap}.launch-again:hover{text-decoration:underline;text-underline-offset:4px}.launch-again[hidden]{display:none}.launch-again[aria-busy=true]{cursor:progress}.showcase-foot{flex-wrap:wrap}
@media(max-width:560px){.showcase-tabs a>.launch-tab-pulse{display:block}.launch-again{min-height:44px}.launch-dock{margin-right:0}}
/* First click reveals an original Axil rocket; the same vector flies and lands. */
.launch-glyph{width:40px;height:40px;display:grid;place-items:center}.launch-glyph>.launch-arrow,.launch-glyph>.launch-craft{grid-area:1/1}.launch-arrow{display:block;font:400 37px/1 Manrope,Arial,sans-serif}.launch-craft{display:block;width:40px;height:40px;overflow:visible;opacity:0;transform-origin:center;pointer-events:none}.rocket-exhaust{opacity:0}
.secret-launch[data-launch-state=warming] .launch-arrow,.secret-launch[data-launch-state=ready] .launch-arrow,.secret-launch[data-launch-state=launching] .launch-arrow,.secret-launch[data-launch-state=scrolling] .launch-arrow,.secret-launch[data-launch-state=landing] .launch-arrow,.secret-launch[data-launch-state=sweeping] .launch-arrow{opacity:0}
.secret-launch[data-launch-state=warming] .launch-craft,.secret-launch[data-launch-state=ready] .launch-craft,.secret-launch[data-launch-state=launching] .launch-craft,.secret-launch[data-launch-state=scrolling] .launch-craft,.secret-launch[data-launch-state=landing] .launch-craft,.secret-launch[data-launch-state=sweeping] .launch-craft{opacity:1}
.secret-launch[data-launch-state=ready] .rocket-exhaust,.launch-rocket .rocket-exhaust{opacity:1}.launch-rocket-symbol{width:40px;height:40px}.launch-rocket-symbol>.launch-craft{opacity:1}

/* A connected process with a concrete outcome at every step. */
.approach{padding-block:84px 88px}.approach .section-heading{margin-bottom:38px}.approach-steps li{position:relative;border:0;padding-top:0;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}.approach-steps li>.approach-number{position:relative;z-index:1;flex-shrink:0}.approach-steps h3{font-size:19px;margin:18px 0 10px;line-height:1.35}.approach-steps p{font-size:13px;line-height:1.75}.approach-steps .approach-output{display:flex;align-items:baseline;gap:8px;font-size:11px;line-height:1.6;font-weight:600;color:var(--navy);padding-top:18px;margin-top:auto}.approach-output>span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:var(--mint);color:var(--navy);font-size:11px}.approach-link{position:absolute;left:17px;top:17px;width:calc(100% + 36px);height:1px;background:var(--line);overflow:hidden;z-index:0}.approach-link>i{position:absolute;left:0;top:0;width:48px;height:1px;background:var(--mint);opacity:0}.approach-action{margin-top:30px}.approach-action button{border:0;background:none;color:var(--navy);padding:8px 0;min-height:44px}.approach-action button:hover{text-decoration:underline;text-underline-offset:5px}.approach-action button[hidden]{display:none}
@media(max-width:800px){.approach{padding-block:60px}.approach-link{width:calc(100% + 35px)}.approach-steps li:nth-child(2) .approach-link{display:none}.approach-steps{gap:30px 35px}}
@media(max-width:520px){.approach-steps{gap:26px}.approach-steps li{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:17px;align-items:start}.approach-steps h3{margin:4px 0 8px;font-size:18px}.approach-steps p{grid-column:2}.approach-steps .approach-output{padding-top:12px;margin-top:0}.approach-link,.approach-steps li:nth-child(2) .approach-link{display:block;left:17px;top:17px;width:1px;height:calc(100% + 26px)}.approach-link>i{width:1px;height:48px}.approach-action{margin-top:24px;padding-left:52px}.approach-action .text-link{gap:12px;font-size:12px}}
/* Keep the secret's prompts in the label slot, leaving the rocket unobstructed. */
.connection-caption{display:grid;align-items:center;min-height:30px;min-width:0}.connection-caption>.connection-default,.connection-caption>.launch-hint{grid-area:1/1}.connection-caption .launch-hint{position:static;margin:0;padding:0;background:none;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:0;white-space:nowrap}.connection-caption.is-active .connection-default{visibility:hidden}.connection-caption:not(.is-active) .launch-hint{visibility:hidden}.connection-caption .launch-hint:not(:empty){display:flex;align-items:center;gap:7px}.connection-caption .launch-hint:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--navy);opacity:.6;flex-shrink:0}
.secret-launch{border-color:#0C121F20}.secret-launch:hover{border-color:#0C121F45}
.launch-steam{left:10px;bottom:9px}.launch-steam i{width:16px;height:12px;background:radial-gradient(ellipse,#FFFFFFB3 0%,#FFFFFF80 30%,#FFFFFF00 72%);border-radius:50%}.launch-steam i:nth-child(3n){background:radial-gradient(ellipse,#E7F5FCC0 0%,#E7F5FC70 30%,#E7F5FC00 72%)}.launch-steam i:nth-child(4n){width:13px;height:10px;background:radial-gradient(ellipse,#4DDDAA60 0%,#4DDDAA30 30%,#4DDDAA00 72%)}
/* Charge grows the artwork, keeping the surrounding layout and hit area fixed. */
.secret-launch[data-launch-state=ready] .launch-craft{transform:scale(1.2)}
/* An interactive creative direction with a finite hook → message → next-step story. */

/* A tiny launch toy: motion and colour replace the old progress outline. */
.secret-launch,.secret-launch:hover,.secret-launch[data-launch-state]{border-color:transparent;background:transparent;box-shadow:none}.secret-launch:focus:not(:focus-visible){outline:none}.secret-launch:focus-visible{outline:2px solid #246B9C;outline-offset:6px;border-radius:12px}
.launch-aura{position:absolute;inset:-13px;border-radius:50%;background:radial-gradient(circle,#FFFFFF65 0%,#4DDDAA35 36%,#4DDDAA00 70%);opacity:0;pointer-events:none}.secret-launch:hover .launch-aura{opacity:.45}.secret-launch[data-launch-state=warming] .launch-aura,.secret-launch[data-launch-state=ready] .launch-aura{opacity:.55}.launch-sparks{position:absolute;inset:0;pointer-events:none;z-index:3}.launch-sparks>i{position:absolute;left:50%;top:50%;width:3px;height:9px;margin:-4.5px -1.5px;border-radius:4px;background:var(--mint);opacity:0}.launch-sparks>i:nth-child(2n){background:white}.launch-sparks>.launch-spark-star{width:8px;height:8px;margin:-4px;border-radius:0;background:white;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}.rocket-exhaust{transform-box:fill-box;transform-origin:center top}

/* Buyer priorities lead; the interactive plan explains what the engagement involves. */
.showcase-heading{gap:36px;padding:34px}.showcase-heading h3{font-size:clamp(29px,3vw,45px);line-height:1.12;letter-spacing:-.055em}.showcase-heading>p{max-width:330px;font-size:13px;line-height:1.8}.showcase-heading>p>strong{display:block;font-weight:600;color:var(--navy);margin-top:10px}.showcase-tabs a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-height:126px;padding:20px 17px;position:relative}.showcase-tabs a>.priority-number{font-size:9px;margin:0 0 13px;color:#667186}.showcase-tabs a>strong{font-size:13px;line-height:1.45;font-weight:600;max-width:170px}.showcase-tabs a>small{font-size:10px;font-weight:400;color:#667186;margin-top:7px}.showcase-tabs a[aria-selected=true]>.priority-number{color:var(--mint)}.showcase-tabs a[aria-selected=true]>small{color:#C6D2E1}.showcase-tabs a:hover:not([aria-selected=true]){background:#EAF5F5}.showcase-panel{min-height:0;grid-template-columns:minmax(245px,.85fr) minmax(0,1.65fr)}.showcase-copy{padding:32px;gap:0}.showcase-copy h4{font-size:clamp(26px,2.5vw,37px);line-height:1.16;letter-spacing:-.045em;margin-top:30px}.showcase-copy>p{font-size:13px;line-height:1.9;margin-top:22px}.showcase-counter{font-size:10px}.showcase-delivery{margin-top:27px;padding-top:23px}.showcase-delivery p{font-size:12px;line-height:1.85}.opportunity-actions{margin-top:auto;padding-top:29px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.opportunity-actions .button{background:var(--navy);color:white;padding:13px 15px;min-height:46px;font-size:11px;line-height:1.5;gap:15px;text-align:left}.opportunity-actions .button:hover{background:#1D3343}.opportunity-actions .text-link{font-size:11px;min-height:42px;gap:16px;margin:0}.showcase-canvas{padding:26px;background:#F3F6F9;min-width:0}.opportunity-map{background:var(--navy);border-radius:12px;padding:27px;overflow:hidden;color:white;position:relative}.opportunity-question{position:relative;padding:0 0 26px}.opportunity-question>span{font-size:8px;letter-spacing:.12em;color:var(--mint)}.opportunity-question>p{font-size:clamp(24px,2.4vw,37px);font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:15px 0 13px;max-width:590px;text-wrap:balance}.opportunity-question>div{font-size:11px;line-height:1.7;color:#C6D2E1}.opportunity-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 22px}.opportunity-controls[hidden],.opportunity-detail[hidden]{display:none}.opportunity-controls>button{color:#C6D2E1;min-width:0;min-height:72px;text-align:left;background:transparent;border:0;position:relative;padding:0 0 14px;font-size:11px;line-height:1.5;border-bottom:1px solid #405267;cursor:pointer}.opportunity-controls>button>span{display:block;font-size:9px;color:#A6B9CD;margin-bottom:7px}.opportunity-controls>button>i{display:block;position:absolute;bottom:-1px;left:0;height:2px;width:0;background:var(--mint);transition:width 350ms cubic-bezier(.16,1,.3,1)}.opportunity-controls>button[aria-pressed=true]{color:white}.opportunity-controls>button[aria-pressed=true]>span{color:var(--mint)}.opportunity-controls>button[aria-pressed=true]>i{width:100%}.opportunity-controls>button:hover{color:var(--mint)}.opportunity-controls :focus-visible{outline:2px solid var(--sky);outline-offset:5px;border-radius:3px}.opportunity-detail-stack{display:grid;gap:18px}.opportunity-detail{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;min-height:277px;background:white;color:var(--navy);border-radius:7px}.opportunity-work{padding:24px 22px}.opportunity-work>.artifact-label{font-size:8px;letter-spacing:.06em;color:#5A6779}.opportunity-work h5{font-size:22px;line-height:1.23;letter-spacing:-.04em;margin:15px 0 13px;font-weight:600;text-wrap:balance}.opportunity-work>p{font-size:11px;line-height:1.85;color:#576176}.opportunity-evidence{padding:20px 19px;background:#EAF3F8;display:flex;flex-direction:column;justify-content:center;min-width:0}.opportunity-symbol{width:100%;height:44px;max-width:138px;margin-bottom:15px}.opportunity-evidence>span{font-size:7px;letter-spacing:.07em;color:#526579;line-height:1.6}.opportunity-evidence ul{list-style:none;margin:11px 0 0;padding:0}.opportunity-evidence li{padding:9px 0;border-top:1px solid #CDDCE6;font-size:10px;line-height:1.55}.opportunity-benefit{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:var(--mint);padding:14px 20px}.opportunity-benefit>span{font-size:25px;line-height:1}.opportunity-benefit>p{font-size:11px;line-height:1.6;font-weight:600;margin:0}.opportunity-note{font-size:9px;line-height:1.75;color:#B5C3D5;margin:17px 0 0}.showcase-foot{padding:18px 30px}.showcase-foot>span{font-size:9px}.showcase-disclaimer{font-size:10px}.motion-disabled .opportunity-controls>button>i{transition:none}
@media(max-width:1100px){.showcase-panel{grid-template-columns:minmax(220px,.85fr) minmax(0,1.6fr)}.showcase-copy{padding:26px}.showcase-canvas{padding:20px}.opportunity-map{padding:22px}.opportunity-detail{grid-template-columns:1fr}.opportunity-work{padding:22px}.opportunity-evidence{padding:16px 22px}.opportunity-symbol{display:none}.opportunity-evidence ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.opportunity-evidence li{font-size:10px}.showcase-tabs a{padding:17px 13px}.showcase-tabs a>strong{font-size:12px}.showcase-tabs a>small{font-size:9px}}
@media(max-width:900px){.showcase-panel{grid-template-columns:1fr}.showcase-copy{padding:28px}.showcase-copy h4{margin-top:22px;max-width:600px;font-size:34px}.showcase-copy>p{max-width:650px}.showcase-delivery{margin-top:20px;padding-top:18px}.opportunity-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px;padding-top:20px}.showcase-canvas{padding:24px}.opportunity-map{padding:27px}.opportunity-detail{grid-template-columns:1.2fr 1fr;min-height:255px}.opportunity-evidence ul{display:block}.opportunity-symbol{display:block}.opportunity-question>p{font-size:34px}.showcase-heading{padding:28px}.showcase-tabs a{min-height:117px}.showcase-tabs a>strong{font-size:13px}.showcase-tabs a>small{font-size:10px}}
@media(max-width:560px){.showcase-heading{padding:24px 20px;gap:18px}.showcase-heading h3{font-size:32px}.showcase-heading>p{font-size:12px;max-width:none}.showcase-heading>p>strong{margin-top:7px}.showcase-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-tabs a{min-height:118px;padding:15px}.showcase-tabs a>.priority-number{margin-bottom:8px}.showcase-tabs a>strong{font-size:12px}.showcase-tabs a>small{font-size:9px}.showcase-copy{padding:24px 20px}.showcase-copy h4{font-size:31px}.showcase-copy>p{font-size:13px;line-height:1.8;margin-top:18px}.showcase-delivery p{font-size:12px}.opportunity-actions{align-items:stretch;gap:5px}.opportunity-actions .button{justify-content:space-between;font-size:12px;flex-basis:100%}.opportunity-actions .text-link{font-size:11px}.showcase-canvas{padding:12px}.opportunity-map{padding:22px 17px;border-radius:9px}.opportunity-question>p{font-size:29px}.opportunity-question>div{font-size:11px}.opportunity-controls{gap:11px;margin-bottom:19px}.opportunity-controls>button{font-size:10px;min-height:84px}.opportunity-detail{grid-template-columns:1fr;min-height:0}.opportunity-work{padding:21px 19px}.opportunity-work h5{font-size:25px}.opportunity-work>p{font-size:12px}.opportunity-evidence{padding:18px 19px}.opportunity-evidence ul{margin-top:7px;display:block}.opportunity-evidence li{font-size:11px;padding:10px 0}.opportunity-symbol{width:104px;height:34px;margin-bottom:12px}.opportunity-benefit{padding:15px 18px}.opportunity-benefit>p{font-size:11px}.opportunity-note{font-size:9px}.showcase-foot{padding:20px;gap:13px}.showcase-disclaimer{display:block;margin:6px 0 0;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.opportunity-controls>button>i{transition:none}}

.opportunity-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.showcase-tabs a>.priority-number{display:block}

/* A customer journey on a light stage: poster → website → conversation. */
.next-move{--journey-accent:#A8D8F0;--journey-paper:#EAF5FB;--journey-secondary:#4DDDAA;--secondary-sky:#A8D8F0;--apricot:#FFBEA3}.next-move[data-goal=brand]{--journey-accent:#A8D8F0;--journey-paper:#EDF8F6;--journey-secondary:#A8D8F0}.next-move[data-goal=followup]{--journey-accent:#FFBEA3;--journey-paper:#FFF1E9;--journey-secondary:#A8D8F0}.goal-picker button[data-goal=enquiries][aria-pressed=true]{background:var(--sky);border-color:var(--sky)}.goal-picker button[data-goal=brand][aria-pressed=true]{background:var(--secondary-sky);border-color:var(--secondary-sky)}.goal-picker button[data-goal=followup][aria-pressed=true]{background:var(--apricot);border-color:var(--apricot)}
.journey-workspace{display:flex;flex-direction:column;border:0;border-radius:16px;background:var(--journey-paper);overflow:hidden}.journey-visual{padding:30px 34px 24px;background:var(--journey-paper);color:var(--navy);transition:background 350ms ease}.journey-mode-label{color:#526579;font-size:9px}.journey-comparison{background:#FFFFFF70;border:1px solid #0C121F16}.journey-comparison button{color:#526579;min-height:38px;font-size:10px}.journey-comparison button[aria-pressed=true]{background:var(--navy);color:white}.journey-visual :focus-visible{outline-color:#246B9C}.journey-transport{border-color:#0C121F16;margin-top:20px;padding-top:18px;flex-direction:row;align-items:center}.customer-scenario-label{color:#526579;font-size:9px}.journey-playback{background:var(--navy);color:white;border:0;min-height:44px;padding:12px 18px;font-size:11px;border-radius:24px}.journey-playback:hover{background:#203747}
.journey-sculpture-area{height:88px;justify-content:center;align-items:start;margin-top:5px}.journey-sculpture-area:after{display:none}.diamond-station{flex-direction:row;align-items:center;padding:0;gap:10px}.diamond-control{width:45px;height:45px;border-radius:12px;flex-shrink:0}.diamond-sculpture{width:24px;height:24px}.diamond-layer{border-radius:6px}.layer-back{transform:translate(0,5px) rotate(45deg) translateZ(-10px);border-color:#167A5944;background:transparent}.layer-middle{transform:translate(0,2px) rotate(45deg) translateZ(-4px);background:var(--journey-accent)}.layer-front{transform:translate(0,-2px) rotate(45deg) translateZ(4px)}.layer-front>svg{width:20px;height:20px;inset:2px}.diamond-caption{background:var(--journey-paper);color:#526579;font-size:8px;padding:3px 0;letter-spacing:.1em}.diamond-hint,.journey-orbit{display:none}.journey-wires{display:block;width:100%;height:48px;left:0;bottom:0;color:#6C9F9B55}.journey-wires path.is-selected{color:#16815D;stroke-width:2}.journey-customer-signal{width:10px;height:10px;background:#16815D;box-shadow:0 0 0 5px #4DDDAA40,0 0 14px #4DDDAA55}
.journey-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:stretch;padding:0 10px}.journey-node{padding:0;border:0;border-radius:0;background:transparent;color:var(--navy);height:100%;min-width:0;position:relative}.journey-node:hover:not(:disabled),.journey-node[aria-pressed=true]{background:transparent;border:0}.journey-node-number{margin:0 0 14px;font-size:10px;color:#526579;align-items:center}.journey-node-number i{color:#526579;font-size:22px}.journey-node>strong{font-size:19px;line-height:1.3;letter-spacing:-.03em;margin-top:23px;color:var(--navy)}.journey-node-role{font-size:12px;line-height:1.75;color:#526579;margin-top:7px;min-height:42px}.journey-node-state{border-color:#B9CDD5;color:#526579;font-size:10px;margin-top:14px;padding-top:14px;min-height:36px}.journey-node[aria-pressed=true] .journey-node-state{color:#116949;border-top:2px solid #16815D;padding-top:13px;font-weight:600}.journey-node[aria-pressed=true] .journey-node-number i{color:#116949}.journey-nodes>li:after{display:none}
.journey-preview{display:flex;align-items:center;justify-content:center;width:100%;height:330px;perspective:800px;pointer-events:none;position:relative}.journey-preview b{font-weight:600;letter-spacing:-.065em;line-height:1.03;display:block}.journey-preview .preview-overline{display:block;font-size:9px;line-height:1.6;letter-spacing:0;font-weight:400}.journey-preview .preview-cta{font-size:10px;line-height:1.5;display:block;margin-top:auto;position:relative;z-index:1}.journey-poster{position:relative;overflow:hidden;display:flex;flex-direction:column;width:94%;height:296px;padding:23px;background:var(--journey-accent);border-radius:3px 36px 3px 3px;transform:rotate(-4deg);box-shadow:7px 10px 0 #0C121F0A;transform-origin:center bottom}.journey-poster b{font-size:clamp(31px,3.8vw,54px);position:relative;z-index:1;margin:24px 0 20px;max-width:240px}.poster-sun{position:absolute;right:-39px;top:98px;width:142px;height:142px;border:24px solid var(--mint);border-radius:50%;transform:rotate(-20deg)}.poster-sun i{position:absolute;inset:12px;border-radius:50%;background:var(--journey-paper)}.journey-node[aria-pressed=true] .journey-poster{box-shadow:7px 10px 0 #0C121F10}
.journey-browser{width:100%;background:white;border:1px solid #0C121F18;overflow:hidden;border-radius:9px;box-shadow:0 12px 22px -18px #32475D80;transform:rotate(1deg)}.preview-chrome{height:29px;background:#F8FAFC;border-bottom:1px solid #0C121F12;display:flex;align-items:center;gap:4px;padding:0 12px}.preview-chrome>i{width:4px;height:4px;background:#98AFBD;border-radius:50%}.preview-chrome>span{font-size:7px;color:#617382;margin-left:auto;margin-right:auto}.preview-page{padding:20px;position:relative;overflow:hidden}.preview-page>.preview-overline{font-size:8px;color:#526579}.preview-page>b{font-size:clamp(28px,2.8vw,42px);margin:14px 0 13px;position:relative;z-index:1}.preview-page-art{height:58px;display:flex;justify-content:flex-end;gap:5px;margin-top:-24px;margin-bottom:12px;align-items:flex-end}.preview-page-art>i{display:block;width:24px;height:37px;background:var(--mint);border-radius:24px 24px 0 0}.preview-page-art>i:nth-child(2){height:55px;background:var(--journey-accent)}.preview-page-art>i:nth-child(3){height:27px;background:var(--secondary-sky)}.preview-field{display:block;padding:10px;border:1px solid #DCE5EB;border-radius:4px;color:#627382;font-size:8px;margin-bottom:8px}.preview-page>.preview-cta{background:var(--navy);color:white;border-radius:4px;padding:10px 13px;font-size:9px}
.journey-phone{max-width:236px;width:94%;min-height:312px;display:flex;flex-direction:column;border:5px solid white;background:#F7FBFD;border-radius:27px;padding:16px 12px 18px;box-shadow:0 0 0 1px #0C121F14,10px 13px 0 #0C121F07;transform:rotate(4deg)}.preview-phone-top{font-size:10px;display:flex;align-items:center;gap:8px;padding:6px 2px 16px;border-bottom:1px solid #DCE5EB;margin-bottom:20px;font-weight:600}.preview-phone-top>i{background:var(--mint);width:20px;height:20px;border-radius:7px}.preview-bubble{font-size:11px;line-height:1.65;padding:12px 13px;display:block;margin-bottom:14px;max-width:92%}.bubble-customer{background:var(--apricot);border-radius:14px 14px 3px 14px;margin-left:auto;transform-origin:right bottom}.bubble-business{background:var(--journey-accent);border-radius:14px 14px 14px 3px;transform-origin:left bottom}.preview-handoff{display:flex;align-items:center;gap:7px;font-size:9px;color:#116949;margin-top:auto;padding-top:8px}.preview-handoff>i{font-style:normal;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--mint)}
.journey-discovery{background:white;border-radius:22px 22px 22px 3px;position:relative;width:96%;padding:25px;min-height:290px;box-shadow:7px 10px 0 #0C121F07}.journey-discovery>b{font-size:clamp(30px,3.5vw,48px);margin:30px 0 28px}.discovery-spark{font-size:57px;line-height:1;position:absolute;right:14px;top:40px;color:#276B83;transform:rotate(12deg)}.discovery-source{display:flex;gap:8px;align-items:center;font-size:9px;line-height:1.6;border-top:1px solid #CBE4EC;padding-top:15px}.discovery-source>i{width:10px;height:10px;background:var(--mint);border-radius:3px;flex-shrink:0}.journey-post{padding:24px;background:var(--secondary-sky);height:310px;width:92%;position:relative;overflow:hidden;transform:rotate(-3deg);border-radius:2px;display:flex;flex-direction:column;box-shadow:7px 10px 0 #0C121F08}.journey-post>b{font-size:clamp(32px,3.6vw,51px);margin:27px 0 20px;position:relative;z-index:1}.post-cutout{position:absolute;width:139px;height:139px;border-radius:50%;background:var(--mint);right:-38px;bottom:48px}.post-cutout>i{position:absolute;inset:30px;background:var(--secondary-sky);border-radius:45% 45% 0 0;transform:rotate(35deg)}.journey-mail{width:96%;background:#FFFDFB;border-radius:7px;overflow:hidden;position:relative;min-height:285px;border:1px solid #0C121F15;padding:0 22px 21px;transform:rotate(3deg);box-shadow:0 10px 20px -16px #32475D60}.preview-mail-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:14px 0;border-bottom:1px solid #0C121F14}.preview-mail-top>i{font-size:18px;font-style:normal}.journey-mail>b{font-size:clamp(31px,3.4vw,46px);margin:25px 0 14px;position:relative;z-index:1}.mail-seal{position:absolute;right:11px;top:64px;width:59px;height:59px;border-radius:50%;background:var(--apricot);display:grid;place-items:center;font-size:38px;transform:rotate(15deg)}.preview-mail-copy{display:block;font-size:10px;line-height:1.8;max-width:180px;margin-bottom:19px}.journey-mail>.preview-cta{background:var(--journey-secondary);padding:10px 12px;border-radius:3px;font-size:9px}
.journey-outcome{margin-top:25px;min-height:0;padding-top:22px;border-top:1px solid #0C121F16;gap:13px}.journey-outcome-mark{color:#16815D;font-size:27px}.journey-outcome>p{color:var(--navy);font-size:12px;max-width:760px}.customer-tour-status{color:#526579;font-size:10px;margin:7px 0 0 40px;min-height:20px}.journey-inspector{display:grid;grid-template-columns:1fr 2fr;column-gap:36px;row-gap:15px;position:relative;min-height:0;padding:28px 34px;background:white;border:1px solid var(--line);border-radius:0 0 16px 16px}.journey-inspector-top{grid-column:1/-1}.journey-step-detail{display:contents;padding:0;margin:0}.journey-step-detail>.eyebrow{grid-column:1;margin:0}.journey-step-detail h3{grid-column:1;font-size:27px;margin:0;line-height:1.2}.journey-step-copy{grid-column:2;grid-row:2/4;font-size:13px;align-self:center;margin:0;max-width:650px}.journey-handoff{grid-column:2;grid-row:4;font-size:11px;margin:0;padding:14px 0 0;max-width:650px}.journey-service-link{grid-column:1;grid-row:4;font-size:11px;padding-top:14px;max-width:none;margin-top:0;align-self:start}.journey-accessible-example{position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.journey-workspace.is-disconnected .journey-node[aria-pressed=true]{background:transparent;border:0}.journey-workspace.is-disconnected .journey-node-state,.journey-workspace.is-disconnected .journey-outcome-mark{color:#526579}.journey-workspace.is-disconnected .journey-wires path{color:#8197A3}.journey-workspace.is-disconnected .journey-preview{opacity:.65}.journey-workspace.is-disconnected .layer-middle{background:#C8D9E1}.journey-workspace.is-disconnected .layer-back{border-color:#7A929D}
@media(max-width:1100px){.journey-visual{padding:26px}.journey-nodes{gap:22px;padding-inline:0}.journey-preview{height:300px}.journey-poster{height:272px;padding:20px}.journey-poster b{font-size:40px}.journey-node>strong{font-size:17px}.journey-phone{min-height:290px;width:93%;padding:13px 10px}.preview-bubble{font-size:10px;padding:11px}.journey-post{height:278px;padding:21px}.journey-post>b{font-size:40px}.journey-discovery{min-height:270px;padding:21px}.journey-discovery>b{font-size:36px}.journey-mail{padding:0 18px 18px}.journey-mail>b{font-size:36px}.journey-inspector{padding:27px;grid-template-columns:1fr 1.7fr}}
@media(max-width:760px){.journey-nodes{gap:16px}.journey-preview{height:252px}.journey-poster{height:230px;padding:16px;border-top-right-radius:24px}.journey-poster b{font-size:31px;margin-top:20px}.poster-sun{width:103px;height:103px;border-width:18px;top:88px}.journey-preview .preview-overline{font-size:7px}.journey-preview .preview-cta{font-size:8px}.preview-page{padding:15px}.preview-page>b{font-size:26px}.preview-page-art{height:42px;margin-top:-10px}.preview-page-art>i{width:16px;height:29px}.preview-page-art>i:nth-child(2){height:39px}.preview-page-art>i:nth-child(3){height:22px}.preview-field{font-size:7px;padding:7px}.journey-phone{min-height:240px;border-width:4px;padding:11px 8px;border-radius:20px}.preview-phone-top{font-size:8px;margin-bottom:12px;padding-bottom:12px}.preview-bubble{font-size:8px;padding:9px;margin-bottom:11px}.preview-handoff{font-size:7px}.journey-node>strong{font-size:15px}.journey-node-role{font-size:11px;min-height:55px}.journey-node-state{font-size:9px}.journey-post{height:230px;padding:17px}.journey-post>b{font-size:31px;margin-top:20px}.post-cutout{width:99px;height:99px;right:-25px}.journey-discovery{padding:17px;min-height:225px}.journey-discovery>b{font-size:29px;margin-top:25px}.discovery-spark{font-size:41px;right:9px}.discovery-source{font-size:7px}.journey-mail{padding:0 15px 15px;min-height:230px}.journey-mail>b{font-size:29px;margin:18px 0 13px}.preview-mail-top{font-size:7px;padding:10px 0}.preview-mail-copy{font-size:8px;line-height:1.6}.mail-seal{width:43px;height:43px;font-size:28px;right:8px;top:50px}.journey-inspector{grid-template-columns:1fr 1.4fr;gap:14px 25px}.journey-step-detail h3{font-size:24px}}
@media(max-width:580px){.journey-workspace{margin-inline:0;border-radius:12px}.journey-visual{padding:22px 20px}.journey-topbar{display:block}.journey-mode-label{margin-bottom:13px}.journey-comparison button{font-size:9px;min-height:36px}.journey-transport{flex-direction:column;align-items:flex-start;gap:12px}.journey-playback{font-size:11px;width:100%}.journey-sculpture-area{height:65px;justify-content:flex-start;margin-top:8px}.diamond-control{width:42px;height:42px}.diamond-caption{font-size:8px}.journey-wires{display:none}.journey-nodes{grid-template-columns:1fr;gap:27px;padding:0 8px}.journey-node{display:flex;padding:0}.journey-node-number{margin-bottom:9px;font-size:10px}.journey-preview{height:290px;max-width:320px;margin-inline:auto}.journey-poster{width:87%;height:266px;padding:22px}.journey-poster b{font-size:45px;margin:23px 0 15px}.journey-preview .preview-overline{font-size:9px}.journey-preview .preview-cta{font-size:10px}.poster-sun{top:109px;right:-27px;width:129px;height:129px;border-width:22px}.journey-browser{width:94%;max-width:290px}.preview-chrome{height:27px}.preview-page{padding:20px}.preview-page>b{font-size:35px;margin-top:15px}.preview-page-art{height:50px;margin-top:-15px}.preview-page-art>i{width:24px;height:32px}.preview-page-art>i:nth-child(2){height:46px}.preview-field{font-size:9px;padding:11px}.preview-page>.preview-cta{font-size:10px;padding:11px}.journey-phone{min-height:278px;width:81%;max-width:235px;padding:14px 12px;border-width:5px;border-radius:24px}.preview-phone-top{font-size:10px;margin-bottom:17px}.preview-bubble{font-size:11px;padding:12px;margin-bottom:15px}.preview-handoff{font-size:9px}.journey-node>strong{font-size:20px;margin-top:19px}.journey-node-role{font-size:12px;min-height:0;margin-top:7px}.journey-node-state{font-size:10px;margin-top:13px;padding-top:13px}.journey-node[aria-pressed=true] .journey-node-state{padding-top:12px}.journey-discovery{width:90%;padding:24px;min-height:266px}.journey-discovery>b{font-size:39px}.discovery-spark{font-size:49px;right:13px;top:52px}.discovery-source{font-size:9px}.journey-post{width:88%;height:272px;padding:24px}.journey-post>b{font-size:43px;margin-top:24px}.post-cutout{width:132px;height:132px}.journey-mail{width:92%;min-height:265px;padding:0 22px 22px}.journey-mail>b{font-size:37px;margin-top:24px}.preview-mail-copy{font-size:10px}.preview-mail-top{font-size:9px;padding:13px 0}.mail-seal{width:54px;height:54px;font-size:35px;top:57px;right:12px}.journey-outcome{margin-top:25px;padding-top:20px;align-items:flex-start}.journey-outcome>p{font-size:12px}.customer-tour-status{margin-left:0;font-size:10px;margin-top:10px}.journey-inspector{display:flex;gap:0;padding:24px 22px;min-height:0}.journey-inspector-top{margin-bottom:21px}.journey-step-detail{display:block;margin:0;padding:0}.journey-step-detail>.eyebrow{margin:0 0 12px}.journey-step-detail h3{font-size:29px;margin:0 0 17px}.journey-step-copy{font-size:13px}.journey-handoff{margin-top:20px}.journey-service-link{padding-top:24px}.journey-plan{padding-top:25px}}
.motion-disabled .journey-visual{transition:none}@media(prefers-reduced-motion:reduce){.journey-visual{transition:none}}

/* A stronger rocket silhouette, with an intentional hover-to-launch countdown. */
.secret-launch{width:58px;height:58px;flex-shrink:0;touch-action:manipulation}.launch-arrow{font-size:43px;font-weight:600}.launch-craft{transform:scale(1.45);filter:drop-shadow(0 3px 2px #18304425)}.secret-launch[data-launch-state=ready] .launch-craft{transform:scale(1.65)}.launch-rocket-symbol>.launch-craft{transform:scale(1.45)}.secret-launch[data-hover-launch=true] .launch-aura{opacity:.7}.launch-sparks{inset:-5px}.launch-steam{left:5px;bottom:4px}.secret-launch:focus-visible{outline:2px solid #246B9C;outline-offset:6px}@media(max-width:580px){.secret-launch{width:54px;height:54px}}

/* AI visibility: one customer story, with the discovery and enquiry in view. */
.showcase-ai{grid-template-columns:minmax(230px,.75fr) minmax(0,1.75fr)}
.showcase-ai .showcase-copy h4{font-size:clamp(29px,2.7vw,40px);line-height:1.14;margin-top:32px;max-width:350px;font-weight:600;text-wrap:balance}
.showcase-ai .showcase-copy>p{max-width:340px}
.showcase-ai .showcase-delivery>.artifact-label{font-size:9px;line-height:1.8;display:block;max-width:230px}
.showcase-ai .opportunity-actions .button{font-size:11px;gap:12px}
.ai-canvas{background:#EAF5FB;padding:30px}
.ai-visibility-demo{position:relative;min-width:0;--ai-accent:#0C121F}
.ai-demo-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:23px}
.ai-overline{display:block;font-size:8px;letter-spacing:.1em;font-weight:500;line-height:1.7}
.ai-demo-intro>div>p{font-size:clamp(25px,2.4vw,35px);line-height:1.1;letter-spacing:-.055em;font-weight:600;margin-top:9px;color:var(--navy)}
.ai-demo-intro em{font-style:normal;color:#366774}
.ai-demo-label{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:8px;color:#526B7D;line-height:1.7;padding-top:3px}
.ai-demo-label>i{width:5px;height:5px;background:#4DDDAA;border-radius:50%}
.ai-window{position:relative;background:white;border:1px solid #CDDFE8;border-radius:15px;overflow:hidden;box-shadow:0 18px 32px -28px #264C65}
.ai-question-wrap{position:relative;padding:23px 59px 24px 25px;border-bottom:1px solid #DFEBF0;background:#F7FBFD}
.ai-speaker{display:flex;gap:8px;align-items:center;font-size:9px;color:#536D7F;margin-bottom:12px}
.ai-speaker i{font-style:normal;font-size:8px;background:#E3F1F7;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}
.ai-query{font-size:clamp(16px,1.6vw,23px);line-height:1.45;letter-spacing:-.025em;font-weight:500;color:var(--navy);max-width:500px}
.ai-word{display:inline-block}
.ai-question-send{position:absolute;right:20px;bottom:26px;width:29px;height:29px;display:grid;place-items:center;background:var(--navy);color:white;border-radius:50%;font-size:19px}
.ai-discovery-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:20px;padding:25px}
.ai-answer-wrap{min-width:0;padding-top:3px}
.ai-answer-byline{display:flex;gap:8px;align-items:center;font-size:9px;color:#4C6271;font-weight:600;margin-bottom:13px}
.ai-answer-spark{font-size:24px;font-weight:400;line-height:1;color:#0C121F}
.ai-thinking{display:none;gap:3px;margin-left:auto}
.ai-thinking>i{width:3px;height:3px;background:#4DDDAA;border-radius:50%}
.ai-visibility-demo[data-phase=question] .ai-thinking{display:flex}
.ai-answer{font-size:12px;line-height:1.85;color:#3F5563}
.ai-answer mark{background:#EAF5FC;color:var(--navy);padding:2px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ai-result-context{font-size:10px;line-height:1.75;margin:17px 0 11px;color:#526B78;max-width:220px}
.ai-relevance{padding:0;list-style:none;display:grid;gap:8px}
.ai-relevance li{font-size:9px;color:#405C68;line-height:1.6;display:flex;align-items:center;gap:7px}
.ai-relevance li>span{display:grid;place-items:center;width:15px;height:15px;background:#EAF5FC;color:#0C121F;border-radius:50%;font-size:9px;flex-shrink:0}
.ai-business-example{background:var(--mint);padding:17px 18px 0;border-radius:9px;position:relative;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 0 #0C121F08}
.ai-business-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding-bottom:15px;border-bottom:1px solid #0C121F20}
.ai-business-top>span:last-child{font-size:25px;line-height:1;color:var(--navy)}
.ai-business-label{display:block;font-size:6px;letter-spacing:.065em;line-height:1.7;color:#596572}
.ai-business-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;background:var(--navy);color:white;border-radius:12px;font-size:28px;font-weight:600;line-height:1;margin:19px 0 17px}
.ai-business-icon>span{position:absolute;right:-6px;bottom:-3px;background:white;color:var(--navy);font-size:14px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.ai-business-name{font-size:clamp(18px,1.7vw,25px);line-height:1.15;letter-spacing:-.045em;font-weight:600;color:var(--navy);margin-top:6px;max-width:230px}
.ai-business-description{font-size:10px;line-height:1.7;color:#596572;margin-top:10px}
.ai-business-services{display:flex;gap:5px;flex-wrap:wrap;margin:17px 0 20px}
.ai-business-services>span{font-size:7px;line-height:1.5;border:1px solid #0C121F27;padding:4px 6px;border-radius:4px;color:#0C121F}
.ai-business-route{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #0C121F27;padding:12px 0;margin-top:auto;font-size:9px;font-weight:600;color:var(--navy)}
.ai-business-route>span:last-child{font-size:20px;line-height:1}
.ai-enquiry-example{margin:0 25px 25px;display:flex;gap:15px;align-items:flex-start;background:var(--navy);border-radius:9px;padding:22px;color:white;position:relative;overflow:hidden}
.ai-enquiry-icon{flex-shrink:0;width:32px;height:32px;border-radius:9px;background:var(--mint);display:grid;place-items:center;color:var(--navy);font-size:25px;line-height:1}
.ai-enquiry-example .ai-overline{font-size:7px;color:#AEC4D1}
.ai-enquiry-example p{font-size:clamp(17px,1.6vw,23px);letter-spacing:-.035em;line-height:1.35;margin-top:10px;max-width:370px}
.ai-enquiry-caption{display:block;font-size:8px;line-height:1.6;color:#AEC4D1;margin-top:11px}
.ai-enquiry-stamp{display:grid;place-content:center;text-align:center;flex-shrink:0;width:78px;height:78px;margin-left:auto;align-self:center;background:var(--sky);color:var(--navy);border-radius:50%;font-size:11px;line-height:1.3;letter-spacing:-.025em;transform:rotate(-7deg)}
.ai-window-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;border-top:1px solid #DFEBF0;background:white}
.ai-sequence-progress{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:380px;flex:1}
.ai-sequence-progress>li{font-size:8px;line-height:1.6;color:#6C8390;min-width:0}
.ai-sequence-progress>li>span{display:block;margin-bottom:7px}
.ai-sequence-progress i{display:block;position:relative;height:2px;background:#E0EBEF;overflow:hidden;border-radius:2px}
.ai-sequence-progress b{display:block;position:absolute;inset:0;background:#4DDDAA;transform:scaleX(0);transform-origin:left}
.ai-sequence-progress .is-complete b{transform:scaleX(1)}
.ai-sequence-progress [aria-current=step]{color:var(--navy);font-weight:600}
.ai-play{font-size:9px;white-space:nowrap;min-height:44px;border:1px solid #CDDDE5;background:#F8FBFD;border-radius:7px;padding:9px 11px;color:var(--navy)}
.ai-play:hover{background:#DDF3FA;border-color:#91BBCD}
.ai-play[hidden]{display:none}
.ai-play:focus-visible{outline:3px solid #216EAD;outline-offset:3px}
.ai-phase-clock{position:absolute;width:1px;height:1px;pointer-events:none;opacity:0}
.ai-platforms{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin:22px 1px 0}
.ai-platforms>span{font-size:9px;color:#546F80}
.ai-platforms ul{display:flex;flex-wrap:wrap;gap:16px;align-items:center;list-style:none;padding:0;margin:0}
.ai-platforms li{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:500;color:#364F61}
.ai-platform-logo{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-platform-logo>svg{width:100%;height:100%;display:block;overflow:visible}
.ai-demo-disclosure{font-size:8px;line-height:1.8;color:#698190;margin-top:15px;max-width:650px}
.ai-demo-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ai-visibility-demo[data-phase=question] .ai-answer,.ai-visibility-demo[data-phase=question] .ai-result-context,.ai-visibility-demo[data-phase=question] .ai-relevance,.ai-visibility-demo[data-phase=question] .ai-business-example,.ai-visibility-demo[data-phase=question] .ai-enquiry-example,.ai-visibility-demo[data-phase=answer] .ai-enquiry-example{visibility:hidden}
@media(min-width:901px) and (max-width:1150px){.showcase-ai{grid-template-columns:minmax(210px,.75fr) minmax(0,1.75fr)}.showcase-ai .showcase-copy{padding:28px 23px}.showcase-ai .showcase-copy h4{font-size:31px}.ai-canvas{padding:23px 19px}.ai-discovery-layout{padding:20px;gap:15px}.ai-enquiry-example{margin:0 20px 20px;padding:18px;gap:10px}.ai-enquiry-stamp{display:none}.ai-business-example{padding:14px 14px 0}.ai-business-name{font-size:21px}.ai-answer{font-size:11px}.ai-demo-label{font-size:7px}.ai-business-services{gap:4px}.ai-business-services>span{font-size:6px}.ai-platforms ul{gap:13px}}
@media(max-width:900px){.showcase-ai{grid-template-columns:1fr}.showcase-ai .showcase-copy h4{font-size:38px;max-width:540px}.showcase-ai .showcase-copy>p{max-width:600px}.showcase-ai .showcase-delivery>.artifact-label{max-width:none}.ai-demo-intro>div>p{font-size:34px}.ai-query{font-size:22px}.ai-answer{font-size:14px}.ai-business-name{font-size:28px}.ai-business-label{font-size:8px}.ai-business-description{font-size:12px}.ai-business-services>span{font-size:9px}.ai-business-route{font-size:11px}.ai-business-example{padding:20px 20px 0}.ai-result-context{font-size:12px}.ai-relevance li{font-size:11px}.ai-enquiry-example p{font-size:24px}.ai-platforms li{font-size:10px}.ai-demo-disclosure{font-size:9px}}
@media(max-width:560px){.showcase-ai .showcase-copy{padding:25px 21px}.showcase-ai .showcase-copy h4{font-size:33px;margin-top:24px}.showcase-ai .showcase-copy>p{font-size:13px}.ai-canvas{padding:24px 14px}.ai-demo-intro{gap:12px;margin-bottom:20px;flex-wrap:wrap}.ai-demo-intro>div>p{font-size:30px}.ai-overline{font-size:8px}.ai-demo-label{font-size:8px;padding:0}.ai-window{border-radius:12px}.ai-question-wrap{padding:19px 40px 21px 18px}.ai-query{font-size:18px;line-height:1.5}.ai-question-send{width:24px;height:24px;right:12px;bottom:23px;font-size:17px}.ai-speaker{font-size:9px}.ai-discovery-layout{grid-template-columns:1fr;padding:20px 18px;gap:20px}.ai-answer{font-size:13px;line-height:1.8}.ai-result-context{font-size:11px;max-width:none;margin:13px 0 9px}.ai-relevance{gap:7px}.ai-relevance li{font-size:10px}.ai-business-example{padding:19px 20px 0}.ai-business-top{padding-bottom:12px}.ai-business-label{font-size:7px}.ai-business-icon{margin:17px 0 14px;width:37px;height:37px;font-size:25px}.ai-business-name{font-size:28px;max-width:230px}.ai-business-description{font-size:12px;margin-top:10px}.ai-business-services{margin:15px 0 18px}.ai-business-services>span{font-size:8px;padding:5px 7px}.ai-business-route{font-size:10px;padding:13px 0}.ai-enquiry-example{margin:0 18px 20px;padding:20px 16px;gap:11px}.ai-enquiry-icon{width:26px;height:26px;border-radius:7px;font-size:21px}.ai-enquiry-example p{font-size:20px}.ai-enquiry-caption{font-size:8px}.ai-enquiry-stamp{display:none}.ai-window-foot{padding:13px 16px;gap:12px;flex-wrap:wrap}.ai-sequence-progress{min-width:185px;gap:10px}.ai-sequence-progress>li{font-size:8px}.ai-play{font-size:9px;min-height:44px}.ai-platforms{margin-top:21px;gap:12px}.ai-platforms ul{gap:13px}.ai-platforms li{font-size:9px;gap:5px}.ai-platform-logo{width:18px;height:18px}.ai-demo-disclosure{font-size:8px;line-height:1.8;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.ai-visibility-demo *{transition:none!important}}

/* Customer stories: an editorial triptych, with the work leading the controls. */
#your-next-move{padding-top:78px;--story-ink:#26384A}
#your-next-move .next-move-heading{margin-bottom:28px;gap:32px}
#your-next-move .next-move-heading h2{font-size:clamp(38px,4.2vw,62px);line-height:1.04;letter-spacing:-.065em;margin-top:17px}
#your-next-move .next-move-heading h2 span{color:#637789}
#your-next-move .next-move-heading>p{font-size:13px;line-height:1.8;max-width:320px;margin-bottom:4px}
#your-next-move .goal-picker{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:0;padding-bottom:0}
#your-next-move .goal-picker[hidden]{display:none}
#your-next-move .goal-picker button{position:relative;flex:1;min-height:61px;padding:16px 21px;border:0;border-radius:12px 12px 0 0;background:#F6F7FA;font-size:14px;gap:12px;transition:background 240ms ease}
#your-next-move .goal-picker button+button{margin-left:4px}
#your-next-move .goal-picker button>b{font-size:22px;transition:transform 240ms ease}
#your-next-move .goal-picker button[aria-pressed=true]>b{transform:rotate(45deg)}
#your-next-move .goal-picker button[data-goal=enquiries][aria-pressed=true]{background:var(--sky)}
#your-next-move .goal-picker button[data-goal=brand][aria-pressed=true]{background:var(--secondary-sky)}
#your-next-move .goal-picker button[data-goal=followup][aria-pressed=true]{background:var(--apricot)}
#your-next-move .journey-workspace{border-radius:0 0 16px 16px;background:#FAFBFC;border:1px solid var(--line);border-top:0}
#your-next-move .journey-visual{padding:28px 30px 17px;background:#FAFBFC;isolation:isolate}
#your-next-move .journey-transport{margin:0;padding:0;border:0;flex-direction:row;align-items:center;gap:24px}
#your-next-move .customer-scenario-label{font-size:8px;letter-spacing:.12em;color:#5B6C7F}
#your-next-move .journey-story-title{font-size:clamp(19px,2vw,29px);letter-spacing:-.045em;line-height:1.3;margin:7px 0 0;color:var(--navy)}
#your-next-move .journey-story-title em{font-style:normal;color:#3C6264}
#your-next-move .journey-playback{min-height:46px;font-size:11px;padding:12px 19px;border-radius:28px;box-shadow:0 4px 0 #0C121F0B;flex-shrink:0}
#your-next-move .journey-playback:hover{background:#25465A}
#your-next-move .journey-sculpture-area{height:30px;margin:18px 0 0;position:relative;overflow:visible}
#your-next-move .diamond-station{position:absolute;left:-7px;top:0;z-index:2;gap:0}
#your-next-move .diamond-control{width:30px;height:30px;border-radius:8px}
#your-next-move .diamond-sculpture{width:17px;height:17px}
#your-next-move .diamond-layer{border-radius:4px}
#your-next-move .layer-front>svg{inset:1px;width:15px;height:15px}
#your-next-move .diamond-caption{display:none}
#your-next-move .journey-wires{height:30px;bottom:0;color:#B6C9CE}
#your-next-move .journey-wires path{stroke-width:2}
#your-next-move .journey-wires path.is-selected{color:#16815D;stroke-width:3}
#your-next-move .journey-nodes{gap:22px;padding:0;margin-top:0}
#your-next-move .journey-node{position:relative;padding:15px 0 0;align-items:stretch;display:flex;isolation:isolate;transition:none}
#your-next-move .journey-node-number{font-size:9px;letter-spacing:.08em;margin:0 0 8px;color:#56677A}
#your-next-move .journey-node-number i{font-size:19px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#E7EDF0;color:var(--navy);transition:transform 250ms,background 250ms}
#your-next-move .journey-node[aria-pressed=true] .journey-node-number i{background:var(--mint);transform:rotate(45deg)}
#your-next-move .journey-customer-outcome{font-size:clamp(18px,1.85vw,27px);line-height:1.17;letter-spacing:-.045em;font-weight:600;min-height:64px;max-width:245px;display:block;color:var(--navy)}
#your-next-move .journey-preview{height:340px;margin:5px 0 0;padding:15px 13px;max-width:none}
#your-next-move .journey-preview:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:100px 100px 9px 9px;background:#D6EEF8;transition:border-radius 450ms cubic-bezier(.2,.7,.2,1),background 350ms}
#your-next-move .journey-nodes>li:nth-child(2) .journey-preview:before{background:#D9EEF7;border-radius:9px 100px 9px 9px}
#your-next-move .journey-nodes>li:nth-child(3) .journey-preview:before{background:#D1F3E6;border-radius:100px 9px 9px 9px}
#your-next-move[data-goal=brand] .journey-nodes>li:first-child .journey-preview:before{background:#D9EEF7}
#your-next-move[data-goal=brand] .journey-nodes>li:nth-child(2) .journey-preview:before{background:#D1F3E6}
#your-next-move[data-goal=brand] .journey-nodes>li:nth-child(3) .journey-preview:before{background:#FFE3D5}
#your-next-move[data-goal=followup] .journey-nodes>li:first-child .journey-preview:before{background:#D6EEF8}
#your-next-move[data-goal=followup] .journey-nodes>li:nth-child(2) .journey-preview:before{background:#FFE3D5}
#your-next-move[data-goal=followup] .journey-nodes>li:nth-child(3) .journey-preview:before{background:#D9EEF7}
#your-next-move .journey-preview>div{transition:translate 350ms cubic-bezier(.2,.7,.2,1),filter 350ms}
#your-next-move .journey-node:hover .journey-preview>div{translate:0 -6px}
#your-next-move .journey-node[aria-pressed=true] .journey-preview:before{border-radius:40px 40px 9px 9px}
#your-next-move .journey-poster{width:92%;height:284px;background:var(--sky);padding:22px;box-shadow:10px 16px 18px -16px #233D4E75;border-radius:3px 35px 3px 3px}
#your-next-move .journey-poster b{font-size:clamp(32px,3.7vw,53px)}
#your-next-move .journey-browser{box-shadow:8px 16px 20px -15px #233D4E66;transform:rotate(-3deg)}
#your-next-move .journey-phone{box-shadow:0 0 0 1px #0C121F14,10px 16px 20px -15px #233D4E66}
#your-next-move .journey-discovery{transform:rotate(-3deg);padding:23px}
#your-next-move .journey-mail{transform:rotate(3deg);box-shadow:9px 16px 20px -15px #233D4E66}
#your-next-move .journey-node>strong{font-size:14px;letter-spacing:-.02em;line-height:1.4;margin-top:19px}
#your-next-move .journey-node-role{font-size:11px;min-height:0;margin-top:4px;color:#526579}
#your-next-move .journey-node-state{font-size:10px;min-height:34px;margin-top:14px;padding-top:11px;border-color:#CBD6DF;position:relative}
#your-next-move .journey-node[aria-pressed=true] .journey-node-state{border-color:#16815D;padding-top:10px}
#your-next-move .journey-node.is-visited .journey-node-state:before{background:#16815D;box-shadow:0 0 0 3px #4DDDAA33}
#your-next-move .journey-topbar{margin-top:23px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap;gap:12px}
#your-next-move .journey-mode-label{font-size:8px;margin:0}
#your-next-move .journey-comparison{padding:3px;background:white}
#your-next-move .journey-comparison button{min-height:34px;padding:7px 11px;font-size:9px}
#your-next-move .journey-outcome{border:0;padding-top:0;margin-top:16px;gap:9px}
#your-next-move .journey-outcome-mark{font-size:22px}
#your-next-move .journey-outcome>p{font-size:11px;max-width:none}
#your-next-move .customer-tour-status{min-height:17px;margin:4px 0 0 31px;font-size:9px}
#your-next-move .journey-inspector{border:0;border-top:1px solid var(--line);padding:28px 30px;grid-template-columns:1fr 1.4fr}
#your-next-move .journey-inspector-top{font-size:8px}
#your-next-move .journey-step-detail h3{font-size:29px;max-width:340px}
#your-next-move .journey-plan{padding:24px 0 0;gap:25px}
#your-next-move .journey-plan h3{font-size:22px;margin:8px 0}
#your-next-move .journey-plan-services{font-size:12px}
#your-next-move .journey-plan-note{font-size:10px}
#your-next-move :focus-visible{outline:3px solid #216EAD;outline-offset:5px}
@media(min-width:1000px){#your-next-move .journey-nodes>li:nth-child(2) .journey-preview{padding-top:30px}#your-next-move .journey-nodes>li:nth-child(3) .journey-preview{padding-top:5px}}
@media(max-width:1000px) and (min-width:641px){#your-next-move .journey-visual{padding:24px 22px 17px}#your-next-move .journey-nodes{gap:17px}#your-next-move .journey-preview{height:290px;padding:12px 8px}#your-next-move .journey-poster{height:247px;padding:18px}#your-next-move .journey-poster b{font-size:36px}#your-next-move .journey-customer-outcome{font-size:20px;min-height:54px}#your-next-move .journey-phone{min-height:263px}#your-next-move .journey-story-title{font-size:22px}#your-next-move .journey-node-role{min-height:37px}}
@media(max-width:640px){
#your-next-move{padding-top:56px}
#your-next-move .next-move-heading{display:block;margin-bottom:23px}
#your-next-move .next-move-heading h2{font-size:40px}
#your-next-move .next-move-heading>p{margin-top:16px;font-size:12px}
#your-next-move .goal-picker{gap:0;align-items:stretch}
#your-next-move .goal-picker button{padding:13px 10px;min-height:69px;font-size:11px;line-height:1.5;gap:5px;display:block}
#your-next-move .goal-picker button>span{font-size:8px;display:block;margin-bottom:4px}
#your-next-move .goal-picker button>b{display:none}
#your-next-move .journey-visual{padding:22px 18px 16px}
#your-next-move .journey-transport{align-items:flex-start;flex-direction:column;gap:13px}
#your-next-move .journey-story-title{font-size:23px;max-width:290px}
#your-next-move .journey-playback{width:auto;font-size:10px;min-height:44px;padding:11px 15px}
#your-next-move .journey-sculpture-area{height:22px;margin-top:12px}
#your-next-move .diamond-station{display:none}
#your-next-move .journey-wires{display:none}
#your-next-move .journey-nodes{grid-template-columns:1fr;gap:25px;padding-left:18px;border-left:1px solid #BED1CA}
#your-next-move .journey-node{padding:0}
#your-next-move .journey-node:before{content:'';position:absolute;width:9px;height:9px;left:-23px;top:8px;border-radius:50%;background:#BED1CA;border:2px solid #FAFBFC;box-sizing:content-box}
#your-next-move .journey-node[aria-pressed=true]:before{background:#16815D;box-shadow:0 0 0 3px #4DDDAA33}
#your-next-move .journey-node-number{margin-bottom:6px}
#your-next-move .journey-customer-outcome{font-size:25px;max-width:270px;min-height:0;margin-bottom:14px}
#your-next-move .journey-preview{height:302px;padding:14px 10px;margin:0}
#your-next-move .journey-preview>div{max-width:290px}
#your-next-move .journey-poster{height:272px;width:88%;padding:22px}
#your-next-move .journey-poster b{font-size:42px}
#your-next-move .journey-phone{max-width:230px;min-height:278px}
#your-next-move .journey-node>strong{font-size:15px;margin-top:15px}
#your-next-move .journey-node-role{font-size:11px;min-height:0}
#your-next-move .journey-topbar{display:flex;gap:12px}
#your-next-move .journey-outcome{align-items:start}
#your-next-move .customer-tour-status{margin-left:0}
#your-next-move .journey-inspector{display:flex;padding:24px 22px}
#your-next-move .journey-step-detail{display:block;padding:0;margin:0}
#your-next-move .journey-step-detail h3{font-size:27px;margin:10px 0 15px}
#your-next-move .journey-step-copy{font-size:12px}
#your-next-move .journey-handoff{margin-top:16px}
#your-next-move .journey-service-link{max-width:none}
}
@media(prefers-reduced-motion:reduce){#your-next-move *{transition:none!important}#your-next-move .journey-node:hover .journey-preview>div{translate:none}}
.motion-disabled #your-next-move *{transition:none!important}.motion-disabled #your-next-move .journey-node:hover .journey-preview>div{translate:none}
#your-next-move .journey-node.is-visited .journey-node-number i{background:var(--mint);font-size:0;transform:none}
#your-next-move .journey-node.is-visited .journey-node-number i:before{content:'✓';font-size:13px;font-weight:600}
#your-next-move[data-tour-state=complete] .journey-outcome-mark{width:25px;height:25px;background:var(--mint);color:var(--navy);border-radius:50%;display:grid;place-items:center;font-size:18px}

/* A single automatic sequence, with the visual language of each search tool. */
.ai-visibility-demo{--ai-brand:#222;--ai-paper:#fff;--ai-bubble:#F3F3F3;--ai-rule:#E7E7E7}
.ai-visibility-demo[data-provider=claude]{--ai-brand:#A95C40;--ai-paper:#FAF9F5;--ai-bubble:#EFEDE6;--ai-rule:#E4E0D7}
.ai-visibility-demo[data-provider=perplexity]{--ai-brand:#0C121F;--ai-paper:#FBFCFC;--ai-bubble:#EEF3F7;--ai-rule:#D6E1E9}
.ai-visibility-demo[data-provider=gemini]{--ai-brand:#316BC6;--ai-paper:#fff;--ai-bubble:#F0F4F9;--ai-rule:#E2E8F0}
.ai-platforms{display:block;margin:0 0 20px}
.ai-platforms>span{display:block;font-size:9px;margin-bottom:12px;color:#506B7C}
.ai-platforms ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ai-platforms li{position:relative;display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:0;font-size:10px;line-height:1.5;color:#657887;padding-bottom:12px;transition:color 250ms;cursor:default}
.ai-platforms li[aria-current=step]{color:var(--navy);font-weight:600}
.ai-platform-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#C9DDE7;overflow:hidden}
.ai-platform-progress>b{display:block;position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:#4DDDAA}
.ai-platforms li.is-complete .ai-platform-progress>b{transform:scaleX(1)}
.ai-platforms li[aria-current=step] .ai-platform-progress>b{background:var(--ai-brand)}
.ai-brand-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;border-bottom:1px solid var(--ai-rule);background:var(--ai-paper)}
.ai-brand-identity{display:flex;align-items:center;gap:9px;color:var(--navy)}
.ai-brand-name{font-size:17px;letter-spacing:-.025em;font-weight:600}
.ai-brand-logo,.ai-response-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-brand-logo .ai-platform-logo{width:25px;height:25px}
.ai-response-logo .ai-platform-logo{width:21px;height:21px}
.ai-search-counter{font-size:8px;letter-spacing:.08em;color:#6D7B86;white-space:nowrap}
.ai-window{background:var(--ai-paper);border-color:var(--ai-rule);transition:background 350ms,border-color 350ms}
.ai-question-wrap{background:transparent;padding:23px 24px 0;border:0}
.ai-speaker{justify-content:flex-end;font-size:8px;margin-bottom:8px}
.ai-speaker i{display:none}
.ai-query{margin-left:auto;max-width:90%;padding:12px 16px;background:var(--ai-bubble);border-radius:20px;font-size:16px;line-height:1.5;letter-spacing:-.015em;font-weight:400}
.ai-question-send{display:none}
.ai-discovery-layout{padding-top:25px;align-items:start;min-height:368px}
.ai-answer-wrap{min-height:288px}
.ai-answer-byline{font-size:8px;gap:7px;margin-bottom:14px;color:#59666F}
.ai-answer{font-size:12px;line-height:1.85;color:#303B44}
.ai-answer mark{background:#EAF5FC}
.ai-citation-strip{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:13px;line-height:1.5}
.ai-citation-label{font-size:7px;color:#6D7980;margin-right:2px}
.ai-citation{font-size:7px;color:#536068;background:#F0F2F3;padding:4px 6px;border-radius:5px}
.ai-business-example{border:1px solid #D6E1E9;background:#F7FAFC;box-shadow:none;transition:background 350ms,border-color 350ms}
.ai-business-top{border-color:#D6E1E9}
.ai-business-label{color:#596572}
.ai-business-top .ai-business-label{font-size:6px;letter-spacing:.08em}
.ai-business-top>span:last-child{color:#0C121F}
.ai-business-icon{background:var(--mint);color:var(--navy)}
.ai-business-name{font-size:clamp(18px,1.6vw,23px)}
.ai-business-description{font-size:10px;color:#596572}
.ai-business-services>span{border-color:#D6E1E9;color:#0C121F}
.ai-business-route{border-color:#D6E1E9}
.ai-window-foot{background:var(--ai-paper);border-color:var(--ai-rule)}
.ai-visibility-demo[data-provider=claude] .ai-brand-name{font-family:Georgia,serif;font-size:21px;font-weight:400}
.ai-visibility-demo[data-provider=claude] .ai-query{border-radius:9px}
.ai-visibility-demo[data-provider=claude] .ai-answer{font-family:Georgia,serif;font-size:14px;line-height:1.75}
.ai-visibility-demo[data-provider=claude] .ai-answer mark{background:#EFE5D7}
.ai-visibility-demo[data-provider=claude] .ai-business-example{background:#FFFDF8;border-color:#E3DCD0}
.ai-visibility-demo[data-provider=claude] .ai-citation{background:#EDE9E1;color:#6D5C4F}
.ai-visibility-demo[data-provider=perplexity] .ai-query{max-width:100%;background:transparent;border-radius:0;padding:0;margin:0;font-size:23px;font-weight:600;letter-spacing:-.04em}
.ai-visibility-demo[data-provider=perplexity] .ai-speaker{justify-content:flex-start}
.ai-visibility-demo[data-provider=perplexity] .ai-answer-wrap{display:flex;flex-direction:column}
.ai-visibility-demo[data-provider=perplexity] .ai-answer-byline{order:0}
.ai-visibility-demo[data-provider=perplexity] .ai-citation-strip{order:1;margin:0 0 14px;align-items:stretch}
.ai-visibility-demo[data-provider=perplexity] .ai-citation-label{flex-basis:100%;margin-bottom:3px}
.ai-visibility-demo[data-provider=perplexity] .ai-citation{border:1px solid #D6E1E9;background:white;padding:8px 7px;border-radius:6px;color:#0C121F;flex:1}
.ai-visibility-demo[data-provider=perplexity] .ai-answer{order:2}
.ai-visibility-demo[data-provider=perplexity] .ai-result-context{order:3}
.ai-visibility-demo[data-provider=perplexity] .ai-relevance{order:4}
.ai-visibility-demo[data-provider=perplexity] .ai-answer mark{background:#EAF5FC}
.ai-visibility-demo[data-provider=perplexity] .ai-business-example{background:#F7FAFC;border-color:#D6E1E9}
.ai-visibility-demo[data-provider=gemini] .ai-brand-name{color:#3B506A;font-weight:500}
.ai-visibility-demo[data-provider=gemini] .ai-query{border-radius:20px 20px 4px 20px;background:#EDF3FC}
.ai-visibility-demo[data-provider=gemini] .ai-answer mark{background:#E3EEFF}
.ai-visibility-demo[data-provider=gemini] .ai-business-example{background:#F5F9FF;border-color:#D4E3F6}
.ai-visibility-demo[data-provider=gemini] .ai-citation{background:#EDF3FC;color:#3B629A}
.ai-visibility-demo[data-phase=question] .ai-citation-strip{visibility:hidden}
.ai-static-searches{margin-top:22px;display:grid;gap:12px}
.ai-static-searches[hidden],.ai-search-templates[hidden]{display:none}
.ai-static-searches>article{padding:18px;border:1px solid #CDDFE8;border-radius:9px;background:white}
.ai-static-searches h5{font-size:15px;margin:0 0 8px}
.ai-static-searches article p{font-size:12px;line-height:1.8;color:#48616F}
.ai-static-searches mark{background:#EAF5FC;color:var(--navy)}
.ai-visibility-demo[data-motion=static] .ai-platform-progress{display:none}
@media(min-width:901px) and (max-width:1150px){.ai-platforms ul{gap:9px}.ai-platforms li{font-size:8px;gap:5px}.ai-platforms .ai-platform-logo{width:16px;height:16px}.ai-brand-header{padding:16px 20px}.ai-query{font-size:14px}.ai-discovery-layout{min-height:390px}.ai-answer{font-size:11px}.ai-visibility-demo[data-provider=claude] .ai-answer{font-size:13px}.ai-visibility-demo[data-provider=perplexity] .ai-query{font-size:21px}}
@media(max-width:900px){.ai-platforms li{font-size:12px}.ai-platforms .ai-platform-logo{width:21px;height:21px}.ai-query{font-size:18px}.ai-answer{font-size:14px}.ai-visibility-demo[data-provider=claude] .ai-answer{font-size:16px}.ai-business-name{font-size:26px}.ai-business-description{font-size:12px}.ai-citation-label,.ai-citation{font-size:9px}.ai-discovery-layout{min-height:380px}}
@media(max-width:560px){.ai-platforms ul{gap:10px}.ai-platforms li{flex-direction:column;align-items:flex-start;gap:7px;font-size:9px;padding-bottom:12px}.ai-platforms .ai-platform-logo{width:21px;height:21px}.ai-platforms>span{font-size:9px;line-height:1.7;max-width:240px}.ai-brand-header{padding:15px 18px;gap:10px}.ai-brand-name{font-size:16px}.ai-brand-logo .ai-platform-logo{width:23px;height:23px}.ai-search-counter{font-size:7px}.ai-question-wrap{padding:21px 18px 0}.ai-query{font-size:15px;max-width:95%;padding:12px 13px}.ai-discovery-layout{min-height:0;padding-top:23px;gap:20px}.ai-answer-wrap{min-height:258px}.ai-answer{font-size:13px}.ai-visibility-demo[data-provider=claude] .ai-answer{font-size:15px}.ai-visibility-demo[data-provider=perplexity] .ai-query{font-size:21px}.ai-citation-strip{margin-top:12px}.ai-citation-label,.ai-citation{font-size:8px}.ai-business-name{font-size:26px}.ai-business-description{font-size:12px}.ai-enquiry-example{min-height:170px}.ai-window-foot{min-height:83px}.ai-static-searches article p{font-size:12px}}
.motion-disabled .ai-visibility-demo *{transition:none!important}

/* Split hero action: the text navigates, the adjacent arrow owns the launch toy. */
.hero-launch-cta{position:relative;display:inline-flex;align-items:center;flex-shrink:0;background:var(--navy);border-radius:8px;color:white;isolation:isolate}
.hero-launch-cta .hero-next-link{background:transparent;border-radius:8px;white-space:nowrap}
.hero-launch-cta.has-launch .hero-next-link{padding-right:12px;border-radius:8px 0 0 8px}
.hero-launch-cta .secret-launch{color:white;width:62px;height:58px;margin:0 8px 0 0;border:0;border-radius:0 8px 8px 0;overflow:visible}
.hero-launch-cta .launch-arrow{color:white;font-size:39px;font-weight:400}
.hero-launch-cta .secret-launch:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:8px}
.hero-launch-cta .hero-next-link:focus-visible{outline-color:var(--mint)}
.hero-launch-cta .launch-glyph{pointer-events:none}
.hero-launch-cta .launch-aura{inset:-5px;background:radial-gradient(circle,#4DDDAA55 0%,#4DDDAA18 45%,#4DDDAA00 72%)}
.hero-launch-cta .launch-caption{position:absolute;bottom:calc(100% + 9px);right:0;pointer-events:none;z-index:5}
.hero-launch-cta .launch-hint{position:static;display:block;padding:6px 10px;border-radius:6px;background:var(--navy);color:var(--mint);font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap}
.hero-launch-cta .launch-caption:not(.is-active),.hero-launch-cta .launch-hint:empty{display:none}
.hero-launch-cta .launch-fallback[hidden]{display:none}
@media(max-width:580px){.hero-launch-cta .secret-launch{width:58px;height:56px;margin-right:6px}.hero-launch-cta .launch-arrow{font-size:37px}.hero-launch-cta .launch-hint{font-size:9px}}

/* Distinct fictional businesses: illustrated identity above a useful customer enquiry. */
.ai-business-example{padding:0!important;overflow:hidden;border-radius:12px;gap:0}
.ai-business-top{padding:13px 17px 10px;border:0;align-items:center}
.ai-business-top .ai-business-label{font-size:6px;letter-spacing:.07em}
.ai-business-top>span:last-child{font-size:24px}
.ai-business-art{height:113px;position:relative;margin:0 12px 17px;background:#DDF0F7;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ai-business-art>svg{width:100%;height:100%;max-width:260px;transform-origin:center}
.ai-visibility-demo[data-industry=Dentistry] .ai-business-art{background:#EAF5FC;border-radius:48px 48px 7px 7px}
.ai-visibility-demo[data-industry="Home services"] .ai-business-art{background:#EAF5FC}
.ai-visibility-demo[data-industry=Fitness] .ai-business-art{background:#E9F1FD;border-radius:7px 40px 7px 7px}
.ai-business-example>.ai-business-label{padding:0 17px;font-size:6px;color:#6B7D7D}
.ai-business-place{display:flex;justify-content:space-between;gap:8px;padding:0 17px;font-size:7px;line-height:1.6;margin-top:9px;color:#58747A}
.ai-business-place>span:first-child{text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#0C121F}
.ai-business-place>span:last-child:before{content:'◦';margin-right:4px;color:#0C121F;font-weight:600}
.ai-business-name{padding:0 17px;margin:8px 0 0;max-width:none;font-size:clamp(20px,1.8vw,26px);line-height:1.06;letter-spacing:-.05em;min-height:54px}
.ai-business-description{padding:0 17px;font-size:10px;line-height:1.7;color:#506876;margin-top:9px;min-height:34px}
.ai-business-services{padding:0 17px;gap:5px;margin:13px 0 17px;min-height:24px;align-content:start}
.ai-business-services>span{border:0;background:#EEF3F7;border-radius:4px;font-size:7px;padding:4px 6px;line-height:1.5}
.ai-business-route{padding:12px 17px;margin-top:auto;border-color:#D9E5E6;font-size:9px}
.ai-business-route>span:last-child{font-size:21px}
.ai-visibility-demo[data-provider=claude] .ai-business-services>span{background:#EEF3F7}
.ai-visibility-demo[data-provider=gemini] .ai-business-services>span{background:#E8EFF9}
.ai-enquiry-example{display:block;position:relative;padding:0;overflow:hidden;background:#0C121F;border-radius:12px;min-height:0}
.ai-enquiry-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 21px;border-bottom:1px solid #FFFFFF16}
.ai-enquiry-example .ai-overline{font-size:7px;letter-spacing:.09em;color:#B2C8D4}
.ai-enquiry-example-label{display:flex;align-items:center;gap:5px;font-size:7px;line-height:1.5;color:#A8D8F0}
.ai-enquiry-example-label:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--mint)}
.ai-enquiry-message{display:flex;align-items:flex-start;gap:13px;padding:21px}
.ai-enquiry-icon{width:34px;height:34px;border-radius:50%;font-size:22px;background:#A8D8F0;color:var(--navy);flex-shrink:0;display:grid;place-items:center}
.ai-enquiry-body{min-width:0;flex:1}
.ai-enquiry-sender{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;line-height:1.6;color:#DFECEF}
.ai-enquiry-sender>span{font-size:7px;color:#849CAB;white-space:nowrap}
.ai-enquiry-subject{display:block;font-size:15px;font-weight:600;letter-spacing:-.025em;line-height:1.4;margin-top:11px;color:white}
.ai-enquiry-example p.ai-enquiry-copy{font-size:12px;line-height:1.8;letter-spacing:0;max-width:560px;margin-top:9px;color:#BED0DA}
.ai-enquiry-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 21px 15px;border-top:1px solid #FFFFFF12}
.ai-enquiry-caption{font-size:7px;margin:0;line-height:1.6;border:1px solid #4DDDAA45;background:#4DDDAA0D;border-radius:4px;color:#A8D8F0;padding:5px 8px}
.ai-enquiry-stamp{display:flex;align-items:center;gap:9px;background:transparent;color:#C5DDE5;border-radius:0;transform:none;width:auto;height:auto;margin:0;font-size:8px;line-height:1.6;letter-spacing:0;text-align:left}
.ai-enquiry-stamp>span{font-size:21px;line-height:1;color:var(--mint)}
.ai-static-question{font-weight:600;margin-bottom:10px}
.ai-static-enquiry{margin-top:12px;border-top:1px solid #DCE7EB;padding-top:12px;font-style:italic}
@media(min-width:901px) and (max-width:1150px){.ai-business-art{height:100px;margin-inline:10px}.ai-business-name{font-size:21px;min-height:45px}.ai-business-description{font-size:9px}.ai-business-place{font-size:6px}.ai-business-services{gap:4px}.ai-business-services>span{font-size:6px}.ai-enquiry-message{padding:18px;gap:11px}.ai-enquiry-stamp{display:flex;font-size:7px}.ai-enquiry-head,.ai-enquiry-bottom{padding-inline:18px}}
@media(max-width:900px){.ai-business-art{height:136px}.ai-business-place{font-size:8px}.ai-business-example>.ai-business-label{font-size:7px}.ai-business-name{font-size:29px;min-height:61px}.ai-business-description{font-size:12px}.ai-business-services>span{font-size:8px}.ai-business-route{font-size:10px}.ai-enquiry-subject{font-size:18px}.ai-enquiry-example p.ai-enquiry-copy{font-size:14px}.ai-enquiry-sender{font-size:10px}.ai-enquiry-sender>span,.ai-enquiry-caption,.ai-enquiry-stamp{font-size:9px}.ai-enquiry-example .ai-overline,.ai-enquiry-example-label{font-size:8px}}
@media(max-width:560px){.ai-business-art{height:133px;margin:0 12px 18px}.ai-business-top{padding:14px 18px 12px}.ai-business-name{font-size:28px;min-height:0;margin-top:9px;padding-inline:18px}.ai-business-description{font-size:12px;min-height:0;padding-inline:18px;margin-top:12px}.ai-business-place{padding-inline:18px;font-size:8px}.ai-business-example>.ai-business-label{padding-inline:18px;font-size:7px}.ai-business-services{padding-inline:18px;margin:15px 0 19px;min-height:0}.ai-business-services>span{font-size:8px}.ai-business-route{padding:13px 18px;font-size:10px}.ai-enquiry-example{min-height:0}.ai-enquiry-head{padding:12px 15px;gap:8px;flex-wrap:wrap}.ai-enquiry-example .ai-overline,.ai-enquiry-example-label{font-size:7px}.ai-enquiry-message{padding:18px 15px;gap:10px}.ai-enquiry-icon{width:28px;height:28px;font-size:19px}.ai-enquiry-sender{font-size:9px;display:block}.ai-enquiry-sender>span{display:block;font-size:7px;margin-top:2px}.ai-enquiry-subject{font-size:16px;margin-top:12px}.ai-enquiry-example p.ai-enquiry-copy{font-size:12px;line-height:1.8;margin-top:9px}.ai-enquiry-bottom{padding:12px 15px 14px;align-items:flex-start;flex-direction:column;gap:10px}.ai-enquiry-caption{font-size:8px}.ai-enquiry-stamp{display:flex;font-size:8px}.ai-enquiry-stamp>span{font-size:18px}}

/* A soft landing and one glint, both owned by the cancellable launch sequence. */
.launch-dock>span{position:relative;overflow:hidden}
.launch-landing-smoke{position:absolute;left:50%;top:65%;width:0;height:0;pointer-events:none;z-index:2}
.launch-landing-smoke>i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#C4D9DB;filter:blur(1.5px);opacity:0;pointer-events:none}
.launch-landing-smoke>i:nth-child(2n){background:#E0EFE8;width:15px;height:15px}
.launch-glimmer{display:block;position:absolute;inset:-20% -5%;pointer-events:none;background:linear-gradient(110deg,transparent 27%,#FFFFFF10 39%,#FFFFFFEF 50%,#FFFFFF10 61%,transparent 73%);opacity:0}

/* One introduction, compact choices, then the customer story. */
.expertise{padding-top:64px}
.expertise>.service-showcase{scroll-margin-top:24px}
.showcase-heading{align-items:center;gap:24px;padding:24px 28px}
.showcase-heading .eyebrow{font-size:9px;letter-spacing:.1em}
.showcase-heading h2{font-size:clamp(28px,2.6vw,38px);line-height:1.15;letter-spacing:-.05em;margin-top:12px;font-weight:600;text-wrap:balance}
.showcase-heading h2>span{white-space:nowrap}
.showcase-heading>p{font-size:12px;line-height:1.6;max-width:290px;flex-shrink:0}
.showcase-heading>p>strong{font-size:11px;margin-top:5px}
.showcase-heading .launch-dock{width:20px;height:20px;margin-right:10px}
.showcase-tabs a{min-height:92px;padding:15px 14px;justify-content:center}
.showcase-tabs a>.priority-number{display:none}
.showcase-tabs a>strong{font-size:12px;line-height:1.35;max-width:none}
.showcase-tabs a>small{font-size:10px;line-height:1.4;margin-top:6px}
.showcase-ai .showcase-copy{grid-column:1;grid-row:1;padding:25px 24px}
.showcase-ai .showcase-canvas{grid-column:2;grid-row:1;padding:22px}
.showcase-ai .showcase-copy h4{font-size:clamp(25px,2.1vw,31px);line-height:1.18;margin:20px 0 0;max-width:340px}
.showcase-ai .showcase-copy>p{font-size:13px;line-height:1.7;margin-top:18px}
.showcase-ai .showcase-delivery{margin-top:22px;padding-top:18px}
.showcase-ai .opportunity-actions{margin-top:24px;padding-top:0}
.ai-demo-intro{margin-bottom:14px;align-items:center}
.ai-demo-intro>div>p{font-size:clamp(22px,1.9vw,28px);line-height:1.15;margin-top:5px}
.ai-demo-intro>div>p br{display:none}
.ai-demo-intro>div>p em:before{content:' '}
.ai-platforms{margin-bottom:16px}
.ai-platforms>span{margin-bottom:9px}
.ai-platforms li{padding-bottom:9px}
@media(min-width:901px) and (max-height:850px){
  .expertise{padding-top:40px}
  .showcase-heading{padding-block:20px}
  .showcase-tabs a{min-height:82px;padding-block:12px}
  .showcase-ai .showcase-canvas{padding:18px}
  .ai-brand-header{padding-block:13px}
  .ai-question-wrap{padding-top:16px}
  .ai-discovery-layout{padding-top:18px;padding-bottom:18px;min-height:0}
  .ai-answer-wrap{min-height:0}
  .ai-business-art{height:88px;margin-bottom:12px}
}
@media(max-width:900px){
  .expertise{padding-top:40px}
  .showcase-heading{display:flex;padding:22px;gap:20px}
  .showcase-heading h2{font-size:30px;max-width:370px}
  .showcase-heading>p{max-width:230px;margin:0;font-size:11px}
  .showcase-tabs a{min-height:78px;padding:13px 16px}
  .showcase-tabs a>strong{font-size:13px}
  .showcase-tabs a>small{font-size:10px;margin-top:4px}
  /* The illustration comes first in both source and mobile reading order. */
  .showcase-ai .showcase-canvas{grid-column:1;grid-row:1;padding:22px}
  .showcase-ai .showcase-copy{grid-column:1;grid-row:2;padding:24px;border-top:1px solid var(--line);border-bottom:0;gap:0 24px}
  .showcase-ai .showcase-copy h4{font-size:28px;margin-top:16px;max-width:440px}
  .showcase-ai .showcase-copy>p{margin-top:14px;max-width:560px}
  .showcase-ai .showcase-delivery{margin-top:16px}
  .showcase-ai .opportunity-actions{grid-column:1/-1;margin-top:20px}
  .ai-demo-intro>div>p{font-size:25px}
}
@media(max-width:560px){
  .expertise{padding-top:32px}
  .showcase-heading{display:block;padding:20px 18px}
  .showcase-heading h2{font-size:28px;line-height:1.12;max-width:320px;margin-top:10px;text-wrap:initial}
  .showcase-heading h2>span{display:block}
  .showcase-heading>p{max-width:none;margin-top:12px;font-size:12px}
  .showcase-heading>p>strong{display:inline;font-size:12px;font-weight:500;margin:0}
  .showcase-heading>p>strong:before{content:' '}
  .showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .showcase-tabs a{min-height:88px;padding:12px 9px;justify-content:flex-start;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .showcase-tabs a:nth-child(3n){border-right:0}
  .showcase-tabs a:nth-child(n+4){border-bottom:0}
  .showcase-tabs a>strong{font-size:11px;line-height:1.4;overflow-wrap:normal}
  .showcase-tabs a>small{font-size:9px;line-height:1.4;margin-top:5px}
  .showcase-ai .showcase-canvas{padding:18px 12px}
  .ai-demo-intro{align-items:flex-start;gap:8px;margin-bottom:12px}
  .ai-demo-intro>div{flex:1;min-width:0}
  .ai-demo-intro>div>p{font-size:22px;max-width:240px}
  .ai-demo-intro .ai-demo-label{font-size:7px;white-space:normal;max-width:62px}
  .ai-platforms>span{font-size:9px;margin-bottom:9px}
  .ai-platforms li{font-size:9px;gap:5px;padding-bottom:8px}
  .ai-platforms .ai-platform-logo{width:18px;height:18px}
  .ai-brand-header{padding:13px 16px}
  .ai-question-wrap{padding:16px 16px 0}
  .ai-discovery-layout{padding:18px 16px;gap:16px}
  .ai-answer-wrap{min-height:0}
  .showcase-ai .showcase-copy{display:block;padding:24px 20px}
  .showcase-ai .showcase-copy h4{font-size:28px;max-width:360px}
}

/* Editorial refinement: quiet framing, confident type, one focal result. */
.service-showcase{border-color:#DEE4E9;border-radius:10px;box-shadow:none}
.showcase-heading{padding:24px 28px}
.showcase-heading h2{letter-spacing:-.045em}
.showcase-heading>p{color:#596572}
.showcase-tabs{background:#FAFBFC;border-color:#DEE4E9}
.showcase-tabs a{border-color:#E3E8EC;transition:background 180ms,color 180ms}
.showcase-tabs a>strong{letter-spacing:-.015em;font-weight:600}
.showcase-tabs a>small{color:#63717E}
.showcase-tabs a:hover:not([aria-selected=true]){background:#EFF6F5}
.showcase-ai{grid-template-columns:minmax(230px,.7fr) minmax(0,1.8fr)}
.showcase-ai .showcase-copy{padding:30px 26px;border-color:#E3E8EC}
.showcase-ai .showcase-counter{font-size:10px;color:#63717E}
.showcase-ai .showcase-copy h4{font-size:clamp(28px,2.4vw,36px);letter-spacing:-.045em;line-height:1.1;margin-top:24px;text-wrap:initial}
.showcase-ai .showcase-copy>p{font-size:14px;line-height:1.65;color:#596572;margin-top:20px;max-width:290px}
.showcase-ai .showcase-delivery{margin-top:26px;padding-top:22px;border-color:#E3E8EC}
.showcase-ai .showcase-delivery>.artifact-label{font-size:10px;letter-spacing:0;font-weight:600;max-width:none}
.showcase-ai .showcase-delivery p{font-size:12px;line-height:1.7;color:#63717E;max-width:290px}
.showcase-ai .opportunity-actions{margin-top:26px;gap:8px}
.showcase-ai .opportunity-actions .button{border-radius:5px;min-height:46px;font-size:12px;padding:12px 15px}
.showcase-ai .opportunity-actions .text-link{font-size:11px;color:#475463}
.showcase-ai .showcase-canvas{background:#F7F9FA;padding:24px}
.ai-demo-intro{margin-bottom:18px;align-items:center}
.ai-demo-intro .ai-overline{font-size:8px;letter-spacing:.11em;color:#62717C}
.ai-demo-intro>div>p{font-size:clamp(22px,2vw,29px);font-weight:600;letter-spacing:-.04em;margin-top:7px}
.ai-demo-intro em{color:var(--navy)}
.ai-demo-label{font-size:8px;color:#65747F;gap:5px}
.ai-platforms{margin:0 0 18px}
.ai-platforms>span{font-size:9px;color:#63717E;margin-bottom:12px}
.ai-platforms ul{gap:18px}
.ai-platforms li{font-size:10px;gap:7px;color:#74818A;padding-bottom:10px}
.ai-platforms .ai-platform-logo{width:19px;height:19px}
.ai-platform-progress{height:2px;background:#DEE5E9}
.ai-window{border:1px solid #DCE3E7;border-radius:9px;box-shadow:0 8px 24px -20px #0C121F30}
.ai-brand-header{padding:15px 22px;border-color:#E7EBED}
.ai-brand-name{font-size:17px;letter-spacing:-.035em}
.ai-search-counter{font-size:8px;color:#6A7882}
.ai-question-wrap{padding:20px 22px 0}
.ai-speaker{font-size:9px;margin-bottom:7px}
.ai-query{font-size:16px;line-height:1.5;max-width:92%;padding:12px 15px}
.ai-visibility-demo[data-provider=perplexity] .ai-query{font-size:24px;line-height:1.25;letter-spacing:-.035em}
.ai-discovery-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:24px 22px;gap:24px;min-height:0;align-items:start}
.ai-answer-wrap{min-height:0;padding-top:4px}
.ai-answer-byline{font-size:8px;margin-bottom:14px;gap:7px}
.ai-response-logo .ai-platform-logo{width:18px;height:18px}
.ai-answer{font-size:13px;line-height:1.75;color:#35424B}
.ai-visibility-demo[data-provider=claude] .ai-answer{font-size:15px;line-height:1.65}
.ai-citation-strip{gap:6px;margin-top:16px}
.ai-citation-label{font-size:8px;color:#73808A}
.ai-citation{font-size:8px;border-radius:3px;padding:4px 6px}
.ai-relevance{margin-top:20px;gap:8px}
.ai-relevance li{font-size:10px;color:#586B76}
.ai-relevance li>span{background:transparent;width:15px;height:15px;color:#0C121F;font-size:12px}
.ai-visibility-demo[data-provider] .ai-business-example{background:#FFF;border:1px solid #D6E1E9;border-top:3px solid var(--mint);border-radius:6px;box-shadow:none}
.ai-business-top{padding:12px 15px 9px}
.ai-business-top .ai-business-label{font-size:7px;letter-spacing:.065em;color:#596572}
.ai-business-top>span:last-child{font-size:20px}
.ai-visibility-demo[data-industry] .ai-business-art{height:74px;margin:0 12px 14px;border-radius:4px;background:#EAF5FC}
.ai-business-art>svg{max-width:155px}
.ai-business-example>.ai-business-label{font-size:7px;color:#596572;padding:0 15px}
.ai-business-place{padding:0 15px;font-size:8px;margin-top:8px}
.ai-business-name{padding:0 15px;font-size:clamp(21px,1.8vw,27px);line-height:1.12;min-height:0;margin-top:9px;letter-spacing:-.04em}
.ai-business-description{padding:0 15px;font-size:11px;line-height:1.5;min-height:0;margin-top:10px;color:#596572}
.ai-business-services{padding:0 15px;min-height:0;margin:14px 0;gap:4px}
.ai-business-services>span{font-size:8px;padding:4px 6px;border-radius:3px;background:#EEF3F7;color:#596572}
.ai-business-route{padding:11px 15px;font-size:9px;border-color:#E4EAF0;color:#0C121F}
.ai-business-route>span:last-child{font-size:18px}
.ai-enquiry-example{margin:0 22px 22px;border-radius:6px}
.ai-enquiry-head{padding:11px 18px}
.ai-enquiry-message{padding:16px 18px;gap:11px}
.ai-enquiry-subject{font-size:15px;margin-top:8px}
.ai-enquiry-example p.ai-enquiry-copy{font-size:12px;line-height:1.6;margin-top:7px}
.ai-enquiry-bottom{padding:10px 18px 12px;gap:10px}
.ai-enquiry-caption{border:0;background:transparent;padding:0;font-size:8px}
.ai-enquiry-stamp{font-size:8px}
.ai-window-foot{padding:13px 22px;background:transparent;border-color:#E7EBED}
.ai-demo-disclosure{font-size:9px;line-height:1.6;margin-top:14px;color:#647580;max-width:760px}
@media(min-width:901px) and (max-width:1150px){
  .showcase-ai{grid-template-columns:minmax(215px,.72fr) minmax(0,1.8fr)}
  .showcase-ai .showcase-copy{padding:25px 20px}
  .showcase-ai .showcase-canvas{padding:18px}
  .showcase-ai .showcase-copy h4{font-size:29px}
  .ai-discovery-layout{gap:16px;padding:20px 18px}
  .ai-answer{font-size:12px}
  .ai-visibility-demo[data-provider=claude] .ai-answer{font-size:14px}
  .ai-platforms ul{gap:10px}
  .ai-platforms li{font-size:9px}
  .ai-business-name{font-size:22px}
  .ai-business-place{flex-wrap:wrap;gap:2px 8px}
}
@media(max-width:900px){
  .showcase-ai{grid-template-columns:minmax(0,1fr)}
  .showcase-ai .showcase-copy{padding:26px}
  .showcase-ai .showcase-copy h4{font-size:32px}
  .showcase-ai .showcase-copy>p,.showcase-ai .showcase-delivery p{max-width:520px}
  .ai-answer{font-size:14px}
  .ai-platforms li{font-size:11px}
  .ai-business-name{font-size:26px}
}
@media(max-width:560px){
  .service-showcase{border-radius:8px}
  .showcase-heading{padding:20px 18px}
  .showcase-ai .showcase-canvas{padding:20px 12px}
  .showcase-ai .showcase-copy{padding:24px 20px}
  .showcase-ai .showcase-copy h4{font-size:30px;margin-top:18px}
  .ai-demo-intro{gap:10px;align-items:flex-start;margin-bottom:15px}
  .ai-demo-intro>div>p{font-size:23px;line-height:1.1;max-width:235px}
  .ai-demo-intro>div>p em{display:block}
  .ai-demo-intro>div>p em:before{content:none}
  .ai-demo-intro .ai-demo-label{font-size:7px;max-width:60px}
  .ai-platforms ul{gap:9px}
  .ai-platforms li{font-size:9px;gap:6px}
  .ai-brand-header{padding:14px 16px}
  .ai-question-wrap{padding:17px 16px 0}
  .ai-query{font-size:15px;max-width:100%;padding:11px 13px}
  .ai-visibility-demo[data-provider=perplexity] .ai-query{font-size:22px}
  .ai-discovery-layout{grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:21px}
  .ai-answer{font-size:13px}
  .ai-relevance{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px}
  .ai-relevance li{font-size:9px}
  .ai-visibility-demo[data-industry] .ai-business-art{height:72px}
  .ai-business-name{font-size:26px}
  .ai-business-description{font-size:12px}
  .ai-business-place{font-size:9px}
  .ai-business-services>span{font-size:9px}
  .ai-business-route{font-size:10px}
  .ai-enquiry-example{margin:0 16px 18px}
  .ai-enquiry-head{padding:11px 14px}
  .ai-enquiry-message{padding:16px 14px}
  .ai-enquiry-bottom{padding:10px 14px 13px}
  .ai-window-foot{padding:12px 16px}
  .ai-demo-disclosure{font-size:9px;line-height:1.6}
}

/* Refero layout lock: Arcade's demo-first frame, Customer.io's utility,
   and Sana's generous product area, adapted to Axil's existing brand. */
.showcase-ai{display:flex;flex-direction:column}
.showcase-ai .showcase-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:28px 32px;border:0}
.ai-service-intro{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(200px,1fr);column-gap:36px;align-items:center}
.ai-service-intro .showcase-counter{grid-column:1/-1;margin-bottom:12px;font-size:10px}
.showcase-ai .ai-service-intro h4{font-size:clamp(28px,2.6vw,38px);line-height:1.12;margin:0;max-width:440px;letter-spacing:-.04em}
.showcase-ai .ai-service-intro>p{font-size:14px;line-height:1.65;color:#596572;max-width:340px;margin:0}
.showcase-ai .opportunity-actions{margin:0;padding:0;align-items:flex-start;flex-direction:column;gap:4px}
.showcase-ai .opportunity-actions .button{white-space:nowrap}
.showcase-ai .opportunity-actions .text-link{min-height:36px}
.showcase-ai .showcase-canvas{padding:0 32px 24px;background:white}
.ai-demo-toolbar{display:flex;align-items:center;gap:32px;padding:0 0 16px}
.ai-demo-toolbar>.ai-demo-label{flex:0 0 130px;font-size:10px;white-space:nowrap;padding:0}
.ai-demo-toolbar .ai-platforms{flex:1;min-width:0;margin:0}
.ai-demo-toolbar .ai-platforms ul{gap:24px}
.ai-demo-toolbar .ai-platforms li{font-size:12px;padding-bottom:10px;gap:8px;flex-direction:row;align-items:center}
.ai-demo-toolbar .ai-platform-logo{width:21px;height:21px}
.ai-window{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);border-radius:12px;overflow:hidden;background:var(--ai-paper)}
.ai-conversation{min-width:0;background:var(--ai-paper);padding-bottom:28px}
.ai-conversation .ai-brand-header{padding:20px 28px}
.ai-conversation .ai-question-wrap{padding:24px 28px 0}
.ai-conversation .ai-query{font-size:17px;line-height:1.5;max-width:92%}
.ai-conversation .ai-answer-wrap{min-height:0;padding:24px 28px 0}
.ai-conversation .ai-answer{font-size:14px;line-height:1.8;max-width:620px}
.ai-visibility-demo[data-provider=claude] .ai-conversation .ai-answer{font-size:16px;line-height:1.75}
.ai-visibility-demo[data-provider=perplexity] .ai-conversation .ai-query{font-size:clamp(24px,2.3vw,32px);line-height:1.2;max-width:640px}
.ai-conversation .ai-answer-byline{font-size:10px;margin-bottom:16px}
.ai-conversation .ai-citation,.ai-conversation .ai-citation-label{font-size:9px}
.ai-conversation .ai-relevance{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 16px}
.ai-conversation .ai-relevance li{font-size:10px}
.ai-outcome{min-width:0;display:flex;flex-direction:column;gap:16px;padding:20px;background:#F5F8FB;border-left:1px solid #E4EAF0}
.ai-outcome .ai-business-example{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-content:start;position:relative;min-height:0;border:1px solid #D6E1E9;border-top:3px solid var(--mint);border-radius:8px}
.ai-outcome .ai-business-top{grid-column:1/-1;padding:12px 16px 8px}
.ai-visibility-demo[data-industry] .ai-outcome .ai-business-art{grid-column:2;grid-row:2/6;align-self:center;height:76px;margin:0 12px 0 0;border-radius:6px;background:#EAF5FC}
.ai-outcome .ai-business-art>svg{height:100%;width:100%;max-width:none}
.ai-outcome .ai-business-example>.ai-business-label{grid-column:1;font-size:7px;padding:0 16px;line-height:1.6}
.ai-outcome .ai-business-place{grid-column:1;padding:0 16px;font-size:8px;flex-wrap:wrap;gap:4px 8px;margin-top:7px}
.ai-outcome .ai-business-name{grid-column:1;padding:0 16px;font-size:clamp(21px,1.9vw,27px);margin-top:8px;min-height:0;line-height:1.1}
.ai-outcome .ai-business-description{grid-column:1/-1;padding:0 16px;font-size:11px;line-height:1.5;margin-top:10px;min-height:0}
.ai-outcome .ai-business-services{grid-column:1/-1;padding:0 16px;margin:12px 0;min-height:0;gap:5px}
.ai-outcome .ai-business-services>span{font-size:8px}
.ai-outcome .ai-business-route{grid-column:1/-1;padding:10px 16px;font-size:10px}
.ai-outcome .ai-enquiry-example{margin:0;border-radius:8px}
.ai-outcome .ai-enquiry-head{padding:10px 16px;gap:8px;flex-wrap:wrap}
.ai-outcome .ai-enquiry-message{padding:14px 16px;gap:10px}
.ai-outcome .ai-enquiry-sender{font-size:9px;flex-wrap:wrap;gap:2px 8px}
.ai-outcome .ai-enquiry-subject{font-size:15px;line-height:1.3;margin-top:8px}
.ai-outcome .ai-enquiry-copy{font-size:12px;line-height:1.55}
.ai-outcome .ai-enquiry-bottom{padding:10px 16px;flex-wrap:wrap}
.ai-outcome .ai-enquiry-stamp{font-size:8px}
.ai-window>.ai-window-foot{grid-column:1/-1;padding:12px 24px;min-height:64px}
.ai-window .ai-sequence-progress{max-width:480px;gap:24px}
.ai-window .ai-sequence-progress>li{font-size:10px}
.ai-window .ai-play{font-size:11px;border-radius:6px;background:white;min-height:40px}
.ai-demo-disclosure{font-size:9px;max-width:none;margin-top:12px}
.showcase-ai>.ai-service-notes{display:flex;align-items:center;gap:32px;width:auto;margin:0;padding:20px 32px;border-top:1px solid #E3E8EC;background:#FAFBFC}
.ai-service-notes>.artifact-label{font-size:9px;letter-spacing:.08em;flex-shrink:0;color:#65737D}
.ai-service-notes>ul{list-style:none;display:flex;justify-content:space-between;flex:1;gap:20px;margin:0;padding:0}
.ai-service-notes li{display:flex;align-items:center;gap:10px;font-size:12px;color:#374953}
.ai-service-notes li>span{font-size:9px;color:#0C121F}
@media(max-width:1150px){
  .showcase-ai .showcase-copy{padding:24px;gap:24px}
  .ai-service-intro{grid-template-columns:1fr;gap:0}
  .ai-service-intro .showcase-counter{margin-bottom:8px}
  .showcase-ai .ai-service-intro h4{font-size:30px;max-width:none}
  .showcase-ai .ai-service-intro h4 br{display:none}
  .showcase-ai .ai-service-intro>p{margin-top:10px;max-width:520px;font-size:13px}
  .showcase-ai .showcase-canvas{padding:0 24px 20px}
  .ai-window{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}
  .ai-conversation .ai-brand-header{padding:18px 20px}
  .ai-conversation .ai-question-wrap{padding:20px 20px 0}
  .ai-conversation .ai-answer-wrap{padding:20px 20px 0}
  .ai-conversation .ai-query{font-size:15px}
  .ai-conversation .ai-answer{font-size:13px}
  .ai-outcome{padding:16px;gap:14px}
  .ai-outcome .ai-business-example{grid-template-columns:minmax(0,1fr) 76px}
  .ai-visibility-demo[data-industry] .ai-outcome .ai-business-art{height:64px;margin-right:8px}
  .ai-outcome .ai-business-name{font-size:22px}
  .showcase-ai>.ai-service-notes{padding:18px 24px;gap:24px;align-items:flex-start}
  .ai-service-notes>ul{gap:16px;flex-wrap:wrap}
}
@media(max-width:760px){
  .showcase-ai .showcase-copy{gap:20px;grid-template-columns:minmax(0,1fr)}
  .showcase-ai .opportunity-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
  .ai-demo-toolbar{gap:16px;display:block}
  .ai-demo-toolbar>.ai-demo-label{font-size:9px;margin-bottom:14px}
  .ai-demo-toolbar .ai-platforms li{font-size:10px}
  .ai-window{grid-template-columns:minmax(0,1fr)}
  .ai-outcome{border-left:0;border-top:1px solid #E4EAF0;display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .ai-outcome .ai-business-example{grid-template-columns:minmax(0,1fr) 76px}
  .ai-conversation{padding-bottom:24px}
  .showcase-ai>.ai-service-notes{display:block}
  .ai-service-notes>ul{margin-top:14px;gap:12px 20px}
}
@media(max-width:560px){
  .showcase-ai .showcase-copy{padding:22px 18px;gap:16px}
  .showcase-ai .ai-service-intro h4{font-size:29px;line-height:1.12;max-width:340px}
  .showcase-ai .ai-service-intro>p{font-size:13px;line-height:1.6;margin-top:10px}
  .showcase-ai .opportunity-actions{gap:4px}
  .showcase-ai .opportunity-actions .button{flex-basis:auto;font-size:11px;min-height:44px;padding:11px 13px}
  .showcase-ai .opportunity-actions .text-link{font-size:10px;min-height:44px;padding-inline:8px}
  .showcase-ai .showcase-canvas{padding:0 12px 18px}
  .ai-demo-toolbar{padding:0 4px 14px}
  .ai-demo-toolbar .ai-platforms ul{gap:10px}
  .ai-demo-toolbar .ai-platforms li{flex-direction:column;align-items:flex-start;font-size:9px;gap:6px}
  .ai-demo-toolbar .ai-platform-logo{width:20px;height:20px}
  .ai-conversation .ai-brand-header{padding:16px}
  .ai-conversation .ai-question-wrap{padding:18px 16px 0}
  .ai-conversation .ai-query{max-width:100%;font-size:15px}
  .ai-conversation .ai-answer-wrap{padding:20px 16px 0}
  .ai-visibility-demo[data-provider=perplexity] .ai-conversation .ai-query{font-size:23px}
  .ai-visibility-demo[data-provider=claude] .ai-conversation .ai-answer{font-size:15px}
  .ai-outcome{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px}
  .ai-outcome .ai-business-example{grid-template-columns:minmax(0,1fr) 90px}
  .ai-visibility-demo[data-industry] .ai-outcome .ai-business-art{display:flex;height:68px}
  .ai-outcome .ai-business-name{font-size:25px}
  .ai-window>.ai-window-foot{padding:12px 16px;gap:12px;flex-wrap:wrap}
  .ai-window .ai-sequence-progress{gap:12px;min-width:180px}
  .ai-window .ai-sequence-progress>li{font-size:9px}
  .ai-window .ai-play{font-size:10px;min-height:44px}
  .showcase-ai>.ai-service-notes{padding:18px}
  .ai-service-notes>ul{display:grid;gap:12px}
  .ai-service-notes li{font-size:12px}
}

/* AI service: a clear live sequence and an editorial explanation of the work. */
.service-showcase:has(#showcase-panel-0:not([hidden])) .showcase-foot{min-height:52px;padding:4px 24px;justify-content:flex-end;align-items:center;gap:20px;background:white}
.service-showcase:has(#showcase-panel-0:not([hidden])) .showcase-foot>span:first-child{display:none}
#showcase-panel-0 .showcase-copy{grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding-block:32px}
#showcase-panel-0 .ai-service-intro{grid-template-columns:minmax(0,1fr);gap:0;max-width:790px}
#showcase-panel-0 .ai-service-intro h4{font-size:clamp(30px,3vw,42px);line-height:1.12;max-width:760px;text-wrap:balance}
#showcase-panel-0 .ai-service-intro>p{max-width:700px;font-size:14px;line-height:1.7;margin-top:15px;color:#596572}
#showcase-panel-0 .opportunity-actions{min-width:190px}
#showcase-panel-0 .ai-demo-toolbar{gap:20px;align-items:stretch;padding-bottom:18px}
#showcase-panel-0 .ai-demo-toolbar>.ai-demo-label{flex-basis:112px;align-self:center;white-space:normal;line-height:1.5}
#showcase-panel-0 .ai-demo-label>i{background:var(--mint);flex-shrink:0}
#showcase-panel-0 .ai-platforms ul{gap:10px;align-items:stretch}
#showcase-panel-0 .ai-platforms li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:9px;row-gap:9px;align-content:center;align-items:center;position:relative;min-width:0;padding:13px 13px 15px;border:1px solid #E4EAF0;border-radius:8px;background:#F7F9FB;color:#596572;font-size:12px;line-height:1.3;font-weight:500;cursor:default;transition:background 250ms,border-color 250ms,color 250ms;overflow:hidden}
#showcase-panel-0 .ai-platforms li[aria-current=step]{background:var(--navy);border-color:var(--navy);color:white}
#showcase-panel-0 .ai-platforms li.is-complete{border-color:#C6DDEB;background:#F0F7FB;color:var(--navy)}
#showcase-panel-0 .ai-platform-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;font-size:9px;line-height:1.4;font-weight:400;color:#596572}
#showcase-panel-0 .ai-platform-order{font-variant-numeric:tabular-nums}
#showcase-panel-0 .ai-platforms li[aria-current=step] .ai-platform-meta{color:var(--sky)}
#showcase-panel-0 .ai-platform-state{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
#showcase-panel-0 .ai-platforms li.is-complete .ai-platform-order{color:var(--navy);font-weight:600}
#showcase-panel-0 .ai-platforms li[aria-current=step] .ai-platform-logo{background:white;border-radius:5px;padding:3px;width:26px;height:26px;margin:-3px}
#showcase-panel-0 .ai-platform-progress{left:0;right:0;bottom:0;height:3px;background:#DCE6ED}
#showcase-panel-0 .ai-platforms li[aria-current=step] .ai-platform-progress{background:#FFFFFF20}
#showcase-panel-0 .ai-platform-progress>b,#showcase-panel-0 .ai-platforms li[aria-current=step] .ai-platform-progress>b{background:var(--mint)}
#showcase-panel-0 .ai-platforms li.is-complete .ai-platform-progress{height:2px}
#showcase-panel-0 .ai-visibility-demo[data-playback=paused] .ai-platforms li[aria-current=step]{background:#EAF5FC;color:var(--navy);border-color:#B8D8EA}
#showcase-panel-0 .ai-visibility-demo[data-playback=paused] .ai-platforms li[aria-current=step] .ai-platform-meta{color:#596572}
#showcase-panel-0 .ai-visibility-demo[data-playback=static] .ai-platforms li{background:#F7F9FB;color:var(--navy);border-color:#E4EAF0}
#showcase-panel-0 .ai-visibility-demo[data-playback=static] .ai-platform-meta{color:#596572}
#showcase-panel-0 .ai-visibility-demo{--ai-accent:#0C121F}
#showcase-panel-0 .ai-visibility-demo[data-provider=perplexity]{--ai-brand:#0C121F;--ai-paper:#FFFFFF;--ai-bubble:#EEF3F7;--ai-rule:#E4EAF0}
#showcase-panel-0 .ai-answer mark,#showcase-panel-0 .ai-static-searches mark{background:#EAF5FC;color:var(--navy)}
#showcase-panel-0 .ai-citation{color:#596572;border-color:#D6E1E9;background:#F0F5F9}
#showcase-panel-0 .ai-relevance li>span,#showcase-panel-0 .ai-business-top>span:last-child,#showcase-panel-0 .ai-business-place>span:first-child,#showcase-panel-0 .ai-business-place>span:last-child:before,#showcase-panel-0 .ai-business-route{color:var(--navy)}
#showcase-panel-0 .ai-business-top .ai-business-label,#showcase-panel-0 .ai-business-example>.ai-business-label,#showcase-panel-0 .ai-business-description,#showcase-panel-0 .ai-business-place{color:#596572}
#showcase-panel-0 .ai-business-services>span{background:#EEF3F7;color:#596572}
#showcase-panel-0 .ai-outcome{background:#F5F8FB;border-color:#E4EAF0}
#showcase-panel-0 .ai-business-art{background:#EAF5FC}
#showcase-panel-0 .ai-enquiry-icon{background:var(--sky);color:var(--navy)}
#showcase-panel-0 .ai-enquiry-caption,#showcase-panel-0 .ai-enquiry-example-label{color:var(--sky)}
#showcase-panel-0 .ai-window-foot{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(270px,1.6fr) auto;gap:20px;padding:13px 24px;min-height:70px;background:white}
#showcase-panel-0 .ai-story-status{font-size:10px;font-weight:500;line-height:1.5;color:#596572;margin:0}
#showcase-panel-0 .ai-sequence-progress{width:100%;max-width:none;min-width:0;gap:14px;align-items:center}
#showcase-panel-0 .ai-sequence-progress>li{font-size:10px;color:#65717E;line-height:1.45}
#showcase-panel-0 .ai-sequence-progress>li>span{display:flex;align-items:center;gap:6px;margin:0}
#showcase-panel-0 .ai-sequence-progress>li>span:before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#CFD9E1}
#showcase-panel-0 .ai-sequence-progress>li[aria-current=step]{color:var(--navy);font-weight:600}
#showcase-panel-0 .ai-sequence-progress>li[aria-current=step]>span:before{background:var(--navy);box-shadow:0 0 0 3px #E5F3FB}
#showcase-panel-0 .ai-sequence-progress>li.is-complete>span:before{background:var(--mint)}
#showcase-panel-0 .ai-sequence-progress i{display:none}
#showcase-panel-0 .ai-play{min-height:44px;padding:9px 13px;border-color:#D4DFE7;background:white;font-size:11px}
#showcase-panel-0 .ai-play:hover{background:#EAF5FC;border-color:#B4D3E4}
#showcase-panel-0>.ai-service-notes{display:block;padding:32px;background:#F7F9FB;border-top:1px solid #E4EAF0}
#showcase-panel-0 .ai-offer-heading{max-width:800px}
#showcase-panel-0 .ai-offer-heading>.artifact-label{font-size:10px;letter-spacing:.1em;color:#596572}
#showcase-panel-0 .ai-offer-heading h5{font-size:clamp(24px,2.5vw,32px);line-height:1.2;letter-spacing:-.035em;font-weight:600;color:var(--navy);margin:10px 0}
#showcase-panel-0 .ai-offer-heading>p{font-size:14px;line-height:1.7;color:#596572;max-width:690px;margin:0}
#showcase-panel-0 .ai-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
#showcase-panel-0 .ai-offer-grid>article{position:relative;min-width:0;padding:17px 0 0;border-top:1px solid #CEDCE6}
#showcase-panel-0 .ai-offer-number{display:block;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:#596572;line-height:1.4;margin-bottom:11px}
#showcase-panel-0 .ai-offer-grid h6{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:0 0 10px;color:var(--navy)}
#showcase-panel-0 .ai-offer-grid article>p{font-size:14px;line-height:1.75;color:#596572;margin:0}
#showcase-panel-0 .ai-offer-output{display:block;margin-top:17px;padding-top:13px;border-top:1px solid #E4EAF0}
#showcase-panel-0 .ai-offer-output>span{display:block;font-size:10px;font-weight:500;letter-spacing:.07em;line-height:1.5;color:#596572;margin-bottom:5px}
#showcase-panel-0 .ai-offer-output>strong{display:block;font-size:13px;line-height:1.6;font-weight:500;color:var(--navy)}
#showcase-panel-0 .ai-offer-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid #D6E1E9}
#showcase-panel-0 .ai-offer-action>div{max-width:650px}
#showcase-panel-0 .ai-offer-action strong{font-size:15px;line-height:1.5;font-weight:600;color:var(--navy)}
#showcase-panel-0 .ai-offer-action p{font-size:14px;line-height:1.7;color:#596572;margin:6px 0 0}
#showcase-panel-0 .ai-offer-action>.button{flex-shrink:0;white-space:nowrap;min-height:46px;border-radius:6px;font-size:13px;background:var(--navy);color:white}
@media(max-width:1150px){
  #showcase-panel-0 .showcase-copy{padding:28px 24px;gap:24px}
  #showcase-panel-0 .ai-service-intro h4{font-size:34px}
  #showcase-panel-0 .ai-service-intro>p{font-size:13px}
  #showcase-panel-0 .ai-demo-toolbar{display:block}
  #showcase-panel-0 .ai-demo-toolbar>.ai-demo-label{margin-bottom:12px}
  #showcase-panel-0 .ai-platforms li{padding:12px 11px 14px;font-size:11px}
  #showcase-panel-0 .ai-window-foot{grid-template-columns:1fr auto;gap:9px 20px;padding-inline:20px}
  #showcase-panel-0 .ai-story-status{grid-column:1}
  #showcase-panel-0 .ai-sequence-progress{grid-column:1;grid-row:2;max-width:480px}
  #showcase-panel-0 .ai-play{grid-column:2;grid-row:1/3}
  #showcase-panel-0>.ai-service-notes{padding:28px 24px}
  #showcase-panel-0 .ai-offer-grid{gap:22px}
}
@media(max-width:760px){
  #showcase-panel-0 .showcase-copy{grid-template-columns:minmax(0,1fr);gap:20px}
  #showcase-panel-0 .opportunity-actions{min-width:0}
  #showcase-panel-0 .ai-offer-grid{grid-template-columns:1fr;gap:22px;margin-top:24px}
  #showcase-panel-0 .ai-offer-grid>article{display:grid;grid-template-columns:minmax(0,1fr);row-gap:10px;padding-top:18px}
  #showcase-panel-0 .ai-offer-number{grid-column:1;grid-row:1;margin:0 0 2px}
  #showcase-panel-0 .ai-offer-grid h6{grid-column:1;margin:0}
  #showcase-panel-0 .ai-offer-grid article>p,#showcase-panel-0 .ai-offer-output{grid-column:1}
  #showcase-panel-0 .ai-offer-output{margin-top:4px;padding-top:10px}
  #showcase-panel-0 .ai-offer-action{align-items:flex-start;flex-direction:column;gap:16px}
}
@media(max-width:560px){
  #showcase-panel-0 .showcase-copy{padding:24px 18px;gap:16px}
  #showcase-panel-0 .ai-service-intro h4{font-size:30px;max-width:none}
  #showcase-panel-0 .ai-service-intro>p{font-size:13px;line-height:1.65;margin-top:13px}
  #showcase-panel-0 .ai-platforms ul{gap:6px}
  #showcase-panel-0 .ai-platforms li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:10px 8px 13px;font-size:9px;border-radius:6px}
  #showcase-panel-0 .ai-platform-meta{flex-direction:column;align-items:flex-start;gap:3px;font-size:8px;margin-top:auto}
  #showcase-panel-0 .ai-platform-logo{width:20px;height:20px}
  #showcase-panel-0 .ai-window-foot{padding:13px 16px;gap:12px}
  #showcase-panel-0 .ai-story-status{grid-column:1;grid-row:1;font-size:10px}
  #showcase-panel-0 .ai-play{grid-column:2;grid-row:1;font-size:10px;padding-inline:10px}
  #showcase-panel-0 .ai-sequence-progress{grid-column:1/-1;grid-row:2;gap:10px}
  #showcase-panel-0 .ai-sequence-progress>li{font-size:9px}
  #showcase-panel-0>.ai-service-notes{padding:25px 18px}
  #showcase-panel-0 .ai-offer-heading h5{font-size:25px}
  #showcase-panel-0 .ai-offer-heading>p{font-size:14px}
  #showcase-panel-0 .ai-offer-action{margin-top:24px;padding-top:20px}
  #showcase-panel-0 .ai-offer-action>.button{white-space:normal;text-align:left;font-size:13px}
}

/* Open service navigation: type and a single accent, rather than six filled tiles. */
.service-showcase .showcase-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;padding:0 30px;background:white;border-top:0;border-bottom:1px solid var(--line)}
.service-showcase .showcase-tabs>a{min-width:0;min-height:88px;padding:16px 0 19px;justify-content:center;gap:0;border:0;border-radius:0;background:transparent;color:#596572;transition:color 160ms ease}
.service-showcase .showcase-tabs>a>strong{max-width:180px;font-size:12px;line-height:1.45;font-weight:600;letter-spacing:-.015em}
.service-showcase .showcase-tabs>a>small{margin-top:5px;font-size:10px;line-height:1.5;color:#667186}
.service-showcase .showcase-tabs>a>.priority-number{display:none}
.service-showcase .showcase-tabs>a[aria-selected=true],.service-showcase .showcase-tabs>a:hover:not([aria-selected=true]){color:var(--navy);background:transparent}
.service-showcase .showcase-tabs>a[aria-selected=true]>small{color:var(--navy)}
.service-showcase .showcase-tabs>a:after{content:'';position:absolute;left:0;right:auto;bottom:0;width:42px;height:3px;border-radius:3px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
.service-showcase .showcase-tabs>a[aria-selected=true]:after{transform:scaleX(1)}
.service-showcase .showcase-tabs>a:hover:not([aria-selected=true]):after{transform:scaleX(.5);background:var(--sky)}
.service-showcase .showcase-tabs>a:focus-visible{outline:2px solid var(--navy);outline-offset:5px;border-radius:2px}
.service-showcase .showcase-tabs>a>.launch-tab-pulse{top:auto;bottom:0;border-radius:3px}
@media(max-width:1100px){
 .service-showcase .showcase-tabs{gap:18px;padding-inline:24px}
 .service-showcase .showcase-tabs>a>strong{font-size:11px}
}
@media(max-width:900px){
 .service-showcase .showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:0;padding-bottom:10px}
 .service-showcase .showcase-tabs>a{min-height:78px;padding-block:14px}
 .service-showcase .showcase-tabs>a>strong{font-size:12px}
}
@media(max-width:560px){
 .service-showcase .showcase-tabs{padding-inline:18px;column-gap:14px}
 .service-showcase .showcase-tabs>a{min-height:84px;padding-block:12px;justify-content:flex-start}
 .service-showcase .showcase-tabs>a>strong{font-size:11px;line-height:1.4}
 .service-showcase .showcase-tabs>a>small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.service-showcase .showcase-tabs>a:after{transition:none}}
.motion-disabled .service-showcase .showcase-tabs>a:after{transition:none}

/* AI service offer: one confident invitation beside a practical sequence. */
#showcase-panel-0>.ai-service-notes{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);gap:0;align-items:stretch;padding:0;background:white;border-top:1px solid var(--line)}
#showcase-panel-0 .ai-offer-lead{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-width:0;padding:38px 32px;background:var(--navy);color:white}
#showcase-panel-0 .ai-offer-heading{max-width:390px}
#showcase-panel-0 .ai-offer-heading h5{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:600;color:white;text-wrap:balance}
#showcase-panel-0 .ai-offer-heading>p{margin:22px 0 0;font-size:14px;line-height:1.75;color:#C8D9E6;max-width:35ch}
#showcase-panel-0 .ai-offer-action{display:flex;align-items:stretch;flex-direction:column;gap:16px;margin:0;padding:0;border:0;max-width:370px}
#showcase-panel-0 .ai-offer-action>.button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:14px 18px;border:0;border-radius:4px;background:var(--mint);color:var(--navy);font-size:13px;font-weight:600;line-height:1.45;white-space:normal;text-align:left;transition:background 160ms ease}
#showcase-panel-0 .ai-offer-action>.button:hover{background:#8AEBC8}
#showcase-panel-0 .ai-offer-action>.button:focus-visible{outline:2px solid white;outline-offset:5px}
#showcase-panel-0 .ai-offer-action svg{width:23px;height:23px;flex:none;transition:transform 160ms ease}
#showcase-panel-0 .ai-offer-action>.button:hover svg{transform:translate(2px,-2px)}
#showcase-panel-0 .ai-offer-action>p{margin:0;max-width:37ch;font-size:12px;line-height:1.65;color:#C8D9E6}
#showcase-panel-0 .ai-offer-grid{display:flex;flex-direction:column;gap:0;margin:0;padding:10px 34px}
#showcase-panel-0 .ai-offer-grid>article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding:26px 0;border:0;border-bottom:1px solid var(--line);min-width:0}
#showcase-panel-0 .ai-offer-grid>article:last-child{border-bottom:0}
#showcase-panel-0 .ai-offer-number{grid-column:1;grid-row:1;margin:3px 0 0;color:#596572;font-size:11px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}
#showcase-panel-0 .ai-offer-detail{min-width:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.8fr);column-gap:28px;row-gap:12px}
#showcase-panel-0 .ai-offer-grid h6{grid-column:1/-1;margin:0;font-size:21px;line-height:1.25;letter-spacing:-.03em;font-weight:600;color:var(--navy);text-wrap:balance}
#showcase-panel-0 .ai-offer-detail>p{margin:0;font-size:13px;line-height:1.75;color:#596572}
#showcase-panel-0 .ai-offer-output{grid-column:2;margin:0;padding:2px 0 0 18px;border:0;border-left:1px solid #D4E6EF;align-self:start}
#showcase-panel-0 .ai-offer-output>strong{font-size:12px;font-weight:500;line-height:1.8;color:var(--navy)}
@media(max-width:1150px){
 #showcase-panel-0>.ai-service-notes{grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr)}
 #showcase-panel-0 .ai-offer-lead{padding:30px 26px}
 #showcase-panel-0 .ai-offer-heading h5{font-size:34px}
 #showcase-panel-0 .ai-offer-grid{padding:4px 26px}
 #showcase-panel-0 .ai-offer-grid>article{gap:14px;padding:24px 0}
 #showcase-panel-0 .ai-offer-detail{grid-template-columns:minmax(0,1fr);gap:10px}
 #showcase-panel-0 .ai-offer-output{grid-column:1;padding:0;border:0}
 #showcase-panel-0 .ai-offer-output br{display:none}
}
@media(max-width:760px){
 #showcase-panel-0>.ai-service-notes{grid-template-columns:minmax(0,1fr)}
 #showcase-panel-0 .ai-offer-lead{padding:30px 24px;gap:26px}
 #showcase-panel-0 .ai-offer-heading{max-width:500px}
 #showcase-panel-0 .ai-offer-heading h5{font-size:34px;max-width:15ch}
 #showcase-panel-0 .ai-offer-heading>p{max-width:54ch;margin-top:16px}
 #showcase-panel-0 .ai-offer-action{max-width:none}
 #showcase-panel-0 .ai-offer-action>.button{align-self:flex-start;min-width:245px}
 #showcase-panel-0 .ai-offer-action>p{max-width:52ch}
 #showcase-panel-0 .ai-offer-grid{padding:2px 24px}
 #showcase-panel-0 .ai-offer-grid>article{grid-template-columns:24px minmax(0,1fr);gap:14px;padding:25px 0}
 #showcase-panel-0 .ai-offer-grid h6{font-size:22px}
 #showcase-panel-0 .ai-offer-detail>p{font-size:14px}
 #showcase-panel-0 .ai-offer-output>strong{font-size:13px}
}
@media(max-width:380px){
 #showcase-panel-0 .ai-offer-lead{padding:28px 20px}
 #showcase-panel-0 .ai-offer-heading h5{font-size:30px}
 #showcase-panel-0 .ai-offer-grid{padding-inline:20px}
 #showcase-panel-0 .ai-offer-action>.button{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){#showcase-panel-0 .ai-offer-action svg{transition:none;transform:none!important}}
.motion-disabled #showcase-panel-0 .ai-offer-action svg{transition:none;transform:none!important}

/* A compact service index flows directly into the selected preview. */
.service-showcase .showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px 20px}
.showcase-title-lockup{display:flex;align-items:center;gap:16px;min-width:0}
.service-showcase .showcase-heading h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;max-width:none}
.service-showcase .showcase-heading .launch-dock{width:22px;height:22px;margin:0;flex:none}
.service-showcase .showcase-heading>p{margin:0;max-width:300px;font-size:12px;line-height:1.6;color:#596572}
.service-showcase .showcase-heading>p>strong{font-size:12px;margin-top:3px;font-weight:500}
.showcase-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.service-showcase .showcase-tabs{position:relative;gap:20px;padding-inline:30px}
.service-showcase .showcase-tabs>a{min-height:76px;padding:12px 0 16px}
.service-showcase .showcase-tabs>a>strong{font-size:12px;line-height:1.35}
.service-showcase .showcase-tabs>a>small{font-size:10px;margin-top:5px}
.showcase-tab-indicator{position:absolute;left:0;top:0;width:1px;height:3px;background:var(--mint);transform-origin:0 0;border-radius:1px;pointer-events:none;z-index:2}
.service-showcase .showcase-tabs.has-indicator>a:after{display:none}
#showcase-panel-0>.showcase-copy{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(240px,1.2fr) auto;align-items:center;gap:28px;padding:28px 30px 26px;border:0;background:white}
#showcase-panel-0 .ai-service-intro{display:contents}
#showcase-panel-0 .ai-service-intro h4{grid-column:1;grid-row:1;margin:0;font-size:clamp(25px,2.4vw,32px);line-height:1.16;letter-spacing:-.035em;max-width:310px;text-wrap:balance}
#showcase-panel-0 .ai-service-intro h4 br{display:none}
#showcase-panel-0 .ai-service-intro>p{grid-column:2;grid-row:1;margin:0;max-width:48ch;font-size:13px;line-height:1.75;color:#596572}
#showcase-panel-0>.showcase-copy>.opportunity-actions{grid-column:3;grid-row:1;margin:0;padding:0;min-width:0;gap:5px;align-items:stretch}
#showcase-panel-0>.showcase-copy .button{min-height:46px;font-size:11px;gap:14px;padding:12px 15px;border-radius:5px}
#showcase-panel-0>.showcase-copy .text-link{justify-content:space-between;font-size:11px;min-height:38px;padding:8px 0}
#showcase-panel-0>.showcase-canvas{padding:0 30px 24px}
#showcase-panel-0 .ai-demo-toolbar{display:flex;align-items:center;gap:24px;padding:16px 0 18px;border-top:1px solid #E7EDF2}
#showcase-panel-0 .ai-demo-toolbar>.ai-demo-label{flex-basis:112px;margin:0;font-size:10px}
#showcase-panel-0 .ai-platforms ul{gap:22px}
#showcase-panel-0 .ai-platforms li,#showcase-panel-0 .ai-platforms li.is-complete,#showcase-panel-0 .ai-platforms li[aria-current=step],#showcase-panel-0 .ai-visibility-demo[data-playback] .ai-platforms li[aria-current=step],#showcase-panel-0 .ai-visibility-demo[data-playback] .ai-platforms li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:4px 9px;padding:5px 0 13px;border:0;border-radius:0;background:transparent;color:var(--navy);font-size:12px;overflow:visible}
#showcase-panel-0 .ai-platforms .ai-platform-logo,#showcase-panel-0 .ai-platforms li[aria-current=step] .ai-platform-logo{grid-column:1;grid-row:1;width:22px;height:22px;margin:0;padding:0;border-radius:0;background:transparent}
#showcase-panel-0 .ai-platform-meta{grid-column:2;margin:0;flex-direction:row;font-size:9px;color:#596572}
#showcase-panel-0 .ai-platform-order{display:none}
#showcase-panel-0 .ai-platforms li[aria-current=step] .ai-platform-meta{color:#596572}
#showcase-panel-0 .ai-platform-progress,#showcase-panel-0 .ai-platforms li.is-complete .ai-platform-progress,#showcase-panel-0 .ai-platforms li[aria-current=step] .ai-platform-progress{height:2px;background:#E1EAF0}
@media(max-width:1100px){
 #showcase-panel-0>.showcase-copy{grid-template-columns:minmax(200px,.9fr) minmax(240px,1.2fr);gap:16px 28px}
 #showcase-panel-0>.showcase-copy>.opportunity-actions{grid-column:2;grid-row:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}
 #showcase-panel-0 .ai-service-intro h4{grid-row:1/3;align-self:center}
 #showcase-panel-0 .ai-service-intro>p{grid-column:2}
 #showcase-panel-0 .ai-platforms ul{gap:16px}
}
@media(max-width:760px){
 .service-showcase .showcase-heading{display:block;padding:26px 24px 12px}
 .service-showcase .showcase-heading>p{margin:14px 0 0 38px;max-width:none}
 .service-showcase .showcase-heading>p>strong{display:none}
 .service-showcase .showcase-tabs{padding-inline:24px;gap:0 18px}
 .service-showcase .showcase-tabs>a{min-height:78px}
 #showcase-panel-0>.showcase-copy{grid-template-columns:1fr;gap:15px;padding:26px 24px 22px}
 #showcase-panel-0 .ai-service-intro h4{grid-column:1;grid-row:auto;font-size:30px;max-width:400px}
 #showcase-panel-0 .ai-service-intro>p{grid-column:1;grid-row:auto;font-size:14px;max-width:55ch}
 #showcase-panel-0>.showcase-copy>.opportunity-actions{grid-column:1;grid-row:auto;gap:14px;align-items:center}
 #showcase-panel-0>.showcase-canvas{padding:0 24px 20px}
 #showcase-panel-0 .ai-demo-toolbar{display:block;padding-top:14px}
 #showcase-panel-0 .ai-demo-toolbar>.ai-demo-label{margin:0 0 14px}
 #showcase-panel-0 .ai-platforms ul{gap:12px}
 #showcase-panel-0 .ai-platforms li,#showcase-panel-0 .ai-platforms li.is-complete,#showcase-panel-0 .ai-platforms li[aria-current=step],#showcase-panel-0 .ai-visibility-demo[data-playback] .ai-platforms li[aria-current=step],#showcase-panel-0 .ai-visibility-demo[data-playback] .ai-platforms li{grid-template-columns:1fr;gap:6px;font-size:10px;padding-bottom:12px}
 #showcase-panel-0 .ai-platforms .ai-platform-logo,#showcase-panel-0 .ai-platform-meta{grid-column:1}
}
@media(max-width:380px){
 .service-showcase .showcase-heading{padding-inline:18px}
 .service-showcase .showcase-heading h2{font-size:27px}
 .service-showcase .showcase-tabs{padding-inline:18px;column-gap:12px}
 .service-showcase .showcase-tabs>a>strong{font-size:11px}
 #showcase-panel-0>.showcase-copy{padding-inline:18px}
 #showcase-panel-0>.showcase-canvas{padding-inline:18px}
 #showcase-panel-0>.showcase-copy>.opportunity-actions{align-items:stretch;flex-direction:column;gap:3px}
 #showcase-panel-0>.showcase-copy .text-link{align-self:flex-start}
}

/* Original industry illustrations receive a proper landscape stage. */
#showcase-panel-0 .ai-outcome .ai-business-example{grid-template-columns:minmax(0,1fr)}
#showcase-panel-0 .ai-visibility-demo[data-industry] .ai-outcome .ai-business-art{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center;align-self:stretch;width:auto;height:clamp(140px,13vw,180px);margin:3px 0 15px;border-radius:0;overflow:hidden;background:#EAF5FC}
#showcase-panel-0 .ai-outcome .ai-business-art>svg{display:block;width:100%;height:100%;max-width:none;flex:none}
#showcase-panel-0 .ai-outcome .ai-business-example>.ai-business-label,#showcase-panel-0 .ai-outcome .ai-business-place,#showcase-panel-0 .ai-outcome .ai-business-name{grid-column:1;grid-row:auto}
#showcase-panel-0 .ai-outcome .ai-business-top{padding:12px 16px}
#showcase-panel-0 .ai-outcome .ai-business-name{font-size:clamp(24px,2.1vw,30px);letter-spacing:-.035em}
@media(max-width:760px){
 #showcase-panel-0 .ai-visibility-demo[data-industry] .ai-outcome .ai-business-art{height:clamp(156px,34vw,210px)}
}

/* AI visibility as one scene: question, discovery, then a conversation. */
#showcase-panel-0.ai-compact-story>.showcase-copy{grid-template-columns:minmax(0,1fr) auto;gap:18px 36px;padding:26px 30px 24px}
#showcase-panel-0.ai-compact-story .ai-service-intro{display:block;max-width:700px}
#showcase-panel-0.ai-compact-story .ai-service-intro h4{max-width:650px;font-size:clamp(27px,2.8vw,38px);line-height:1.12;text-wrap:balance}
#showcase-panel-0.ai-compact-story .ai-service-intro>p{max-width:66ch;margin:12px 0 0;font-size:14px;line-height:1.65}
#showcase-panel-0.ai-compact-story>.showcase-copy>.opportunity-actions{grid-column:2;grid-row:1;max-width:none;display:block}
#showcase-panel-0.ai-compact-story .opportunity-actions>.button{background:var(--navy);color:white;font-size:12px;min-height:48px;border-radius:6px}
#showcase-panel-0.ai-compact-story .opportunity-actions>.button:hover{background:#233047}
#showcase-panel-0.ai-compact-story .opportunity-actions>.button:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
#showcase-panel-0.ai-compact-story>.showcase-canvas{padding:0 30px 14px;background:white}
#showcase-panel-0.ai-compact-story .ai-window{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid #DCE5EB;border-radius:14px;box-shadow:none;isolation:isolate}
#showcase-panel-0.ai-compact-story .ai-demo-toolbar{grid-column:1/-1;display:flex;padding:0 24px;gap:28px;border:0;border-bottom:1px solid #DCE5EB;background:white}
#showcase-panel-0.ai-compact-story .ai-demo-toolbar>.ai-demo-label{flex-basis:auto;font-size:10px;margin:0}
#showcase-panel-0.ai-compact-story .ai-platforms ul{gap:24px}
#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-playback] .ai-platforms li,#showcase-panel-0.ai-compact-story .ai-platforms li{grid-template-columns:20px auto;gap:8px;padding:18px 0;font-size:12px;align-items:center;opacity:.5;transition:opacity 240ms ease}
#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-playback] .ai-platforms li[aria-current],#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-playback=static] .ai-platforms li,#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-playback=complete] .ai-platforms li{opacity:1}
#showcase-panel-0.ai-compact-story .ai-platform-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#showcase-panel-0.ai-compact-story .ai-platforms .ai-platform-logo{width:20px;height:20px}
#showcase-panel-0.ai-compact-story .ai-platform-progress{height:3px;background:transparent}
#showcase-panel-0.ai-compact-story .ai-platform-progress b{background:var(--mint)}
#showcase-panel-0.ai-compact-story .ai-conversation{padding:0 0 22px}
#showcase-panel-0.ai-compact-story .ai-brand-header{padding:15px 24px;border:0;background:transparent}
#showcase-panel-0.ai-compact-story .ai-brand-name{font-size:16px}
#showcase-panel-0.ai-compact-story .ai-search-counter{font-size:9px}
#showcase-panel-0.ai-compact-story .ai-question-wrap{padding:2px 24px 0;background:transparent}
#showcase-panel-0.ai-compact-story .ai-speaker{font-size:10px;margin:0 0 8px}
#showcase-panel-0.ai-compact-story .ai-query{max-width:100%;font-size:18px;line-height:1.45;padding:12px 16px;letter-spacing:-.02em}
#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-provider=perplexity] .ai-query{padding:0;font-size:25px;line-height:1.2}
#showcase-panel-0.ai-compact-story .ai-answer-wrap{padding:20px 24px 0;min-height:0}
#showcase-panel-0.ai-compact-story .ai-answer-byline{margin-bottom:10px;font-size:10px}
#showcase-panel-0.ai-compact-story .ai-answer{font-size:14px;line-height:1.7;max-width:58ch;min-height:96px;color:#35424B}
#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-provider=claude] .ai-answer{font-size:16px;line-height:1.6}
#showcase-panel-0.ai-compact-story .ai-citation-strip{margin-top:12px;gap:6px}
#showcase-panel-0.ai-compact-story .ai-citation{font-size:10px}
#showcase-panel-0.ai-compact-story .ai-citation-label,#showcase-panel-0.ai-compact-story .ai-relevance{display:none}
#showcase-panel-0.ai-compact-story .ai-outcome{padding:0;background:#EAF5FC;border-left:1px solid #DCE5EB;gap:0}
#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-provider] .ai-business-example{display:grid;grid-template-columns:1fr;padding:18px 24px 0;border:0;border-radius:0;background:transparent;box-shadow:none;height:100%;align-content:start}
#showcase-panel-0.ai-compact-story .ai-business-top{padding:0;border:0;align-items:center}
#showcase-panel-0.ai-compact-story .ai-business-top .ai-business-label{font-size:11px;letter-spacing:0;color:var(--navy)}
#showcase-panel-0.ai-compact-story .ai-visibility-demo[data-industry] .ai-outcome .ai-business-art{grid-column:1;grid-row:2;height:142px;margin:4px -4px 0;background:transparent}
#showcase-panel-0.ai-compact-story .ai-business-example>.ai-business-label{font-size:8px;padding:0;letter-spacing:.06em}
#showcase-panel-0.ai-compact-story .ai-business-place{padding:0;margin-top:6px;font-size:10px}
#showcase-panel-0.ai-compact-story .ai-business-name{padding:0;font-size:28px;max-width:none;line-height:1.15;margin-top:5px}
#showcase-panel-0.ai-compact-story .ai-business-description{display:none}
#showcase-panel-0.ai-compact-story .ai-business-services{padding:0;margin:10px 0 12px;gap:6px}
#showcase-panel-0.ai-compact-story .ai-business-services>span{font-size:10px;background:transparent;border:0;padding:0;color:#485D70}
#showcase-panel-0.ai-compact-story .ai-business-services>span+span:before{content:'·';padding-right:6px}
#showcase-panel-0.ai-compact-story .ai-business-route{padding:11px 0;font-size:11px;border-color:#C8DFEC;margin-top:0}
#showcase-panel-0.ai-compact-story .ai-enquiry-example{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;padding:18px 24px;margin:0;border:0;border-radius:0;background:var(--navy);color:white;min-height:110px}
#showcase-panel-0.ai-compact-story .ai-enquiry-head{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:0;border:0}
#showcase-panel-0.ai-compact-story .ai-enquiry-head .ai-overline{font-size:12px;letter-spacing:0;line-height:1.45;color:white}
#showcase-panel-0.ai-compact-story .ai-enquiry-example-label{font-size:10px;color:var(--sky)}
#showcase-panel-0.ai-compact-story .ai-enquiry-message{display:flex;align-items:center;gap:14px;padding:0}
#showcase-panel-0.ai-compact-story .ai-enquiry-icon{width:36px;height:36px;border-radius:50%;background:var(--mint);color:var(--navy)}
#showcase-panel-0.ai-compact-story .ai-enquiry-icon svg{width:22px;height:22px}
#showcase-panel-0.ai-compact-story .ai-enquiry-sender{display:none}
#showcase-panel-0.ai-compact-story .ai-enquiry-subject{font-size:17px;line-height:1.3;letter-spacing:-.02em;margin:0}
#showcase-panel-0.ai-compact-story .ai-enquiry-example p.ai-enquiry-copy{font-size:13px;line-height:1.6;letter-spacing:0;margin:5px 0 0;max-width:68ch;color:#CEDDE7}
#showcase-panel-0.ai-compact-story .ai-enquiry-bottom{display:none}
#showcase-panel-0.ai-compact-story .ai-window-foot{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:8px 24px;min-height:56px;background:white}
#showcase-panel-0.ai-compact-story .ai-story-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#showcase-panel-0.ai-compact-story .ai-sequence-progress{grid-column:1;grid-row:1;max-width:520px;gap:24px;min-width:0}
#showcase-panel-0.ai-compact-story .ai-sequence-progress>li{font-size:11px}
#showcase-panel-0.ai-compact-story .ai-sequence-progress>li>span{margin-bottom:5px}
#showcase-panel-0.ai-compact-story .ai-play{grid-column:2;grid-row:1;min-height:44px;border:0;background:transparent;padding:8px 0;font-size:11px}
#showcase-panel-0.ai-compact-story .ai-play:hover{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
#showcase-panel-0.ai-compact-story .ai-demo-disclosure{font-size:10px;line-height:1.6;margin-top:10px;color:#596572}
#showcase-panel-0.ai-compact-story>.ai-service-notes{display:block;margin:0;padding:0 30px;border:0;background:white}
#showcase-panel-0.ai-compact-story .ai-inclusions{border-top:1px solid var(--line)}
#showcase-panel-0.ai-compact-story .ai-inclusions summary{list-style:none;display:flex;align-items:center;gap:24px;padding:20px 0;cursor:pointer;font-size:13px;min-height:60px}
#showcase-panel-0.ai-compact-story .ai-inclusions summary::-webkit-details-marker{display:none}
#showcase-panel-0.ai-compact-story .ai-inclusions-title{font-weight:600}
#showcase-panel-0.ai-compact-story .ai-inclusions-route{display:flex;align-items:center;gap:14px;color:#596572}
#showcase-panel-0.ai-compact-story .ai-inclusions-toggle{display:flex;align-items:center;gap:12px;margin-left:auto;font-weight:600}
#showcase-panel-0.ai-compact-story .ai-inclusions-toggle svg{width:20px;height:20px;transition:transform 220ms ease}
#showcase-panel-0.ai-compact-story .ai-inclusions[open] .ai-inclusions-toggle svg{transform:rotate(180deg)}
#showcase-panel-0.ai-compact-story .ai-inclusions summary:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
#showcase-panel-0.ai-compact-story .ai-offer-grid{padding:0 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#showcase-panel-0.ai-compact-story .ai-offer-grid>article{padding:18px 0;display:block;border:0;border-top:1px solid var(--line)}
#showcase-panel-0.ai-compact-story .ai-offer-number{margin-bottom:10px}
#showcase-panel-0.ai-compact-story .ai-offer-detail{display:block}
#showcase-panel-0.ai-compact-story .ai-offer-grid h6{font-size:19px;margin-bottom:10px}
#showcase-panel-0.ai-compact-story .ai-offer-detail>p{font-size:13px;max-width:none}
#showcase-panel-0.ai-compact-story .ai-offer-output{border:0;padding:0;margin-top:12px}
@media(max-width:900px){
 #showcase-panel-0.ai-compact-story>.showcase-copy{gap:20px;grid-template-columns:minmax(0,1fr) auto}
 #showcase-panel-0.ai-compact-story .ai-service-intro h4{font-size:29px}
 #showcase-panel-0.ai-compact-story .ai-demo-toolbar{gap:16px}
 #showcase-panel-0.ai-compact-story .ai-demo-toolbar>.ai-demo-label{display:none}
 #showcase-panel-0.ai-compact-story .ai-window{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
 #showcase-panel-0.ai-compact-story .ai-business-name{font-size:24px}
 #showcase-panel-0.ai-compact-story .ai-brand-header,#showcase-panel-0.ai-compact-story .ai-question-wrap,#showcase-panel-0.ai-compact-story .ai-answer-wrap{padding-left:18px;padding-right:18px}
}
@media(max-width:650px){
 #showcase-panel-0.ai-compact-story>.showcase-copy{grid-template-columns:1fr;padding:24px 18px 20px;gap:17px}
 #showcase-panel-0.ai-compact-story .ai-service-intro h4{font-size:30px;max-width:420px}
 #showcase-panel-0.ai-compact-story>.showcase-copy>.opportunity-actions{grid-column:1;grid-row:auto;justify-self:start}
 #showcase-panel-0.ai-compact-story>.showcase-canvas{padding:0 12px 12px}
 #showcase-panel-0.ai-compact-story .ai-window{grid-template-columns:1fr;border-radius:10px}
 #showcase-panel-0.ai-compact-story .ai-demo-toolbar{padding:0 14px}
 #showcase-panel-0.ai-compact-story .ai-platforms ul{gap:12px}
 #showcase-panel-0.ai-compact-story .ai-visibility-demo[data-playback] .ai-platforms li,#showcase-panel-0.ai-compact-story .ai-platforms li{grid-template-columns:1fr;justify-items:start;font-size:10px;gap:7px;padding:14px 0}
 #showcase-panel-0.ai-compact-story .ai-query{font-size:16px}
 #showcase-panel-0.ai-compact-story .ai-answer{min-height:0;font-size:14px}
 #showcase-panel-0.ai-compact-story .ai-outcome{border-left:0;border-top:1px solid #DCE5EB}
 #showcase-panel-0.ai-compact-story .ai-visibility-demo[data-provider] .ai-business-example{grid-template-columns:minmax(0,1fr) 115px;padding:16px 18px 0}
 #showcase-panel-0.ai-compact-story .ai-visibility-demo[data-industry] .ai-outcome .ai-business-art{grid-column:2;grid-row:2/6;height:95px;margin:8px -9px 0 0;align-self:center}
 #showcase-panel-0.ai-compact-story .ai-business-top{grid-column:1/-1;padding-bottom:12px}
 #showcase-panel-0.ai-compact-story .ai-business-name{font-size:24px}
 #showcase-panel-0.ai-compact-story .ai-business-example>.ai-business-label,#showcase-panel-0.ai-compact-story .ai-business-place,#showcase-panel-0.ai-compact-story .ai-business-name{grid-column:1}
 #showcase-panel-0.ai-compact-story .ai-business-services{grid-column:1/-1;margin-top:13px}
 #showcase-panel-0.ai-compact-story .ai-enquiry-example{grid-template-columns:1fr;gap:12px;padding:18px;min-height:0}
 #showcase-panel-0.ai-compact-story .ai-enquiry-head{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}
 #showcase-panel-0.ai-compact-story .ai-enquiry-head .ai-overline{font-size:11px}
 #showcase-panel-0.ai-compact-story .ai-enquiry-example-label{font-size:9px}
 #showcase-panel-0.ai-compact-story .ai-enquiry-subject{font-size:16px}
 #showcase-panel-0.ai-compact-story .ai-enquiry-message{align-items:flex-start;gap:10px}
 #showcase-panel-0.ai-compact-story .ai-window-foot{padding:9px 16px;gap:12px}
 #showcase-panel-0.ai-compact-story .ai-sequence-progress{gap:10px}
 #showcase-panel-0.ai-compact-story .ai-sequence-progress>li{font-size:9px}
 #showcase-panel-0.ai-compact-story .ai-play{font-size:10px}
 #showcase-panel-0.ai-compact-story .ai-demo-disclosure{font-size:10px;padding:0 6px}
 #showcase-panel-0.ai-compact-story>.ai-service-notes{padding:0 18px}
 #showcase-panel-0.ai-compact-story .ai-inclusions summary{flex-wrap:wrap;gap:8px 14px;padding:18px 0}
 #showcase-panel-0.ai-compact-story .ai-inclusions-route{order:3;width:100%;font-size:12px}
 #showcase-panel-0.ai-compact-story .ai-inclusions-toggle{font-size:12px;gap:7px}
 #showcase-panel-0.ai-compact-story .ai-offer-grid{grid-template-columns:1fr;gap:0}
}
@media(prefers-reduced-motion:reduce){#showcase-panel-0.ai-compact-story .ai-platforms li,#showcase-panel-0.ai-compact-story .ai-inclusions-toggle svg{transition:none}}
.motion-disabled #showcase-panel-0.ai-compact-story .ai-platforms li,.motion-disabled #showcase-panel-0.ai-compact-story .ai-inclusions-toggle svg{transition:none}

/* One phone carries the discovery through to an illustrative enquiry. */
#showcase-panel-0.ai-phone-story .ai-window{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr)}
#showcase-panel-0.ai-phone-story .ai-conversation{display:flex;flex-direction:column;justify-content:center;padding-block:22px 28px}
#showcase-panel-0.ai-phone-story .ai-outcome{display:flex;align-items:center;justify-content:center;gap:17px;padding:20px 24px 24px;background:#EAF5FC;overflow:hidden}
#showcase-panel-0.ai-phone-story .ai-phone-caption{display:flex;align-items:center;gap:14px;width:100%;max-width:300px;font-size:11px;line-height:1.5;color:#40596C}
#showcase-panel-0.ai-phone-story .ai-phone-caption-line{height:1px;min-width:20px;flex:1;background:#BCD8E8}
#showcase-panel-0.ai-phone-story .ai-phone{position:relative;width:286px;max-width:100%;padding:6px;border-radius:37px;background:var(--navy);border:1px solid #314051;box-shadow:0 16px 25px -16px #18344966,0 5px 12px -8px #18344966;transform-origin:50% 85%}
#showcase-panel-0.ai-phone-story .ai-phone:before,#showcase-panel-0.ai-phone-story .ai-phone:after{content:'';position:absolute;width:3px;background:#314051;border-radius:2px;left:-3px;top:70px;height:26px}
#showcase-panel-0.ai-phone-story .ai-phone:after{top:105px;height:40px}
#showcase-panel-0.ai-phone-story .ai-phone-screen{overflow:hidden;background:white;border-radius:30px;position:relative}
#showcase-panel-0.ai-phone-story .ai-phone-status{position:relative;display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 18px;color:var(--navy);font-size:10px;font-weight:600}
#showcase-panel-0.ai-phone-story .ai-phone-status>svg{width:39px;height:14px}
#showcase-panel-0.ai-phone-story .ai-phone-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:68px;height:17px;border-radius:12px;background:var(--navy)}
#showcase-panel-0.ai-phone-story .ai-phone-browser{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 14px 8px;padding:6px 10px;background:#F0F4F7;border-radius:7px;color:#586779;font-size:10px}
#showcase-panel-0.ai-phone-story .ai-phone-browser>svg{width:12px;height:12px}
#showcase-panel-0.ai-phone-story .ai-phone-browser>span:last-child{margin-left:auto;letter-spacing:1px}
#showcase-panel-0.ai-phone-story .ai-phone-content{padding:0 14px}
#showcase-panel-0.ai-phone-story .ai-visibility-demo[data-provider] .ai-phone .ai-business-example{display:flex;flex-direction:column;height:auto;padding:12px 3px 14px;margin:0;gap:0;border:0;background:white;border-radius:0;align-content:normal}
#showcase-panel-0.ai-phone-story .ai-phone .ai-business-example>.ai-business-label{font-size:8px;letter-spacing:.035em;padding:0;line-height:1.5;color:#596572}
#showcase-panel-0.ai-phone-story .ai-phone .ai-business-place{padding:0;gap:6px;margin-top:11px;font-size:9px;line-height:1.4;flex-wrap:wrap}
#showcase-panel-0.ai-phone-story .ai-phone .ai-business-name{margin-top:7px;padding:0;font-size:27px;line-height:1.08;letter-spacing:-.035em;min-height:0;max-width:220px}
#showcase-panel-0.ai-phone-story .ai-phone .ai-business-services{display:flex;gap:3px 6px;padding:0;margin:11px 0 13px;min-height:0;line-height:1.4}
#showcase-panel-0.ai-phone-story .ai-phone .ai-business-services>span{font-size:9px;line-height:1.5;color:#526174}
#showcase-panel-0.ai-phone-story .ai-phone .ai-business-route{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;margin:0;background:var(--navy);color:white;border:0;border-radius:5px;font-size:10px;font-weight:600;line-height:1.5}
#showcase-panel-0.ai-phone-story .ai-business-route svg{width:16px;height:16px;flex:none}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-example{display:block;min-height:0;margin:0;padding:13px 12px;background:#E8FBF4;color:var(--navy);border:1px solid #C9EBDD;border-radius:12px;box-shadow:0 5px 14px -10px #153D3550}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-head{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px 8px;padding:0;border:0;margin-bottom:10px}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-head .ai-overline{font-size:10px;line-height:1.5;color:var(--navy);font-weight:600;letter-spacing:0}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-example-label{font-size:8px;line-height:1.5;color:#526174}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-message{align-items:flex-start;gap:8px;padding:0}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-icon{width:24px;height:24px;background:var(--mint);border-radius:7px;flex:none}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-icon svg{width:16px;height:16px}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-subject{color:var(--navy);font-size:14px;line-height:1.3;letter-spacing:-.02em;margin:0}
#showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-example p.ai-enquiry-copy{font-size:11px;line-height:1.6;color:#405665;margin:6px 0 0;letter-spacing:0}
#showcase-panel-0.ai-phone-story .ai-phone-home{width:80px;height:3px;background:var(--navy);border-radius:3px;margin:14px auto 8px}
@media(max-width:900px) and (min-width:651px){
 #showcase-panel-0.ai-phone-story .ai-window{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr)}
 #showcase-panel-0.ai-phone-story .ai-outcome{padding:18px 16px 22px}
 #showcase-panel-0.ai-phone-story .ai-phone-caption{font-size:10px}
 #showcase-panel-0.ai-phone-story .ai-query{font-size:16px}
}
@media(max-width:650px){
 #showcase-panel-0.ai-phone-story .ai-window{grid-template-columns:minmax(0,1fr)}
 #showcase-panel-0.ai-phone-story .ai-conversation{padding-block:0 22px}
 #showcase-panel-0.ai-phone-story .ai-outcome{padding:18px;gap:12px}
 #showcase-panel-0.ai-phone-story .ai-phone-caption{max-width:none;font-size:11px}
 #showcase-panel-0.ai-phone-story .ai-phone{width:100%;padding:0;border:1px solid #C9DCE7;border-radius:12px;background:white;box-shadow:none}
 #showcase-panel-0.ai-phone-story .ai-phone:before,#showcase-panel-0.ai-phone-story .ai-phone:after,#showcase-panel-0.ai-phone-story .ai-phone-status,#showcase-panel-0.ai-phone-story .ai-phone-home{display:none}
 #showcase-panel-0.ai-phone-story .ai-phone-screen{border-radius:11px}
 #showcase-panel-0.ai-phone-story .ai-phone-browser{border-radius:0;margin:0;padding:10px 14px;justify-content:flex-start;border-bottom:1px solid #DCE5EB}
 #showcase-panel-0.ai-phone-story .ai-phone-content{padding:0 14px 14px}
 #showcase-panel-0.ai-phone-story .ai-visibility-demo[data-provider] .ai-phone .ai-business-example{padding:15px 0}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-business-name{font-size:27px;max-width:none}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-business-place{font-size:10px;margin-top:8px}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-business-services>span{font-size:10px}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-business-route{padding:9px 12px;font-size:11px}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-subject{font-size:15px}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-example p.ai-enquiry-copy{font-size:12px}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-head .ai-overline{font-size:11px}
 #showcase-panel-0.ai-phone-story .ai-phone .ai-enquiry-example-label{font-size:9px}
}

/* Hero audit entry: a real website request, with the value made explicit. */
.connection.audit-entry{padding:34px;border:1px solid #D4E8F3;border-radius:22px;background:#E4F3FB;color:var(--navy)}
.connection.audit-entry h2{margin:0;font-size:clamp(30px,2.8vw,40px);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.audit-entry .audit-intro{margin:16px 0 26px;font-size:14px;line-height:1.65;max-width:38ch;color:#405B70}
.audit-url-form{margin:0}
.audit-url-form>label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;line-height:1.5}
.audit-url-field{display:flex;align-items:center;gap:12px;background:white;border:1px solid #C9DFEC;border-radius:10px;padding:0 15px;min-height:54px;box-shadow:0 3px 8px -5px #274D6333;transition:border-color 160ms ease}
.audit-url-field>svg{width:19px;height:19px;flex:none;color:#536878}
.audit-url-field input{width:100%;min-width:0;background:transparent;border:0;border-radius:0;padding:14px 0;font:inherit;font-size:15px;color:var(--navy);outline:0;caret-color:var(--navy);margin:0}
.audit-url-field input::placeholder{color:#637181;opacity:1}
.audit-url-field:hover{border-color:#91B7CE}
.audit-url-field:focus-within{border-color:var(--navy);outline:2px solid var(--navy);outline-offset:3px}
.audit-url-field input::selection{background:#C7EBDD;color:var(--navy)}
.audit-url-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#0C121F;caret-color:#0C121F}
.audit-url-field:has([aria-invalid=true]){border-color:#A43139}
.audit-url-error{font-size:12px;line-height:1.5;color:#76282F;margin:7px 0 0}
.audit-url-error:empty{display:none}
.audit-entry .audit-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:50px;margin-top:10px;padding:14px 17px;border:0;border-radius:10px;background:var(--navy);color:white;font-size:13px;font-weight:600;cursor:pointer;transition:background 160ms ease}
.audit-entry .audit-submit[hidden]{display:none}
.audit-submit>svg{width:22px;height:22px;flex:none;transition:transform 180ms ease}
.audit-entry .audit-submit:hover{background:#223047}
.audit-entry .audit-submit:hover>svg{transform:translate(2px,-2px)}
.audit-entry .audit-submit:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
#audit-url-help{font-size:10px;line-height:1.6;color:#405B70;margin-top:9px;max-width:44ch}
.audit-scope{margin-top:25px;padding-top:22px;border-top:1px solid #C9DFEC}
.audit-scope h3{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 14px}
.audit-scope ul{display:grid;gap:17px;padding:0;margin:0;list-style:none}
.audit-scope li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:baseline}
.audit-scope li>span{font-size:10px;font-variant-numeric:tabular-nums;color:#405B70}
.audit-scope strong{display:block;font-size:13px;line-height:1.4;font-weight:600}
.audit-scope p{font-size:12px;line-height:1.6;color:#405B70;margin-top:4px;max-width:43ch}
.audit-signoff{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;margin-top:24px;color:#405B70}
.audit-signoff .brand-mark{width:13px;height:13px;border-radius:3px;flex:none}
.enquiry-audit{margin-bottom:20px;padding:14px 16px;border:1px solid #CADFEA;border-radius:7px;background:#EAF5FC}
.enquiry-audit[hidden]{display:none}
.enquiry-audit>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.enquiry-audit strong{font-size:12px}
.enquiry-audit .remove-audit{border:0;background:transparent;padding:8px 0;min-height:36px;font:inherit;font-size:11px;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.enquiry-audit .enquiry-audit-url{font-size:12px;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere;color:#405665}
@media(max-width:1100px){.connection.audit-entry{padding:25px}.connection.audit-entry h2{font-size:34px}.audit-entry .audit-intro{font-size:13px}}
@media(max-width:520px){.connection.audit-entry{padding:24px 21px}.connection.audit-entry h2{font-size:32px}.audit-entry .audit-intro{font-size:14px}.audit-scope p{font-size:12px}.audit-scope strong{font-size:14px}.audit-url-field input{font-size:16px}#audit-url-help{font-size:11px}}
@media(prefers-reduced-motion:reduce){.audit-submit>svg{transition:none;transform:none!important}.audit-url-field,.audit-entry .audit-submit{transition:none}}
.motion-disabled .audit-submit>svg{transition:none;transform:none!important}

.motion-disabled .audit-url-field,.motion-disabled .audit-entry .audit-submit{transition:none}

/* A quiet, finite demonstration of the audit process. */
.audit-entry .audit-preview{margin-top:24px;padding-top:22px;border-top:1px solid #C9DFEC}
.audit-preview-heading{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.audit-entry .audit-preview h3{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:600}
.audit-preview-label{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;color:#405B70}
.audit-preview-label i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--navy)}
.audit-preview-track{display:flex;gap:6px;margin:18px 0 9px}
.audit-preview-track>i{position:relative;height:3px;flex:1;background:#C5DCE9;border-radius:3px;overflow:hidden}
.audit-preview-track b{display:block;position:absolute;inset:0;background:var(--navy);transform:scaleX(0);transform-origin:left}
.audit-preview-track .is-shown b{transform:scaleX(1);background:var(--mint)}
.audit-preview[data-preview-state=static] .audit-preview-track{display:none}
.audit-preview-steps{list-style:none;padding:0;margin:0}
.audit-scope .audit-preview-steps li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:11px;padding:15px 0;border-bottom:1px solid #CBDFEA;transition:border-color 200ms ease}
.audit-scope .audit-preview-steps li:last-child{border-bottom:0}
.audit-scope .audit-preview-steps .audit-step-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid #BED6E5;border-radius:50%;font-size:10px;line-height:1;font-weight:500;color:#405B70;background:transparent;transition:background 220ms ease,border-color 220ms ease,color 220ms ease}
.audit-scope .audit-preview-steps .is-active .audit-step-number{background:var(--navy);border-color:var(--navy);color:white}
.audit-scope .audit-preview-steps .is-shown .audit-step-number{background:var(--mint);border-color:var(--mint);color:var(--navy)}
.audit-preview-steps strong{font-size:13px;font-weight:600;line-height:1.4;padding-top:3px}
.audit-preview-steps p{font-size:11px;line-height:1.55;margin-top:5px;color:#405B70;max-width:32ch}
.audit-scope .audit-preview-steps .audit-step-state{font-size:9px;line-height:1.5;padding-top:6px;white-space:nowrap;color:#405B70;min-width:46px;text-align:right}
.audit-preview-steps .is-active .audit-step-state{color:var(--navy);font-weight:600}
.audit-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid #CBDFEA}
.audit-scope .audit-preview-status{font-size:10px;line-height:1.6;color:#405B70;margin:0;max-width:30ch;min-height:48px;display:flex;align-items:center}
.audit-preview-control{display:flex;align-items:center;gap:7px;flex:none;min-height:44px;border:0;background:transparent;padding:8px 0;color:var(--navy);font:inherit;font-size:10px;font-weight:600;cursor:pointer;text-align:left}
.audit-preview-control[hidden]{display:none}
.audit-preview-control svg{width:15px;height:15px;flex:none}
.audit-preview-control:hover{text-decoration:underline;text-underline-offset:4px}
.audit-preview-control:focus-visible{outline:2px solid var(--navy);outline-offset:4px;border-radius:2px}
.audit-preview[data-preview-state=playing] .audit-preview-control svg{display:none}
.audit-preview[data-preview-state=playing] .audit-preview-control:after{content:'';display:block;width:7px;height:10px;border-inline:2px solid currentColor}
.audit-preview-clock{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.audit-entry .audit-signoff{margin-top:19px;font-size:10px}
@media(max-width:1100px){.audit-scope .audit-preview-steps li{grid-template-columns:27px minmax(0,1fr);gap:0 10px}.audit-scope .audit-preview-steps .audit-step-state{grid-column:2;text-align:left;padding-top:5px}.audit-preview-foot{gap:12px}}
@media(max-width:520px){.audit-preview-steps strong{font-size:14px}.audit-preview-steps p{font-size:12px}.audit-preview-foot{flex-wrap:wrap;gap:3px 14px}.audit-scope .audit-preview-status{font-size:11px;max-width:29ch}.audit-preview-control{font-size:11px}}
@media(prefers-reduced-motion:reduce){.audit-scope .audit-preview-steps li,.audit-scope .audit-preview-steps .audit-step-number{transition:none}}
.motion-disabled .audit-scope .audit-preview-steps li,.motion-disabled .audit-scope .audit-preview-steps .audit-step-number{transition:none}

/* Savee rR_rTx3 direction: precise pixel motion and a single dark status display. */
.audit-entry .audit-pixel-preview{border-top:0;margin-top:26px;padding-top:0}
.audit-pixel-preview .audit-preview-heading{gap:7px;margin-bottom:15px}
.audit-entry .audit-pixel-preview h3{font-size:16px;line-height:1.4;letter-spacing:-.02em}
.audit-pixel-stage{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);gap:0 18px;align-items:center;padding:35px 22px 19px;border:1px solid #233247;border-radius:14px;background:var(--navy);color:white;overflow:hidden;box-shadow:0 12px 22px -16px #183B5560}
.audit-pixel-art{height:90px;width:82px;display:flex;align-items:center;justify-content:center}
.audit-pixel-art svg{width:82px;height:82px;overflow:visible}
.audit-pixel{transform-box:view-box;transform-origin:0 0}
.audit-pixel-copy{min-width:0;min-height:108px;display:flex;flex-direction:column;justify-content:center}
.audit-pixel-copy h4{font-size:25px;line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0;color:white;max-width:14ch;text-wrap:balance}
.audit-scope .audit-pixel-copy p{font-size:11px;line-height:1.6;color:#B8CFE0;margin:10px 0 0;max-width:28ch}
.audit-pixel-position{position:absolute;top:13px;right:17px;font-size:7px;letter-spacing:.08em;line-height:1.5;color:#ABC1D3}
.audit-pixel-preview .audit-preview-track{grid-column:1/-1;width:100%;gap:6px;margin:27px 0 0}
.audit-pixel-preview .audit-preview-track>i{height:2px;background:#314052}
.audit-pixel-preview .audit-preview-track b{background:var(--sky)}
.audit-pixel-preview .audit-preview-track .is-shown b{background:var(--mint)}
.audit-scope.audit-pixel-preview .audit-preview-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.audit-scope.audit-pixel-preview .audit-preview-steps li{display:block;min-width:0;padding:0;border:0;transition:none}
.audit-scope.audit-pixel-preview .audit-preview-steps strong{font-size:9px;font-weight:500;line-height:1.4;color:#B8CFE0;padding:0;letter-spacing:0}
.audit-scope.audit-pixel-preview .audit-preview-steps .is-active strong{color:white}
.audit-scope.audit-pixel-preview .audit-preview-steps .is-shown strong{color:var(--mint)}
.audit-scope.audit-pixel-preview .audit-preview-steps .audit-step-number,.audit-scope.audit-pixel-preview .audit-preview-steps .audit-step-state,.audit-scope.audit-pixel-preview .audit-preview-steps p{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.audit-pixel-preview .audit-preview-foot{border:0;padding-top:8px;gap:20px}
.audit-scope.audit-pixel-preview .audit-preview-status{font-size:10px;line-height:1.55;min-height:48px;max-width:29ch}
.audit-pixel-preview .audit-preview-control{font-size:10px;gap:6px}
.audit-entry:has(.audit-pixel-preview) .audit-signoff{border-top:1px solid #C9DFEC;padding-top:15px;margin-top:9px}
.audit-pixel-preview[data-preview-state=static] .audit-preview-steps{margin-top:20px}
.audit-pixel-preview[data-preview-state=static] .audit-preview-steps strong{color:var(--sky)}
@media(max-width:1100px){
 .audit-pixel-stage{grid-template-columns:60px minmax(0,1fr);gap:0 14px;padding:32px 18px 17px}
 .audit-pixel-art,.audit-pixel-art svg{width:60px;height:70px}
 .audit-pixel-copy h4{font-size:23px}
 .audit-pixel-copy{min-height:116px}
}
@media(max-width:520px){
 .audit-entry .audit-pixel-preview h3{font-size:16px}
 .audit-pixel-stage{grid-template-columns:56px minmax(0,1fr);gap:0 12px;padding-inline:15px}
 .audit-pixel-art,.audit-pixel-art svg{width:56px;height:66px}
 .audit-pixel-copy h4{font-size:23px}
 .audit-scope .audit-pixel-copy p{font-size:11px}
 .audit-scope.audit-pixel-preview .audit-preview-steps strong{font-size:9px}
 .audit-pixel-preview .audit-preview-foot{gap:0 14px}
 .audit-scope.audit-pixel-preview .audit-preview-status{font-size:10px}
}

/* Refero lock: compact tool-led hero, one action and one contained preview. */
.hero.hero-audit-flow{padding-top:44px}
.hero-audit-flow .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center;padding:0 0 40px}
.hero-audit-flow .hero-copy{min-width:0;padding-block:12px}
.hero-audit-flow .hero-copy>.eyebrow{margin-bottom:28px;font-size:9px;letter-spacing:.1em}
.hero-audit-flow h1{font-size:clamp(42px,4.65vw,70px);line-height:1.06;letter-spacing:-.06em}
.hero-audit-flow .hero-description{font-size:16px;line-height:1.7;max-width:40ch;margin-top:24px}
.hero-audit-flow .hero-actions{margin-top:28px;gap:18px;flex-wrap:wrap;flex-direction:row;align-items:center}
.hero-audit-flow .hero-actions>.text-link{font-size:12px}
.hero-audit-flow .hero-note{margin-top:20px;font-size:10px}
.hero-audit-flow .hero-baseline{padding-block:18px;font-size:9px}
.hero-audit-flow .connection.audit-entry{width:100%;max-width:none;min-width:0;padding:26px 28px 0;border-radius:18px;border:1px solid #D4E8F3;background:#E4F3FB;box-shadow:0 12px 28px -24px #234C693D}
.audit-entry-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:9px;line-height:1.4;font-weight:600;letter-spacing:.09em;color:#405B70}
.audit-entry-eyebrow .brand-mark{width:10px;height:10px;border-radius:2px;background:var(--navy)}
.hero-audit-flow .connection.audit-entry h2{font-size:clamp(26px,2.5vw,34px);line-height:1.15;letter-spacing:-.04em;text-wrap:initial}
.hero-audit-flow .audit-entry .audit-intro{font-size:13px;line-height:1.6;max-width:38ch;margin:12px 0 22px}
.hero-audit-flow .audit-url-form>label{font-size:11px;margin-bottom:7px}
.audit-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.hero-audit-flow .audit-url-field{min-height:50px;padding-inline:12px;gap:9px;border-radius:8px;box-shadow:0 2px 3px #234C6905}
.hero-audit-flow .audit-url-field>svg{width:17px;height:17px}
.hero-audit-flow .audit-url-field input{font-size:16px;padding-block:12px}
.hero-audit-flow .audit-entry .audit-submit{width:auto;min-height:50px;margin:0;gap:12px;padding:12px 15px;font-size:12px;border-radius:8px;white-space:nowrap;transform:none}
.hero-audit-flow .audit-submit>svg{width:18px;height:18px}
.hero-audit-flow #audit-url-help{margin-top:8px;font-size:10px;line-height:1.5;max-width:none}
.hero-audit-flow .audit-entry .audit-pixel-preview{margin:24px -28px 0;padding:16px 20px 0;border-top:1px solid #D0E3EE;background:#F5FAFD}
.hero-audit-flow .audit-preview-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.hero-audit-flow .audit-entry .audit-pixel-preview h3{font-size:11px;font-weight:600;letter-spacing:0}
.hero-audit-flow .audit-preview-label{font-size:9px;gap:5px}
.hero-audit-flow .audit-pixel-stage{grid-template-columns:64px minmax(0,1fr);gap:0 18px;padding:20px 20px 15px;border-radius:10px;box-shadow:none;border:0}
.hero-audit-flow .audit-pixel-art,.hero-audit-flow .audit-pixel-art svg{width:64px;height:70px}
.hero-audit-flow .audit-pixel-copy{min-height:104px}
.hero-audit-flow .audit-pixel-copy h4{font-size:23px;line-height:1.12;max-width:19ch}
.hero-audit-flow .audit-pixel-copy p{font-size:11px;line-height:1.5;max-width:34ch;margin-top:8px}
.hero-audit-flow .audit-pixel-position{display:none}
.hero-audit-flow .audit-pixel-preview .audit-preview-track{margin-top:18px}
.hero-audit-flow .audit-scope.audit-pixel-preview .audit-preview-steps{margin-top:8px}
.hero-audit-flow .audit-scope.audit-pixel-preview .audit-preview-steps strong{font-size:10px}
.hero-audit-flow .audit-preview-foot{padding:4px 0;gap:12px;flex-wrap:nowrap}
.hero-audit-flow .audit-scope.audit-pixel-preview .audit-preview-status{font-size:10px;line-height:1.4;max-width:34ch;min-height:46px}
.hero-audit-flow .audit-preview-control{font-size:10px;min-height:44px}
@media(min-width:801px) and (max-width:1100px){
 .hero-audit-flow .hero-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
 .hero-audit-flow h1{font-size:clamp(38px,4.6vw,50px)}
 .hero-audit-flow .hero-description{font-size:14px}
 .hero-audit-flow .connection.audit-entry{padding:24px 22px 0}
 .hero-audit-flow .audit-entry .audit-pixel-preview{margin-inline:-22px;padding-inline:16px}
 .hero-audit-flow .audit-entry .audit-submit{gap:7px;padding-inline:11px;font-size:11px}
 .hero-audit-flow .audit-pixel-stage{grid-template-columns:52px minmax(0,1fr);gap:12px;padding-inline:15px}
 .hero-audit-flow .audit-pixel-art,.hero-audit-flow .audit-pixel-art svg{width:52px;height:60px}
 .hero-audit-flow .audit-pixel-copy h4{font-size:21px}
}
@media(max-width:800px){
 .hero.hero-audit-flow{padding-top:32px}
 .hero-audit-flow .hero-layout{grid-template-columns:1fr;gap:28px;padding-bottom:30px}
 .hero-audit-flow .hero-copy{padding:0}
 .hero-audit-flow .hero-copy>.eyebrow{margin-bottom:22px}
 .hero-audit-flow h1{font-size:clamp(38px,7vw,58px)}
 .hero-audit-flow .hero-description{margin-top:18px;max-width:46ch;font-size:15px}
 .hero-audit-flow .hero-actions{margin-top:22px;gap:18px}
 .hero-audit-flow .hero-note{margin-top:16px}
 .hero-audit-flow .connection.audit-entry{max-width:600px;justify-self:start}
}
@media(max-width:420px){
 .hero-audit-flow .connection.audit-entry{padding:23px 20px 0;border-radius:14px}
 .hero-audit-flow .audit-entry .audit-intro{font-size:13px;margin-bottom:18px}
 .hero-audit-flow .audit-input-row{grid-template-columns:1fr;gap:8px}
 .hero-audit-flow .audit-entry .audit-submit{width:100%;font-size:13px}
 .hero-audit-flow .audit-entry .audit-pixel-preview{margin-inline:-20px;padding-inline:14px;margin-top:20px}
 .hero-audit-flow .audit-preview-heading{align-items:start;flex-direction:column;gap:3px}
 .hero-audit-flow .audit-pixel-stage{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:18px 14px 14px}
 .hero-audit-flow .audit-pixel-art,.hero-audit-flow .audit-pixel-art svg{width:48px;height:56px}
 .hero-audit-flow .audit-pixel-copy h4{font-size:21px}
 .hero-audit-flow .audit-pixel-copy{min-height:104px}
 .hero-audit-flow .audit-preview-foot{gap:10px}
 .hero-audit-flow .audit-preview-control{font-size:10px}
 .hero-audit-flow .audit-scope.audit-pixel-preview .audit-preview-status{max-width:23ch}
}

/* Three concrete scenes: inspect a website, connect signals, assemble priorities. */
.hero-audit-flow .audit-story-preview .audit-pixel-stage{grid-template-columns:128px minmax(0,1fr);gap:0 22px;padding:20px 22px 17px;background:#0C121F}
.hero-audit-flow .audit-story-preview .audit-pixel-art,.hero-audit-flow .audit-story-preview .audit-pixel-art>svg{width:128px;height:128px}
.audit-story-preview .audit-orbit-pixels{opacity:.1}
.audit-story-preview .audit-scene{display:none;transform-box:fill-box;transform-origin:center}
.audit-story-preview[data-preview-scene=web] .audit-scene-web,.audit-story-preview[data-preview-scene=signals] .audit-scene-signals,.audit-story-preview[data-preview-scene=plan] .audit-scene-plan{display:block}
.audit-story-preview:not([data-preview-scene]) .audit-scene-plan{display:block}
.audit-scene .audit-signal-node,.audit-scene .audit-signal-core,.audit-scan-point{transform-box:fill-box;transform-origin:center}
.hero-audit-flow .audit-story-preview .audit-pixel-copy{min-height:128px}
.hero-audit-flow .audit-story-preview .audit-pixel-copy h4{font-size:24px;line-height:1.13;letter-spacing:-.04em;max-width:15ch}
.hero-audit-flow .audit-story-preview .audit-pixel-copy p{font-size:12px;line-height:1.55;color:#B8CFE0;max-width:29ch;margin-top:10px}
.hero-audit-flow .audit-story-preview .audit-preview-track{margin-top:20px;gap:10px}
.hero-audit-flow .audit-story-preview .audit-preview-track>i{height:2px;background:#344454}
.hero-audit-flow .audit-story-preview .audit-preview-steps{gap:10px;margin-top:10px}
.hero-audit-flow .audit-story-preview .audit-preview-steps li{display:flex;align-items:center;gap:6px}
.hero-audit-flow .audit-story-preview .audit-preview-steps .audit-step-number{position:static;width:auto;height:auto;clip-path:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;white-space:normal;display:block;background:transparent;color:#829AAF;font-size:9px;font-weight:400;line-height:1.4}
.hero-audit-flow .audit-story-preview .audit-preview-steps .is-active .audit-step-number,.hero-audit-flow .audit-story-preview .audit-preview-steps .is-shown .audit-step-number{color:var(--mint);background:transparent}
.hero-audit-flow .audit-story-preview .audit-preview-steps strong{font-size:10px;font-weight:400}
.hero-audit-flow .audit-story-preview .audit-preview-steps .is-shown strong{color:#D9EAF4}
.hero-audit-flow .audit-story-preview .audit-preview-control{gap:8px;padding-inline:10px;border-radius:6px;transition:background 160ms ease}
.hero-audit-flow .audit-story-preview .audit-preview-control:hover{background:#E4F3FB;text-decoration:none}
@media(min-width:801px) and (max-width:1100px){
 .hero-audit-flow .audit-story-preview .audit-pixel-stage{grid-template-columns:98px minmax(0,1fr);gap:0 14px;padding-inline:16px}
 .hero-audit-flow .audit-story-preview .audit-pixel-art,.hero-audit-flow .audit-story-preview .audit-pixel-art>svg{width:98px;height:118px}
 .hero-audit-flow .audit-story-preview .audit-pixel-copy h4{font-size:21px}
 .hero-audit-flow .audit-story-preview .audit-pixel-copy p{font-size:11px}
 .hero-audit-flow .audit-story-preview .audit-preview-steps li{gap:4px}
 .hero-audit-flow .audit-story-preview .audit-preview-steps strong{font-size:9px}
}
@media(max-width:520px){
 .hero-audit-flow .audit-story-preview .audit-pixel-stage{grid-template-columns:88px minmax(0,1fr);gap:0 12px;padding:18px 14px 15px}
 .hero-audit-flow .audit-story-preview .audit-pixel-art,.hero-audit-flow .audit-story-preview .audit-pixel-art>svg{width:88px;height:112px}
 .hero-audit-flow .audit-story-preview .audit-pixel-copy{min-height:138px}
 .hero-audit-flow .audit-story-preview .audit-pixel-copy h4{font-size:21px}
 .hero-audit-flow .audit-story-preview .audit-pixel-copy p{font-size:11px;line-height:1.5}
 .hero-audit-flow .audit-story-preview .audit-preview-steps li{gap:4px}
 .hero-audit-flow .audit-story-preview .audit-preview-steps strong{font-size:9px}
 .hero-audit-flow .audit-story-preview .audit-preview-steps .audit-step-number{font-size:8px}
}
@media(max-width:360px){
 .hero-audit-flow .audit-story-preview .audit-pixel-stage{grid-template-columns:1fr;gap:8px}
 .hero-audit-flow .audit-story-preview .audit-pixel-art{justify-self:center}
 .hero-audit-flow .audit-story-preview .audit-pixel-copy{min-height:116px;text-align:center;align-items:center}
 .hero-audit-flow .audit-story-preview .audit-pixel-copy h4{max-width:19ch}
}
@media(prefers-reduced-motion:reduce){.hero-audit-flow .audit-story-preview .audit-preview-control{transition:none}}
.motion-disabled .hero-audit-flow .audit-story-preview .audit-preview-control{transition:none}

/* Service signatures: colour belongs to the icon; motion plays once per entry. */
.service{--service-ink:#2864F0;--service-wash:#EAF1FF;--service-motion:service-search}
#service-detail-1{--service-ink:#F06445;--service-wash:#FFF0E9;--service-motion:service-flight}
#service-detail-2{--service-ink:#DC3980;--service-wash:#FDEAF2;--service-motion:service-conversation}
#service-detail-3{--service-ink:#009EC2;--service-wash:#E5F8FC;--service-motion:service-window}
#service-detail-4{--service-ink:#E99116;--service-wash:#FFF5DD;--service-motion:service-charge}
#service-detail-5{--service-ink:#26CFA1;--service-wash:#E2FBF2;--service-motion:service-envelope}
.service-top>svg{overflow:visible;transform-origin:center;transition:color 180ms ease,fill 180ms ease;will-change:auto}
.service:focus-within .service-top>svg{color:var(--service-ink);fill:var(--service-wash);animation:var(--service-motion) 720ms cubic-bezier(.22,1,.36,1) both}
@media(hover:hover) and (pointer:fine){
 .service:hover .service-top>svg{color:var(--service-ink);fill:var(--service-wash);animation:var(--service-motion) 720ms cubic-bezier(.22,1,.36,1) both}
}
@keyframes service-search{
 0%{transform:translate(0,0) rotate(0) scale(1)}
 30%{transform:translate(-3px,-2px) rotate(-12deg) scale(1.15)}
 65%{transform:translate(3px,1px) rotate(8deg) scale(1.15)}
 100%{transform:translate(0,0) rotate(0) scale(1.08)}
}
@keyframes service-flight{
 0%{transform:translate(0,0) rotate(0) scale(1)}
 22%{transform:translate(-3px,3px) rotate(-8deg) scale(.95)}
 65%{transform:translate(6px,-6px) rotate(5deg) scale(1.13)}
 100%{transform:translate(0,0) rotate(0) scale(1.08)}
}
@keyframes service-conversation{
 0%{transform:translateY(0) rotate(0) scale(1)}
 35%{transform:translateY(-5px) rotate(-9deg) scale(1.14)}
 65%{transform:translateY(1px) rotate(6deg) scale(1.04)}
 100%{transform:translateY(0) rotate(0) scale(1.08)}
}
@keyframes service-window{
 0%{transform:perspective(140px) rotateY(0) scale(1)}
 35%{transform:perspective(140px) rotateY(-22deg) scale(1.1)}
 70%{transform:perspective(140px) rotateY(12deg) scale(1.12)}
 100%{transform:perspective(140px) rotateY(0) scale(1.08)}
}
@keyframes service-charge{
 0%{transform:scale(1) rotate(0)}
 30%{transform:scale(.9) rotate(-8deg)}
 55%{transform:scale(1.24) rotate(6deg)}
 78%{transform:scale(1.02) rotate(-3deg)}
 100%{transform:scale(1.08) rotate(0)}
}
@keyframes service-envelope{
 0%{transform:translateY(0) rotate(0) scale(1)}
 30%{transform:translateY(3px) rotate(-5deg) scale(1.02)}
 65%{transform:translateY(-5px) rotate(7deg) scale(1.14)}
 100%{transform:translateY(0) rotate(0) scale(1.08)}
}
@media(prefers-reduced-motion:reduce){.service .service-top>svg{animation:none!important;transform:none!important;transition:none}}
.motion-disabled .service .service-top>svg{animation:none!important;transform:none!important;transition:none}

/* Sales hierarchy: the audit is primary; service discovery stays deliberately quieter. */
.hero-focused .hero-launch-cta{background:white;color:var(--navy);box-shadow:inset 0 0 0 1px #CCD5E0}
.hero-focused .hero-launch-cta .hero-next-link{color:var(--navy);border-color:transparent;font-weight:600}
.hero-focused .hero-launch-cta .hero-next-link:hover{background:#F5F8FB;transform:none}
.hero-focused .hero-launch-cta .secret-launch,.hero-focused .hero-launch-cta .launch-arrow{color:var(--navy)}
.hero-focused .hero-launch-cta .hero-next-link:focus-visible,.hero-focused .hero-launch-cta .secret-launch:focus-visible{outline-color:var(--navy)}
.hero.hero-focused h1{font-size:clamp(40px,4.2vw,64px);max-width:18ch;line-height:1.07}
.hero-focused .hero-description{max-width:39ch}
.hero-focused .hero-baseline{display:block;padding:0;letter-spacing:0}
.audit-deliverables>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;cursor:pointer;min-height:76px;padding:18px 0}
.audit-deliverables>summary::-webkit-details-marker{display:none}
.audit-deliverables>summary>span:first-child{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.audit-deliverables summary strong{font-size:13px;font-weight:600;line-height:1.5}
.audit-deliverables-hint{font-size:12px;color:#596572;line-height:1.5}
.audit-deliverables-plus{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#F0F6FA;font-size:20px;line-height:1;transition:transform 200ms ease,background 160ms ease}
.audit-deliverables summary:hover .audit-deliverables-plus{background:#E4F3FB}
.audit-deliverables[open] .audit-deliverables-plus{transform:rotate(45deg)}
.audit-deliverables-body{padding:2px 0 26px}
.audit-deliverables-intro{font-size:14px;line-height:1.7;max-width:70ch;color:#596572;margin-bottom:24px}
.audit-deliverables-body>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:0;list-style:none}
.audit-deliverables-body>ol>li{display:flex;align-items:start;gap:14px;padding-top:18px;border-top:1px solid var(--line)}
.audit-deliverables-body>ol>li>span{font-size:11px;color:#596572;line-height:1.7;font-variant-numeric:tabular-nums}
.audit-deliverables-body>ol h3{font-size:17px;line-height:1.35;letter-spacing:-.025em}
.audit-deliverables-body>ol>li p{font-size:13px;line-height:1.65;margin-top:9px;color:#596572;max-width:34ch}
.audit-deliverables-note{font-size:11px;line-height:1.6;color:#596572;margin-top:24px}
#showcase-panel-0.ai-focused .ai-conversation{padding-block:18px;justify-content:center}
#showcase-panel-0.ai-focused .ai-answer{font-size:16px;line-height:1.65;min-height:0;max-width:48ch}
#showcase-panel-0.ai-focused .ai-relevance{gap:8px 18px;margin-top:18px}
#showcase-panel-0.ai-focused .ai-phone-caption{font-weight:600}
#showcase-panel-0.ai-focused .ai-offer-grid h6{font-size:18px;line-height:1.3}
#service-detail-1{--service-motion:service-target}
#service-detail-4{--service-motion:service-workflow}
@keyframes service-target{0%{transform:scale(1)}35%{transform:scale(1.2)}65%{transform:scale(1.02)}100%{transform:scale(1.08)}}
@keyframes service-workflow{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.12)}100%{transform:translateY(0) scale(1.08)}}
.service-workflow-node{transform-box:fill-box;transform-origin:center}
@keyframes service-node-connect{0%{opacity:.4;transform:scale(.8)}60%,100%{opacity:1;transform:scale(1)}}
#service-detail-4:focus-within .service-workflow-node{animation:service-node-connect 600ms ease both}
@media(hover:hover) and (pointer:fine){#service-detail-4:hover .service-workflow-node{animation:service-node-connect 600ms ease both}}
#service-detail-4 .service-workflow-node:nth-of-type(2){animation-delay:120ms}
#service-detail-4 .service-workflow-node:nth-of-type(3){animation-delay:240ms}
@media(max-width:800px){
 .hero.hero-focused h1{font-size:clamp(40px,7vw,58px);max-width:17ch}
 .audit-deliverables>summary>span:first-child{gap:5px;flex-direction:column;align-items:start}
 .audit-deliverables-body>ol{gap:20px}
}
@media(max-width:650px){
 .audit-deliverables-body>ol{grid-template-columns:1fr;gap:20px}
 .audit-deliverables-body>ol>li p{max-width:none}
 .audit-deliverables-body>ol h3{font-size:18px}
 .audit-deliverables>summary{gap:16px}
 #showcase-panel-0.ai-focused .ai-answer{font-size:14px}
 #showcase-panel-0.ai-focused .ai-relevance{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.audit-deliverables-plus{transition:none}.service-workflow-node{animation:none!important;transform:none!important}}
.motion-disabled .audit-deliverables-plus{transition:none}
.motion-disabled .service-workflow-node{animation:none!important;transform:none!important}

/* Service studio — one navigation rail and one focused, connected stage. */
.service-showcase.service-studio{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:28px;border:0;border-radius:0;overflow:visible;background:white}
.service-studio>.showcase-heading{grid-column:1/-1;padding:0 0 28px;align-items:end;border:0}
.service-studio .showcase-heading h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.045em;line-height:1.1}
.service-studio .showcase-heading>p{font-size:12px;max-width:270px}
.service-studio .showcase-title-lockup{gap:14px}
.service-showcase.service-studio .showcase-tabs{display:flex;flex-direction:column;align-self:start;gap:5px;padding:10px;background:#F5F7FA;border:0;border-radius:12px;overflow:visible;min-width:0}
.service-showcase.service-studio .showcase-tabs>a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-height:76px;padding:15px 13px 15px 16px;border:0;border-radius:7px;background:transparent;color:#596572;transition:background 180ms ease,color 180ms ease}
.service-showcase.service-studio .showcase-tabs>a>strong{font-size:12px;line-height:1.4;font-weight:600;color:inherit}
.service-showcase.service-studio .showcase-tabs>a>small{font-size:10px;line-height:1.5;margin-top:4px;color:#596572}
.service-showcase.service-studio .showcase-tabs>a>.priority-number{display:none}
.service-showcase.service-studio .showcase-tabs>a:hover{background:#ECF1F5;color:var(--navy)}
.service-showcase.service-studio .showcase-tabs>a[aria-selected=true]{background:white;color:var(--navy);box-shadow:0 2px 4px #102B3E08}
.service-showcase.service-studio .showcase-tabs>a:after{display:none}
.service-studio .showcase-tab-indicator{border-radius:2px;background:var(--mint)}
.service-studio>.showcase-panels{min-width:0;border:1px solid #DEE5EB;border-radius:14px;overflow:hidden;align-self:start}
.service-studio .showcase-panel{min-height:0;grid-template-columns:1fr}
.service-studio .showcase-panel[hidden]{display:none}
.service-studio>.showcase-foot{grid-column:2;padding:8px 0;min-height:48px;border:0;background:white}
.service-showcase.service-studio:has(#showcase-panel-0:not([hidden])) .showcase-foot{padding:4px 0;min-height:44px}
.service-studio #showcase-panel-0.ai-studio>.showcase-copy{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px 24px;background:white;border:0}
.service-studio #showcase-panel-0.ai-studio .ai-service-intro{display:block;min-width:0}
.ai-section-kicker{display:block;font-size:9px;letter-spacing:.08em;color:#596572;margin-bottom:10px;line-height:1.4}
.service-studio #showcase-panel-0.ai-studio .ai-service-intro h4{font-size:clamp(26px,2.6vw,36px);line-height:1.12;letter-spacing:-.04em;margin:0;max-width:21ch;text-wrap:initial}
.service-studio #showcase-panel-0.ai-studio .ai-service-intro>p{font-size:12px;line-height:1.7;max-width:52ch;margin:12px 0 0;color:#596572}
.service-studio #showcase-panel-0.ai-studio>.showcase-copy>.opportunity-actions{margin:0;padding:0;flex:none;display:block}
.service-studio #showcase-panel-0.ai-studio>.showcase-copy .button{font-size:11px;min-height:46px;padding:12px 14px;gap:15px;white-space:nowrap}
.service-studio #showcase-panel-0.ai-studio>.showcase-canvas{padding:0;background:white}
.service-studio #showcase-panel-0.ai-studio .ai-window{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,1fr);border:0;border-top:1px solid #DEE5EB;border-radius:0;overflow:hidden;background:white;min-height:0}
.service-studio #showcase-panel-0.ai-studio .ai-demo-toolbar{grid-column:1/-1;padding:0 24px;gap:16px;background:#FAFCFD;border:0;border-bottom:1px solid #E4EAF0;min-height:62px}
.service-studio #showcase-panel-0.ai-studio .ai-demo-toolbar>.ai-demo-label{display:none}
.service-studio #showcase-panel-0.ai-studio .ai-platforms{width:100%}
.service-studio #showcase-panel-0.ai-studio .ai-platforms ul{gap:18px}
.service-studio #showcase-panel-0.ai-studio .ai-platforms li{font-size:11px;padding:18px 0;gap:7px;grid-template-columns:20px minmax(0,1fr)}
.service-studio #showcase-panel-0.ai-studio .ai-platforms .ai-platform-logo{width:20px;height:20px}
.service-studio #showcase-panel-0.ai-studio .ai-platform-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.service-studio #showcase-panel-0.ai-studio .ai-platform-progress{height:2px}
.service-studio #showcase-panel-0.ai-studio .ai-conversation{padding:24px 0;justify-content:flex-start;min-height:0;background:white}
.service-studio #showcase-panel-0.ai-studio .ai-brand-header{padding:0 24px 18px;min-height:0;border:0;margin:0}
.service-studio #showcase-panel-0.ai-studio .ai-brand-identity{font-size:15px}
.service-studio #showcase-panel-0.ai-studio .ai-brand-logo{width:23px;height:23px}
.service-studio #showcase-panel-0.ai-studio .ai-search-counter{font-size:8px;letter-spacing:.03em}
.service-studio #showcase-panel-0.ai-studio .ai-question-wrap{padding:0 24px;margin:0;min-height:0}
.service-studio #showcase-panel-0.ai-studio .ai-speaker{font-size:9px;margin-bottom:9px}
.service-studio #showcase-panel-0.ai-studio .ai-query{font-size:17px;line-height:1.5;padding:15px 17px;margin:0;border-radius:14px 14px 3px 14px;min-height:0;letter-spacing:-.02em}
.service-studio #showcase-panel-0.ai-studio .ai-answer-wrap{padding:22px 24px 0;margin:0;min-height:0}
.service-studio #showcase-panel-0.ai-studio .ai-answer-byline{margin-bottom:12px;font-size:9px;gap:7px}
.service-studio #showcase-panel-0.ai-studio .ai-response-logo{width:17px;height:17px}
.service-studio #showcase-panel-0.ai-studio .ai-answer{font-size:14px;line-height:1.7;letter-spacing:-.01em;min-height:0;margin:0;max-width:none}
.service-studio #showcase-panel-0.ai-studio .ai-citation-strip{gap:5px;margin-top:17px;flex-wrap:wrap;font-size:9px}
.service-studio #showcase-panel-0.ai-studio .ai-citation-label{font-size:9px}
.service-studio #showcase-panel-0.ai-studio .ai-citation{font-size:9px;padding:4px 7px}
.service-studio #showcase-panel-0.ai-studio .ai-relevance{display:flex;flex-direction:column;gap:6px;font-size:10px;margin-top:18px;padding-top:15px;border-top:1px solid #E7EDF1}
.service-studio #showcase-panel-0.ai-studio .ai-outcome{padding:20px 20px 22px;gap:12px;justify-content:flex-start;background:#EAF5FC;min-height:0;border-left:1px solid #DBE8F0}
.service-studio #showcase-panel-0.ai-studio .ai-phone-caption{font-size:10px;max-width:250px;gap:10px}
.service-studio #showcase-panel-0.ai-studio .ai-phone{width:238px;border-radius:31px;padding:5px;box-shadow:0 13px 24px -17px #17374866}
.service-studio #showcase-panel-0.ai-studio .ai-phone-screen{border-radius:25px}
.service-studio #showcase-panel-0.ai-studio .ai-phone-status{height:28px;font-size:9px}
.service-studio #showcase-panel-0.ai-studio .ai-phone-island{height:14px;width:58px}
.service-studio #showcase-panel-0.ai-studio .ai-phone-content{padding:0 11px}
.service-studio #showcase-panel-0.ai-studio .ai-phone .ai-business-example{padding:9px 2px 11px}
.service-studio #showcase-panel-0.ai-studio .ai-phone .ai-business-name{font-size:24px;line-height:1.1}
.service-studio #showcase-panel-0.ai-studio .ai-phone .ai-business-services{margin:9px 0 11px}
.service-studio #showcase-panel-0.ai-studio .ai-phone .ai-enquiry-example{padding:11px 10px;border-radius:9px}
.service-studio #showcase-panel-0.ai-studio .ai-phone .ai-enquiry-head{margin-bottom:8px}
.service-studio #showcase-panel-0.ai-studio .ai-phone .ai-enquiry-subject{font-size:13px}
.service-studio #showcase-panel-0.ai-studio .ai-phone .ai-enquiry-copy{font-size:10px;line-height:1.6}
.service-studio #showcase-panel-0.ai-studio .ai-window-foot{padding:8px 24px;gap:20px;min-height:54px;border-top:1px solid #DFE7ED}
.service-studio #showcase-panel-0.ai-studio .ai-sequence-progress{gap:18px}
.service-studio #showcase-panel-0.ai-studio .ai-demo-disclosure{padding:12px 24px;margin:0;background:#FAFCFD;font-size:9px;line-height:1.6}
.service-studio #showcase-panel-0.ai-studio>.ai-service-notes{padding:0 24px}
.service-studio #showcase-panel-0.ai-studio .ai-inclusions summary{min-height:62px;padding:17px 0;font-size:11px;gap:14px}
.service-studio #showcase-panel-0.ai-studio .ai-inclusions-route{font-size:10px;gap:8px}
.service-studio #showcase-panel-0.ai-studio .ai-inclusions-toggle{font-size:10px}
.ai-route-mark{position:absolute;left:calc(53.49% - 16px);top:46%;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--navy);box-shadow:0 0 0 5px #FFFFFF;pointer-events:none;z-index:2;opacity:1}
.ai-route-mark svg{width:18px;height:18px}
.ai-visibility-demo[data-phase=question] .ai-route-mark{opacity:0}
.service-studio .showcase-panel:not(.showcase-ai)>.showcase-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px;border:0;align-items:center}
.studio-service-intro .showcase-counter{font-size:9px;margin:0 0 11px;display:block}
.service-studio .studio-service-intro h4{font-size:32px;line-height:1.13;letter-spacing:-.04em;margin:0;max-width:23ch}
.service-studio .studio-service-intro>p{font-size:12px;line-height:1.7;color:#596572;max-width:55ch;margin-top:13px}
.service-studio .showcase-copy>.opportunity-actions{padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.service-studio .showcase-copy>.opportunity-actions .button{font-size:11px;min-height:46px;padding:12px 14px;gap:12px}
.service-studio .showcase-copy>.opportunity-actions .text-link{font-size:10px}
.service-studio .showcase-panel:not(.showcase-ai)>.showcase-canvas{padding:0 24px 24px;background:white}
.service-studio .opportunity-map{padding:24px;border-radius:10px}
.service-studio .opportunity-question>p{font-size:30px;max-width:24ch}
.service-studio .opportunity-question>div{font-size:12px}
.service-studio .opportunity-detail{min-height:0;grid-template-columns:1.2fr 1fr}
.service-studio .opportunity-work{padding:22px}
.service-studio .opportunity-evidence ul{display:block}
.service-studio .opportunity-symbol{display:block}
.service-studio .studio-service-delivery{padding:18px 28px;margin:0;border:0;border-top:1px solid #E4EAF0;background:#FAFCFD;display:flex;gap:24px;align-items:baseline}
.service-studio .studio-service-delivery>.artifact-label{flex:none;font-size:9px}
.service-studio .studio-service-delivery>p{margin:0;font-size:12px;line-height:1.6;color:#596572;max-width:none}
@media(max-width:1200px) and (min-width:1001px){
 .service-showcase.service-studio{grid-template-columns:165px minmax(0,1fr);column-gap:20px}
 .service-showcase.service-studio .showcase-tabs>a{padding-inline:11px;min-height:77px}
 .service-showcase.service-studio .showcase-tabs>a>strong{font-size:11px}
 .service-studio #showcase-panel-0.ai-studio>.showcase-copy{display:block;padding:24px}
 .service-studio #showcase-panel-0.ai-studio>.showcase-copy>.opportunity-actions{margin-top:16px}
 .service-studio #showcase-panel-0.ai-studio .ai-window{grid-template-columns:minmax(0,1.1fr) minmax(230px,1fr)}
 .service-studio #showcase-panel-0.ai-studio .ai-brand-header,.service-studio #showcase-panel-0.ai-studio .ai-question-wrap{padding-inline:18px}
 .service-studio #showcase-panel-0.ai-studio .ai-answer-wrap{padding-inline:18px}
 .service-studio #showcase-panel-0.ai-studio .ai-outcome{padding-inline:14px}
 .ai-route-mark{left:calc(52.38% - 16px)}
 .service-studio .showcase-panel:not(.showcase-ai)>.showcase-copy{grid-template-columns:1fr}
 .service-studio .showcase-copy>.opportunity-actions{flex-direction:row;align-items:center;flex-wrap:wrap}
}
@media(max-width:1000px){
 .service-showcase.service-studio{display:block}
 .service-studio>.showcase-heading{padding-bottom:22px}
 .service-showcase.service-studio .showcase-tabs{flex-direction:row;gap:5px;padding:6px;margin-bottom:18px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;border-radius:10px;scroll-padding-inline:6px}
 .service-showcase.service-studio .showcase-tabs>a{flex:0 0 154px;min-height:72px;padding:12px;white-space:normal}
 .service-studio>.showcase-panels{width:100%}
 .service-studio>.showcase-foot{padding-inline:0}
}
@media(max-width:760px){
 .service-studio>.showcase-heading{display:block}
 .service-studio .showcase-heading>p{margin:12px 0 0 36px;max-width:none}
 .service-studio .showcase-heading>p>strong{display:none}
 .service-studio #showcase-panel-0.ai-studio>.showcase-copy{display:block;padding:24px 20px}
 .service-studio #showcase-panel-0.ai-studio>.showcase-copy>.opportunity-actions{margin-top:16px}
 .service-studio .showcase-panel:not(.showcase-ai)>.showcase-copy{grid-template-columns:1fr;padding:24px 20px}
 .service-studio .showcase-copy>.opportunity-actions{flex-direction:row;align-items:center;flex-wrap:wrap}
 .service-studio #showcase-panel-0.ai-studio .ai-inclusions summary{flex-wrap:wrap}
 .service-studio #showcase-panel-0.ai-studio .ai-inclusions-route{order:3;width:100%}
}
@media(max-width:650px){
 .service-studio .showcase-heading h2{font-size:32px}
 .service-studio #showcase-panel-0.ai-studio .ai-window{grid-template-columns:1fr}
 .service-studio #showcase-panel-0.ai-studio .ai-demo-toolbar{padding-inline:18px}
 .service-studio #showcase-panel-0.ai-studio .ai-platforms ul{gap:12px}
 .service-studio #showcase-panel-0.ai-studio .ai-platforms li{display:flex;flex-direction:column;align-items:flex-start;font-size:9px;gap:7px;padding:13px 0}
 .service-studio #showcase-panel-0.ai-studio .ai-conversation{padding:20px 0}
 .service-studio #showcase-panel-0.ai-studio .ai-brand-header,.service-studio #showcase-panel-0.ai-studio .ai-question-wrap,.service-studio #showcase-panel-0.ai-studio .ai-answer-wrap{padding-inline:20px}
 .service-studio #showcase-panel-0.ai-studio .ai-relevance{flex-direction:row;flex-wrap:wrap;gap:6px 14px}
 .service-studio #showcase-panel-0.ai-studio .ai-outcome{padding:20px;border-left:0;border-top:1px solid #D9E7F0}
 .service-studio #showcase-panel-0.ai-studio .ai-phone-caption{max-width:none}
 .service-studio #showcase-panel-0.ai-studio .ai-phone{width:100%;padding:0;background:white;border:1px solid #C9DCE7;border-radius:10px;box-shadow:none}
 .service-studio #showcase-panel-0.ai-studio .ai-phone-screen{border-radius:9px}
 .service-studio #showcase-panel-0.ai-studio .ai-phone-status{display:none}
 .service-studio #showcase-panel-0.ai-studio .ai-phone-content{padding:0 14px 14px}
 .service-studio #showcase-panel-0.ai-studio .ai-phone .ai-business-example{padding:14px 0}
 .service-studio #showcase-panel-0.ai-studio .ai-phone .ai-business-name{font-size:27px;max-width:none}
 .service-studio #showcase-panel-0.ai-studio .ai-phone .ai-enquiry-subject{font-size:14px}
 .service-studio #showcase-panel-0.ai-studio .ai-phone .ai-enquiry-copy{font-size:12px}
 .service-studio #showcase-panel-0.ai-studio .ai-window-foot{padding-inline:18px;gap:12px}
 .service-studio #showcase-panel-0.ai-studio .ai-demo-disclosure{padding:12px 18px}
 .ai-route-mark{display:none}
 .service-studio .opportunity-detail{grid-template-columns:1fr}
 .service-studio .showcase-panel:not(.showcase-ai)>.showcase-canvas{padding:0 12px 12px}
 .service-studio .opportunity-map{padding:22px 18px}
 .service-studio .studio-service-delivery{display:block;padding:18px 20px}
 .service-studio .studio-service-delivery>p{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.service-showcase.service-studio .showcase-tabs>a{transition:none}}
.motion-disabled .service-showcase.service-studio .showcase-tabs>a{transition:none}

/* Dark service chapter: fine rules, clear type, colour reserved for service signatures. */
.service-directory{background:var(--navy);color:#F7FAFD;margin:56px calc(-1 * var(--pad)) 0;padding:64px var(--pad) 40px;isolation:isolate}
.service-directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}
.service-directory-eyebrow{color:#A8D8F0;font-size:10px;font-weight:600;letter-spacing:.12em;margin-bottom:18px}
.service-directory .services-heading{color:#F7FAFD;font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.04em;margin:0;text-wrap:balance}
.service-directory-heading>p{color:#BAC5D5;font-size:14px;line-height:1.7;max-width:31ch;margin-bottom:3px}
.service-directory .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;align-items:start}
.service-directory .service{padding:25px 0 28px;border-color:#303A49;--service-ink:#82AEFF;--service-wash:#162C4A}
.service-directory #service-detail-1{--service-ink:#FF977B;--service-wash:#352A2B}
.service-directory #service-detail-2{--service-ink:#FF8DBF;--service-wash:#342337}
.service-directory #service-detail-3{--service-ink:#63D9EF;--service-wash:#162F3B}
.service-directory #service-detail-4{--service-ink:#FFC767;--service-wash:#352E23}
.service-directory #service-detail-5{--service-ink:#4DDDAA;--service-wash:#173431}
.service-directory .service-top{margin-bottom:21px;min-height:40px}
.service-directory .service-top>svg{width:32px;height:32px;color:var(--service-ink);fill:var(--service-wash)}
.service-directory .service-top>span{color:#9DAABE;font-size:11px;font-variant-numeric:tabular-nums}
.service-directory .service h3{color:#F7FAFD;font-size:clamp(20px,1.85vw,26px);line-height:1.25;letter-spacing:-.03em;min-height:2.5em;margin-bottom:12px;max-width:22ch;text-wrap:balance}
.service-directory .service>p{color:#BAC5D5;font-size:14px;line-height:1.7;min-height:5.1em;max-width:38ch}
.service-directory .service details{margin-top:16px;font-size:13px}
.service-directory .service summary{color:#F7FAFD;min-height:48px;padding:8px 0;font-size:13px}
.service-directory .service summary>span{width:30px;height:30px;color:#F7FAFD;background:#202B3B;border:1px solid #384557;transition:transform 220ms ease,background-color 150ms ease,color 150ms ease}
.service-directory .service summary:hover>span,.service-directory .service details[open] summary>span{background:var(--service-ink);border-color:transparent;color:var(--navy)}
.service-directory .service-description ul{color:#C6CFDC;line-height:1.7;margin:12px 0 16px}
.service-directory .service-description li::marker{color:var(--service-ink)}
.service-directory .service-enquiry{color:var(--service-ink);font-size:13px;min-height:44px;margin:0;padding:8px 0}
.service-directory :is(summary,a):focus-visible{outline:2px solid var(--sky);outline-offset:5px;border-radius:3px}
@media(max-width:1000px){
 .service-directory{padding-top:48px;padding-bottom:24px}
 .service-directory .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
 .service-directory-heading{gap:24px}
 .service-directory-heading>p{font-size:13px}
}
@media(max-width:600px){
 .service-directory{margin-top:36px;padding-top:36px;padding-bottom:12px}
 .service-directory-heading{display:block;margin-bottom:28px}
 .service-directory-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:14px}
 .service-directory-heading>p{margin-top:16px;max-width:none}
 .service-directory .services-grid{grid-template-columns:1fr}
 .service-directory .service{padding:22px 0}
 .service-directory .service-top{margin-bottom:15px}
 .service-directory .service h3{min-height:0;max-width:none;font-size:23px}
 .service-directory .service>p{min-height:0;max-width:none}
 .service-directory .service details{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.service-directory .service summary>span{transition:none}}
.motion-disabled .service-directory .service summary>span{transition:none}

/* A compact bridge from individual services to one connected customer journey. */
.expertise:has(+ .connection-story){padding-bottom:0}
.connection-banner.connection-story{background:#EAF5FC;border:0;padding-block:48px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.65fr);gap:7%;align-items:center}
.connection-story .eyebrow{font-size:9px;letter-spacing:.12em;color:#51687A}
.connection-story h2{font-size:clamp(28px,2.7vw,40px);line-height:1.13;letter-spacing:-.04em;max-width:18ch;margin-top:14px;text-wrap:balance}
.connection-story-intro>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:35ch;color:#4B6073;margin-top:16px}
.connection-story .text-link{font-size:12px;min-height:44px;margin-top:16px;gap:20px}
.connection-story .text-link>span{transition:transform 180ms ease}
.connection-story .text-link:hover>span{transform:translate(3px,-3px)}
.connection-story-journey{position:relative;min-width:0}
.connection-thread{position:relative;z-index:1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:0;margin:0}
.connection-story-node{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:white;font-size:10px;font-weight:600;box-shadow:0 0 0 8px #EAF5FC;margin-bottom:27px;font-variant-numeric:tabular-nums}
.connection-thread li:nth-child(2) .connection-story-node{background:var(--sky);color:var(--navy)}
.connection-thread li:last-child .connection-story-node{background:var(--mint);color:var(--navy)}
.connection-thread h3{font-size:18px;line-height:1.3;letter-spacing:-.035em;margin:0 0 12px}
.connection-thread p{font-size:13px;color:#4B6073;line-height:1.7;max-width:25ch;margin:0}
.connection-story-note{display:block;font-size:10px;line-height:1.5;color:#50657A;margin-top:18px}
.connection-story-track{position:absolute;left:17px;right:calc((100% - 52px)/3 - 17px);height:1px;top:17px;background:#B7D2E2;overflow:hidden}
.connection-story-track>i{display:block;width:100%;height:100%;background:#718E9F;transform-origin:left center}
@media(max-width:1000px){
 .connection-banner.connection-story{grid-template-columns:1fr;gap:32px;padding-block:36px}
 .connection-story-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
 .connection-story-intro>.eyebrow{grid-column:1/-1}
 .connection-story h2{grid-column:1;grid-row:2/4;margin-top:14px;font-size:32px}
 .connection-story-intro>p:not(.eyebrow){grid-column:2;margin-top:14px}
 .connection-story .text-link{grid-column:2;margin-top:8px}
 .connection-thread{gap:26px}
}
@media(max-width:600px){
 .connection-banner.connection-story{gap:28px;padding-block:32px}
 .connection-story-intro{display:block}
 .connection-story h2{font-size:30px;max-width:18ch}
 .connection-story-intro>p:not(.eyebrow){max-width:36ch;margin-top:12px}
 .connection-story .text-link{margin-top:12px}
 .connection-thread{grid-template-columns:1fr;gap:27px}
 .connection-thread li{position:relative;padding-left:54px;min-height:100px}
 .connection-story-node{position:absolute;left:0;top:0;margin:0}
 .connection-thread h3{padding-top:4px;margin-bottom:7px}
 .connection-thread p{max-width:32ch;font-size:14px}
 .connection-story-note{margin-top:9px}
 .connection-story-track{top:17px;left:17px;right:auto;bottom:calc(100% / 3 - 10px);height:auto;width:1px}
 .connection-story-track>i{transform-origin:center top}
}
@media(prefers-reduced-motion:reduce){.connection-story .text-link>span{transition:none;transform:none}}
.motion-disabled .connection-story .text-link>span{transition:none;transform:none}

/* Lead generation: a concrete ad → landing page → enquiry demonstration. */
.service-studio #showcase-panel-1.lead-studio .studio-service-intro h4{font-size:clamp(26px,2.5vw,34px);max-width:24ch}
.service-studio #showcase-panel-1.lead-studio .studio-service-intro>p{font-size:13px;max-width:54ch}
.service-studio .campaign-studio .opportunity-map.campaign-stage{padding:0;background:#F5F9FC;color:var(--navy);border:1px solid #DFE7ED;border-radius:12px;overflow:hidden}
.lead-journey-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;background:var(--navy);color:#D5E3EE;font-size:9px;letter-spacing:.08em}
.lead-example-label{display:flex;align-items:center;gap:7px;letter-spacing:0;white-space:nowrap;color:#BFCEDD}
.lead-example-label i,.lead-received i{width:5px;height:5px;border-radius:50%;background:var(--mint);display:inline-block}
.service-studio .campaign-studio .opportunity-controls{gap:0;margin:0;padding:0 22px;background:white;border-bottom:1px solid #DFE7ED}
.service-studio .campaign-studio .opportunity-controls>button{position:relative;min-height:72px;display:flex;align-items:center;gap:9px;padding:16px 10px;color:#5A6879;font-size:11px;text-align:left}
.service-studio .campaign-studio .opportunity-controls>button>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#EDF2F6;color:#657284;font-size:10px;margin:0}
.service-studio .campaign-studio .opportunity-controls>button>strong{font-weight:600;line-height:1.4}
.service-studio .campaign-studio .opportunity-controls>button[aria-pressed=true]{color:var(--navy)}
.service-studio .campaign-studio .opportunity-controls>button[aria-pressed=true]>span{background:var(--mint);color:var(--navy)}
.service-studio .campaign-studio .opportunity-controls>button>i{position:absolute;left:10px;right:10px;bottom:0;width:auto;height:2px;margin:0;background:transparent;transform:none}
.service-studio .campaign-studio .opportunity-controls>button[aria-pressed=true]>i{background:var(--mint)}
.service-studio .campaign-studio .opportunity-controls>button:focus-visible{outline:2px solid #3977B4;outline-offset:-5px;border-radius:5px}
.service-studio .campaign-studio .opportunity-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:0;background:#F5F9FC;border:0;border-radius:0;overflow:visible}
.service-studio .campaign-studio .opportunity-detail[hidden]{display:none}
.service-studio .campaign-studio .opportunity-work{padding:32px 26px;align-self:center}
.service-studio .campaign-studio .opportunity-work>.artifact-label{font-size:9px;color:#637486;letter-spacing:.08em}
.service-studio .campaign-studio .opportunity-work h5{font-size:clamp(24px,2.3vw,32px);line-height:1.13;letter-spacing:-.04em;max-width:16ch;margin:18px 0 15px}
.service-studio .campaign-studio .opportunity-work>p{font-size:13px;line-height:1.75;color:#526375;max-width:35ch}
.lead-work-list{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:10px;font-size:11px;line-height:1.5;color:#34485A}
.lead-work-list>li{display:flex;gap:9px;align-items:baseline}
.lead-work-list>li>span{color:var(--navy);font-size:11px}
.lead-preview-stage{display:flex;align-items:center;justify-content:center;padding:26px 24px 26px 0;min-width:0}
.lead-preview{width:100%;max-width:355px;background:white;border:1px solid #D3DFE8;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #1432500A}
.lead-preview-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#FBFCFE;border-bottom:1px solid #E2EAF0;color:#637486;font-size:9px}
.lead-search-query{margin:16px 16px 0;border:1px solid #DFE7ED;border-radius:20px;padding:9px 11px;display:flex;align-items:center;gap:9px;font-size:11px;color:#2A3C4E}
.lead-search-query svg{width:14px;height:14px;flex:none}
.lead-search-result{padding:18px}
.lead-sponsored{font-size:8px;color:#657486;display:block;margin-bottom:12px}
.lead-brand{display:flex;align-items:center;gap:9px;margin-bottom:17px}
.lead-brand>span{display:grid;place-items:center;width:28px;height:28px;background:var(--mint);border-radius:7px;font-size:16px;font-weight:600}
.lead-brand strong{display:block;font-size:10px;line-height:1.5}
.lead-brand small{display:block;font-size:8px;color:#637486}
.lead-ad-headline{display:block;font-size:25px;line-height:1.15;letter-spacing:-.045em;color:var(--navy)}
.lead-preview p{font-size:11px;line-height:1.65;color:#526375;margin:12px 0 17px}
.lead-preview-action{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--navy);color:white;border-radius:5px;padding:11px 12px;font-size:10px;font-weight:600}
.lead-preview-caption{background:#EAF5FC;padding:12px 16px;display:flex;gap:9px;font-size:9px;color:#405D71;border-top:1px solid #DCEAF2}
.lead-page-content{padding:20px;background:#EDF8FD}
.lead-mini-brand{display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.06em;margin-bottom:24px}
.lead-form-preview{display:grid;gap:8px;margin-top:16px}
.lead-form-preview>span:not(.lead-preview-action){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:white;border:1px solid #D8E5ED;border-radius:5px;font-size:10px}
.lead-form-preview small{color:#657486;font-size:9px}
.lead-example-tag{font-size:8px;background:#EAF3F8;padding:3px 6px;border-radius:3px}
.lead-inbox-content{padding:22px 18px}
.lead-received{font-size:9px;display:flex;gap:6px;align-items:center;margin-bottom:22px;color:#526375}
.lead-person{display:flex;align-items:center;gap:10px}
.lead-person>span{width:36px;height:36px;background:#E1F3FC;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}
.lead-person strong{display:block;font-size:12px}.lead-person small{display:block;color:#657486;font-size:9px;margin-top:3px}
.lead-preview p.lead-message{color:#263E52;font-size:13px;line-height:1.65;margin:18px 0;padding-bottom:18px;border-bottom:1px solid #E2EAF0}
.lead-context{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:9px;color:#657486}
.lead-context strong{display:block;font-size:10px;color:var(--navy);margin-top:5px}
.lead-handoff{display:flex;gap:9px;align-items:center;background:#EDF8F4;border:1px solid #D4EDE3;padding:12px;margin-top:21px;border-radius:5px}
.lead-handoff>span{width:22px;height:22px;display:grid;place-items:center;background:var(--mint);border-radius:50%;font-size:11px;flex:none}
.lead-handoff strong{font-size:10px;display:block}.lead-handoff small{display:block;font-size:8px;color:#526375;margin-top:3px}
.service-studio .campaign-studio .opportunity-benefit{padding:15px 24px;gap:12px;border-top:1px solid #D9E6EE;background:#E6F3FB;color:var(--navy);min-height:0}
.service-studio .campaign-studio .opportunity-benefit>span{font-size:22px}
.service-studio .campaign-studio .opportunity-benefit>p{font-size:11px;font-weight:600}
.service-studio .campaign-studio .opportunity-note{margin:0;padding:12px 22px;font-size:9px;line-height:1.6;background:white;color:#657486}
@media(max-width:760px){
 .service-studio .campaign-studio .opportunity-work{padding:24px 20px}
 .lead-preview-stage{padding:20px 16px 20px 0}
 .service-studio .campaign-studio .opportunity-controls{padding-inline:8px}
 .service-studio .campaign-studio .opportunity-controls>button{gap:6px;font-size:10px;padding-inline:6px}
}
@media(max-width:600px){
 .lead-journey-heading{padding:14px 16px;font-size:8px;gap:8px}
 .lead-example-label{font-size:8px}
 .service-studio .campaign-studio .opportunity-controls>button{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:85px}
 .service-studio .campaign-studio .opportunity-detail{grid-template-columns:1fr}
 .service-studio .campaign-studio .opportunity-work{padding:24px 20px 18px}
 .service-studio .campaign-studio .opportunity-work h5{max-width:none;font-size:28px;margin-block:12px}
 .service-studio .campaign-studio .opportunity-work>p{max-width:none;font-size:14px}
 .lead-work-list{margin-top:16px;font-size:12px;gap:8px}
 .lead-preview-stage{padding:0 20px 24px}
 .lead-preview{max-width:380px}
 .service-studio .campaign-studio .opportunity-benefit{padding:14px 18px}
}

/* Social studio: editorial planning, branded creative, then a useful next idea. */
.service-studio #showcase-panel-2.social-studio .studio-service-intro h4{font-size:clamp(26px,2.5vw,34px);max-width:24ch}
.service-studio #showcase-panel-2.social-studio .studio-service-intro>p{font-size:13px;max-width:54ch}
.social-studio .lead-journey-heading{background:#E5F2FA;color:#344F63;border-bottom:1px solid #D6E5EF}
.social-studio .lead-example-label{color:#526375}
.social-studio .lead-example-label i{background:var(--navy)}
.social-plan-content{padding:20px 18px}
.social-plan-heading>span,.social-review-label{display:block;font-size:8px;letter-spacing:.075em;color:#657486;line-height:1.6}
.social-plan-heading>strong{display:block;font-size:27px;line-height:1.12;letter-spacing:-.04em;margin-top:10px}
.social-calendar{list-style:none;display:grid;gap:0;padding:0;margin:20px 0 0}
.social-calendar>li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid #E1E8EE}
.social-day{display:grid;place-items:center;flex:0 0 33px;height:34px;border-radius:6px;background:#E5F3FB;font-size:8px;font-weight:600;letter-spacing:.02em}
.social-calendar>li:nth-child(2) .social-day{background:#E0F8EE}
.social-calendar>li:nth-child(3) .social-day{background:#FFF0E7}
.social-calendar small{display:block;font-size:7px;letter-spacing:.06em;color:#627587;margin-bottom:5px}
.social-calendar strong{display:block;font-size:12px;line-height:1.4;letter-spacing:-.015em}
.social-calendar div>span{display:block;font-size:8px;color:#627587;margin-top:7px}
.social-calendar i{font-style:normal;font-size:16px;margin-left:auto;color:#657486}
.social-profile{display:flex;align-items:center;gap:9px;padding:13px 16px}
.social-avatar{display:grid;place-items:center;width:28px;height:28px;background:var(--navy);color:white;border-radius:50%;font-size:11px;font-weight:600;flex:none}
.social-profile strong{font-size:10px;display:block}.social-profile small{font-size:8px;color:#657486;display:block;margin-top:2px}
.social-more{margin-left:auto;font-size:11px;letter-spacing:2px}
.social-post-art{position:relative;overflow:hidden;background:var(--mint);padding:22px 22px 14px;color:var(--navy)}
.social-post-overline{font-size:7px;letter-spacing:.1em;font-weight:600}
.social-post-art>strong{display:block;font-size:clamp(25px,2.6vw,36px);line-height:1.05;letter-spacing:-.05em;margin:22px 0 10px}
.social-post-subline{font-size:11px}
.social-orbit{display:block;width:100%;height:78px;margin:15px 0 8px;overflow:visible}
.social-art-footer{display:flex;justify-content:space-between;border-top:1px solid #0C121F30;padding-top:11px;font-size:7px;letter-spacing:.065em;font-weight:600}
.social-post-caption{padding:13px 16px 16px}
.social-post-tools{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1}
.social-post-tools svg{width:17px;height:17px}
.social-post-caption p{font-size:10px;margin:9px 0;line-height:1.6}
.social-post-caption>span:last-child{font-size:8px;color:#687A8A}
.social-review-content{padding:22px 18px}
.social-comment{display:flex;align-items:flex-start;gap:10px;margin-top:20px}
.social-comment .social-avatar{background:var(--sky);color:var(--navy)}
.social-comment small{font-size:8px;color:#657486}
.social-comment p{font-size:14px;line-height:1.5;letter-spacing:-.015em;margin:7px 0 0;color:var(--navy)}
.social-review-connection{font-size:26px;color:#7795A8;margin:14px 0 14px 8px}
.social-next-idea{padding:19px 17px;background:#EAF5FC;border:1px solid #D3E7F4;border-radius:7px}
.social-next-idea>span{font-size:8px;color:#526E82;letter-spacing:.07em}
.social-next-idea>strong{display:block;font-size:23px;line-height:1.17;letter-spacing:-.035em;margin-top:10px}
.social-next-idea p{font-size:11px;margin:12px 0 0}
.social-review-foot{border-top:1px solid #E1E8EE;padding-top:16px;margin-top:20px}
.social-review-foot>span{font-size:9px;color:#657486;display:block}
.social-review-foot>strong{font-size:10px;display:block;margin-top:6px;font-weight:600}
.social-review-foot>small{display:block;font-size:8px;color:#657486;margin-top:6px}
@media(max-width:600px){
 .social-plan-heading>strong{font-size:29px}
 .social-post-art>strong{font-size:36px}
 .social-calendar strong{font-size:13px}
 .social-calendar small,.social-calendar div>span{font-size:9px}
 .social-comment p{font-size:15px}
}

/* AI visibility: four recognisable product languages within one Axil story. */
.service-studio #showcase-panel-0.ai-premium .ai-service-intro h4{max-width:25ch;font-size:clamp(27px,2.65vw,37px);line-height:1.12}
.service-studio #showcase-panel-0.ai-premium .ai-service-intro>p{font-size:13px;max-width:56ch;line-height:1.7}
.service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar{background:white;gap:20px;min-height:68px}
.service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar>.ai-demo-label{display:flex;font-size:9px;white-space:nowrap;color:#667587}
.service-studio #showcase-panel-0.ai-premium .ai-platforms{flex:1;min-width:0;width:auto}
.service-studio #showcase-panel-0.ai-premium .ai-platforms ul{gap:16px}
.service-studio #showcase-panel-0.ai-premium .ai-platforms li{font-size:10px;opacity:.48;transition:opacity 200ms ease;color:#405267;min-width:0}
.service-studio #showcase-panel-0.ai-premium .ai-platforms li[aria-current=step]{opacity:1;color:var(--navy)}
.service-studio #showcase-panel-0.ai-premium .ai-platforms li.is-complete{opacity:.8}
.service-studio #showcase-panel-0.ai-premium .ai-platform-progress{background:#E7EDF2;height:2px;border-radius:2px}
.service-studio #showcase-panel-0.ai-premium .ai-platform-progress b{background:var(--navy)}
.service-studio #showcase-panel-0.ai-premium [data-ai-search=claude] .ai-platform-progress b{background:#C57958}
.service-studio #showcase-panel-0.ai-premium [data-ai-search=perplexity] .ai-platform-progress b{background:#3977A0}
.service-studio #showcase-panel-0.ai-premium [data-ai-search=gemini] .ai-platform-progress b{background:#4285F4}
.service-studio #showcase-panel-0.ai-premium .ai-platforms li.is-complete .ai-platform-progress b{background:#BEDDEB}
.service-studio #showcase-panel-0.ai-premium .ai-conversation{background:var(--ai-paper);font-family:Arial,Helvetica,sans-serif;min-height:440px;padding-top:20px;padding-bottom:20px}
.service-studio #showcase-panel-0.ai-premium .ai-brand-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:18px}
.service-studio #showcase-panel-0.ai-premium .ai-brand-identity{font-size:16px;gap:8px}
.service-studio #showcase-panel-0.ai-premium .ai-brand-name{font-weight:600}
.service-studio #showcase-panel-0.ai-premium .ai-search-counter{margin-left:auto;color:#75818E;font-size:8px;order:3}
.ai-provider-mode{font-size:9px;color:#697482;padding:4px 7px;background:#F0F2F4;border:1px solid #E6E9EB;border-radius:5px}
.service-studio #showcase-panel-0.ai-premium .ai-speaker{font-size:9px;color:#697482;margin-bottom:8px}
.service-studio #showcase-panel-0.ai-premium .ai-query{font-size:16px;line-height:1.5;letter-spacing:0;font-weight:400;background:#F3F3F3;border-radius:18px 18px 4px 18px;padding:13px 15px;max-width:94%;margin-left:auto}
.service-studio #showcase-panel-0.ai-premium .ai-answer-wrap{display:flex;flex-direction:column;padding-top:22px}
.service-studio #showcase-panel-0.ai-premium .ai-answer-byline{order:0;font-size:9px;color:#75818E;font-weight:400;margin-bottom:12px}
.service-studio #showcase-panel-0.ai-premium .ai-answer{order:1;font-size:14px;line-height:1.65;letter-spacing:0;font-weight:400;color:#202832}
.service-studio #showcase-panel-0.ai-premium .ai-answer p{margin:0 0 12px;font:inherit;color:inherit}
.service-studio #showcase-panel-0.ai-premium .ai-answer p:last-child{margin-bottom:0}
.service-studio #showcase-panel-0.ai-premium .ai-answer ul{margin:11px 0 0;padding-left:17px;display:grid;gap:9px;list-style:disc}
.service-studio #showcase-panel-0.ai-premium .ai-answer strong{font-weight:600}
.service-studio #showcase-panel-0.ai-premium .ai-answer mark{background:transparent;color:inherit;font-weight:600;padding:0;border-radius:0}
.ai-inline-cite{display:inline-grid;place-items:center;vertical-align:super;min-width:13px;height:13px;padding:0 3px;font-family:Arial,sans-serif;font-size:8px;line-height:1;border-radius:4px;background:#EDF0F3;color:#4A5B6A}
.service-studio #showcase-panel-0.ai-premium .ai-citation-strip{order:2;display:flex;gap:6px;align-items:center;margin:17px 0 0}
.service-studio #showcase-panel-0.ai-premium .ai-citation-label{display:block;flex-basis:100%;font-family:Arial,sans-serif;font-size:8px;margin:0 0 1px;color:#74808B}
.service-studio #showcase-panel-0.ai-premium .ai-citation{display:flex;align-items:center;gap:6px;flex:initial;border:1px solid #E1E6EB;background:#FAFBFC;color:#3E4B58;border-radius:16px;padding:5px 8px;font-size:9px;line-height:1.4;min-width:0}
.ai-source-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#DDECF4;color:#344A5E;font-size:8px;flex:none;font-family:Arial,sans-serif}
.ai-citation strong{display:block;font-size:9px;font-weight:400;line-height:1.4}
.ai-citation small{display:none}
.ai-citation>b{font-size:8px;font-weight:400;color:#75818E}
.ai-commercial-takeaway{order:4;border-top:1px solid #DFE6EA;margin-top:22px;padding-top:14px;font-family:Manrope,sans-serif;display:flex;gap:18px;align-items:baseline}
.ai-takeaway-label{font-size:8px;letter-spacing:.06em;color:#637587;flex:none}
.ai-commercial-takeaway p{font-size:11px;line-height:1.65;color:#5A6B7B;margin:0}
.ai-commercial-takeaway strong{color:var(--navy);font-weight:600}
.ai-visibility-demo[data-phase=question] .ai-commercial-takeaway{visibility:hidden}
.service-studio #showcase-panel-0.ai-premium .ai-outcome{background:#EAF4FA;padding-top:23px;gap:17px}
.service-studio #showcase-panel-0.ai-premium .ai-phone-caption{font-size:10px;letter-spacing:.01em;color:#587084}
.service-studio #showcase-panel-0.ai-premium .ai-phone{border:1px solid #314050;box-shadow:0 20px 35px -25px #12324B70,0 2px 4px #12324B10}
.service-studio #showcase-panel-0.ai-premium .ai-phone-browser>span:first-of-type{font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-example{background:white;border-color:#E1E8EE}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-label{font-size:7px;letter-spacing:.055em;color:#72808C}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-place{font-size:8px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-example{background:#F4FAF8;border:1px solid #D5EAE1}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-copy{color:#425968;font-size:10px}
.service-studio #showcase-panel-0.ai-premium .ai-window-foot{background:white}
.service-studio #showcase-panel-0.ai-premium .ai-sequence-progress li{font-size:9px}
.service-studio #showcase-panel-0.ai-premium .ai-demo-disclosure{color:#697988}
/* ChatGPT: neutral chat bubble, direct sans-serif response and compact sources. */
.service-studio #showcase-panel-0.ai-premium [data-provider=chatgpt] .ai-conversation{--ai-paper:#FFFFFF}
/* Claude: warm paper, understated rounded question and serif response. */
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-conversation{background:#FAF9F5}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-brand-name{font-family:Georgia,serif;font-weight:400;font-size:20px;color:#292621}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-provider-mode{background:#F1EEE6;border-color:#E7E2D8;color:#75675C}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-query{background:#F0EDE6;border:1px solid #E8E3D9;border-radius:10px;color:#393631}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-answer{font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.65;color:#38352F}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-citation{background:#F1EEE7;border-color:#E6E1D6;color:#6B5C50;border-radius:5px}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-source-icon{background:#E9DED2;color:#75614F}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-inline-cite{background:#EAE5DC;color:#786656}
/* Perplexity: question as headline, source cards preceding a cited answer. */
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-conversation{background:#FCFDFD}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-query{max-width:100%;background:none;padding:0;border:0;border-radius:0;font-size:23px;font-weight:600;line-height:1.25;letter-spacing:-.035em}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-speaker{justify-content:flex-start}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-citation-strip{order:0;margin:0 0 19px;align-items:stretch}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-answer-byline{order:1}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-answer{order:2}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-citation{flex:1;padding:9px 8px;border-radius:8px;align-items:flex-start;background:white;gap:7px}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-citation strong{font-weight:600;font-size:9px}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-citation small{display:block;font-size:7px;color:#758593;overflow-wrap:anywhere;margin-top:5px}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-inline-cite{background:#E4F0F7;color:#3E627E}
/* Gemini: cool blue question surface, spark-led response and related-content chips. */
.service-studio #showcase-panel-0.ai-premium [data-provider=gemini] .ai-conversation{background:white}
.service-studio #showcase-panel-0.ai-premium [data-provider=gemini] .ai-brand-name{font-weight:400;font-size:20px;color:#44546A}
.service-studio #showcase-panel-0.ai-premium [data-provider=gemini] .ai-query{border-radius:19px;background:#EDF3FC;color:#28364A}
.service-studio #showcase-panel-0.ai-premium [data-provider=gemini] .ai-response-logo{width:24px;height:24px}
.service-studio #showcase-panel-0.ai-premium [data-provider=gemini] .ai-answer-byline{gap:9px}
.service-studio #showcase-panel-0.ai-premium [data-provider=gemini] .ai-citation{background:#F0F4FA;border-color:#E4EAF3;border-radius:8px}
@media(max-width:1000px){.service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar>.ai-demo-label{display:none}}
@media(max-width:760px){
 .ai-commercial-takeaway{display:block}
 .ai-commercial-takeaway p{margin-top:6px}
 .service-studio #showcase-panel-0.ai-premium .ai-citation{font-size:8px}
}
@media(max-width:650px){
 .service-studio #showcase-panel-0.ai-premium .ai-platforms li{font-size:9px}
 .service-studio #showcase-panel-0.ai-premium .ai-conversation{min-height:0}
 .service-studio #showcase-panel-0.ai-premium .ai-query{font-size:16px}
 .service-studio #showcase-panel-0.ai-premium .ai-answer{font-size:15px}
 .service-studio #showcase-panel-0.ai-premium .ai-commercial-takeaway{display:flex}
 .service-studio #showcase-panel-0.ai-premium .ai-phone{border:1px solid #CBDDE8;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.service-studio #showcase-panel-0.ai-premium .ai-platforms li{transition:none}}
.motion-disabled .service-studio #showcase-panel-0.ai-premium .ai-platforms li{transition:none}
.ai-premium .ai-static-answer{font-size:14px;line-height:1.7;color:#405567}
.ai-premium .ai-static-answer p{margin:10px 0}
.ai-premium .ai-static-answer ul{padding-left:18px;margin-top:10px}
.ai-premium .ai-static-answer li+li{margin-top:6px}
.ai-premium .ai-static-searches [data-provider=claude] .ai-static-answer{font-family:Georgia,serif;font-size:16px}

/* One device, four stories: content must not resize the phone between providers. */
.service-studio #showcase-panel-0.ai-premium .ai-phone{box-sizing:border-box;width:238px;height:470px;flex:0 0 auto;max-width:100%;padding:5px}
.service-studio #showcase-panel-0.ai-premium .ai-phone-screen{display:grid;grid-template-rows:28px 36px minmax(0,1fr) 16px;height:100%;min-height:0}
.service-studio #showcase-panel-0.ai-premium .ai-phone-status{height:28px;min-width:0}
.service-studio #showcase-panel-0.ai-premium .ai-phone-browser{min-width:0;margin:2px 11px 6px;padding:5px 8px;gap:5px}
.service-studio #showcase-panel-0.ai-premium .ai-phone-browser>svg{flex:none}
.service-studio #showcase-panel-0.ai-premium .ai-phone-browser>span:first-of-type{min-width:0;flex:1}
.service-studio #showcase-panel-0.ai-premium .ai-phone-content{display:grid;grid-template-rows:minmax(0,1fr) 166px;gap:8px;min-height:0;padding:0 11px 8px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-example{min-width:0;min-height:0;padding:8px 2px 6px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-place{margin-top:8px;line-height:1.4;min-height:12px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-name{font-size:23px;line-height:1.12;min-height:52px;margin-top:7px;max-width:100%;overflow-wrap:normal}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-services{min-height:30px;align-content:flex-start;gap:2px 6px;margin:8px 0}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-services>span{font-size:9px;line-height:1.5}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-route{margin-top:auto;min-height:31px;padding:7px 10px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-example{height:166px;min-height:0;box-sizing:border-box;padding:11px 10px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-head{gap:3px 6px;margin-bottom:8px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-message{display:block}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-icon{display:none}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-subject{display:block;font-size:13px;line-height:1.3;min-height:34px}
.service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-example p.ai-enquiry-copy{font-size:11px;line-height:1.6;margin-top:6px;color:#425968}
.service-studio #showcase-panel-0.ai-premium .ai-phone-home{align-self:center;margin:0 auto;width:70px;height:3px}
.service-studio #showcase-panel-0.ai-premium .ai-visibility-demo[data-phase=question] .ai-citation-strip{visibility:hidden}
@media(max-width:650px){
 .service-studio #showcase-panel-0.ai-premium .ai-phone{width:100%;height:460px;padding:0}
 .service-studio #showcase-panel-0.ai-premium .ai-phone-screen{grid-template-rows:36px minmax(0,1fr)}
 .service-studio #showcase-panel-0.ai-premium .ai-phone-status,.service-studio #showcase-panel-0.ai-premium .ai-phone-home{display:none}
 .service-studio #showcase-panel-0.ai-premium .ai-phone-browser{margin:0;padding:9px 14px}
 .service-studio #showcase-panel-0.ai-premium .ai-phone-content{padding:0 14px 14px;grid-template-rows:minmax(0,1fr) 184px;gap:10px}
 .service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-example{padding:14px 0 2px}
 .service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-name{font-size:27px;min-height:61px}
 .service-studio #showcase-panel-0.ai-premium .ai-phone .ai-business-services>span{font-size:10px}
 .service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-example{height:184px;padding:13px 12px}
 .service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-subject{font-size:14px;min-height:37px}
 .service-studio #showcase-panel-0.ai-premium .ai-phone .ai-enquiry-example p.ai-enquiry-copy{font-size:12px;line-height:1.6}
}

/* Website & SEO: one customer journey, demonstrated through real page patterns. */
.website-journey-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;background:var(--navy);color:white}
.website-journey-heading h5{font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.035em;margin:0}
.website-journey-heading>p{font-size:12px;line-height:1.7;color:#C4D5E3;margin:0}
.website-journey-heading>p>span{color:#A8D8F0}
.service-studio .website-studio .opportunity-detail{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:420px;background:#F5F9FC}
.service-studio .website-studio .opportunity-work{padding:28px}
.service-studio .website-studio .opportunity-work h5{margin:0 0 16px;max-width:17ch;font-size:clamp(25px,2.2vw,31px)}
.service-studio .website-studio .opportunity-work>p{font-size:13px;line-height:1.7}
.website-work-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:0;font-size:11px;line-height:1.5;color:#40576A}
.website-work-list li{padding:9px 0;border-top:1px solid #DCE6ED}
.website-preview-stage{padding:25px 25px 20px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}
.website-preview{background:white;border:1px solid #D1DEE8;border-radius:10px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 15px 32px -20px #213D5B55}
.website-browser{height:35px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:0 13px;background:#FCFDFE;border-bottom:1px solid #E1E9EF;color:#627487;font-size:8px}
.website-browser>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.website-browser>svg{width:12px;height:12px;flex:none}
.website-browser-dots{display:flex;gap:4px;flex:none}
.website-browser-dots i{width:4px;height:4px;background:#A8BCCB;border-radius:50%}
.website-example-note{font-size:9px;color:#637587;margin-top:12px;text-align:center}
.website-search,.website-page,.website-form{min-height:330px}
.website-search{padding:23px 20px;display:flex;flex-direction:column;justify-content:center}
.website-search-field{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #DCE5EC;border-radius:24px;font-size:11px;color:#2D4050;line-height:1.5}
.website-search-field svg{width:15px;height:15px;flex:none}
.website-result{padding:24px 1px 20px}
.website-result-brand{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.website-result-brand>span{width:28px;height:28px;display:grid;place-items:center;background:#E7F2F8;border-radius:50%;font-size:13px}
.website-result-brand strong{display:block;font-size:11px;font-weight:500}
.website-result-brand small{display:block;font-size:8px;color:#697B89;margin-top:3px;overflow-wrap:anywhere}
.website-result-title{display:block;font-size:17px;line-height:1.3;font-weight:500;color:#244AA3;letter-spacing:-.02em}
.website-result p{font-size:11px;line-height:1.6;color:#516372;margin:9px 0 12px}
.website-result-links{display:flex;flex-wrap:wrap;gap:7px 13px;color:#244AA3;font-size:10px}
.website-search-insight{border-top:1px solid #DCE7EF;padding-top:13px;font-size:10px;line-height:1.6}
.website-search-insight span{display:block;color:#61778A}
.website-search-insight strong{font-weight:500;color:var(--navy)}
.website-mini-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #D9E5ED;font-size:8px;color:#506879}
.website-mini-nav>strong{font-family:Georgia,serif;font-size:18px;font-weight:400;letter-spacing:-.025em;color:var(--navy)}
.website-mini-nav>strong>span{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:0}
.website-page-hero{padding:23px 23px 20px;background:#EAF5FC}
.website-page-location{font-size:8px;letter-spacing:.08em;color:#536C7E}
.website-page-hero>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.08;letter-spacing:-.03em;margin-top:12px}
.website-page-hero>p{font-size:10px;line-height:1.7;color:#496173;margin:13px 0 16px}
.website-demo-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:9px 12px;background:var(--navy);color:white;border-radius:5px;font-size:10px;font-weight:600}
.website-demo-action svg{width:17px;height:17px;flex:none}
.website-page-answers{display:flex;justify-content:space-between;gap:12px;padding:15px 20px;font-size:10px;color:#354F61}
.website-form{padding:0 20px 17px}
.website-form .website-mini-nav{padding:16px 0;border:0}
.website-form-title{display:block;font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 7px}
.website-form>p{font-size:10px;line-height:1.6;margin:0;color:#576D7E}
.website-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 12px}
.website-form-fields>div{min-width:0}
.website-form-fields span{font-size:9px;display:block;margin-bottom:5px;color:#52697B}
.website-form-fields strong{display:block;font-size:10px;line-height:1.5;font-weight:400;border:1px solid #D9E4EB;border-radius:4px;padding:8px;background:#FBFDFF;overflow-wrap:anywhere}
.website-message-field{grid-column:1/-1}
.website-form-note{display:block;text-align:center;font-size:8px;color:#657687;margin-top:9px}
.service-studio .website-studio .opportunity-benefit{background:#E4F3FB;padding:13px 25px}
.service-studio .website-studio .opportunity-benefit>p{font-size:12px}
@media(max-width:760px){
 .website-journey-heading{padding:22px;gap:18px}
 .website-journey-heading>p{font-size:11px}
 .service-studio .website-studio .opportunity-work{padding:22px}
 .website-preview-stage{padding:22px 18px 18px 0}
}
@media(max-width:600px){
 .website-journey-heading{display:block;padding:23px 20px}
 .website-journey-heading h5{font-size:29px}
 .website-journey-heading>p{margin-top:13px}
 .website-journey-heading>p br{display:none}
 .website-journey-heading>p>span{margin-left:5px}
 .service-studio .website-studio .opportunity-detail{grid-template-columns:1fr;min-height:0}
 .service-studio .website-studio .opportunity-work{padding:24px 20px 8px}
 .service-studio .website-studio .opportunity-work h5{max-width:22ch}
 .service-studio .website-studio .opportunity-work>p{max-width:none}
 .website-work-list{margin-top:16px;font-size:12px}
 .website-preview-stage{padding:15px 16px 22px}
 .website-search,.website-page,.website-form{min-height:0}
 .website-form-fields{grid-template-columns:1fr}
 .website-search{padding:22px 17px}
 .website-result-title{font-size:18px}
 .website-result p{font-size:12px}
 .website-result-links{font-size:11px}
 .website-form-fields strong{font-size:12px}
 .website-form>p{font-size:12px}
 .website-demo-action{min-height:40px;font-size:11px}
}

/* A finite lead story: conversation, confirmed booking, then payment. */
.lead-playback{display:flex;align-items:center;gap:13px;letter-spacing:0}
.lead-demo-label{font-size:10px;color:#C6D6E4}
.lead-story-play{font:inherit;font-size:11px;color:white;border:1px solid #607285;background:transparent;border-radius:5px;padding:8px 11px;min-height:36px;cursor:pointer}
.lead-story-play:hover{background:#253346}
.lead-story-play:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.service-studio .lead-studio .opportunity-detail{min-height:550px}
.service-studio .lead-studio .lead-preview-stage{padding-block:22px}
.lead-conversation-preview{max-width:380px}
.lead-chat-header{display:flex;align-items:center;gap:9px;padding:14px 15px;border-bottom:1px solid #E1EAF0}
.lead-chat-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--mint);color:var(--navy);font-size:17px;font-weight:600;flex:none}
.lead-chat-header strong{display:block;font-size:12px}
.lead-chat-header small{display:block;font-size:9px;color:#607587;margin-top:3px}
.lead-chat-state{font-size:8px;color:#5C7285;margin-left:auto}
.lead-chat-thread{height:320px;overflow-y:auto;overscroll-behavior:contain;padding:15px;display:flex;flex-direction:column;gap:12px;background:#F8FBFD;scrollbar-width:thin;scrollbar-color:#B6CDD9 transparent}
.lead-chat-line{max-width:90%;flex:none}
.lead-chat-line>span:first-child{display:block;font-size:8px;color:#607587;margin-bottom:4px}
.lead-preview .lead-chat-line>p{font-size:12px;line-height:1.55;margin:0;padding:10px 12px;border-radius:12px 12px 12px 3px;background:#E6F3FB;color:#253D50}
.lead-chat-line.customer{align-self:flex-end}
.lead-chat-line.customer>span{text-align:right}
.lead-preview .lead-chat-line.customer>p{background:#E7F7F1;border-radius:12px 12px 3px 12px}
.lead-payment-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;border:1px solid #BDCFDB;border-radius:6px;padding:9px 11px;background:white;font-size:10px;color:var(--navy)}
.lead-payment-link svg{width:15px;height:15px}
.lead-booking-result{padding:15px;background:white;border-top:1px solid #DCE7EE;min-height:104px}
.lead-booked{display:flex;align-items:center;gap:8px}
.lead-booked>svg{width:26px;height:26px;padding:5px;background:var(--mint);border-radius:50%;flex:none}
.lead-booked strong{display:block;font-size:11px}
.lead-booked span{display:block;font-size:9px;color:#617486;margin-top:3px}
.lead-revenue{display:flex;justify-content:space-between;align-items:baseline;margin-top:13px;padding-top:11px;border-top:1px solid #E0E9EF}
.lead-revenue>span{font-size:10px;color:#536C7E}
.lead-revenue>strong{font-size:27px;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.lead-revenue>strong>span{font-size:15px;color:#627A8D}
.lead-journey [data-chat-beat][hidden]{display:none}
.lead-journey[data-story-active] .lead-booking-result[hidden]{display:block;visibility:hidden}
@media(max-width:600px){
 .service-studio .lead-studio .opportunity-detail{min-height:0}
 .lead-journey-heading{padding:14px 16px;gap:10px;font-size:8px}
 .lead-playback{gap:8px;flex:none}
 .lead-story-play{font-size:10px;padding:8px}
 .lead-chat-thread{height:320px}
 .lead-preview .lead-chat-line>p{font-size:13px}
}

/* Automation: a customer conversation becomes organised work for the team. */
.automation-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:white;padding:25px 28px}
.automation-heading h5{font-size:clamp(25px,2.4vw,34px);line-height:1.13;letter-spacing:-.035em;margin:0}
.automation-heading p{font-size:12px;line-height:1.6;color:#BDD0E0;margin:12px 0 0}
.automation-playback{display:flex;align-items:center;gap:12px;flex:none}
.automation-playback>span{font-size:10px;color:#C2D5E4}
.automation-play{font:inherit;font-size:11px;background:transparent;color:white;min-height:38px;border:1px solid #63778C;border-radius:5px;padding:8px 11px;cursor:pointer}
.automation-play:hover{background:#253346}
.automation-play:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.service-studio .automation-studio .opportunity-detail{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:480px}
.service-studio .automation-studio .opportunity-work{padding:28px}
.service-studio .automation-studio .opportunity-work h5{margin:0 0 16px;max-width:19ch;font-size:clamp(24px,2.2vw,31px)}
.automation-deliverables{list-style:none;padding:0;margin:22px 0 0;color:#40586B;font-size:11px;line-height:1.6}
.automation-deliverables li{padding:9px 0;border-top:1px solid #DCE6ED}
.automation-preview-stage{display:flex;align-items:center;justify-content:center;min-width:0;padding:24px 24px 24px 0}
.automation-preview{width:100%;max-width:395px;background:white;border:1px solid #D0DFEA;border-radius:12px;overflow:hidden;box-shadow:0 14px 28px -19px #25456150}
.automation-window{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid #E1EAF0;min-height:66px}
.automation-brand{display:grid;place-items:center;width:33px;height:33px;background:var(--mint);border-radius:9px;flex:none;font-size:17px;font-weight:600}
.automation-window strong{display:block;font-size:12px;color:var(--navy)}
.automation-window div>span{display:block;font-size:9px;color:#61788B;margin-top:3px}
.automation-window-dot{height:6px;width:6px;border-radius:50%;background:var(--mint);margin-left:auto}
.automation-chat,.automation-workflow,.automation-handover{min-height:340px;padding:19px 18px}
.automation-chat{display:flex;flex-direction:column;gap:14px;background:#F9FCFE}
.automation-message{max-width:93%}
.automation-message.incoming{align-self:flex-end}
.automation-message small{display:block;font-size:8px;color:#5D7486;margin-bottom:4px}
.automation-message.incoming small{text-align:right}
.automation-message p{margin:0;padding:10px 12px;background:#EAF4FB;border-radius:12px 12px 12px 3px;color:#253D50;font-size:12px;line-height:1.6}
.automation-message.incoming p{background:#E7F7F1;border-radius:12px 12px 3px 12px}
.automation-chat-note{display:flex;align-items:center;gap:8px;font-size:9px;color:#4A667B;padding-top:4px}
.automation-chat-note svg{width:16px;height:16px;flex:none}
.automation-workflow-title{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 20px;color:var(--navy)}
.automation-workflow ol{list-style:none;margin:0;padding:0}
.automation-workflow li{position:relative;display:flex;gap:13px;min-height:67px;padding-bottom:16px}
.automation-workflow li:not(:last-child)::after{content:'';position:absolute;left:13px;top:30px;bottom:2px;width:1px;background:#C4DCEB}
.automation-workflow li:last-child{padding-bottom:0;min-height:0}
.automation-node{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#DDF6EC;flex:none;color:var(--navy)}
.automation-node svg{width:15px;height:15px}
.automation-workflow strong{font-size:12px;display:block;line-height:1.5;padding-top:3px}
.automation-workflow li p{font-size:10px;line-height:1.6;color:#526D80;margin:5px 0 0}
.automation-assigned>span{display:inline-block;background:#DFF6ED;color:var(--navy);font-size:9px;padding:5px 8px;border-radius:4px}
.automation-assigned>strong{display:block;font-size:19px;letter-spacing:-.025em;line-height:1.3;margin:12px 0 7px}
.automation-assigned>p{font-size:11px;color:#526D80;line-height:1.6;margin:0}
.automation-handover dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0;margin:15px 0;border-top:1px solid #E1EAF0;border-bottom:1px solid #E1EAF0}
.automation-handover dt{font-size:8px;color:#61778A;margin-bottom:6px}
.automation-handover dd{font-size:10px;font-weight:600;line-height:1.5;margin:0}
.automation-summary>strong{font-size:10px;font-weight:600}
.automation-summary>p{font-size:11px;line-height:1.6;color:#4B6478;margin:7px 0 0}
.automation-owner{display:flex;align-items:center;gap:10px;background:#EAF5FC;border-radius:6px;padding:12px;margin-top:17px}
.automation-owner>svg{width:24px;height:24px;padding:4px;flex:none;background:var(--mint);border-radius:50%}
.automation-owner strong{display:block;font-size:11px}
.automation-owner span{display:block;font-size:9px;color:#506B80;margin-top:4px}
@media(max-width:760px){
 .automation-heading{padding:22px;gap:16px}
 .automation-heading p{max-width:30ch}
 .service-studio .automation-studio .opportunity-work{padding:22px}
 .automation-preview-stage{padding:20px 18px 20px 0}
}
@media(max-width:600px){
 .automation-heading{align-items:flex-start;flex-wrap:wrap;padding:23px 20px}
 .automation-heading p{max-width:none}
 .automation-playback{width:100%;justify-content:space-between}
 .service-studio .automation-studio .opportunity-detail{grid-template-columns:1fr;min-height:0}
 .service-studio .automation-studio .opportunity-work{padding:24px 20px 8px}
 .service-studio .automation-studio .opportunity-work>p{max-width:none}
 .automation-preview-stage{padding:16px 16px 22px}
 .automation-chat,.automation-workflow,.automation-handover{min-height:0}
 .automation-message p{font-size:13px}
 .automation-deliverables{font-size:12px;margin-top:16px}
 .automation-handover dl{grid-template-columns:1fr 1fr}
}

/* Mobile search: query, source and relevant result, followed by the enquiry. */
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-phone-browser{background:white;border-bottom:1px solid #E5EBF0;border-radius:0;margin:0 11px 5px;padding:3px 0 8px;gap:6px;justify-content:flex-start}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-mobile-provider-logo{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;overflow:visible}
.ai-mobile-provider-logo>.ai-platform-logo,.ai-mobile-provider-logo svg{width:18px;height:18px;display:block}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-mobile-provider-name{font-size:11px;font-weight:600;color:var(--navy);letter-spacing:-.02em}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-mobile-search-label{font-size:8px;color:#63778A;letter-spacing:0;margin-left:auto}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-phone-content{grid-template-rows:44px minmax(0,1fr) 130px;gap:10px;padding:0 11px 8px}
.ai-mobile-query{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#F0F4F8;border:1px solid #E0E8EE;border-radius:15px;font-family:Arial,sans-serif;font-size:9px;line-height:1.45;color:#354B5D}
.ai-mobile-query svg{width:13px;height:13px;flex:none}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-example{padding:0;justify-content:flex-start}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-label{font-size:6px;letter-spacing:.04em;line-height:1.5;color:#65798A}
.ai-result-source{display:flex;align-items:center;gap:6px;margin:7px 0 2px;min-width:0}
.ai-result-favicon{display:grid;place-items:center;width:21px;height:21px;background:#E6F3FB;border:1px solid #D5E5EE;border-radius:50%;font-size:10px;font-weight:600;flex:none}
.ai-result-source>div{min-width:0}
.ai-result-site-name{display:block;font-size:8px;line-height:1.5;color:#263D50}
.ai-result-host{display:block;font-size:6px;line-height:1.4;color:#667C8D;overflow-wrap:anywhere}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-place{font-size:7px;margin-top:4px;min-height:0;line-height:1.3}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-name{font-family:Arial,sans-serif;font-size:17px;font-weight:500;line-height:1.17;min-height:0;margin-top:5px;color:#2857A2;letter-spacing:-.025em;max-width:100%}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-description{display:block;font-family:Arial,sans-serif;font-size:9px;line-height:1.5;color:#526879;max-width:none;margin:6px 0 0}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-services{gap:3px 7px;min-height:0;margin:7px 0 0;flex-wrap:wrap}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-services>span{color:#2857A2;font-family:Arial,sans-serif;font-size:8px;line-height:1.4;background:transparent;padding:0;border:0}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-services>span::after{display:none}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-example{height:130px;padding:10px;background:#F3F8FC;border-color:#D5E5F0;border-radius:10px;box-shadow:0 6px 16px -12px #28445F50}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-head{margin-bottom:7px;gap:3px}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-head .ai-overline{font-size:9px}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-example-label{font-size:7px}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-subject{font-size:12px;line-height:1.3;min-height:0}
.service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-example p.ai-enquiry-copy{font-size:10px;line-height:1.5;margin-top:6px}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-mobile-query{background:#F4F1E9;border-color:#E7E2D8}
.service-studio #showcase-panel-0.ai-premium [data-provider=claude] .ai-search-phone .ai-business-name{color:#665142;font-family:Georgia,serif}
.service-studio #showcase-panel-0.ai-premium [data-provider=perplexity] .ai-mobile-query{border-radius:7px;background:#F5F8FA}
.service-studio #showcase-panel-0.ai-premium [data-provider=gemini] .ai-mobile-query{background:#EDF3FD;border-color:#DCE7FA}
@media(max-width:650px){
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-phone-browser{margin:0 14px;padding:6px 0}
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-phone-content{grid-template-rows:44px minmax(0,1fr) 140px;padding:8px 14px 14px;gap:10px}
 .ai-mobile-query{font-size:11px}
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-name{font-size:21px}
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-description{font-size:11px}
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-business-services>span{font-size:10px}
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-example{height:140px;padding:12px}
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-subject{font-size:14px}
 .service-studio #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-example p.ai-enquiry-copy{font-size:12px}
}

/* Review requests continue the automation journey after a completed service. */
.service-studio .automation-studio .opportunity-controls{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-studio .automation-studio .opportunity-controls>button{padding-inline:7px;gap:7px}
.automation-review-content{padding:18px;min-height:340px}
.automation-review-trigger{display:flex;align-items:center;gap:9px;padding-bottom:16px;border-bottom:1px solid #DCE8EF}
.automation-review-trigger>svg{width:26px;height:26px;padding:5px;background:var(--mint);border-radius:50%;flex:none}
.automation-review-trigger strong{display:block;font-size:11px}
.automation-review-trigger span{display:block;font-size:9px;line-height:1.5;color:#5D7486;margin-top:3px}
.automation-review-email{padding-top:17px}
.automation-review-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#5F7588;margin-bottom:14px}
.automation-review-email>strong{font-size:21px;line-height:1.25;letter-spacing:-.03em;display:block}
.automation-review-email>p{font-size:12px;line-height:1.65;color:#465F74;margin:12px 0}
.automation-review-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--navy);color:white;font-size:11px;font-weight:600;border-radius:5px;margin-top:17px}
.automation-review-link>svg{width:17px;height:17px;flex:none}
.automation-review-note{padding-top:15px;margin-top:16px;border-top:1px solid #DCE8EF;font-size:9px;line-height:1.6;color:#5C7488}
.automation-review-note>strong{display:block;font-weight:500;color:#2F4B60}
@media(max-width:700px){
 .service-studio .automation-studio .opportunity-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-studio .automation-studio .opportunity-controls>button{min-height:62px}
}

/* Compact service introduction: explicit alignment avoids inherited column centring. */
.service-studio #showcase-panel-0.ai-premium>.showcase-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:start;justify-content:normal;gap:24px;padding:26px 28px;margin:0;text-align:left}
.service-studio #showcase-panel-0.ai-premium .ai-service-intro{width:100%;max-width:none;margin:0;min-width:0}
.service-studio #showcase-panel-0.ai-premium .ai-service-intro h4{font-size:clamp(26px,2.35vw,33px);line-height:1.14;letter-spacing:-.035em;max-width:25ch;margin:0;text-wrap:balance}
.service-studio #showcase-panel-0.ai-premium .ai-service-intro>p{font-size:13px;line-height:1.65;max-width:58ch;margin:12px 0 0;color:#566879}
.service-studio #showcase-panel-0.ai-premium>.showcase-copy>.ai-offer-action{display:block;grid-column:2;grid-row:1;margin:0;padding:0;align-self:center;justify-self:end;width:auto;max-width:none}
.service-studio #showcase-panel-0.ai-premium>.showcase-copy .button{min-height:46px;font-size:11px;line-height:1.4;padding:12px 15px;gap:13px;border-radius:6px;white-space:nowrap}
.service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar{min-height:56px;padding:0 24px;gap:18px;align-items:center;background:#FCFDFE}
.service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar>.ai-demo-label{order:2;flex:0 0 auto;font-size:8px;gap:5px;margin:0}
.service-studio #showcase-panel-0.ai-premium .ai-platforms{order:1}
.service-studio #showcase-panel-0.ai-premium .ai-platforms ul{gap:20px}
.service-studio #showcase-panel-0.ai-premium .ai-platforms li{padding:14px 0;font-size:10px;gap:6px}
.service-studio #showcase-panel-0.ai-premium .ai-platform-progress{height:2px}
@media(min-width:1001px){
 .service-showcase.service-studio .showcase-tabs{background:transparent;padding:0;gap:3px;border-radius:0}
 .service-showcase.service-studio .showcase-tabs>a{min-height:65px;padding:12px 14px;border-radius:7px}
 .service-showcase.service-studio .showcase-tabs>a[aria-selected=true]{background:#EAF5FC;box-shadow:none}
 .service-showcase.service-studio .showcase-tabs>a>strong{font-size:12px;line-height:1.4}
 .service-showcase.service-studio .showcase-tabs>a>small{font-size:10px;line-height:1.45;margin-top:3px;color:#617586}
}
@media(min-width:1001px) and (max-width:1250px){
 .service-studio #showcase-panel-0.ai-premium>.showcase-copy{gap:20px;padding:24px}
 .service-studio #showcase-panel-0.ai-premium .ai-service-intro h4{font-size:27px}
 .service-studio #showcase-panel-0.ai-premium>.showcase-copy .button{white-space:normal;max-width:158px;font-size:11px}
 .service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar>.ai-demo-label{display:none}
}
@media(max-width:760px){
 .service-studio #showcase-panel-0.ai-premium>.showcase-copy{grid-template-columns:1fr;gap:17px;padding:24px 20px}
 .service-studio #showcase-panel-0.ai-premium .ai-service-intro h4{font-size:28px;max-width:26ch;text-wrap:initial}
 .service-studio #showcase-panel-0.ai-premium>.showcase-copy>.ai-offer-action{grid-column:1;grid-row:2;justify-self:start;margin:0;align-self:start}
 .service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar{padding-inline:20px;gap:0}
 .service-studio #showcase-panel-0.ai-premium .ai-demo-toolbar>.ai-demo-label{display:none}
 .service-studio #showcase-panel-0.ai-premium .ai-platforms ul{gap:12px}
}
@media(max-width:450px){
 .service-studio #showcase-panel-0.ai-premium>.showcase-copy{padding:22px 18px;gap:16px}
 .service-studio #showcase-panel-0.ai-premium .ai-service-intro h4{font-size:27px;max-width:24ch}
 .service-studio #showcase-panel-0.ai-premium .ai-service-intro>p{font-size:13px;line-height:1.6}
 .service-studio #showcase-panel-0.ai-premium>.showcase-copy>.ai-offer-action{width:100%}
 .service-studio #showcase-panel-0.ai-premium>.showcase-copy .button{width:100%;justify-content:space-between}
 .service-studio #showcase-panel-0.ai-premium .ai-platforms li{font-size:9px;padding:12px 0}
}

/* Approved customer and content stories: one visual, one clear outcome. */
.service-studio .flow-studio{--flow-ink:#0C121F;--flow-muted:#506477;--flow-line:#D9E5ED;--flow-sky:#EDF7FC}
.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:#0C121F;color:#E6F2FA;font-size:12px}
.flow-toolbar>div{display:flex;align-items:center;gap:14px}.flow-demo-label{font-size:10px;color:#BDD1DF}
.flow-play{font:inherit;font-size:11px;min-height:36px;border:1px solid #6D8394;border-radius:6px;background:transparent;color:white;padding:6px 12px;cursor:pointer}.flow-play:hover{background:#26384B}.flow-play:focus-visible{outline:2px solid #A8D8F0;outline-offset:3px}
.service-studio .campaign-studio .flow-studio .opportunity-controls{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 18px}
.service-studio .campaign-studio .flow-studio .opportunity-controls>button{min-height:62px;padding:12px 8px;font-size:11px;border-bottom:0}
.service-studio .campaign-studio .flow-studio .opportunity-controls>button>i{height:2px;right:8px;left:8px;transform-origin:left}
.service-studio .campaign-studio .flow-studio .opportunity-detail-stack{gap:0}
.service-studio .campaign-studio .flow-studio .flow-scene{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.85fr);min-height:470px;align-items:stretch;background:white;gap:0}
.service-studio .campaign-studio .flow-studio .flow-scene[hidden]{display:none}
.flow-visual{display:flex;align-items:center;justify-content:center;min-width:0;padding:24px;background:var(--flow-sky);overflow:hidden}
.flow-work{align-self:center;min-width:0;padding:28px;color:var(--flow-ink)}
.flow-work h5{font-size:clamp(23px,2vw,30px);line-height:1.18;letter-spacing:-.035em;font-weight:600;white-space:pre-line;margin:0 0 14px;text-wrap:balance}
.flow-work>p{font-size:12px;color:var(--flow-muted);line-height:1.75;margin:0;max-width:38ch}
.flow-activity{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px}
.flow-activity li{display:flex;gap:10px;align-items:flex-start}.flow-event-check{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#DEFAEF;flex:none;color:#0C121F}.flow-event-check svg{width:14px;height:14px}
.flow-activity strong{font-size:11px;font-weight:600;line-height:1.5;display:block}.flow-activity small{display:block;color:var(--flow-muted);font-size:10px;line-height:1.6;margin-top:3px}
.flow-takeaway{border-top:1px solid var(--flow-line);padding-top:16px;margin-top:25px;font-size:10px;line-height:1.7;color:var(--flow-muted)}
.flow-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 22px;border-top:1px solid var(--flow-line);background:#FBFDFE}.flow-footer p{font-size:9px;line-height:1.7;color:var(--flow-muted);margin:0;max-width:75ch}.flow-position{font-size:10px;color:#506477;white-space:nowrap;font-variant-numeric:tabular-nums}
.flow-studio .flow-conversation{max-width:440px;width:100%;border:1px solid #C9DAE6;background:white;border-radius:14px;box-shadow:0 14px 25px -20px #15354D70;overflow:hidden;min-height:422px}
.flow-window-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--flow-line);min-height:65px;background:white}.flow-window-head strong{font-size:12px;display:block;color:var(--flow-ink)}.flow-window-head small{font-size:9px;line-height:1.5;color:var(--flow-muted);display:block;margin-top:3px}
.flow-avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;background:#4DDDAA;color:#0C121F;border-radius:9px;font-size:18px;font-weight:600}.flow-status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#4DDDAA;margin-left:auto}
.flow-chat-body{padding:18px;display:flex;flex-direction:column;gap:13px;min-height:350px}
.flow-message{max-width:94%;align-self:flex-start}.flow-message.customer{align-self:flex-end}.flow-message small{display:block;font-size:9px;color:var(--flow-muted);margin:0 4px 4px}.flow-message.customer small{text-align:right}.flow-message p{font-size:12px;line-height:1.65;margin:0;padding:10px 13px;background:#EAF4FB;color:#233F52;border-radius:11px 11px 11px 2px}.flow-message.customer p{background:#E8F8F1;border-radius:11px 11px 2px 11px}
.flow-contact-summary{padding:14px 0 4px;border-top:1px solid var(--flow-line);margin-top:3px;color:#0C121F}.flow-contact-summary>div{display:flex;gap:7px;align-items:center;font-size:11px}.flow-contact-summary svg{width:17px;height:17px}.flow-contact-summary>span{display:block;font-size:11px;margin:10px 0 4px}.flow-contact-summary>small{display:block;font-size:9px;color:var(--flow-muted)}
.flow-compose{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid var(--flow-line);border-radius:8px;font-size:10px;color:#526477;margin-top:auto}.flow-compose svg,.flow-review-link svg{width:17px;height:17px}
.flow-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-slots>span{position:relative;padding:10px;border:1px solid var(--flow-line);border-radius:7px;font-size:10px;color:var(--flow-muted)}.flow-slots strong{display:block;font-size:12px;margin-top:4px;color:var(--flow-ink)}.flow-slots .selected{border-color:#4DDDAA;background:#EDFAF5}.flow-slots svg{position:absolute;right:8px;top:9px;width:15px;height:15px}
.flow-booking-confirmation{border-top:1px solid var(--flow-line);padding-top:12px}.flow-confirm-title{display:flex;align-items:center;gap:7px;font-size:12px}.flow-confirm-title svg{width:19px;height:19px}.flow-booking-facts{margin:12px 0 0;display:grid;gap:8px}.flow-booking-facts>div{display:grid;grid-template-columns:65px 1fr;gap:8px;font-size:10px;line-height:1.4}.flow-booking-facts dt{color:var(--flow-muted)}.flow-booking-facts dd{margin:0;color:var(--flow-ink)}
.flow-time-jump{font-size:9px;text-align:center;color:var(--flow-muted);padding:4px 0 7px}.flow-job-state{display:flex;gap:10px;align-items:center;padding:11px 0;color:var(--flow-ink)}.flow-job-state>svg{width:23px;height:23px;flex:none;padding:3px;background:#DDF8EB;border-radius:50%}.flow-job-state strong{font-size:11px;display:block}.flow-job-state small{display:block;font-size:9px;color:var(--flow-muted);margin-top:3px}
.flow-receipt{border-top:1px solid var(--flow-line);padding-top:12px;display:grid;gap:4px}.flow-receipt>span{font-size:10px;color:var(--flow-muted)}.flow-receipt>strong{font-size:32px;line-height:1.15;letter-spacing:-.03em}.flow-receipt>strong span{font-size:19px;color:var(--flow-muted)}.flow-receipt>small{font-size:9px;color:var(--flow-muted)}
.flow-studio .flow-review-message{padding:18px;background:#F5FAFD;border:0;border-radius:8px}.flow-review-message h6{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:17px 0 12px}.flow-review-message>small{font-size:9px;color:var(--flow-muted);display:block}.flow-review-message p{font-size:12px;line-height:1.7;color:#344F61;margin:10px 0}.flow-review-link{background:#0C121F;color:white;display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:12px;border-radius:6px;margin:16px 0 10px}
.social-workspace{width:100%;max-width:550px;min-height:422px;background:white;border:1px solid #CDDFE9;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px -23px #14354D70}.social-avatar{display:grid;place-items:center;background:#0C121F;color:#E1F5FC;font-size:12px;font-weight:600;width:28px;height:28px;border-radius:50%;flex:none}.social-state{font-size:9px;color:#334E60;background:#EDF6FB;padding:5px 7px;border-radius:4px;white-space:nowrap}.flow-window-head>.social-state{margin-left:auto}
.social-brief-layout,.social-publish-layout,.social-learn-layout{padding:20px;display:grid;gap:16px}.social-question{padding:3px 0 15px;border-bottom:1px solid var(--flow-line)}.social-question small{font-size:9px;color:var(--flow-muted)}.social-question blockquote{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:9px 0 10px;color:#0C121F}.social-question>span{font-size:10px;color:var(--flow-muted)}
.social-brief h6{font-size:12px;margin:0 0 12px}.social-brief dl{display:grid;gap:8px;margin:0}.social-brief dl>div{display:grid;grid-template-columns:100px 1fr;font-size:10px;gap:9px;line-height:1.5}.social-brief dt{color:var(--flow-muted)}.social-brief dd{margin:0}
.social-creative{position:relative;isolation:isolate;aspect-ratio:4/5;min-width:0;overflow:hidden;background:#D9EAF0;color:#101F2A}.social-creative img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-1}.social-creative-copy{padding:17px 15px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.social-creative-copy>span{font-size:9px;font-weight:600}.social-creative-copy>strong{font-size:clamp(22px,2.3vw,35px);font-weight:600;line-height:1.08;letter-spacing:-.04em}.social-creative-copy>small{font-size:8px;background:#FFFFFFD9;padding:4px 6px}.social-creative-page{position:absolute;right:11px;bottom:10px;font-size:8px;background:white;padding:3px 5px}.social-creative.mini .social-creative-copy{padding:9px;gap:7px}.social-creative.mini .social-creative-copy>strong{font-size:16px}.social-creative.mini .social-creative-copy>small,.social-creative.mini .social-creative-page{display:none}.social-creative.mini .social-creative-copy>span{font-size:6px}
.social-brief-thumbnail{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center;padding-top:14px;border-top:1px solid var(--flow-line)}.social-brief-thumbnail strong{font-size:13px;display:block}.social-brief-thumbnail small{display:block;font-size:10px;line-height:1.6;color:var(--flow-muted);margin-top:4px}.social-brief-thumbnail span{font-size:9px;display:flex;align-items:center;gap:6px;margin-top:7px}.social-brief-thumbnail svg{width:15px;height:15px}
.social-create-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:18px;gap:18px;align-items:center;min-height:357px}.social-create-notes{display:grid;gap:19px}.social-create-notes small{font-size:9px;color:var(--flow-muted)}.social-create-notes h6{font-size:17px;line-height:1.3;letter-spacing:-.025em;margin:8px 0}.social-create-notes p{font-size:10px;line-height:1.7;color:#415C6D;margin:8px 0 0}.social-caption{border-top:1px solid var(--flow-line);padding-top:13px}.social-slide-count{display:flex;gap:6px;flex-wrap:wrap}.social-slide-count>span{font-size:9px;padding:5px 8px;background:#EDF2F5;border-radius:4px}.social-slide-count>.is-current{background:#0C121F;color:white}.social-slide-count small{flex-basis:100%;font-size:8px;line-height:1.6}
.social-approval{display:flex;gap:9px;align-items:center}.social-approval strong{display:block;font-size:11px}.social-approval small{font-size:10px;color:var(--flow-muted);display:block;margin-top:4px}.social-agenda{display:flex;align-items:center;gap:12px;padding:12px 0;border-block:1px solid var(--flow-line)}.social-agenda>span:first-child{font-size:9px;text-align:center;min-width:30px}.social-agenda>span:first-child strong{font-size:22px;display:block}.social-agenda>div{flex:1}.social-agenda>div strong{font-size:11px;display:block}.social-agenda small{font-size:9px;color:var(--flow-muted);display:block;margin-top:5px;line-height:1.5}
.social-feed-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;margin-bottom:12px}.social-feed-head>small{font-size:8px;margin-left:auto;color:var(--flow-muted)}.social-feed-content{display:grid;grid-template-columns:110px 1fr;gap:15px;align-items:center}.social-feed-content>div>strong{font-size:17px;line-height:1.3;letter-spacing:-.025em}.social-feed-content p{font-size:10px;line-height:1.7;color:var(--flow-muted);margin:9px 0}.social-feed-content small{font-size:9px;color:var(--flow-muted)}
.social-feedback{display:flex;gap:10px;align-items:flex-start}.social-feedback small{font-size:9px;color:var(--flow-muted)}.social-feedback p{font-size:17px;line-height:1.45;margin:7px 0 0;letter-spacing:-.02em}.social-next-post{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.social-next-art{background:#DFF3FA;padding:15px 12px;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between}.social-next-art span{font-size:8px}.social-next-art strong{font-size:23px;line-height:1.1;letter-spacing:-.035em}.social-next-art small{font-size:8px;line-height:1.5}.social-next-post h6{font-size:17px;line-height:1.3;letter-spacing:-.025em;margin:12px 0}.social-next-post p{font-size:10px;line-height:1.7;color:var(--flow-muted);margin:0}.social-review-scope{border-top:1px solid var(--flow-line);padding-top:12px;font-size:9px;line-height:1.7}.social-review-scope strong{display:block}.social-review-scope span{color:var(--flow-muted)}
@media(max-width:1050px){.service-studio .campaign-studio .flow-studio .flow-scene{grid-template-columns:minmax(0,1.3fr) minmax(190px,.8fr)}.flow-visual{padding:18px}.flow-work{padding:22px}.flow-work h5{font-size:25px}.flow-activity{gap:14px}.social-create-layout{grid-template-columns:1fr}.social-create-layout>.social-create-notes{grid-template-columns:1fr 1fr;gap:12px}.social-create-layout>.social-create-notes .social-slide-count{display:none}.social-create-layout>.social-create-notes .social-caption{border:0;padding:0}.social-create-layout>.social-create-notes h6{font-size:14px}.social-create-layout>div:first-child{max-width:210px;margin:auto;width:100%}.social-create-layout{min-height:0}.social-create-notes p{font-size:10px}.social-creative-copy>strong{font-size:27px}}
@media(max-width:760px){.service-studio .campaign-studio .flow-studio .flow-scene{grid-template-columns:1fr}.flow-visual{padding:20px}.flow-work{padding:23px;border-top:1px solid var(--flow-line)}.flow-work h5{white-space:normal;font-size:25px;max-width:26ch}.flow-work>p{max-width:60ch}.flow-activity{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.flow-activity li{display:block}.flow-event-check{margin-bottom:7px}.flow-takeaway{margin-top:18px}.flow-toolbar{padding:12px 16px;font-size:10px}.flow-studio .flow-conversation{min-height:422px}.social-create-layout{grid-template-columns:1.1fr 1fr;min-height:357px}.social-create-layout>.social-create-notes{display:grid;grid-template-columns:1fr}.social-create-layout>.social-create-notes .social-caption{border-top:1px solid var(--flow-line);padding-top:12px}.social-create-layout>.social-create-notes .social-slide-count{display:flex}.social-create-layout>.social-create-notes h6{font-size:17px}.flow-footer{padding:14px 16px}.flow-toolbar>div{gap:8px}}
@media(max-width:450px){.service-studio .campaign-studio .flow-studio .opportunity-controls{padding-inline:8px}.service-studio .campaign-studio .flow-studio .opportunity-controls>button{min-height:76px;align-items:flex-start;justify-content:center;flex-direction:column;font-size:10px;padding:10px 5px;gap:7px}.service-studio .campaign-studio .flow-studio .opportunity-controls>button>span{height:22px;width:22px;flex-basis:22px;font-size:9px}.flow-visual{padding:14px}.flow-window-head{padding:13px}.flow-chat-body{padding:14px;min-height:370px}.flow-message p{font-size:12px}.flow-work{padding:21px 18px}.flow-activity{grid-template-columns:1fr;gap:13px}.flow-activity li{display:flex}.flow-event-check{margin:0}.social-workspace>.flow-window-head{flex-wrap:wrap}.social-workspace>.flow-window-head>.social-state{margin-left:38px}.social-brief-layout,.social-publish-layout,.social-learn-layout{padding:16px}.social-question blockquote{font-size:23px}.social-brief dl>div{grid-template-columns:78px 1fr}.social-create-layout{display:block;padding:16px}.social-create-layout>div:first-child{max-width:240px}.social-create-layout>.social-create-notes{grid-template-columns:1fr;margin-top:18px}.social-create-layout>.social-create-notes .social-slide-count{display:none}.social-creative-copy>strong{font-size:31px}.social-next-art strong{font-size:21px}.social-feed-content{grid-template-columns:90px 1fr}.social-feed-head>small{margin:0;flex-basis:100%}.flow-toolbar>span{max-width:17ch;line-height:1.5}.flow-demo-label{font-size:9px}.flow-position{display:none}.flow-play{font-size:10px}.social-agenda{flex-wrap:wrap}.social-agenda>.social-state{margin-left:42px}}
@media(prefers-reduced-motion:reduce){.flow-studio *{scroll-behavior:auto!important}.service-studio .flow-studio .opportunity-controls>button>i{transition:none}}

/* A dark chapter break between the audit and the service studio. */
.service-showcase.service-studio>.showcase-transition{position:relative;isolation:isolate;display:flex;align-items:center;gap:32px;background:var(--navy);color:white;border-radius:18px;padding:48px 38px;margin:0 0 30px;min-height:190px;overflow:hidden}
.service-studio .showcase-transition .showcase-title-lockup{min-width:0;gap:18px;align-items:center}
.service-studio .showcase-transition h2{color:white;max-width:640px;font-size:clamp(32px,3.6vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0;text-wrap:balance}
.service-studio .showcase-transition>p{flex:0 1 255px;margin:0;max-width:255px;color:#BFD5E4;font-size:13px;line-height:1.7}
.service-studio .showcase-transition>p>strong{display:block;margin-top:6px;color:white;font-size:13px;font-weight:500}
.showcase-transition-line{position:absolute;left:38px;right:38px;bottom:0;height:2px;background:var(--mint);transform-origin:left;pointer-events:none}
.service-studio .showcase-transition .launch-dock{flex:none}
@media(max-width:760px){
 .service-showcase.service-studio>.showcase-transition{display:block;min-height:0;padding:34px 26px 30px;margin-bottom:22px;border-radius:14px}
 .service-studio .showcase-transition h2{font-size:clamp(30px,6vw,42px);max-width:540px}
 .service-studio .showcase-transition>p{margin:20px 0 0 40px;max-width:310px;font-size:12px}
 .service-studio .showcase-transition>p>strong{display:block;font-size:12px;margin-top:3px}
 .showcase-transition-line{left:26px;right:26px}
}
@media(max-width:420px){
 .service-showcase.service-studio>.showcase-transition{padding:30px 20px 26px}
 .service-studio .showcase-transition .showcase-title-lockup{gap:12px}
 .service-studio .showcase-transition h2{font-size:30px}
 .service-studio .showcase-transition>p{margin-left:34px}
 .showcase-transition-line{left:20px;right:20px}
}

/* The faster AI story settles on its customer outcome, without resizing the device. */
.ai-story-success[hidden]{display:none!important}
.service-studio #showcase-panel-0.ai-premium .ai-visibility-demo[data-playback=complete] .ai-phone-content{grid-template-rows:minmax(0,1fr) 130px}
.service-studio #showcase-panel-0.ai-premium .ai-visibility-demo[data-playback=complete] .ai-phone-content>.ai-mobile-query,
.service-studio #showcase-panel-0.ai-premium .ai-visibility-demo[data-playback=complete] .ai-phone-content>.ai-business-example{display:none}
.ai-story-success{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;min-height:0;padding:14px 6px;color:var(--navy)}
.ai-success-check{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--mint);color:var(--navy);flex:none}
.ai-success-check svg{width:28px;height:28px}
.ai-story-success>strong{font-size:23px;line-height:1.15;letter-spacing:-.035em}
.ai-story-success>p{font-size:11px;line-height:1.5;margin:0;color:#405968;max-width:22ch}
.ai-story-success>p>b{font-weight:600;color:var(--navy)}
.ai-story-success>small{font-size:10px;line-height:1.6;color:#405968}
.service-studio #showcase-panel-0.ai-premium .ai-visibility-demo[data-playback=complete] .ai-search-phone .ai-enquiry-example{background:#EDFBF5;border-color:#B8E8D5}
@media(max-width:650px){.service-studio #showcase-panel-0.ai-premium .ai-visibility-demo[data-playback=complete] .ai-phone-content{grid-template-rows:minmax(0,1fr) 140px}}

/* Compact service chapters: the story leads; supporting scope opens on request. */
.compact-services .service-stage-details{margin-top:14px;border-top:1px solid #D6E3EC;color:var(--navy)}
.compact-services .service-stage-details summary,.compact-services .service-context summary{font-size:12px;font-weight:600;line-height:1.5;min-height:44px;padding:12px 0;cursor:pointer;list-style-position:inside}
.compact-services .service-stage-details summary:focus-visible,.compact-services .service-context summary:focus-visible{outline:2px solid #387BB8;outline-offset:3px;border-radius:3px}
.compact-services .service-stage-details>p{font-size:13px;line-height:1.65;margin:4px 0 15px;color:#506477;max-width:48ch}
.compact-services .service-stage-details>ul{margin-top:12px}
.compact-services .service-stage-details .flow-activity{gap:12px}
.compact-services .service-context summary{color:white}
.compact-services .service-context>span{display:none}
.compact-services .service-context>p{font-size:22px;line-height:1.25;margin:8px 0}
.compact-services .service-context>div{font-size:12px;line-height:1.6;color:#C4D7E5;padding-bottom:14px}
.service-showcase.service-studio.compact-services>.showcase-transition{min-height:112px;padding:26px 28px;margin-bottom:20px}
.service-studio.compact-services .showcase-transition h2{font-size:clamp(28px,3vw,40px)}
.service-studio.compact-services .showcase-panel:not(.showcase-ai)>.showcase-copy,
.service-studio.compact-services #showcase-panel-0.ai-premium>.showcase-copy{padding:18px 22px;gap:18px}
.compact-services .studio-service-intro .showcase-counter{display:none}
.service-studio.compact-services .showcase-panel .studio-service-intro h4,
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-service-intro h4{font-size:clamp(23px,2.25vw,29px);line-height:1.16;max-width:31ch;margin:0;letter-spacing:-.035em}
.compact-services .studio-service-intro h4 br{display:none}
.service-studio.compact-services .showcase-panel .studio-service-intro>p,
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-service-intro>p{font-size:12px;line-height:1.6;max-width:65ch;margin:8px 0 0}
.service-studio.compact-services .showcase-copy>.opportunity-actions{gap:3px}
.service-studio.compact-services .showcase-panel:not(.showcase-ai)>.showcase-canvas{padding:0 16px 12px}
.service-studio.compact-services .studio-service-delivery{padding:10px 22px;gap:15px}
.service-studio.compact-services .studio-service-delivery>p{font-size:11px;line-height:1.5}
.service-studio.compact-services .opportunity-note{padding:8px 18px;margin:0;font-size:9px;line-height:1.5}
.compact-services .lead-journey-heading,.compact-services .flow-toolbar{padding:7px 16px;min-height:44px;box-sizing:border-box}
.compact-services .website-journey-heading{padding:12px 18px;gap:18px}
.compact-services .website-journey-heading h5{font-size:18px;line-height:1.3}
.compact-services .website-journey-heading h5 br{display:none}
.compact-services .website-journey-heading>p{font-size:10px;line-height:1.5}
.service-studio.compact-services .campaign-studio .opportunity-controls,
.service-studio.compact-services .campaign-studio .flow-studio .opportunity-controls{padding:0 12px}
.service-studio.compact-services .campaign-studio .opportunity-controls>button,
.service-studio.compact-services .campaign-studio .flow-studio .opportunity-controls>button{min-height:48px;padding:9px 6px;font-size:11px;gap:7px}
.service-studio.compact-services .campaign-studio .opportunity-work{padding:20px;align-self:center}
.service-studio.compact-services .campaign-studio .opportunity-work>.artifact-label{display:none}
.service-studio.compact-services .campaign-studio .opportunity-work h5{margin:0;font-size:25px;line-height:1.2;max-width:22ch}
.service-studio.compact-services .campaign-studio .opportunity-benefit{padding:10px 20px;min-height:0;gap:10px}
.service-studio.compact-services .campaign-studio .opportunity-benefit>p{font-size:12px;line-height:1.5}
.service-studio.compact-services .campaign-studio .opportunity-benefit>span{font-size:25px}
.compact-services .flow-footer{padding:8px 16px;gap:16px}
.compact-services .flow-work{padding:20px}
.compact-services .flow-work h5{font-size:25px;line-height:1.2;margin:0;white-space:normal}
.compact-services .flow-takeaway{border:0;padding:0;margin-top:12px;font-size:12px;line-height:1.6}
.service-studio.compact-services #showcase-panel-5 .opportunity-map{padding:12px 18px}
.service-studio.compact-services #showcase-panel-5 .opportunity-question{padding:0}
.service-studio.compact-services #showcase-panel-5 .opportunity-controls{margin:0 0 12px;gap:12px}
.service-studio.compact-services #showcase-panel-5 .opportunity-controls>button{min-height:54px;padding:8px 0}
.service-studio.compact-services #showcase-panel-5 .opportunity-detail{min-height:0}
.service-studio.compact-services #showcase-panel-5 .opportunity-work{padding:22px}
.service-studio.compact-services #showcase-panel-5 .opportunity-work>.artifact-label{display:none}
.service-studio.compact-services #showcase-panel-5 .opportunity-work h5{margin:0;font-size:25px;line-height:1.2}
.service-studio.compact-services #showcase-panel-5 .opportunity-evidence{padding:22px}
.service-studio.compact-services #showcase-panel-5 .opportunity-benefit{padding:12px 20px}
@media(min-width:761px){
 .service-studio.compact-services .lead-studio .opportunity-detail,
 .service-studio.compact-services .website-studio .opportunity-detail{min-height:0}
 .compact-services .lead-preview-stage,.compact-services .website-preview-stage{padding:14px 16px 14px 0}
 .compact-services .lead-chat-thread{height:190px;padding:12px;gap:10px}
 .compact-services .lead-chat-header{padding:10px 13px}
 .compact-services .lead-booking-result{padding:10px 13px;min-height:88px}
 .compact-services .lead-revenue{margin-top:8px;padding-top:8px}
 .compact-services .lead-revenue>strong{font-size:24px}
 .compact-services .lead-search-query{margin-top:12px}
 .compact-services .lead-search-result{padding:14px}
 .compact-services .lead-brand{margin-bottom:10px}
 .compact-services .lead-preview p{margin:8px 0 12px}
 .compact-services .lead-page-content{padding:16px}
 .compact-services .lead-mini-brand{margin-bottom:12px}
 .compact-services .website-search,.compact-services .website-page,.compact-services .website-form{min-height:0}
 .compact-services .website-search{padding:16px}
 .compact-services .website-result{padding:16px 1px}
 .compact-services .website-page-hero{padding:16px}
 .compact-services .website-page-hero>strong{font-size:26px;margin-top:8px}
 .compact-services .website-page-hero>p{margin:8px 0 12px}
 .compact-services .website-mini-nav{padding:12px 16px}
 .compact-services .website-example-note{margin-top:6px}
 .service-studio.compact-services .campaign-studio .flow-studio .flow-scene{min-height:0;grid-template-columns:minmax(0,1.45fr) minmax(180px,.75fr)}
 .compact-services .flow-visual{padding:14px}
 .compact-services .flow-studio .flow-conversation,.compact-services .social-workspace{min-height:0}
 .compact-services .flow-window-head{min-height:48px;padding:10px 14px}
 .compact-services .flow-chat-body{min-height:0;padding:13px;gap:10px}
 .compact-services .flow-message p{padding:8px 11px;line-height:1.5}
 .compact-services .flow-contact-summary{padding-top:10px}
 .compact-services .flow-contact-summary>span{margin:6px 0 3px}
 .compact-services .flow-booking-facts{gap:5px;margin-top:8px}
 .compact-services .flow-slots>span{padding:8px}
 .compact-services .flow-review-message{padding:12px}
 .compact-services .flow-review-message h6{margin:9px 0;font-size:23px}
 .compact-services .social-brief-layout,.compact-services .social-publish-layout,.compact-services .social-learn-layout{padding:14px;gap:12px}
 .compact-services .social-question{padding-bottom:10px}
 .compact-services .social-question blockquote{font-size:22px;margin:6px 0}
 .compact-services .social-brief-thumbnail{grid-template-columns:48px 1fr;padding-top:10px}
 .compact-services .social-create-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:14px;min-height:0}
 .compact-services .social-create-layout>div:first-child{max-width:205px;width:100%;margin:auto}
 .compact-services .social-create-layout>.social-create-notes{display:block}
 .compact-services .social-create-layout>.social-create-notes .social-caption{border-top:1px solid #D9E5ED;margin-top:10px;padding-top:10px}
 .compact-services .social-create-layout>.social-create-notes .social-slide-count{display:none}
 .compact-services .social-create-notes h6{font-size:15px}
 .compact-services .social-creative-copy>strong{font-size:clamp(20px,2vw,28px)}
 .compact-services .social-feed-content{grid-template-columns:80px 1fr}
 .compact-services .social-next-post{grid-template-columns:100px 1fr}
 .compact-services .social-next-art strong{font-size:20px}
 .compact-services .social-next-art{padding:12px 10px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-demo-toolbar{min-height:44px;padding:0 18px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-platforms li{padding:11px 0}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-conversation{padding:16px 0;min-height:0}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-brand-header{padding:0 18px 12px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-question-wrap{padding:0 18px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-query{font-size:15px;padding:11px 13px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-answer-wrap{padding:14px 18px 0}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-answer{font-size:13px;line-height:1.6}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-citation-strip{margin-top:10px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-commercial-takeaway{padding-top:10px;margin-top:12px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-outcome{padding:12px;gap:8px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone{width:238px;height:352px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-search-phone .ai-phone-content{grid-template-rows:44px minmax(0,1fr);gap:8px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:is([data-phase=question],[data-phase=answer]) .ai-enquiry-example{display:none}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:is([data-phase=enquiry],[data-playback=complete]) .ai-phone-content{grid-template-rows:minmax(0,1fr) 116px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-phase=enquiry] .ai-phone-content>.ai-mobile-query,
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-phase=enquiry] .ai-phone-content>.ai-business-example{display:none}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-search-phone .ai-enquiry-example{height:116px}
 .compact-services .ai-story-success{gap:6px;padding:6px}
 .compact-services .ai-success-check{width:36px;height:36px}
 .compact-services .ai-story-success>strong{font-size:20px}
 .compact-services .ai-story-success>small{display:none}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-window-foot{min-height:40px;padding:6px 18px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-demo-disclosure{padding:7px 18px;font-size:8px;line-height:1.5}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-inclusions summary{min-height:44px;padding:10px 0}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=static] .ai-phone{height:470px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=static] .ai-phone-content{grid-template-rows:44px minmax(0,1fr) 130px}
}
@media(max-width:760px){
 .service-showcase.service-studio.compact-services>.showcase-transition{padding:25px 22px;min-height:0;margin-bottom:16px}
 .service-studio.compact-services .showcase-transition>p{margin-top:12px}
 .service-studio.compact-services .showcase-panel:not(.showcase-ai)>.showcase-copy,
 .service-studio.compact-services #showcase-panel-0.ai-premium>.showcase-copy{display:block;padding:20px 18px}
 .service-studio.compact-services .showcase-copy>.opportunity-actions,
 .service-studio.compact-services #showcase-panel-0.ai-premium>.showcase-copy>.ai-offer-action{margin-top:14px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px}
 .service-studio.compact-services .campaign-studio .opportunity-work,.compact-services .flow-work{padding:18px}
 .service-studio.compact-services .campaign-studio .opportunity-work h5,.compact-services .flow-work h5{font-size:23px;max-width:none}
 .service-studio.compact-services .campaign-studio .flow-studio .flow-scene{min-height:0}
 .compact-services .flow-work{grid-row:1;border-top:0;border-bottom:1px solid #D9E5ED}
 .compact-services .flow-visual{padding:14px}
 .compact-services .flow-chat-body{min-height:0}
 .compact-services .flow-studio .flow-conversation,.compact-services .social-workspace{min-height:0}
 .compact-services .social-create-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}
 .compact-services .social-create-layout>.social-create-notes{display:block;margin:0}
 .compact-services .social-create-layout .social-creative-copy>strong{font-size:22px}
 .service-studio.compact-services .studio-service-delivery{display:block;padding:12px 18px}
 .service-studio.compact-services .studio-service-delivery>p{margin-top:4px}
}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-phase=enquiry] .ai-phone-content>.ai-mobile-query,
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-phase=enquiry] .ai-phone-content>.ai-business-example{display:none}
@media(min-width:761px){
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:not([data-motion=animated]) .ai-phone{height:470px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:not([data-motion=animated]) .ai-phone-content{grid-template-rows:44px minmax(0,1fr) 130px}
}
@media(max-width:760px){
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-phase=enquiry] .ai-phone-content{grid-template-rows:minmax(0,1fr) 140px}
}
@media(max-width:650px){
 /* One mobile stage changes from the answer to the outcome, rather than stacking both. */
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-conversation,
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-outcome{grid-column:1;grid-row:2;min-height:410px;box-sizing:border-box}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-outcome{visibility:hidden;padding:12px 18px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated]:is([data-phase=enquiry],[data-playback=complete]) .ai-outcome{visibility:visible}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated]:is([data-phase=enquiry],[data-playback=complete]) .ai-conversation{visibility:hidden}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-phone{height:352px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-phone-content{grid-template-rows:minmax(0,1fr) 140px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-success-check{width:40px;height:40px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-story-success{gap:8px;padding:8px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-story-success>small{display:none}
}

/* Aligned service selector and a consistent, slender handset silhouette. */
@media(min-width:1001px){
 .service-showcase.service-studio.compact-services{grid-template-columns:224px minmax(0,1fr);column-gap:24px}
}
.service-showcase.service-studio.compact-services .showcase-tabs{gap:4px;padding:4px;background:#F7FAFC;border:1px solid #E4EBF0;border-radius:12px}
.service-showcase.service-studio.compact-services .showcase-tabs>a{display:grid;grid-template-columns:22px minmax(0,1fr) 12px;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:10px;row-gap:3px;min-height:72px;padding:12px;box-sizing:border-box;border:1px solid transparent;border-radius:8px;color:#506477;background:transparent;transition:background 180ms ease,border-color 180ms ease,color 180ms ease}
.service-showcase.service-studio.compact-services .showcase-tabs>a>.service-tab-icon{grid-column:1;grid-row:1/3;width:22px;height:22px;justify-self:center;flex:none;stroke-width:1.5}
.service-showcase.service-studio.compact-services .showcase-tabs>a>strong{grid-column:2;grid-row:1;font-size:12px;line-height:1.4;max-width:none;margin:0;color:inherit;font-weight:600}
.service-showcase.service-studio.compact-services .showcase-tabs>a>small{grid-column:2;grid-row:2;font-size:10px;line-height:1.45;margin:0;color:#536D80}
.service-showcase.service-studio.compact-services .showcase-tabs>a>.service-tab-chevron{grid-column:3;grid-row:1/3;width:12px;height:12px;opacity:0;transform:translateX(-3px);transition:opacity 180ms ease,transform 180ms ease}
.service-showcase.service-studio.compact-services .showcase-tabs>a[aria-selected=true]{background:#E5F3FC;border-color:#CCE3F2;color:#0C121F;box-shadow:none}
.service-showcase.service-studio.compact-services .showcase-tabs>a[aria-selected=true]>.service-tab-chevron{opacity:1;transform:none}
.service-showcase.service-studio.compact-services .showcase-tabs>a:hover:not([aria-selected=true]){background:#EDF3F7;border-color:#DFE8EF;color:#0C121F}
.service-showcase.service-studio.compact-services .showcase-tabs>a:focus-visible{outline:2px solid #3679B1;outline-offset:2px}
.service-showcase.service-studio.compact-services .showcase-tabs>a::after,
.service-showcase.service-studio.compact-services .showcase-tab-indicator{display:none}
@media(max-width:1000px){
 .service-showcase.service-studio.compact-services .showcase-tabs{padding:5px;gap:5px;align-items:stretch;scroll-padding-inline:5px}
 .service-showcase.service-studio.compact-services .showcase-tabs>a{flex:0 0 224px;min-height:68px;scroll-snap-align:start}
}
/* The same outer dimensions apply to every brand, playback state and breakpoint. */
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:is([data-motion],:not([data-motion])) .ai-phone{box-sizing:border-box;flex:0 0 auto;width:204px;height:420px;max-width:100%;padding:5px;border:1px solid #405166;border-radius:32px;background:#0C121F;box-shadow:0 14px 24px -17px #17374880,0 4px 7px -4px #17374850}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-phone-screen{display:grid;grid-template-rows:28px 32px minmax(0,1fr) 14px;height:100%;min-height:0;border-radius:26px;overflow:hidden;background:white}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-phone-status{display:flex;height:28px;padding:0 13px;font-size:8px;align-items:center}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-island{width:53px;height:14px;top:6px;border-radius:10px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-status>svg{width:32px;height:12px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-phone-browser{margin:0 10px;padding:2px 0 6px;min-height:0;gap:5px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-search-phone .ai-mobile-provider-logo{width:17px;height:17px;flex:none}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-search-phone .ai-mobile-provider-name{font-size:10px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-search-phone .ai-mobile-search-label{font-size:7px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-phone-home{display:block;width:64px;height:3px;border-radius:3px;background:#0C121F;margin:auto;align-self:center}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-phone-content{grid-template-rows:54px minmax(0,1fr);padding:5px 10px 6px;gap:8px;min-height:0}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-mobile-query{font-size:9px;line-height:1.4;padding:8px;border-radius:12px;gap:6px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-business-name{font-size:17px;line-height:1.17;min-height:0;margin-top:5px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-business-description{font-size:9px;line-height:1.5;margin-top:6px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-business-services>span{font-size:8px;line-height:1.4}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-business-example{padding:0}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:is([data-phase=enquiry],[data-playback=complete]) .ai-search-phone .ai-phone-content{grid-template-rows:minmax(0,1fr) 130px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-enquiry-example{height:130px;padding:10px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-enquiry-subject{font-size:12px;line-height:1.3;min-height:0}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo .ai-search-phone .ai-enquiry-copy{font-size:10px;line-height:1.5}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:not([data-motion=animated]) .ai-search-phone .ai-phone-content{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9DB8CA transparent}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:not([data-motion=animated]) .ai-phone-content>*{flex-shrink:0}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-outcome{align-items:center}
@media(max-width:650px){
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-conversation,
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-outcome{min-height:474px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-caption{max-width:260px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone:before,
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone:after{display:block}
}
@media(prefers-reduced-motion:reduce){.service-showcase.service-studio.compact-services .showcase-tabs>a,.service-showcase.service-studio.compact-services .service-tab-chevron{transition:none}}
.motion-disabled .service-showcase.service-studio.compact-services .showcase-tabs>a,.motion-disabled .service-showcase.service-studio.compact-services .service-tab-chevron{transition:none}

/* Lead generation: a contained customer journey with a business outcome beside it. */
.service-studio.compact-services .lead-workspace .lead-journey-heading{padding:9px 18px;min-height:48px;letter-spacing:0;font-size:11px}
.service-studio.compact-services .lead-workspace .opportunity-controls{padding:0 18px;border-bottom:1px solid #dce6ed}
.service-studio.compact-services .lead-workspace .opportunity-controls>button{min-height:52px;font-size:12px;border-bottom:0}
.service-studio.compact-services .lead-workspace .opportunity-detail{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:1fr auto;min-height:365px;background:#fff}
.service-studio.compact-services .lead-workspace .opportunity-work{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:24px;min-width:0}
.service-studio.compact-services .lead-workspace .opportunity-work h5{font-size:clamp(23px,2.3vw,29px);max-width:20ch;line-height:1.16;letter-spacing:-.035em}
.service-studio.compact-services .lead-workspace .opportunity-work>.lead-scene-summary{font-size:13px;line-height:1.6;max-width:40ch;margin:12px 0 18px;color:#4c6374}
.lead-scene-facts{margin:0 0 16px;display:grid;gap:12px;font-size:12px}
.lead-scene-facts>div{display:grid;gap:4px}
.lead-scene-facts dt{font-size:10px;color:#526a7b}
.lead-scene-facts dd{margin:0;font-weight:600;color:var(--navy);line-height:1.4}
.service-studio.compact-services .lead-workspace .service-stage-details{margin-top:4px;padding-top:10px}
.service-studio.compact-services .lead-workspace .service-stage-details summary{font-size:11px;min-height:28px}
.service-studio.compact-services .lead-workspace .lead-preview-stage{grid-column:1;grid-row:1;background:#edf6fb;border-right:1px solid #dce8f0;padding:22px;align-items:center}
.service-studio.compact-services .lead-workspace .lead-preview{max-width:400px;box-shadow:0 12px 28px -18px #183e5d50;border-radius:12px}
.service-studio.compact-services .lead-workspace .lead-search-preview .lead-ad-headline{font-size:19px;line-height:1.35;letter-spacing:-.025em;color:#2256a6}
.service-studio.compact-services .lead-workspace .lead-search-result{padding:18px}
.service-studio.compact-services .lead-workspace .lead-search-result>p{font-size:12px;line-height:1.6;margin:8px 0 14px}
.service-studio.compact-services .lead-workspace .lead-search-result .lead-preview-action{background:transparent;color:#2256a6;padding:0;font-size:11px;font-weight:500;justify-content:flex-start;gap:20px}
.service-studio.compact-services .lead-workspace .lead-preview-caption{padding:10px 16px;font-size:10px}
.service-studio.compact-services .lead-workspace .lead-page-content{padding:18px;background:white}
.service-studio.compact-services .lead-workspace .lead-page-content .lead-ad-headline{font-size:25px;letter-spacing:-.035em}
.service-studio.compact-services .lead-workspace .lead-page-content>p{font-size:12px;line-height:1.5;margin:10px 0}
.service-studio.compact-services .lead-workspace .lead-chat-header{padding:12px 14px}
.service-studio.compact-services .lead-workspace .lead-chat-header strong{font-size:13px}
.service-studio.compact-services .lead-workspace .lead-chat-header small,.service-studio.compact-services .lead-workspace .lead-chat-state{font-size:10px}
.service-studio.compact-services .lead-workspace .lead-chat-thread{height:228px;padding:14px;gap:12px;box-sizing:border-box;scroll-padding:14px}
.service-studio.compact-services .lead-workspace .lead-chat-line>span:first-child{font-size:9px}
.service-studio.compact-services .lead-workspace .lead-chat-line>p{font-size:12px;line-height:1.5;padding:9px 11px;margin:0}
.lead-chat-compose{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid #e1eaf0;color:#526a7b;font-size:10px;background:#fff}
.lead-chat-compose svg{width:16px;height:16px}
.service-studio.compact-services .lead-workspace .lead-booking-result{padding:14px;margin:0 0 12px;min-height:0;border:1px solid #b9e3d5;border-radius:10px;background:#effaf5}
.service-studio.compact-services .lead-workspace .lead-booking-result[hidden]{display:none;visibility:hidden}
.service-studio.compact-services .lead-workspace .lead-booked strong{font-size:12px}
.service-studio.compact-services .lead-workspace .lead-booked span{font-size:10px;color:#466557}
.service-studio.compact-services .lead-workspace .lead-revenue{border-color:#c7e5d8;margin-top:12px;padding-top:10px}
.service-studio.compact-services .lead-workspace .lead-revenue>span{font-size:11px;color:#355e4f}
.service-studio.compact-services .lead-workspace .lead-revenue>strong{font-size:26px}
.lead-booking-pending{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5;color:#466557;padding:12px 0 18px}
.lead-booking-pending[hidden]{display:none}
.lead-pending-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#218160}
.service-studio.compact-services .lead-workspace .opportunity-benefit{grid-column:1/-1;grid-row:2;background:#f8fbfd;padding:10px 20px}
.service-studio.compact-services .lead-workspace .opportunity-benefit>p{font-size:11px;font-weight:500;color:#405e72}
.service-studio.compact-services .lead-workspace .opportunity-benefit>span{font-size:20px}
.lead-workspace .lead-chat-thread:focus-visible{outline:2px solid #2875a6;outline-offset:-3px}
@media(max-width:760px){
 .service-studio.compact-services .lead-workspace .opportunity-detail{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}
 .service-studio.compact-services .lead-workspace .opportunity-work{grid-column:1;grid-row:2;padding:20px}
 .service-studio.compact-services .lead-workspace .opportunity-work h5{max-width:none;font-size:25px}
 .service-studio.compact-services .lead-workspace .lead-preview-stage{grid-row:1;padding:18px;border-right:0;border-top:1px solid #dce8f0}
 .service-studio.compact-services .lead-workspace .opportunity-benefit{grid-row:3}
 .service-studio.compact-services .lead-workspace .lead-scene-facts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px}
 .service-studio.compact-services .lead-workspace .lead-journey-heading{font-size:10px;padding:9px 12px}
 .service-studio.compact-services .lead-workspace .opportunity-controls{padding:0 8px}
 .service-studio.compact-services .lead-workspace .opportunity-controls>button{font-size:11px;gap:6px}
 .service-studio.compact-services .lead-workspace .opportunity-controls>button>span{width:23px;height:23px;flex-basis:23px}
}

/* A customer-written review closes the follow-up story. */
.flow-review-received{padding:16px 0 0;border-top:1px solid #dce8ef}
.flow-review-received-head{display:flex;align-items:center;gap:9px}
.flow-review-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#dceef9;color:#284c64;font-size:10px;font-weight:600}
.flow-review-received-head strong{display:block;font-size:12px;color:#0c121f}
.flow-review-received-head small{display:block;font-size:9px;color:#526a7b;margin-top:3px}
.flow-review-received-label{margin-left:auto;color:#22664f;font-size:9px;font-weight:600}
.flow-review-stars{display:flex;gap:2px;color:#ad6507;margin:10px 0 7px}
.flow-review-stars svg{width:14px;height:14px}
.flow-review-received blockquote{margin:0;font-size:12px;line-height:1.6;color:#344f61}
.compact-services #opportunity-4-3 .flow-review-message{padding:12px}
.compact-services #opportunity-4-3 .flow-review-message h6{font-size:20px;margin:8px 0}
.compact-services #opportunity-4-3 .flow-review-message p{margin:8px 0;font-size:11px;line-height:1.5}
.compact-services #opportunity-4-3 .flow-review-link{margin:10px 0 8px;padding:10px 12px}

/* Website and email: one readable preview, one clear business consequence. */
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .opportunity-map.service-story{padding:0;background:#fff;border:1px solid #dbe6ed;border-radius:12px;overflow:hidden;color:var(--navy)}
.service-studio.compact-services .service-story .story-toolbar{padding:9px 18px;min-height:48px;font-size:11px;letter-spacing:0}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .opportunity-controls{padding:0 18px;margin:0;gap:0;background:#fff;border-bottom:1px solid #dce6ed}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .opportunity-controls>button{min-height:52px;padding:10px 6px;font-size:12px;gap:7px;color:#526477;border-bottom:0}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .opportunity-controls>button[aria-pressed=true]{color:var(--navy)}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .flow-scene{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:0;background:#fff;border:0;border-radius:0}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .story-visual{grid-column:1;grid-row:1;padding:20px;align-items:center;justify-content:center;background:#edf6fb;border-right:1px solid #dce8f0;overflow:visible}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .flow-work{grid-column:2;grid-row:1;padding:24px;align-self:center;min-width:0}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .flow-work h5{font-size:clamp(23px,2.3vw,29px);line-height:1.16;max-width:21ch;margin:0;letter-spacing:-.035em;white-space:normal}
.service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .story-description{font-size:13px;line-height:1.6;margin:12px 0 18px;max-width:40ch;color:#4c6374}
.story-facts{display:grid;gap:14px;margin:0 0 18px;font-size:12px}
.story-facts>div{display:grid;gap:4px}
.story-facts dt{color:#526a7b;font-size:10px;line-height:1.4}
.story-facts dd{margin:0;color:var(--navy);font-weight:600;line-height:1.5}
.service-studio.compact-services .service-story .service-stage-details{margin-top:4px;padding-top:10px}
.service-studio.compact-services .service-story .service-stage-details summary{min-height:28px;font-size:11px}
.service-studio.compact-services .service-story .website-preview{max-width:430px;border-radius:12px}
.service-studio.compact-services .service-story :is(.website-search,.website-page,.website-form){min-height:0}
.service-studio.compact-services .service-story .website-search{padding:18px}
.service-studio.compact-services .service-story .website-result{padding:18px 0}
.service-studio.compact-services .service-story .website-result-title{font-size:19px}
.service-studio.compact-services .service-story .website-result p{font-size:12px}
.service-studio.compact-services .service-story .website-result-brand small{font-size:9px}
.service-studio.compact-services .service-story .website-mini-nav{padding:12px 18px}
.service-studio.compact-services .service-story .website-page-hero{padding:18px;background:#e8f4f7}
.service-studio.compact-services .service-story .website-page-hero>strong{font-size:29px;margin:0}
.service-studio.compact-services .service-story .website-page-hero>p{font-size:12px;line-height:1.5;margin:12px 0}
.service-studio.compact-services .service-story .website-page-answers{padding:14px 18px;line-height:1.5}
.website-page-answers strong{font-size:11px;font-weight:600}
.website-page-answers p{font-size:11px;color:#496173;margin:5px 0 0}
.service-studio.compact-services .service-story .website-form{padding:0 18px 14px}
.service-studio.compact-services .service-story .website-form .website-mini-nav{padding:12px 0}
.service-studio.compact-services .service-story .website-form-title{font-size:21px}
.service-studio.compact-services .service-story .website-form-fields{margin:12px 0;gap:9px}
.service-studio.compact-services .service-story .website-form-fields strong{font-size:11px}
.story-success{display:flex;gap:10px;align-items:center;padding:12px;background:#ecf9f2;border:1px solid #c1e7d3;border-radius:8px;color:#164a38}
.story-success>svg{width:22px;height:22px;flex:none}
.story-success strong{display:block;font-size:12px;line-height:1.5}
.story-success span{display:block;font-size:10px;line-height:1.5;margin-top:2px;color:#365d4d}
.email-message-preview{width:100%;max-width:430px;min-width:0;background:white;border:1px solid #d1dee8;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px -18px #183e5d50}
.email-message-chrome{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;background:#fafcfd;border-bottom:1px solid #e1e9ef;font-size:10px;color:#526a7b}
.email-message-header{padding:16px;border-bottom:1px solid #e1e9ef}
.email-message-header h6{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px;color:var(--navy)}
.email-sender{display:flex;gap:9px;align-items:center;min-width:0}
.email-sender-avatar{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:#ddf6ea;color:#1c543e;font-weight:600;font-size:13px}
.email-sender strong{display:block;font-size:11px;color:var(--navy)}
.email-sender small{display:block;font-size:9px;color:#526a7b;margin-top:3px;overflow-wrap:anywhere}
.email-message-body{padding:18px}
.email-studio-name{display:block;font-size:10px;color:#365d4d;font-weight:600;margin-bottom:14px}
.email-message-body>strong{font-size:24px;line-height:1.15;letter-spacing:-.035em;display:block;max-width:23ch;color:var(--navy)}
.email-message-body>p{font-size:12px;line-height:1.65;color:#415969;margin:12px 0 16px}
.email-preview-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:var(--navy);color:white;border-radius:6px;font-size:11px;font-weight:600}
.email-preview-action svg{width:17px;height:17px;flex:none}
.email-message-footer{padding:12px 18px;background:#f8fbfc;border-top:1px solid #e1e9ef;font-size:9px;line-height:1.7;color:#526a7b}
.email-message-footer span{display:inline-block;margin:4px 14px 0 0;text-decoration:underline;text-underline-offset:3px}
.email-return-result{margin:0 0 18px}
@media(max-width:760px){
 .service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .flow-scene{grid-template-columns:1fr}
 .service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .story-visual{grid-column:1;grid-row:1;padding:16px;border-right:0;border-bottom:1px solid #dce8f0}
 .service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .flow-work{grid-column:1;grid-row:2;padding:20px}
 .service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .flow-work h5{max-width:none;font-size:25px}
 .service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .opportunity-controls{padding:0 8px}
 .service-studio.compact-services :is(#showcase-panel-3,#showcase-panel-5,#showcase-panel-6) .service-story .opportunity-controls>button{font-size:11px;gap:6px}
 .service-studio.compact-services .service-story .story-toolbar{padding:9px 12px;font-size:10px}
 .service-story .story-facts{grid-template-columns:1fr 1fr;gap:16px}
 .service-story .flow-footer{padding:10px 16px;gap:12px}
}
.showcase-tour-control{font:inherit;font-size:11px;min-height:36px;padding:8px 12px;border:1px solid #c6d8e4;border-radius:6px;background:#f3f9fc;color:#0c121f;cursor:pointer;white-space:nowrap}
.showcase-tour-control:hover{background:#e4f3fb}
.showcase-tour-control:focus-visible{outline:2px solid #2672a2;outline-offset:3px}

/* AI discovery builds to one final patient call. The handset is the payoff. */
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-conversation{grid-column:1/-1;grid-row:2;width:100%;min-height:474px;visibility:visible;justify-content:center;padding:20px max(18px,calc((100% - 640px)/2));box-sizing:border-box}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-outcome{grid-column:1/-1;grid-row:2;min-height:474px;visibility:hidden;pointer-events:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;padding:18px;border:0;box-sizing:border-box}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated][data-phone-outcome=true] .ai-conversation{visibility:hidden;pointer-events:none}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated][data-phone-outcome=true] .ai-outcome{visibility:visible;pointer-events:auto}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-route-mark{display:none}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-caption{max-width:240px;width:auto;font-size:12px;line-height:1.5}
.ai-phone-caption strong{display:block;color:#0c121f;font-size:30px;line-height:1.12;letter-spacing:-.035em;font-weight:600}
.ai-phone-caption small{display:block;margin-top:14px;max-width:24ch;font-size:12px;line-height:1.6;color:#425e72}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo:is([data-motion],:not([data-motion])) .ai-phone-content.ai-dental-listing{display:flex;flex-direction:column;gap:10px;grid-template-rows:none;padding:5px 10px 8px;overflow-y:auto;font-family:Arial,Helvetica,sans-serif;color:#202124;scrollbar-width:thin;scrollbar-color:#c4d6e3 transparent}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-dental-listing>*{flex-shrink:0}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-browser.ai-google-browser{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 0 6px;margin:0 10px;background:white;border-bottom:0}
.ai-google-word{font-family:Arial,Helvetica,sans-serif;font-size:19px;letter-spacing:-1px;line-height:1;font-weight:500}
.ai-google-word i{font-style:normal;color:#4285f4}.ai-google-word i:nth-child(2),.ai-google-word i:nth-child(6){color:#ea4335}.ai-google-word i:nth-child(3){color:#b88000}.ai-google-word i:nth-child(5){color:#188038}
.ai-google-profile{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e7eef9;color:#31507a;font:9px Arial,Helvetica,sans-serif}
.ai-google-query{display:flex;align-items:center;gap:7px;border:1px solid #dce1e7;border-radius:20px;padding:8px;color:#3c4043;font-size:9px;line-height:1.3}
.ai-google-query svg{width:12px;height:12px;flex:none}
.ai-dental-business small{display:block;font-size:7px;color:#526477;line-height:1.5}
.ai-dental-business h5{font-size:20px;line-height:1.15;letter-spacing:-.025em;font-weight:500;margin:5px 0;color:#202124}
.ai-dental-business p{margin:0 0 6px;font-size:9px;line-height:1.4;color:#526477}
.ai-dental-open{display:inline-block;font-size:8px;color:#17613a;line-height:1.5}
.ai-listing-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.ai-listing-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;padding:6px 2px;border:1px solid #d6e3f5;border-radius:9px;background:white;color:#1558b0;font:8px Arial,Helvetica,sans-serif;cursor:pointer}
.ai-listing-actions button:first-child{background:#e8f0fe;border-color:#e8f0fe}
.ai-listing-actions button:hover{background:#dce9fd}.ai-listing-actions button:focus-visible{outline:2px solid #1558b0;outline-offset:2px}
.ai-listing-actions svg{width:15px;height:15px}
.ai-listing-detail{padding:9px 0 0;border-top:1px solid #e4e8ec;font-size:9px;line-height:1.5;min-height:69px}
.ai-listing-detail strong{font-size:10px;font-weight:500;color:#202124;display:block}
.ai-listing-detail p{margin:5px 0;color:#526477;font-size:9px;line-height:1.5}
.ai-listing-detail>span{display:block;font-size:8px;line-height:1.5;color:#526477}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-dental-listing .ai-call-notification{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:7px;padding:10px 8px;margin-top:auto;border:1px solid #bde5d6;border-radius:10px;background:#edf9f3;color:#174836;min-height:0}
.ai-call-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#41d9a4;color:#0c3427;flex:none}
.ai-call-icon svg{width:14px;height:14px}
.ai-call-notification>div{min-width:0}.ai-call-notification small{display:block;font-size:8px;line-height:1.4;color:#365d4d}
.ai-call-notification strong{display:block;font-size:10px;font-weight:600;line-height:1.4;margin:2px 0;color:#163d2e}
.ai-call-notification div>span{display:block;font-size:8px;line-height:1.4;color:#365d4d}
.ai-call-wave{margin-left:auto;width:13px;flex:none}.ai-call-wave svg{display:block;width:13px;height:18px}
@media(max-width:760px){
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-outcome{flex-direction:column;gap:12px;padding:14px;min-height:500px}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-visibility-demo[data-motion=animated] .ai-conversation{min-height:500px;padding:16px 0}
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-caption{max-width:none;text-align:center}
 .ai-phone-caption strong{font-size:21px}.ai-phone-caption strong br{display:none}.ai-phone-caption strong br::after{content:' '}.ai-phone-caption small{display:none}
}

/* Social studio: native creative, a real publishing sequence and a customer payoff. */
.social-brand-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--social-brand);width:22px;height:22px;flex:none}
.social-brand-mark svg{display:block;width:100%;height:100%;fill:currentColor;stroke:none}
.social-channel-section{padding:0 20px 14px;display:flex;align-items:center;gap:18px}
.social-channel-section>span{font-size:10px;line-height:1.5;color:#486273;max-width:12ch;flex:none}
.social-channel-rail{overflow-x:auto;min-width:0;flex:1;scrollbar-width:thin;scrollbar-color:#c1d9e8 transparent;overscroll-behavior-inline:contain}
.social-channel-rail:focus-visible{outline:2px solid #2672a2;outline-offset:3px;border-radius:4px}
.social-channel-rail ul{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:max-content;list-style:none;padding:6px 0;margin:0}
.social-channel-rail li{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:39px}
.social-channel-rail li>span:last-child{font-size:8px;line-height:1.4;color:#42596b}
.service-studio.compact-services .social-rebuilt .flow-studio .flow-scene{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:380px;background:white}
.service-studio.compact-services .social-rebuilt .flow-visual{padding:18px;display:flex;align-items:center;justify-content:center;min-width:0;background:#edf6fb;grid-column:1;grid-row:1}
.service-studio.compact-services .social-rebuilt .social-workspace{width:100%;max-width:510px;min-height:0;border:1px solid #d2e2ed;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 12px 26px -22px #193c58}
.service-studio.compact-services .social-rebuilt .flow-work{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:14px;padding:26px;min-width:0;border:0}
.service-studio.compact-services .social-rebuilt .flow-work h5{font-size:clamp(23px,2.2vw,30px);line-height:1.16;letter-spacing:-.035em;margin:0;max-width:19ch;white-space:normal;text-wrap:balance}
.service-studio.compact-services .social-rebuilt .flow-work>.social-stage-description{font-size:12px;line-height:1.65;color:#486273;margin:0;max-width:39ch}
.social-stage-facts{display:grid;gap:12px;margin:2px 0;font-size:11px;line-height:1.5}
.social-stage-facts dt{font-size:9px;color:#486273;margin-bottom:3px}.social-stage-facts dd{margin:0;color:#0c121f;font-weight:600}
.service-studio.compact-services .social-rebuilt .service-stage-details{margin:0;padding-top:10px}
.social-studio-head{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid #e1e9ef;min-height:52px}
.social-studio-avatar{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#0c121f;color:#e5f5fb;font-size:12px;font-weight:600}
.social-studio-head>div{min-width:0}.social-studio-head strong{display:block;font-size:11px;line-height:1.5}.social-studio-head small{display:block;font-size:8px;line-height:1.5;color:#526b7d;margin-top:2px}
.social-studio-status{font-size:8px;color:#255a45;background:#e8f7ef;padding:5px 7px;border-radius:4px;margin-left:auto;flex:none;line-height:1.5}
.social-plan-board,.social-publish-board,.social-response-board{padding:16px}
.social-plan-question>span{font-size:9px;line-height:1.5;color:#486273}
.social-plan-question blockquote{font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:8px 0 17px;max-width:24ch;color:#0c121f}
.social-plan-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #e1e9ef}
.social-plan-list>div>span:nth-child(2){min-width:0}.social-plan-list strong{display:block;font-size:11px;line-height:1.45}.social-plan-list small{display:block;font-size:9px;line-height:1.45;margin-top:3px;color:#486273}
.social-plan-list>div>svg{width:16px;height:16px;margin-left:auto;color:#486273;flex:none}
.social-plan-note{font-size:10px;line-height:1.5;margin:12px 0 0;color:#285941}
.social-native-previews{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px}
.social-native-post{max-width:170px;width:55%;min-width:0;border:1px solid #dde6ed;border-radius:7px;overflow:hidden;background:#fff}
.social-native-header{display:flex;align-items:center;gap:5px;padding:8px;font-family:Arial,Helvetica,sans-serif;line-height:1.4}
.social-native-header .social-brand-mark{width:14px;height:14px}.social-native-header strong{font-size:8px}.social-native-header>span:last-child{margin-left:auto;color:#42596b;font-size:12px;letter-spacing:1px}
.social-rebuilt .social-creative.social-post-art{position:relative;width:100%;aspect-ratio:4/5;border-radius:0;overflow:hidden;background:#dfecf2}
.social-rebuilt .social-creative.social-post-art img,.social-rebuilt .social-creative.social-reel-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:none}
.social-post-copy{position:absolute;bottom:12px;left:10px;right:10px;padding:10px;background:#f4f8ed;color:#142c25}
.social-post-copy small{font-size:6px;letter-spacing:.03em;line-height:1.4;display:block}
.social-post-copy strong{display:block;font-size:24px;line-height:1.04;letter-spacing:-.035em;margin:7px 0}
.social-post-copy>span{font-size:8px;line-height:1.5;display:block}
.social-post-count{position:absolute;right:7px;top:7px;border-radius:10px;padding:3px 6px;color:#fff;background:#0c121fd9;font-size:7px;line-height:1.4}
.social-native-actions{display:flex;align-items:center;gap:8px;padding:7px 8px 0;color:#20252b}.social-native-actions svg{width:13px;height:13px}
.social-native-post>p{font-family:Arial,Helvetica,sans-serif;font-size:8px;line-height:1.45;padding:7px 8px;margin:0;color:#263843}
.social-reel-preview{width:36%;max-width:126px;min-width:0}.social-reel-title{display:flex;align-items:center;gap:5px;font-size:8px;line-height:1.5;margin-bottom:8px;color:#42596b}.social-reel-title .social-brand-mark{width:15px;height:15px}
.social-rebuilt .social-creative.social-reel-art{width:100%;position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#19332b}
.social-reel-play{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0c121fb3;color:#fff}.social-reel-play svg{width:18px;height:18px}
.social-reel-copy{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#102a23;color:#fff}
.social-reel-copy>span{font-size:6px;line-height:1.5;display:block}.social-reel-copy strong{font-size:19px;letter-spacing:-.03em;line-height:1.05;display:block;margin:8px 0}.social-reel-copy small{font-size:7px;line-height:1.5;display:block}
.social-format-note{display:block;font-size:8px;line-height:1.5;color:#486273;margin-top:8px}
.social-signoff{display:flex;gap:10px;align-items:center;padding-bottom:16px}.social-signoff>svg{width:24px;height:24px;padding:3px;background:#def9ed;color:#19523e;border-radius:50%;flex:none}.social-signoff strong{display:block;font-size:12px;line-height:1.5}.social-signoff span{display:block;font-size:10px;line-height:1.5;color:#486273;margin-top:3px}
.social-schedule-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#486273;margin:3px 0 6px}.social-schedule-label strong{font-weight:600;color:#0c121f}
.social-publish-queue>div{display:flex;gap:9px;align-items:center;border-top:1px solid #e1e9ef;padding:12px 0}
.social-publish-queue strong{font-size:11px;line-height:1.5;display:block}.social-publish-queue small{font-size:8px;line-height:1.5;display:block;color:#486273;margin-top:2px}
.social-posted{margin-left:auto;display:flex;align-items:center;gap:3px;font-size:8px;color:#19523e}.social-posted svg{width:12px;height:12px;flex:none}
.social-publish-receipt{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e1e9ef}
.social-rebuilt .social-creative.social-receipt-thumb{width:32px;height:40px;flex:none;position:relative;border-radius:3px;overflow:hidden}.social-receipt-thumb img{width:100%;height:100%;object-fit:cover}
.social-publish-receipt strong{display:block;font-size:11px;line-height:1.5}.social-publish-receipt small{display:block;font-size:9px;line-height:1.5;color:#486273;margin-top:3px}
.social-inbox-heading{display:flex;align-items:center;gap:7px;margin-bottom:14px;font-size:9px;color:#0c121f}.social-inbox-heading .social-brand-mark{width:15px;height:15px}.social-inbox-heading>span:last-child{margin-left:auto;color:#486273;font-size:8px}
.social-dm{max-width:87%;margin-bottom:11px}.social-dm>small{display:block;font-size:8px;line-height:1.5;margin-bottom:4px;color:#486273}.social-dm>p{margin:0;padding:9px 11px;border-radius:12px 12px 12px 3px;background:#edf2f6;font-size:11px;line-height:1.5;color:#263e50}
.social-dm-business{margin-left:auto;text-align:right}.social-dm-business>p{background:#e3f3fc;border-radius:12px 12px 3px 12px;text-align:left}
.social-booking-success{display:flex;gap:9px;align-items:center;padding:11px;border:1px solid #bfe6d3;border-radius:7px;background:#edf9f3;color:#194e38;margin-top:14px}.social-booking-success>svg{width:24px;height:24px;flex:none}.social-booking-success strong{display:block;font-size:12px;line-height:1.5}.social-booking-success small{display:block;font-size:9px;line-height:1.5;margin-top:3px;color:#3d6351}
@media(max-width:760px){
 .social-channel-section{padding:0 18px 12px;display:block}.social-channel-section>span{display:block;max-width:none;margin-bottom:5px}.social-channel-rail ul{gap:17px;justify-content:flex-start}.social-channel-rail li{min-width:42px}
 .service-studio.compact-services .social-rebuilt .flow-studio .flow-scene{grid-template-columns:1fr;min-height:0}
 .service-studio.compact-services .social-rebuilt .flow-visual{grid-column:1;grid-row:1;padding:14px;min-height:367px}
 .service-studio.compact-services .social-rebuilt .flow-work{grid-column:1;grid-row:2;padding:18px;gap:10px;border-top:1px solid #dbe6ed}
 .service-studio.compact-services .social-rebuilt .flow-work h5{font-size:24px;max-width:26ch}
 .social-stage-facts{grid-template-columns:1fr 1fr;gap:12px;margin:4px 0}.social-studio-head{padding:10px;gap:7px}.social-studio-status{font-size:7px;padding:4px}.social-studio-head small{font-size:7px}
 .social-native-previews{gap:12px;padding:12px}.social-post-copy{padding:8px;left:7px;right:7px;bottom:9px}.social-post-copy strong{font-size:22px}.social-reel-copy strong{font-size:17px}.social-plan-board,.social-publish-board,.social-response-board{padding:13px}.social-plan-question blockquote{font-size:22px}.social-publish-queue small{font-size:8px}
}
.social-channel-rail [data-social-brand=snapchat]{background:#fffc00;border-radius:5px;padding:3px}
@media(max-width:760px){.social-reel-copy strong{font-size:clamp(12px,2.7vw,17px)}}

/* Dedicated publishing offer: an editorial deliverable outside the timed service tour. */
.ai-blog-link{display:block;border-top:1px solid #d9e5ed;padding:12px 0 0;margin-top:14px;font-family:Manrope,sans-serif;line-height:1.6}
.ai-blog-link>span{display:block;font-size:11px;color:#486273}
.ai-blog-link>strong{display:block;font-size:12px;font-weight:600;color:var(--navy)}
.ai-blog-link>strong>span{margin-left:8px}.ai-blog-link:hover>strong{text-decoration:underline;text-underline-offset:4px}
.blog-publishing{margin-top:76px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:24px}
.blog-section-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.1em;color:#40546b;margin-bottom:36px}
.blog-section-dot{width:7px;height:7px;border-radius:50%;background:#197553;flex:none}
.blog-section-aside{margin-left:auto;letter-spacing:0;font-size:12px;font-weight:400;color:#53667a}
.blog-publishing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,80px)}
.blog-publishing-copy{max-width:540px}
.blog-publishing h2{font-size:clamp(34px,3.8vw,54px);line-height:1.08;letter-spacing:-.045em;text-wrap:initial;margin:0 0 20px}
.blog-publishing h2>span{color:#466879}
.blog-publishing-intro{font-size:15px;line-height:1.75;color:#536176;max-width:48ch}
.blog-publishing-process{list-style:none;padding:0;margin:25px 0 26px;display:grid;gap:15px}
.blog-publishing-process li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px}
.blog-publishing-process li>span{font-size:11px;font-variant-numeric:tabular-nums;color:#527086;line-height:23px}
.blog-publishing-process h3{font-size:14px;letter-spacing:-.02em;line-height:1.55;text-wrap:initial;margin:0 0 3px}
.blog-publishing-process p{font-size:12px;line-height:1.65;color:#536176;max-width:48ch}
.blog-publishing .blog-publishing-cta{min-height:48px;font-size:13px}
.blog-publishing-preview{background:#eaf5fa;border:1px solid #cfdfeb;border-radius:16px;overflow:hidden;min-width:0}
.blog-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;font-size:11px;color:#405a70;border-bottom:1px solid #d5e5ef}
.blog-preview-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.blog-preview-toolbar svg{width:17px;height:17px;flex:none}
.blog-preview-status{background:#fff;color:#305441;border:1px solid #cbded5;padding:4px 8px;border-radius:5px;font-size:10px}
.blog-preview-paper{margin:22px 22px 0;padding:26px 28px 0;background:white;border:1px solid #d9e5ec;border-bottom:0;border-radius:4px 4px 0 0}
.blog-preview-brand{display:flex;align-items:center;gap:8px;font-size:11px;padding-bottom:22px;color:#193c3d}
.blog-preview-brand>span:first-child{display:grid;place-items:center;width:24px;height:24px;background:#e7f2ed;border-radius:50%;font-family:Georgia,serif;font-size:16px}
.blog-preview-brand>span:last-child{margin-left:auto;color:#617575;font-size:10px}
.blog-preview-category{font-size:9px;font-weight:600;letter-spacing:.1em;color:#526b6b;margin:0 0 12px}
.blog-preview-paper h3{font-size:clamp(23px,2.5vw,34px);line-height:1.15;letter-spacing:-.04em;text-wrap:initial;color:#163b3b;margin-bottom:14px}
.blog-preview-deck{font-size:13px;line-height:1.7;color:#536969;max-width:40ch}
.blog-preview-byline{display:flex;flex-wrap:wrap;gap:3px 14px;font-size:9px;line-height:1.6;color:#5a6e6e;border-bottom:1px solid #e1eae7;padding:16px 0;margin-bottom:20px}
.blog-preview-excerpt h4{font-size:14px;line-height:1.5;letter-spacing:-.02em;margin:0 0 8px;color:#193c3d;font-weight:600}
.blog-preview-excerpt p{font-size:12px;line-height:1.8;color:#536969;margin:0 0 10px}
.blog-preview-related{display:grid;grid-template-columns:1fr auto;gap:6px 16px;border-top:1px solid #e1eae7;margin-top:22px;padding:16px 0 20px;color:#193c3d}
.blog-preview-related>span:first-child{grid-column:1/-1;font-size:8px;letter-spacing:.08em;color:#5a6e6e}.blog-preview-related strong{font-size:11px;line-height:1.6;font-weight:600}.blog-preview-related>span:last-child{align-self:center}
.blog-preview-caption{position:relative;display:flex;align-items:center;gap:14px;padding:21px 24px;background:var(--navy);color:white}
.blog-preview-caption svg{width:27px;height:27px;flex:none;color:var(--mint)}
.blog-preview-caption strong{display:block;font-size:13px;font-weight:600;line-height:1.5}.blog-preview-caption div>span{display:block;color:#bbcfdf;font-size:11px;line-height:1.65;margin-top:4px}
.blog-preview-note{padding:10px 16px;font-size:9px;text-align:center;color:#52677a;line-height:1.5}
.blog-publishing-footer{margin-top:32px;padding:22px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;font-size:12px;line-height:1.65}
.blog-publishing-footer>strong{font-weight:600}.blog-publishing-footer>p{color:#536176;flex:1;min-width:220px}.blog-publishing-footer>a{font-weight:600;min-height:44px;display:flex;align-items:center;gap:12px}.blog-publishing-footer>a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.blog-publishing-grid{gap:28px}.blog-preview-paper{margin:16px 16px 0;padding:22px 20px 0}.blog-preview-toolbar{padding:15px 16px;flex-wrap:wrap}.blog-preview-brand>span:last-child{display:none}.blog-publishing-footer{align-items:flex-start}}
@media(max-width:700px){.blog-publishing{margin-top:48px;padding-top:24px}.blog-section-label{margin-bottom:25px;font-size:10px}.blog-section-aside{display:none}.blog-publishing-grid{grid-template-columns:1fr;gap:30px}.blog-publishing-copy{max-width:none}.blog-publishing h2{font-size:clamp(34px,7.5vw,48px)}.blog-publishing-intro{font-size:14px}.blog-publishing-process{gap:17px}.blog-publishing-process h3{font-size:14px}.blog-publishing-process p{font-size:12px}.blog-publishing-cta{width:100%}.blog-preview-paper h3{font-size:clamp(25px,6.5vw,34px)}.blog-preview-caption{padding:20px}.blog-publishing-footer{gap:8px;padding:20px 0}.blog-publishing-footer>*{flex-basis:100%}.blog-preview-toolbar{font-size:10px}.blog-preview-status{font-size:9px}}

/* A customer question, one focused demonstration, a held Axil sign-off. */
.service-film-transport{display:flex;align-items:center;gap:16px;position:relative;margin:0 20px;padding:12px 16px;background:var(--navy);border-radius:10px 10px 0 0;color:white;min-height:60px}
.service-film-brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:600;letter-spacing:-.045em;line-height:1.3}
.service-film-brand>i{width:15px;height:15px;background:var(--mint);border-radius:4px;transform:rotate(45deg);margin-right:4px}
.service-film-brand>span{border-left:1px solid #536273;margin-left:8px;padding-left:16px;color:#b8c9d8;font-size:9px;letter-spacing:.1em;font-weight:400}
.service-film-time{margin-left:auto;font-size:10px;color:#c5d6e4}
.service-film-play{border:1px solid #58687a;border-radius:6px;color:white;background:transparent;padding:8px 12px;min-height:40px;font-size:11px;font-weight:600;min-width:110px;line-height:1.5}
.service-film-play:hover{border-color:var(--mint);background:#1a2b35}.service-film-play:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.service-film-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#2c3949;overflow:hidden}.service-film-track>i{display:block;height:100%;background:var(--mint);transform:scaleX(0);transform-origin:left}
.service-film-outcome{display:flex;align-items:center;gap:14px;margin:0 20px 16px;padding:19px 22px;background:#e3f6ef;border:1px solid #cce5db;border-radius:0 0 10px 10px;min-height:104px;color:var(--navy)}
.service-film-outcome[hidden]{display:flex;visibility:hidden}
.service-film-outcome strong{display:block;font-size:19px;letter-spacing:-.025em;line-height:1.25;font-weight:600}
.service-film-outcome p{margin-top:6px;max-width:64ch;font-size:12px;color:#3e6156;line-height:1.6}
.service-film-check{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--mint);font-size:19px}
.service-film-signature{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:600}
.service-films-enabled :is(.ai-play,.flow-play,.lead-story-play){display:none}
.service-films-enabled .service-film-transport+.showcase-canvas{margin-top:0!important}
.service-films-enabled .showcase-canvas :is(.flow-studio-header,.lead-story-bar){border-radius:0}
@media(max-width:760px){.service-film-transport{margin-inline:12px;gap:10px;padding:10px 12px;flex-wrap:wrap}.service-film-brand>span{display:none}.service-film-time{font-size:9px}.service-film-play{min-width:104px;font-size:10px}.service-film-outcome{margin-inline:12px;padding:16px;gap:10px;align-items:flex-start;min-height:134px}.service-film-outcome strong{font-size:17px}.service-film-outcome p{font-size:11px}.service-film-signature{display:none}.service-film-check{width:26px;height:26px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.service-film-track{display:none}}
.service-films-enabled .showcase-panel:not(.film-has-outcome) .service-film-outcome{background:#f4f8fa;border-color:#dde7ed}
.service-films-enabled .showcase-panel:not(.film-has-outcome) .service-film-check{background:#e0eaf0;color:#466879}
.service-films-enabled .showcase-panel:not(.film-has-outcome) .service-film-outcome p{color:#4d6576}
.service-films-enabled .studio-service-delivery{display:none}

/* One patient story; platform marks provide context, not another timeline. */
.service-studio #showcase-panel-0.ai-single-story .ai-platforms li{opacity:1;color:#405267;transition:none}
.service-studio #showcase-panel-0.ai-single-story .ai-search-counter{color:#526477;letter-spacing:.02em}
.ai-single-story .service-film-outcome{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:16px}
.ai-single-story .ai-audit-cta{min-height:44px;padding:12px 16px;gap:18px;font-size:12px;white-space:nowrap;justify-content:space-between}
.ai-audit-cta svg{width:20px;height:20px;flex:none}
.ai-audit-cta:focus-visible{outline:2px solid #2672a2;outline-offset:4px}
.ai-single-story .ai-service-notes>.ai-blog-link{margin:0;padding:14px 20px;border-top:1px solid #d9e5ed}
#audit-website{scroll-margin-block:120px}
@media(max-width:900px){
 .ai-single-story .service-film-outcome{grid-template-columns:26px minmax(0,1fr);gap:10px}
 .ai-single-story .ai-audit-cta{grid-column:2;justify-self:start;white-space:normal}
}
@media(max-width:480px){
 .ai-single-story .ai-audit-cta{grid-column:1/-1;width:100%}
 .service-studio #showcase-panel-0.ai-single-story .ai-search-counter{font-size:8px}
}
.service-studio #showcase-panel-0.ai-single-story :is(.ai-provider-mode,.ai-speaker,.ai-answer-byline,.ai-citation>b){color:#526477}
.service-studio #showcase-panel-0.ai-single-story .ai-platforms li{font-size:11px}
@media(max-width:480px){
 .service-studio #showcase-panel-0.ai-single-story .ai-platforms ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 .service-studio #showcase-panel-0.ai-single-story .ai-platforms li{padding:8px 0}
}

/* Blog publishing belongs to the same service story, from question to live article. */
.blog-service-anchor{display:block;scroll-margin-top:100px}
.service-studio.compact-services .blog-journey .opportunity-controls{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-studio.compact-services .blog-journey .story-visual{min-height:350px}
.blog-film-brief,.blog-film-document,.blog-film-approval{width:100%;max-width:430px;min-width:0;background:white;border:1px solid #cfdfe9;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px -18px #183e5d50}
.blog-film-brief,.blog-film-approval{padding:24px}
.blog-film-status{display:block;color:#496777;font-size:11px;line-height:1.5}
.blog-film-brief blockquote{margin:18px 0 24px;font-size:25px;letter-spacing:-.03em;line-height:1.25;color:#163b3b;font-weight:600}
.blog-film-topic{padding-top:16px;border-top:1px solid #dbe7e6}
.blog-film-topic>span{display:block;font-size:11px;color:#526b6b;margin-bottom:8px}
.blog-film-topic strong{display:block;font-size:16px;line-height:1.4;color:#163b3b;font-weight:600}
.blog-film-topic p{font-size:11px;line-height:1.6;color:#526b6b;margin:10px 0 0}
.blog-film-chrome{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#f7fafb;border-bottom:1px solid #dbe7e6;color:#456272;font-size:10px;overflow-wrap:anywhere}
.blog-film-chrome>span:last-child{flex:none;color:#245f49}
.blog-film-document .blog-preview-paper{border:0;margin:0;padding:20px;background:#fff;border-radius:0}
.blog-film-document .blog-preview-brand{padding-bottom:22px}
.blog-film-document .blog-preview-paper h3{font-size:26px;line-height:1.2;margin-bottom:14px;letter-spacing:-.035em}
.blog-film-document .blog-preview-deck{font-size:13px;line-height:1.6}
.blog-film-document .blog-preview-byline{margin:0;border:0;padding:18px 0 0;font-size:10px}
.blog-film-approval h6{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:16px 0 20px;color:#163b3b}
.blog-film-approval ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px;font-size:12px;color:#3d5c62}
.blog-film-approval li{display:flex;align-items:center;gap:10px}
.blog-film-approval svg,.blog-film-published svg{height:20px;width:20px;flex:none;color:#1b7251}
.blog-film-approved,.blog-film-published{display:flex;align-items:center;gap:10px;background:#e5f7ee;color:#174f39;padding:14px;font-size:12px}
.blog-film-approved{border-radius:6px}
.blog-film-published{border-top:1px solid #cce5d9;padding:14px 20px}
.blog-film-published strong{display:block;font-size:13px;line-height:1.5}.blog-film-published span{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:#37624e}
#service-detail-6 .blog-publishing-process{margin:0 0 16px;gap:18px}
#service-detail-6 .blog-publishing-process h4{font-size:14px;line-height:1.5;margin:0 0 4px;letter-spacing:-.02em;color:inherit}
#service-detail-6 .blog-publishing-process p,#service-detail-6 .blog-publishing-process li>span{color:#b8ccd9}
@media(max-width:760px){
 .service-studio.compact-services .blog-journey .story-visual{min-height:320px}
 .service-studio.compact-services .blog-journey .opportunity-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .blog-film-document .blog-preview-paper h3{font-size:24px}
 .blog-film-brief,.blog-film-approval{padding:20px}
 .blog-film-chrome{flex-wrap:wrap;font-size:10px}
}
.service-directory #service-detail-6{--service-ink:#c8acff;--service-wash:#302844}
@media(min-width:601px){.service-directory .service:last-child{grid-column:1/-1}}
@media(min-width:961px){
 .service-directory .service:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;align-items:start}
 .service-directory .service:last-child .service-top{grid-column:1/-1}
 .service-directory .service:last-child h3,.service-directory .service:last-child>p{min-height:0}
 .service-directory .service:last-child details{margin-top:0}
}

/* The question stays still while the answer moves through four AI contexts. */
.ai-brand-clock{position:absolute;width:1px;height:1px;overflow:hidden;pointer-events:none}
.service-studio #showcase-panel-0.ai-single-story .ai-platforms li{position:relative;border-radius:6px}
.service-studio #showcase-panel-0.ai-single-story .ai-platforms li.is-active{color:var(--navy);background:#eaf5fa}
.service-studio #showcase-panel-0.ai-single-story .ai-platforms li.is-active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--mint)}
.service-studio #showcase-panel-0.ai-single-story .ai-visibility-demo[data-motion=animated] .ai-answer{min-height:132px}
.service-studio #showcase-panel-0.ai-single-story .ai-visibility-demo .ai-query{background:#f1f5f8;border:0;border-radius:18px 18px 4px 18px;font-family:Arial,Helvetica,sans-serif;color:#243747}
.service-studio #showcase-panel-0.ai-single-story .ai-citation-label{color:#526477}
.service-studio #showcase-panel-0.ai-single-story .ai-visibility-demo[data-provider=claude] .ai-provider-mode{color:#635448}
@media(max-width:760px){.service-studio #showcase-panel-0.ai-single-story .ai-visibility-demo[data-motion=animated] .ai-answer{min-height:148px}}

/* Colourful service signatures fall into the catalogue, then stay in place. */
.service-directory .service-top{position:relative;min-height:44px}
.service-directory .service-top>svg{position:relative;z-index:1;width:40px;height:40px;flex:none;transform-origin:50% 65%;overflow:visible;pointer-events:none}
.service-icon-landing{position:absolute;left:-6px;top:-4px;width:52px;height:52px;border:1px solid var(--service-ink);border-radius:50%;opacity:0;pointer-events:none;transform-origin:center}
@media(prefers-reduced-motion:reduce){.service-icon-landing{display:none}}
.motion-disabled .service-icon-landing{display:none}

/* One connected client journey: a compact, scroll-led project workspace. */
.work-chapter{padding-block:80px;background:#fff}
.work-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center}
.work-intro h2{font-size:clamp(34px,3.5vw,52px);line-height:1.08;margin:24px 0 15px;letter-spacing:-.055em}
.work-promise{font-size:clamp(17px,1.5vw,21px);color:#405b70;font-weight:600}
.work-summary{font-size:14px;line-height:1.8;color:#526477;max-width:470px;margin-top:14px}
.work-stages{list-style:none;margin:26px 0;padding:0;border-top:1px solid var(--line)}
.work-stages li{border-bottom:1px solid var(--line)}
.work-stages button{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:0;background:transparent;padding:13px 10px 13px 0;color:#526477;border-radius:4px;min-height:64px}
.work-stages button:disabled{cursor:default;opacity:1}
.work-stages button>span:nth-child(2){flex:1}
.work-stages strong{display:block;font-size:14px;font-weight:600;color:var(--navy)}
.work-stages small{display:block;font-size:12px;line-height:1.5;margin-top:2px}
.work-step-number{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #d5e0e7;border-radius:50%;font-size:11px;background:#f6f9fb;color:#526477}
.work-stages [aria-pressed=true] .work-step-number{background:var(--mint);border-color:var(--mint);color:var(--navy)}
.work-stages [aria-pressed=true]{color:#263c4f}
.work-step-arrow{opacity:0;font-size:20px}.work-stages [aria-pressed=true] .work-step-arrow{opacity:1}
.work-stages button:not(:disabled):hover{background:#f3f8fa}.work-cta{font-size:12px;min-height:48px}
.work-workspace{min-width:0;border:1px solid #cddfea;border-radius:16px;overflow:hidden;background:#eaf5fb;box-shadow:0 5px 12px -8px #31576b33}
.work-workspace-bar{display:flex;gap:10px;align-items:center;background:var(--navy);color:white;padding:18px 24px;font-size:12px;line-height:1.5}
.work-axil-mark{width:13px;height:13px;border-radius:3px;background:var(--mint);transform:rotate(45deg);margin-right:4px;flex:none}
.work-owner{font-size:11px;color:#b6d0df;margin-left:auto;white-space:nowrap}
.work-preview-surface{position:relative;display:grid}
.work-preview{grid-area:1/1;min-width:0;padding:30px;display:flex;flex-direction:column;min-height:570px}
.work-preview[hidden]{display:none}
.work-document-top{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:11px;flex-wrap:wrap;letter-spacing:.055em;color:#4d6879;margin-bottom:23px}
.work-status{background:#fff;border:1px solid #cadde5;color:#355847;border-radius:5px;padding:5px 8px;letter-spacing:0;font-size:11px;text-align:right}
.work-preview h3{font-size:clamp(25px,2.4vw,34px);line-height:1.16;letter-spacing:-.045em;margin-bottom:12px}
.work-preview>p{font-size:13px;line-height:1.75;color:#486173;max-width:440px;min-height:42px}
.work-paper{background:#fff;border:1px solid #d2e2eb;border-radius:9px;padding:19px 20px;margin:23px 0 20px;box-shadow:0 3px 8px -6px #16334430;min-height:218px}
.work-paper-heading{display:flex;align-items:center;gap:10px;font-size:12px;padding-bottom:13px;border-bottom:1px solid #e1eaf0}
.work-doc-icon{width:24px;height:28px;border:1px solid #cadce6;border-radius:3px;color:#42667a;display:grid;place-items:center;font-size:21px;line-height:1}
.work-paper dl{margin:12px 0}.work-paper dl>div{display:flex;gap:18px;justify-content:space-between;margin:10px 0;font-size:11px;line-height:1.6}.work-paper dt{color:#526477}.work-paper dd{margin:0;text-align:right;font-weight:600}
.work-paper-signoff{border-top:1px solid #e1eaf0;padding-top:11px;font-size:11px;color:#365c51;display:flex;gap:8px}
.work-plan-list,.work-approval-list{list-style:none;padding:0;margin:0}.work-plan-list li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e7eef2}.work-plan-list li:last-child{border:0;padding-bottom:0}.work-plan-list li>span{font-size:11px;color:#637b8a}.work-plan-list strong{font-size:11px;display:block}.work-plan-list small{font-size:11px;color:#526477;display:block}.work-plan-list i{font-size:11px;font-style:normal;margin-left:auto;background:#edf5f9;padding:2px 6px;border-radius:4px;color:#466073}
.work-approval-list li{font-size:11px;padding-top:12px;display:flex;gap:9px}.work-approval-list li>span{color:#218369}.work-approval-stamp{display:flex;align-items:center;gap:11px;background:#e0f8ee;border:1px solid #c0e9d8;border-radius:6px;margin-top:14px;padding:10px 12px;transform-origin:center}.work-approval-stamp>span{display:grid;place-items:center;background:var(--mint);width:26px;height:26px;border-radius:50%}.work-approval-stamp strong,.work-approval-stamp small{display:block;font-size:11px}.work-approval-stamp small{font-size:11px;color:#426256}
.work-update-row{position:relative;padding:12px 0 10px 57px;border-bottom:1px solid #e7eef2;font-size:11px}.work-update-row>span{position:absolute;left:0;top:14px;font-size:11px;color:#536d7b;letter-spacing:.05em}.work-update-row p{font-size:11px;color:#526477;margin-top:3px}.work-next-action{display:flex;gap:10px;align-items:center;font-size:11px;color:#305e51;padding-top:13px}.work-next-action>span{font-size:20px}
.work-client{margin-top:auto;display:flex;gap:14px;align-items:baseline;font-size:11px;line-height:1.7;color:#425e70}.work-client>span{font-size:11px;letter-spacing:.06em;white-space:nowrap;font-weight:600}.work-client p{max-width:340px}
.work-workspace-footer{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#f8fcfe;border-top:1px solid #d3e3ec;font-size:11px;color:#476175}.work-position{margin-left:auto;font-variant-numeric:tabular-nums}.work-workspace-footer .status-dot{width:5px;height:5px}.work-progress{height:3px;background:#d9e8f0}.work-progress i{display:block;width:100%;height:100%;background:var(--mint);transform-origin:left;transform:scaleX(.25)}
@media(min-width:1450px){.work-preview{min-height:570px}}
@media(max-width:850px){.work-layout{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.work-preview{padding:23px;min-height:600px}.work-paper{padding:15px}.work-owner{display:none}.work-document-top{align-items:flex-start}.work-preview h3{font-size:26px}.work-client{display:block}.work-client p{margin-top:4px}}
@media(max-width:700px){.work-chapter{padding-block:55px}.work-layout{grid-template-columns:1fr;gap:28px}.work-intro h2{font-size:38px;margin-top:18px}.work-summary{max-width:520px}.work-stages{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:22px 0}.work-stages button{gap:10px;padding-block:12px;min-height:82px}.work-stages strong{font-size:12px}.work-stages small{font-size:11px}.work-step-arrow{display:none}.work-step-number{width:26px;height:26px;font-size:11px}.work-preview{min-height:555px;padding:23px}.work-preview h3{font-size:30px}.work-workspace-bar{padding:17px 20px}.work-workspace-footer{padding-inline:20px}.work-paper{margin-block:20px}.work-client{display:flex}.work-client p{margin-top:0}.work-preview>p{min-height:0}}
@media(max-width:380px){.work-preview{padding:18px;min-height:590px}.work-document-top{font-size:11px;gap:5px}.work-status{font-size:11px;padding:4px 6px}.work-paper dl>div{font-size:11px;gap:10px}.work-workspace-footer{font-size:11px}.work-stages{column-gap:10px}.work-stages button{gap:8px}}

/* Make the service films recognisable before anyone presses play. */
.service-showcase.service-studio.compact-services .showcase-tabs>a{grid-template-columns:22px minmax(0,1fr) 24px}
.service-showcase.service-studio.compact-services .showcase-tabs>a>.service-tab-play{width:24px;height:24px;opacity:0;transform:none;color:#536d80}
.service-showcase.service-studio.compact-services.service-films-enabled .showcase-tabs>a>.service-tab-play{opacity:1}
.service-showcase.service-studio.compact-services.service-films-enabled .showcase-tabs>a[aria-selected=true]>.service-tab-play{color:#0c121f;background:var(--mint);border-radius:50%}
.service-showcase.service-studio.compact-services:not(.service-films-enabled) .showcase-tabs>a>.service-tab-play{visibility:hidden}
.service-film-play{min-height:46px;min-width:140px;padding:11px 18px;font-size:12px;letter-spacing:0;border-color:var(--mint);background:var(--mint);color:var(--navy);box-shadow:0 0 0 3px #4dddaa12}
.service-film-play:hover{background:#81ecc3;border-color:#81ecc3;color:var(--navy)}
.showcase-panel[data-film-state=playing] .service-film-play{background:transparent;border-color:#7892a4;color:#fff;box-shadow:none}
.showcase-panel[data-film-state=playing] .service-film-play:hover{background:#203042;border-color:#a8d8f0}
.service-film-time{font-size:11px;color:#d1e0eb}
@media(max-width:760px){.service-film-play{min-height:44px;min-width:127px;font-size:12px;padding:10px 14px}.service-film-time{font-size:11px}.service-film-transport{gap:10px}.service-film-brand{font-size:18px}}
@media(max-width:420px){.service-film-transport{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px}.service-film-brand{grid-column:1;grid-row:1}.service-film-time{grid-column:1;grid-row:2;margin:0;font-size:10px}.service-film-play{grid-column:2;grid-row:1/3;min-width:122px}.service-film-brand>i{width:12px;height:12px}.service-film-brand{font-size:16px}}

/* Connected growth: a typographic opening and a living index of Axil's services. */
.hero.hero-connected{padding-top:30px;padding-bottom:36px}
.hero.hero-connected .hero-layout{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:30px 54px;align-items:center;padding:0}
.hero-connected .hero-copy{padding:8px 0;min-width:0}
.hero.hero-connected h1{font-size:clamp(48px,5.5vw,84px);line-height:1.02;letter-spacing:-.04em;max-width:none;margin:0;text-wrap:initial}
.hero-connected h1>span{display:block}
.hero-connected .hero-keyword{width:max-content;position:relative;isolation:isolate}
.hero-connected .hero-keyword::after{content:'';position:absolute;left:1px;right:-6px;bottom:2px;height:11%;background:var(--mint);z-index:-1;transform:rotate(-2deg);transform-origin:left}
.hero.hero-connected .hero-description{font-size:16px;line-height:1.7;max-width:40ch;margin-top:28px;color:#506176}
.hero-connected .hero-actions{margin-top:28px;display:flex;align-items:center}
.hero-connected .hero-launch-cta{background:var(--navy);color:white;box-shadow:none;border-radius:9px}
.hero-connected .hero-launch-cta .hero-next-link{background:var(--navy);color:white;font-size:14px;min-height:56px;border:0}
.hero-connected .hero-launch-cta .hero-next-link:hover{background:#1c293a;color:white}
.hero-connected .hero-launch-cta .secret-launch,.hero-connected .hero-launch-cta .launch-arrow{color:white}
.hero-connected .hero-launch-cta .hero-next-link:focus-visible,.hero-connected .hero-launch-cta .secret-launch:focus-visible{outline-color:#2876a8;outline-offset:5px}
.hero.hero-connected .hero-note{font-size:11px;letter-spacing:.025em;color:#526477;margin-top:18px}
.hero-service-stage{position:relative;min-width:0;background:var(--navy);border-radius:24px;padding:24px 25px 28px;overflow:hidden;color:white;isolation:isolate}
.hero-service-orbit{position:relative;width:100%;height:350px}
.hero-orbit-lines{position:absolute;left:50%;top:45%;width:76%;height:76%;border:1px solid #ffffff13;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);pointer-events:none}
.hero-orbit-lines::after{content:'';position:absolute;inset:15%;border:1px solid #ffffff16;border-radius:50%}
.hero-core{position:absolute;left:50%;top:45%;width:125px;height:125px;transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--mint);pointer-events:none}
.hero-core>svg{position:absolute;width:100%;height:100%;filter:drop-shadow(0 9px 12px #00000026)}
.hero-core>span{position:relative;font-size:31px;letter-spacing:-.055em;font-weight:600;color:var(--navy)}
.hero-service-token{position:absolute;left:var(--token-x);top:var(--token-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;color:white;z-index:2;width:106px;outline-offset:6px;border-radius:12px}
.hero-token-face{display:grid;place-items:center;width:62px;height:62px;flex:none;background:var(--token-color);color:var(--navy);border-radius:17px;transform:rotate(var(--token-tilt));box-shadow:0 7px 16px -9px #00000065;transition:transform 220ms cubic-bezier(.16,1,.3,1)}
.hero-token-face svg{width:31px;height:31px;stroke-width:1.5}
.hero-token-label{font-size:11px;line-height:1.35;color:#d9e4ee;font-weight:400;white-space:nowrap}
@media(hover:hover){.hero-service-token:hover .hero-token-face{transform:translateY(-5px) rotate(0) scale(1.08)}.hero-service-token:hover .hero-token-label{color:#fff}}
.hero-service-token:focus-visible{outline:2px solid white;background:#ffffff0a}
.hero-service-token:focus-visible .hero-token-face{transform:rotate(0)}
.hero-stage-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:10px 8px 0}
.hero-stage-caption p{font-size:clamp(22px,2.1vw,30px);line-height:1.2;letter-spacing:-.035em;color:#b8cddb}
.hero-stage-caption strong{font-weight:600;color:#fff}
.hero-stage-caption>.hero-explore-services{display:flex;align-items:center;gap:8px;color:#c5d8e3;font-size:11px;white-space:nowrap;padding-bottom:4px}
.hero-stage-caption>.hero-explore-services svg{width:18px;height:18px}
.hero.hero-connected .connection.audit-entry{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 44px;align-items:center;max-width:none;width:100%;margin:0;padding:25px 30px 0;border:1px solid #d6e7f0;border-radius:14px;background:#eaf5fb;overflow:hidden;box-shadow:none}
.hero-connected .hero-audit-intro{padding-bottom:22px;max-width:460px}
.hero.hero-connected .audit-entry h2{font-size:27px;line-height:1.15;letter-spacing:-.04em;margin:0 0 9px;max-width:none}
.hero.hero-connected .audit-entry .audit-intro{font-size:13px;line-height:1.65;max-width:45ch;margin:0;color:#456377}
.hero.hero-connected .audit-url-form{margin:0;padding-bottom:22px}
.hero.hero-connected .audit-url-form>label{font-size:12px}
.hero.hero-connected #audit-url-help{font-size:11px;line-height:1.5}
.hero.hero-connected .audit-url-field{background:#fff}
.hero.hero-connected .hero-baseline{grid-column:1/-1;margin:0;padding:0;border:0;width:100%}
.hero-connected .audit-deliverables{border-top:1px solid #d0e1eb;margin:0;background:transparent}
.hero-connected .audit-deliverables>summary{min-height:55px;padding:12px 0;gap:18px}
.hero-connected .audit-deliverables>summary>span:first-child{gap:16px;align-items:center}
.hero-connected .audit-deliverables>summary strong{font-size:12px;font-weight:600}
.hero-connected .audit-deliverables-hint{font-size:11px;color:#526c7c}
.hero-connected .audit-deliverables-plus{width:28px;height:28px;font-size:18px;background:#fff}
.hero-connected .audit-deliverables-body{padding:8px 0 25px}
.hero.hero-connected .audit-entry .audit-pixel-preview{margin:0 0 22px;padding:18px 20px 10px;border:1px solid #d0e3ee;border-radius:12px;background:#f5fafd}
.hero-connected .audit-preview-heading{margin-bottom:14px}
.hero.hero-connected .audit-entry .audit-pixel-preview h3{font-size:13px}
.hero.hero-connected .audit-preview-label,.hero.hero-connected .audit-preview-status,.hero.hero-connected .audit-preview-control{font-size:11px}
.hero-connected .audit-deliverables-intro{max-width:65ch}
@media(min-width:1450px){.hero-service-orbit{height:390px}.hero-token-face{width:72px;height:72px;border-radius:20px}.hero-token-face svg{width:35px;height:35px}.hero-core{width:142px;height:142px}.hero-core>span{font-size:36px}.hero-service-stage{padding-bottom:32px}.hero-token-label{font-size:12px}}
@media(min-width:801px) and (max-width:1100px){.hero.hero-connected .hero-layout{gap:26px}.hero.hero-connected h1{font-size:clamp(44px,5.6vw,62px)}.hero-service-stage{padding:20px 18px 25px}.hero-service-orbit{height:330px}.hero-token-face{width:51px;height:51px;border-radius:14px}.hero-token-face svg{width:27px;height:27px}.hero-token-label{font-size:11px}.hero-core{width:105px;height:105px}.hero-core>span{font-size:28px}.hero-stage-caption{padding-inline:0}.hero-stage-caption{flex-wrap:wrap}.hero-stage-caption>.hero-explore-services{display:flex}.hero.hero-connected .connection.audit-entry{gap:24px;padding-inline:24px}.hero.hero-connected .audit-entry h2{font-size:24px}}
@media(max-width:800px){.hero.hero-connected{padding-top:28px}.hero.hero-connected .hero-layout{grid-template-columns:1fr;gap:28px}.hero.hero-connected h1{font-size:clamp(48px,9vw,76px);line-height:1.03}.hero.hero-connected .hero-description{font-size:15px;max-width:45ch;margin-top:22px}.hero-connected .hero-actions{margin-top:22px}.hero-connected .hero-copy{padding:0}.hero-service-stage{max-width:600px;width:100%;justify-self:center}.hero-service-orbit{height:330px}.hero.hero-connected .connection.audit-entry{grid-template-columns:1fr;gap:0;padding:23px 24px 0;max-width:none}.hero-connected .hero-audit-intro{padding-bottom:18px;max-width:none}.hero.hero-connected .audit-entry .audit-intro{max-width:50ch}.hero.hero-connected .audit-url-form{padding-bottom:18px}.hero-stage-caption p{font-size:26px}}
@media(max-width:420px){.hero.hero-connected h1{font-size:clamp(40px,11.2vw,48px);letter-spacing:-.04em}.hero-connected .hero-launch-cta .hero-next-link{font-size:13px}.hero-service-stage{padding:16px 14px 22px;border-radius:18px}.hero-service-orbit{height:295px}.hero-service-token{width:84px;gap:8px}.hero-token-face{width:48px;height:48px;border-radius:13px}.hero-token-face svg{width:26px;height:26px}.hero-token-label{font-size:11px;white-space:normal;max-width:84px}.hero-core{width:96px;height:96px}.hero-core>span{font-size:25px}.hero-stage-caption{padding:12px 2px 0;align-items:flex-end}.hero-stage-caption p{font-size:22px}.hero-stage-caption>.hero-explore-services{font-size:11px;max-width:70px;white-space:normal;gap:4px}.hero-stage-caption>.hero-explore-services svg{flex:none;width:16px;height:16px}.hero.hero-connected .connection.audit-entry{padding:22px 18px 0}.hero.hero-connected .audit-entry h2{font-size:25px}.hero-connected .audit-deliverables>summary>span:first-child{display:block}.hero-connected .audit-deliverables-hint{display:block;margin-top:2px}.hero.hero-connected .audit-entry .audit-pixel-preview{padding:14px 12px 8px}.hero-connected .audit-preview-heading{flex-wrap:wrap}.hero.hero-connected .audit-entry .audit-submit{width:100%;font-size:13px;justify-content:space-between}.hero-connected .hero-note{max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-token-face{transition:none}.hero-service-token:hover .hero-token-face{transform:rotate(var(--token-tilt))}}
.motion-disabled .hero-token-face{transition:none}.motion-disabled .hero-service-token:hover .hero-token-face{transform:rotate(var(--token-tilt))}

.hero-explore-services{min-height:44px;border-radius:4px}.hero-explore-services:hover{text-decoration:underline;text-underline-offset:5px;color:white}.hero-explore-services:focus-visible{outline:2px solid var(--mint);outline-offset:5px}

/* Handover: readable utility copy and resilient controls, outside the miniature stories. */
.header>.brand,footer>.brand{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
.header nav>a:not(.button){display:inline-flex;align-items:center;min-height:44px}
.header .nav-contact{min-height:44px}
footer{font-size:12px}
footer>div{align-items:center;flex-wrap:wrap;gap:12px 24px}
footer>div>a{display:inline-flex;align-items:center;min-height:44px}
.contact .email-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;overflow-wrap:anywhere}
.contact :is(a,button):focus-visible{outline:3px solid var(--mint);outline-offset:5px}
.compact-services .service-context summary:focus-visible{outline-color:var(--sky)}
.contact-dialog{overflow-y:auto;overscroll-behavior:contain}
.contact-dialog :is(label,.form-help,.form-status){font-size:13px;line-height:1.6}
.contact-dialog .form-row>*{min-width:0}
.contact-dialog :is(input,textarea){caret-color:var(--navy)}
.contact-dialog :is(input,textarea)::placeholder{color:#576176;opacity:1}
.contact-dialog>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;overflow-wrap:anywhere}
.contact-dialog :is(.remove-audit,.remove-plan){min-height:44px;flex-shrink:0;font-size:12px;padding-inline:4px}
.contact-dialog .form-status{overflow-wrap:anywhere}
.hero.hero-connected #audit-url-help,.hero-connected .audit-deliverables-hint{font-size:12px}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-demo-disclosure,
.service-studio.compact-services .campaign-studio .opportunity-note{font-size:12px;line-height:1.6;color:#526477}
.service-film-time{overflow-wrap:anywhere}
.work-stages button>span:nth-child(2),.work-client>p{min-width:0}
.motion-disabled .service-film-track{display:none}
.motion-disabled .button:hover{transform:none}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
@media(max-width:520px){
 .contact-dialog .enquiry-audit>div,.contact-dialog .enquiry-plan>div{flex-wrap:wrap;gap:4px 12px}
 .contact-dialog form>.button{max-width:100%;gap:16px}
}
@media(max-width:380px){
 .header{height:auto;min-height:86px;flex-wrap:wrap;gap:4px 16px;padding-block:14px}
 .header nav{width:100%;justify-content:space-between;gap:12px}
 .service-film-time{font-size:11px}
}

/* Enquiry delivery keeps the draft and status readable in every state. */
.contact-dialog .enquiry-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-dialog button:disabled{cursor:default;opacity:.65}
.contact-dialog [aria-busy="true"]{cursor:progress}

/* Verified responsive repair: legacy delivery placement must not create an implicit column. */
@media(max-width:1000px){
 .service-showcase.service-studio .showcase-panel:not([hidden]){grid-template-columns:minmax(0,1fr)}
 .service-showcase.service-studio .showcase-panel>*{grid-column:1/-1;grid-row:auto;min-width:0}
}
@media(max-width:600px){
 .header{height:auto;min-height:86px;flex-wrap:wrap;gap:4px 16px;padding-block:14px}
 .header nav{width:100%;justify-content:space-between;gap:12px}
 .header nav>a{white-space:nowrap}
 .service-studio #showcase-panel-0.ai-single-story .ai-platforms ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .service-studio #showcase-panel-0.ai-single-story .ai-platforms li{font-size:10px;padding:8px 0;gap:6px}
}
@media(max-width:760px){
 .service-studio.compact-services #showcase-panel-4 .flow-scene>.flow-visual{grid-column:1;grid-row:1}
 .service-studio.compact-services #showcase-panel-4 .flow-scene>.flow-work{grid-column:1;grid-row:2;border-top:1px solid #d9e5ed;border-bottom:0}
}
@media(max-width:420px){
 .hero-service-token{left:clamp(42px,var(--token-x),calc(100% - 42px))}
}
/* Allow long social channel rails to scroll inside the panel at intermediate widths. */
.service-showcase.service-studio .showcase-panel:not([hidden]){grid-template-columns:minmax(0,1fr)}
.service-showcase.service-studio .showcase-panel>*{min-width:0}

/* Compact service choice: all seven stories, without a long swipe rail. */
.service-picker{display:none}
@media(max-width:600px){
  .service-studio.has-service-picker>.showcase-tabs{display:none}
  .service-studio>.service-picker{display:block;grid-column:1/-1;min-width:0;margin-bottom:16px;padding:16px 18px;background:#f6fafc;border:1px solid #d9e5ed;border-radius:14px}
  .service-picker label{margin:0 0 8px;font-size:12px;font-weight:600;color:#536b7d}
  .service-picker select{display:block;width:100%;min-height:48px;padding:10px 24px 10px 12px;border:1px solid #bdd5e4;border-radius:8px;background-color:white;color:var(--navy);line-height:1.4;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}
  .service-picker select:focus-visible{outline:3px solid #36d9a4;outline-offset:3px}
  .service-picker p{margin:8px 0 0;font-size:12px;line-height:1.5;color:#536b7d}
}
/* Keep dismissal available without covering the enquiry text. */
.contact-dialog .dialog-toolbar{position:sticky;top:-40px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-40px -40px 24px;padding:10px 16px 10px 40px;border-bottom:1px solid #d9e5ed;background:#fff}
.dialog-toolbar strong{font-size:14px;font-weight:600}
.contact-dialog .dialog-close{position:static;flex:0 0 44px;border:1px solid #d9e5ed;border-radius:50%;background:#f6fafc;line-height:1}
@media(max-width:520px){.contact-dialog .dialog-toolbar{top:-30px;margin:-30px -22px 24px;padding-left:22px}}
/* Focused fields remain below the persistent enquiry header. */
.contact-dialog{scroll-padding-top:80px;scroll-padding-bottom:20px}
/* Keep supporting facts readable when opened on a phone. */
@media(max-width:760px){
 .service-studio.compact-services .service-stage-details> :is(.story-facts,.social-stage-facts){margin:14px 0 8px;gap:14px}
 .service-studio.compact-services .service-stage-details>.flow-activity{margin:14px 0 8px}
 .service-studio.compact-services .service-stage-details summary{min-height:44px;font-size:12px}
 .service-studio.compact-services .service-story .flow-work .story-description{margin-bottom:12px}
 .service-films-enabled .showcase-panel .story-toolbar{display:none}
}
.service-outcome-action{display:none}
@media(max-width:760px){
 .service-studio.compact-services .service-film-outcome{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px}
 .service-studio.compact-services .service-film-outcome>.service-outcome-action{display:flex;grid-column:1/-1;justify-content:space-between;min-height:44px;margin-top:4px;padding:12px 14px;font-size:12px;line-height:1.5}
 .service-studio.compact-services .showcase-panel>.studio-service-delivery{display:none}
}
/* Email-app recovery keeps the full enquiry available without storing it. */
.enquiry-copy{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--navy);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.enquiry-copy[hidden],.enquiry-copy-manual[hidden]{display:none}
.enquiry-copy:hover{text-decoration:underline;text-underline-offset:4px}
.enquiry-copy:focus-visible{outline:2px solid #387bb8;outline-offset:4px;border-radius:3px}
.enquiry-copy:disabled{opacity:.5;cursor:wait}
.contact-dialog .enquiry-copy-status{margin:4px 0 0;font-size:13px;line-height:1.6;color:#365b50}
.enquiry-copy-status:empty{display:none}
.enquiry-copy-manual{margin-top:16px;padding:16px;background:#f3f9fc;border:1px solid #d9e5ed;border-radius:8px}
.enquiry-copy-manual label{margin:0;font-size:13px}
.enquiry-copy-manual p{font-size:12px;line-height:1.6;color:#526477;margin:10px 0 0}

/* One connected customer story, explored at the visitor's pace. */
.connected-story{padding-block:76px;scroll-margin-top:24px}
.connected-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:28px}
.connected-heading h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.04em;line-height:1.08;margin:0}
.connected-heading>p{max-width:46ch;margin:0;font-size:16px;line-height:1.65;color:#526477}
.connected-player{border:1px solid #d5e4ed;border-radius:18px;overflow:hidden;background:#f2f8fc}
.connected-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 24px;background:var(--navy);color:white;font-size:14px}
.connected-meta>span:first-child{display:flex;align-items:center;gap:10px;font-weight:600}
.connected-meta>span:last-child{color:#c3d6e3;font-size:12px}
.connected-business{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:var(--mint);color:var(--navy);font-size:19px}
.connected-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 24px;background:white;border-bottom:1px solid #d5e4ed}
.connected-steps button{min-height:58px;border:0;border-bottom:3px solid transparent;background:transparent;color:#53697b;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.connected-steps button[aria-pressed=true]{border-bottom-color:var(--mint);color:var(--navy)}
.connected-steps button:hover{background:#f0f8fc}
.connected-steps button:disabled{cursor:default}
.connected-steps button:focus-visible,.connected-controls button:focus-visible{outline:2px solid #367a9c;outline-offset:-4px}
.connected-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:360px}
.connected-scene[hidden]{display:none}
.connected-caption{padding:36px;align-self:center}
.connected-position{font-size:12px;line-height:1.5;color:#526477}
.connected-caption h3{font-size:clamp(26px,2.5vw,34px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 16px}
.connected-caption>p{font-size:14px;line-height:1.7;color:#4d6374;max-width:45ch;margin:0}
.connected-services{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px}
.connected-services a{display:inline-flex;align-items:center;min-height:36px;color:#214f68;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.connected-proof{display:flex;align-items:center;justify-content:center;padding:28px;background:#e7f2f9;min-width:0}
.connected-proof>div{width:100%;max-width:480px;padding:24px;background:white;border:1px solid #cddfe9;border-radius:12px;box-shadow:0 14px 30px -25px #22435b}
.connected-search-query{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d9e5ed;padding-bottom:16px;margin-bottom:20px;font-size:15px;color:#344d60}
.connected-search-query svg{width:20px;height:20px;flex:none}
.connected-result-source{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:15px}
.connected-result-source>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8f4fa}
.connected-result-source small{display:block;font-size:11px;line-height:1.6;color:#53697b;overflow-wrap:anywhere}
.connected-result-title{display:block;font-size:21px;line-height:1.3;color:#2856a0;font-weight:500}
.connected-search>p{font-size:13px;line-height:1.7;color:#43596a;margin:12px 0}
.connected-result-links{display:flex;gap:20px;color:#2856a0;font-size:12px}
.connected-chat header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.connected-chat header strong{font-size:14px}.connected-chat small,.connected-review small{display:block;font-size:11px;line-height:1.5;color:#526477}
.connected-message{max-width:90%;margin-top:12px}.connected-message.customer{margin-left:auto}
.connected-message.customer small{text-align:right}
.connected-message p{font-size:13px;line-height:1.6;padding:11px 13px;margin:4px 0 0;background:#e8f3fa;border-radius:12px 12px 12px 3px;color:#263f50}
.connected-message.customer p{background:#e6f5ef;border-radius:12px 12px 3px 12px}
.connected-booking header{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}
.connected-confirmed{color:#1b5c46;background:#e5f7ee;border-radius:5px;padding:7px 9px;font-weight:600}
.connected-appointment{display:flex;align-items:center;gap:20px;padding:24px 0}.connected-appointment strong{font-size:19px}.connected-appointment p{font-size:13px;line-height:1.6;color:#526477;margin:7px 0 0}
.connected-calendar{display:grid;place-items:center;border:1px solid #cddfe9;border-radius:8px;overflow:hidden;width:76px;flex:none;background:#f2f8fc;padding-bottom:6px}
.connected-calendar>span{font-size:10px;line-height:1.7}.connected-calendar>span:first-child{background:var(--navy);color:white;width:100%;text-align:center;padding:3px}.connected-calendar>strong{font-size:34px;line-height:1.5}
.connected-booking dl{margin:0;border-top:1px solid #d9e5ed}.connected-booking dl>div{display:flex;justify-content:space-between;gap:16px;padding-top:13px;font-size:12px;line-height:1.5}.connected-booking dt{color:#526477}.connected-booking dd{margin:0;font-weight:600;text-align:right}
.connected-review-request{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #d9e5ed;font-size:13px}.connected-review-request svg{width:24px;height:24px;flex:none;color:#215f4b}
.connected-review-person{display:flex;align-items:center;gap:10px;font-size:14px}.connected-review-person>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f3fa;font-size:12px}
.connected-stars{color:#946200;letter-spacing:3px;font-size:18px;margin:16px 0 10px}
.connected-review blockquote{font-size:19px;line-height:1.5;letter-spacing:-.02em;margin:0;color:var(--navy)}
.connected-review-choice{font-size:11px;color:#526477;line-height:1.6;margin:18px 0 0}
.connected-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid #d5e4ed;background:white}
.connected-controls[hidden]{display:none}.connected-controls button{font:inherit;font-size:13px;min-height:44px;border:1px solid #c8dce8;border-radius:7px;padding:10px 15px;color:var(--navy);background:white;cursor:pointer}.connected-controls button:hover{background:#eaf5fb}.connected-controls button:disabled{opacity:.45;cursor:default}.connected-controls .connected-next{background:var(--navy);color:white;border-color:var(--navy)}.connected-controls .connected-next:hover{background:#253a4b}
.connected-status{font-size:12px;color:#526477;margin:0}
.connected-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.connected-footer p{font-size:15px;line-height:1.7;color:#526477;margin:0}.connected-footer strong{font-weight:500;color:var(--navy)}.connected-footer .button{font-size:13px;min-height:48px}
@media(max-width:760px){
 .connected-story{padding-block:48px}.connected-heading{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.connected-heading>p{font-size:14px}
 .connected-meta{padding:12px 16px;gap:12px;align-items:flex-start}.connected-meta>span:last-child{max-width:115px;font-size:10px;line-height:1.5;text-align:right}.connected-meta>span:first-child{font-size:12px;white-space:nowrap}
 .connected-steps{padding:0 8px}.connected-steps button{font-size:12px;min-height:50px}
 .connected-scene{grid-template-columns:minmax(0,1fr);min-height:0}.connected-proof{grid-row:1;padding:16px;min-height:340px}.connected-proof>div{padding:18px}.connected-caption{padding:22px}.connected-caption h3{font-size:26px;margin:8px 0 12px}.connected-caption h3 br{display:none}.connected-caption>p{font-size:13px}.connected-services{margin-top:12px;gap:0 16px}
 .connected-result-title{font-size:19px}.connected-review blockquote{font-size:18px}
 .connected-controls{padding:12px;gap:8px;flex-wrap:wrap}.connected-status{order:-1;width:100%;text-align:center;font-size:11px}.connected-controls button{font-size:12px;flex:1}.connected-footer{display:block}.connected-footer p{font-size:14px}.connected-footer .button{margin-top:16px;width:100%;justify-content:space-between}
}
.connected-stars{display:flex;gap:3px}.connected-stars svg{width:19px;height:19px}
.connected-steps{scroll-margin-top:16px}
@media(max-width:760px){
 .connected-caption{padding:18px 22px}.connected-caption h3{font-size:23px}
}

/* Whole-page finish: consistent rhythm, clearer controls and quieter framing. */
.expertise.wrap{padding-bottom:0}
.connected-story{padding-block:64px}
.work-chapter{padding-top:24px;padding-bottom:72px}
.hero.hero-connected .hero-description{font-size:17px;line-height:1.7;max-width:46ch}
.hero.hero-connected .audit-entry{border-radius:16px}
.service-showcase.service-studio>.showcase-transition{border-radius:18px}
.service-showcase.service-studio .showcase-panel{border-color:#d6e1e9}
.service-films-enabled .showcase-panel .opportunity-map>:is(.lead-journey-heading,.flow-toolbar){display:none}
.service-films-enabled .showcase-panel .opportunity-map{border-top-left-radius:0;border-top-right-radius:0}
.service-film-transport{border:1px solid #253241;border-bottom:0}
.service-film-play{transition:background-color 160ms ease,border-color 160ms ease}
.service-directory .service>p{color:#c3cedb}
.service-directory .service summary{border-radius:6px}
.service-directory .service summary:hover{color:var(--service-ink)}
.work-intro h2,.work-preview h3{letter-spacing:-.04em}
.work-stages{border-top:0;display:grid;gap:6px}
.work-stages li{border:0}
.work-stages button{padding:13px 12px;border:1px solid transparent;border-radius:9px;transition:background-color 160ms ease,border-color 160ms ease}
.work-stages button[aria-pressed=true]{background:#eaf5fb;border-color:#c9e1ed}
.work-stages button[aria-pressed=true]:hover{background:#e3f1f9}
.work-paper :is(dt,dd,.work-plan-list strong,.work-plan-list small,.work-approval-list li,.work-update-row,.work-update-row p,.work-next-action){font-size:12px}
.work-client{font-size:12px}
.contact-layout>div{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.contact-layout>div>p{flex-basis:100%;margin:0 0 6px;font-size:16px;line-height:1.75}
.contact-layout>div>.button{margin:0;min-height:52px}
.contact .email-link{margin:0;text-decoration:underline;text-decoration-color:#607583;text-underline-offset:5px}
.contact .email-link:hover{text-decoration-color:var(--mint);color:var(--mint)}
footer.wrap{border-top:1px solid #e1e8ed;gap:24px}
footer.wrap>span{font-size:12px;line-height:1.6;color:#526477;max-width:30ch}
footer.wrap>div{column-gap:24px}
@media(max-width:760px){
 .hero.hero-connected .hero-description{font-size:16px;line-height:1.7}
 .connected-story{padding-block:48px}
 .work-chapter{padding-top:16px;padding-bottom:48px}
 .work-stages{gap:10px}
 .work-stages button{height:100%;gap:10px;padding:12px 10px}
 .work-stages strong{font-size:13px}.work-stages small{font-size:12px}
 .contact-layout>div{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
 .contact-layout>div>p{flex-basis:auto;font-size:15px;margin-bottom:2px}
 .contact-layout>div>.button{width:100%;justify-content:space-between}
 footer.wrap{gap:18px 24px}
 footer.wrap>span{max-width:21ch}
}
@media(prefers-reduced-motion:reduce){.service-film-play,.work-stages button{transition:none}}
.motion-disabled :is(.service-film-play,.work-stages button){transition:none}

/* Keep the introduction readable while the workspace unfolds with the scroll. */
@media(min-width:1000px) and (min-height:800px) and (prefers-reduced-motion:no-preference){
 body:not(.motion-disabled) .work-chapter[data-work-stage]{min-height:calc(100svh + 600px)}
 body:not(.motion-disabled) .work-chapter[data-work-stage] .work-layout{position:sticky;top:clamp(32px,8vh,96px)}
}

/* A question-led opening, sized to keep the complete thought together. */
.hero.hero-connected h1{font-size:clamp(44px,4.3vw,66px);line-height:1.08}
@media(max-width:800px){.hero.hero-connected h1{font-size:clamp(32px,7.8vw,60px)}}
@media(max-width:420px){.hero.hero-connected h1{font-size:clamp(30px,8.2vw,34px)}}

/* Put the business question inside the film, before the search demonstration. */
.ai-strategy-opening[hidden],.ai-strategy-context[hidden]{display:none!important}
.service-studio.compact-services #showcase-panel-0 .ai-visibility-demo .ai-strategy-opening{grid-column:1/-1;grid-row:2;z-index:2;min-height:474px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:42px max(24px,calc((100% - 680px)/2));background:#f2f8fb}
.ai-strategy-eyebrow{font-size:11px;letter-spacing:.1em;color:#456779;font-weight:600}
.ai-strategy-opening h3{font-size:clamp(34px,4vw,60px);max-width:22ch;margin:22px 0 24px;line-height:1.06;letter-spacing:-.045em}
.ai-strategy-opening h3 span{color:#216650}
.ai-strategy-opening>p strong{font-weight:600;color:var(--navy)}
.ai-strategy-opening>p{font-size:18px;line-height:1.6;color:#405b70;max-width:48ch}
.ai-strategy-cue{font-size:12px;margin-top:30px;color:#456779}
.service-studio.compact-services #showcase-panel-0 .ai-visibility-demo[data-strategy-opening=true] .ai-conversation{visibility:hidden;pointer-events:none}
.ai-strategy-context{border-left:3px solid var(--mint);padding:0 0 0 14px;margin-bottom:22px;color:var(--navy)}
.ai-strategy-context strong{font-size:16px}.ai-strategy-context p{font-size:13px;line-height:1.6;margin-top:5px;color:#526477}
@media(max-width:700px){
 .service-studio.compact-services #showcase-panel-0 .ai-visibility-demo .ai-strategy-opening{min-height:500px;padding:30px 20px}
 .ai-strategy-opening h3{font-size:32px}.ai-strategy-opening>p{font-size:16px}
 .ai-strategy-context{margin:0 12px 18px}.ai-strategy-context strong{font-size:14px}.ai-strategy-context p{font-size:12px}
}

/* Keep the enquiry payoff visible inside the device, above the home indicator. */
.service-studio.compact-services #showcase-panel-0 .ai-phone-screen{position:relative}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-dental-listing .ai-call-notification{position:sticky;bottom:0;z-index:2;background:#e8f8f0;box-shadow:0 -8px 16px 3px #ffffff,0 3px 10px #17483614;flex-shrink:0;border-color:#87d9b9}
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-caption{max-width:280px}
.ai-phone-caption strong{font-size:32px;line-height:1.12}
@media(max-width:760px){.ai-phone-caption strong{font-size:23px;max-width:24ch;margin-inline:auto}}

/* Give the closing promise the same presence as the customer outcome. */
.service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-caption{max-width:360px}
.ai-phone-caption strong{font-size:clamp(34px,3.2vw,46px);line-height:1.08;font-weight:650;letter-spacing:-.04em}
.ai-phone-caption small{font-size:16px;line-height:1.65;max-width:32ch;margin-top:22px;font-weight:500}
@media(max-width:760px){
 .service-studio.compact-services #showcase-panel-0.ai-premium .ai-phone-caption{max-width:100%;text-align:left;padding:6px 6px 12px}
 .ai-phone-caption strong{font-size:32px;max-width:none;margin:0}
 .ai-phone-caption strong br{display:block}
 .ai-phone-caption small{display:block;font-size:15px;line-height:1.6;max-width:34ch;margin-top:14px}
}

/* Handover polish: quiet field surfaces, clear focus and balanced mobile steps. */
.contact-dialog :is(input,textarea){border-color:#899baa;background:#fbfdfe;border-radius:8px;transition:border-color 160ms ease,background-color 160ms ease}
.contact-dialog :is(input,textarea):hover{border-color:#526c7c}
.contact-dialog :is(input,textarea):focus{background:#fff;border-color:#246b9c;outline:2px solid #246b9c;outline-offset:3px}
.contact-dialog label{font-weight:600}
.contact-dialog label :is(input,textarea){font-weight:400}
.contact-dialog textarea{min-height:112px}
.contact-dialog .dialog-close:hover{background:#e8f4fa;border-color:#899baa}
@media(max-width:760px){
 .work-stages{grid-auto-rows:1fr}
 .work-stages button{align-items:center}
 .work-stages strong{line-height:1.4}
 .work-stages small{line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.contact-dialog :is(input,textarea){transition:none}}
.motion-disabled .contact-dialog :is(input,textarea){transition:none}

/* Footer return flight: one deliberate journey back to the connected hero. */
footer .footer-launch{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:6px 6px 6px 18px;border:1px solid #c9d9e3;border-radius:30px;font-size:12px;font-weight:600;background:#f4f9fc;white-space:nowrap;transition:background-color 180ms ease,border-color 180ms ease}
.footer-launch-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--navy);color:var(--mint);border-radius:50%}
.footer-launch-icon svg{width:23px;height:23px;transform:rotate(35deg);transition:transform 220ms ease}
.footer-launch:hover{background:#e4f6ef;border-color:#80cdb1}.footer-launch:hover svg{transform:rotate(0deg) translateY(-2px)}
.footer-launch[aria-busy=true] .footer-launch-icon svg{opacity:.2}
.return-rocket{position:fixed;left:0;top:0;width:48px;height:48px;z-index:120;pointer-events:none;transform-origin:center;will-change:transform,opacity;filter:drop-shadow(0 5px 5px #0c121f30)}
.return-rocket>svg{display:block;width:100%;height:100%;overflow:visible}
.return-flight-active .hero-token-face{transition:none}
@media(max-width:520px){footer.wrap>div{flex-wrap:wrap;align-items:center;gap:16px 24px}footer .footer-launch{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.footer-launch,.footer-launch-icon svg{transition:none}.footer-launch:hover svg{transform:none}}
.motion-disabled .footer-launch,.motion-disabled .footer-launch-icon svg{transition:none}
.hero h1[tabindex="-1"]:focus{outline:none}

/* Consistent monochrome arrows on iOS, Android and desktop. */
svg.ui-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}

.footer-legal{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footer-legal a{font-size:12px;text-underline-offset:4px}