/* A single layout contract for the pinned customer story. */
html body.cyber-awake #main #page-in-action{
 --story-gutter:clamp(22px,4vw,72px);--story-top:clamp(44px,10svh,108px);
 --story-head:clamp(152px,19svh,192px);--story-gap:clamp(18px,2.4svh,28px);--story-bottom:72px;
 --story-anchor:calc(var(--story-top) + var(--story-head)/2);
 --story-display:clamp(38px,3.65vw,62px);--story-lead:clamp(23px,1.9vw,30px);
 --story-visual: min(1220px,100%);
}
html body.cyber-awake #main #page-in-action:not(.is-static) .demand-pin{
 position:sticky!important;top:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:var(--story-head) minmax(0,1fr)!important;grid-auto-rows:0!important;
 height:100svh!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;
 padding:var(--story-top) var(--story-gutter) var(--story-bottom)!important;gap:var(--story-gap)!important;
 align-content:stretch!important;justify-content:normal!important;justify-items:center!important;overflow:hidden!important;
}
html body.cyber-awake #main #page-in-action:not(.is-static) .demand-copy{
 position:relative!important;inset:auto!important;grid-row:1!important;grid-column:1!important;
 width:100%!important;max-width:1220px!important;height:100%!important;min-height:0!important;
 margin:0!important;transform:none!important;align-self:stretch!important;text-align:center!important;
}
html body.cyber-awake #main #page-in-action .demand-headlines{position:relative!important;height:100%!important;width:100%!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .demand-heading{
 position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;gap:10px!important;height:100%!important;margin:0!important;
}
html body.cyber-awake #main #page-in-action .demand-heading h2{width:100%!important;max-width:1220px!important;line-height:1.2!important;margin:0!important}
html body.cyber-awake #main #page-in-action :is(.statement-line,.breath-lead,.demand-anchor-lead){font-size:var(--story-lead)!important;line-height:1.3!important;font-weight:550!important;letter-spacing:-.025em!important}
html body.cyber-awake #main #page-in-action :is(.statement-focus,.demand-anchor>strong,.search-word-wrap>em){
 font-size:var(--story-display)!important;line-height:1.15!important;letter-spacing:-.035em!important;font-weight:700!important;
 display:block!important;margin:10px 0!important;white-space:normal!important;text-wrap:balance;overflow:visible!important;
}
html body.cyber-awake #main #page-in-action .statement-focus em{font:inherit!important;letter-spacing:inherit!important}
html body.cyber-awake #main #page-in-action .demand-heading>p{position:static!important;inset:auto!important;margin:0!important;max-width:52ch!important;font-size:18px!important;line-height:1.5!important;text-wrap:pretty}
html body.cyber-awake #main #page-in-action :is(.competitor-page-line,.demand-anchor-note){font-size:18px!important;line-height:1.5!important;font-weight:500!important;margin:0!important}
html body.cyber-awake #main #page-in-action .locked-story-intro{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;
 padding:0 var(--story-gutter)!important;box-sizing:border-box!important;transform:none!important;
}
html body.cyber-awake #main #page-in-action .locked-story-intro h2{
 position:absolute!important;top:var(--story-anchor)!important;left:var(--story-gutter)!important;right:var(--story-gutter)!important;
 width:auto!important;max-width:none!important;height:var(--story-head)!important;transform:translateY(-50%)!important;
 margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;
}
html body.cyber-awake #main #page-in-action .locked-story-intro .story-breath-copy{position:static!important;width:100%!important;height:auto!important}
html body.cyber-awake #main #page-in-action:not(.is-static) .story-stage{
 position:relative!important;inset:auto!important;grid-row:2!important;grid-column:1!important;width:var(--story-visual)!important;
 max-width:1220px!important;height:100%!important;min-height:0!important;max-height:620px!important;
 transform:none!important;align-self:start!important;margin:0 auto!important;box-sizing:border-box!important;
}
html body.cyber-awake #main #page-in-action .story-stage>:is(.loss-scene,.story-missing,.story-business){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;transform:none!important;margin:0!important;box-sizing:border-box!important}
/* Keep captions inside the composition, below the largest animated card. */
html body.cyber-awake #main #page-in-action .loss-query{top:0!important;left:12%!important;width:76%!important;min-height:62px!important;padding:10px 18px!important;box-sizing:border-box!important}
html body.cyber-awake #main #page-in-action .loss-query strong{font-size:20px!important;line-height:1.35!important}
html body.cyber-awake #main #page-in-action .loss-query small{font-size:12px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action :is(.loss-rival,.loss-yours){
 top:92px!important;width:34%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px!important;box-sizing:border-box!important;
 --identity-photo:clamp(108px,calc(var(--story-stage-height,440px) * .35),218px);
}
html body.cyber-awake #main #page-in-action .loss-rival{right:3%!important;left:auto!important}
html body.cyber-awake #main #page-in-action .loss-yours{left:3%!important;right:auto!important}
html body.cyber-awake #main #page-in-action .loss-scene :is(img,video){display:block!important;width:100%!important;height:var(--identity-photo)!important;object-fit:contain!important;background:#e7eeef!important;border-radius:12px!important}
html body.cyber-awake #main #page-in-action .loss-scene :is(.loss-rival,.loss-yours)>strong{font-size:24px!important;line-height:1.25!important;margin:10px 0 8px!important}
html body.cyber-awake #main #page-in-action .loss-description{font-size:16px!important;line-height:1.4!important;margin:0!important}
html body.cyber-awake #main #page-in-action .rival-found-label{font-size:14px!important;line-height:1.4!important;margin:6px 0!important}
html body.cyber-awake #main #page-in-action .loss-arrival{position:relative!important;inset:auto!important;font-size:14px!important;line-height:1.4!important;margin:8px 0 0!important;padding:8px 0!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .loss-empty{top:18px!important;left:18px!important;font-size:12px!important;margin:0!important}
html body.cyber-awake #main #page-in-action .rival-online-label{top:-14px!important;right:8px!important;font-size:12px!important;line-height:1.35!important;padding:5px 9px!important;white-space:nowrap!important}
html body.cyber-awake #main #page-in-action .loss-inlet{top:calc(var(--identity-photo) * .66)!important;left:-7px!important}
html body.cyber-awake #main #page-in-action .loss-scene>p{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;margin:0!important;padding:8px 10px!important;width:100%!important;box-sizing:border-box!important;font-size:20px!important;line-height:1.45!important}
html body.cyber-awake #main #page-in-action .loss-scene>p b{display:block!important;font-size:inherit!important;margin-top:3px!important}
/* Restore the useful page details and give the image its own complete area. */
html body.cyber-awake #main #page-in-action[data-beat="3"] .story-business{display:block!important;padding:0!important}
html body.cyber-awake #main #page-in-action .answer-story{height:100%!important;min-height:0!important;gap:18px!important}
html body.cyber-awake #main #page-in-action .answer-progress{gap:clamp(22px,4vw,64px)!important;flex:none!important}
html body.cyber-awake #main #page-in-action .answer-progress>span{font-size:14px!important;line-height:1.4!important;letter-spacing:.06em!important;padding-bottom:8px!important}
html body.cyber-awake #main #page-in-action .answer-slides{flex:1!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .answer-slide{gap:0!important;height:100%!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .answer-page{width:100%!important;flex:1!important;min-height:0!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important}
html body.cyber-awake #main #page-in-action .answer-browser{padding:10px 18px!important;min-height:0!important;flex:none!important;font-size:13px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action .answer-browser>span{display:block!important;font-size:12px!important}
html body.cyber-awake #main #page-in-action .answer-content{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;height:auto!important;flex:1!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .answer-content>img{display:block!important;min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;background:#edf2f2!important}
html body.cyber-awake #main #page-in-action .answer-detail{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;padding:clamp(20px,3vw,44px)!important;gap:12px!important}
html body.cyber-awake #main #page-in-action .answer-detail small{display:block!important;font-size:12px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action .answer-detail h3{font-size:clamp(24px,2.15vw,34px)!important;line-height:1.25!important;margin:0!important;max-width:20ch!important}
html body.cyber-awake #main #page-in-action .answer-detail p{display:block!important;font-size:18px!important;line-height:1.5!important;margin:0!important;max-width:28ch!important}
html body.cyber-awake #main #page-in-action .answer-action{display:flex!important;align-items:center!important;gap:20px!important;font-size:15px!important;line-height:1.4!important;margin:4px 0 0!important;padding:12px 16px!important;width:auto!important;max-width:100%!important;box-sizing:border-box!important}
html body.cyber-awake #main #page-in-action .answer-result{position:relative!important;inset:auto!important;display:block!important;flex:none!important;font-size:16px!important;line-height:1.4!important;padding:10px 16px!important;min-height:0!important}
/* Missing business: two balanced columns, with no compressed summary. */
html body.cyber-awake #main #page-in-action .story-missing.missing-explained{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;align-content:center!important;gap:28px!important;padding:0!important}
html body.cyber-awake #main #page-in-action .missing-real{display:block!important;min-width:0!important}
html body.cyber-awake #main #page-in-action .missing-eyebrow{display:block!important;font-size:12px!important;line-height:1.4!important;margin:0 0 8px!important}
html body.cyber-awake #main #page-in-action .owner-photo{position:relative!important;min-height:0!important;height:auto!important}
html body.cyber-awake #main #page-in-action .owner-photo img{width:100%!important;height:clamp(112px,calc(var(--story-stage-height,440px) * .34),210px)!important;object-fit:contain!important;background:#d8dddd!important;transform:none!important}
html body.cyber-awake #main #page-in-action .owner-photo>div{padding:14px 16px!important}
html body.cyber-awake #main #page-in-action .owner-photo strong{font-size:24px!important;line-height:1.25!important}
html body.cyber-awake #main #page-in-action .owner-photo p{font-size:15px!important;line-height:1.45!important;margin:5px 0 0!important}
html body.cyber-awake #main #page-in-action .missing-absence{margin-top:12px!important;padding:14px 16px!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .missing-absence>span{font-size:12px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action .missing-absence .pain-reveal{font-size:17px!important;line-height:1.4!important;margin:8px 0 0!important}
html body.cyber-awake #main #page-in-action .missing-searchbar{font-size:18px!important;line-height:1.4!important;padding:14px 18px!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .missing-competitor{min-height:150px!important;padding:18px 18px 18px 154px!important;margin-top:14px!important;box-sizing:border-box!important}
html body.cyber-awake #main #page-in-action .missing-competitor video{position:absolute!important;width:116px!important;height:106px!important;left:18px!important;top:18px!important;object-fit:contain!important;border-radius:10px!important;background:#dcf1ed!important}
html body.cyber-awake #main #page-in-action .missing-competitor>span{font-size:12px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action .missing-competitor strong{font-size:26px!important;line-height:1.25!important;margin:6px 0!important}
html body.cyber-awake #main #page-in-action .missing-competitor p{font-size:16px!important;line-height:1.4!important;margin:0!important}
/* Website and the received enquiry stay together inside one composition. */
html body.cyber-awake #main #page-in-action:is([data-beat="4"],[data-beat="5"]) .story-business{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:16px 28px!important;align-content:center!important;align-items:start!important;padding:0!important}
html body.cyber-awake #main #page-in-action .story-found{grid-column:1 / -1!important;grid-row:1!important;width:100%!important;position:relative!important;inset:auto!important;min-height:0!important;padding:10px 16px!important;font-size:15px!important;gap:12px!important}
html body.cyber-awake #main #page-in-action .story-found>span,html body.cyber-awake #main #page-in-action .story-found>strong{font-size:15px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action .business-page-preview{grid-row:2 / 4!important;grid-column:1!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:100%!important;padding:14px!important;margin:0!important;box-sizing:border-box!important;transform-origin:50% 0!important;overflow:visible!important}
html body.cyber-awake #main #page-in-action .business-page-nav{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:start!important;height:auto!important;min-height:44px!important;margin:0 0 10px!important;padding:0!important;gap:14px!important}
html body.cyber-awake #main #page-in-action .business-page-nav>strong{font-size:16px!important;line-height:1.3!important}
html body.cyber-awake #main #page-in-action .business-page-nav>span{font-size:13px!important;line-height:1.5!important;text-align:right!important}
html body.cyber-awake #main #page-in-action .business-online{font-size:11px!important;line-height:1.4!important;margin-top:6px!important}
html body.cyber-awake #main #page-in-action .business-page-cover.hero-samples{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--sample-ratio,16/9)!important;display:block!important;overflow:hidden!important;flex:none!important}
html body.cyber-awake #main #page-in-action .business-page-cover.hero-samples :is(img,video){width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
html body.cyber-awake #main #page-in-action .page-ready{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 20px!important;margin-top:10px!important;font-size:12px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action[data-beat="4"] .page-proof-stage{position:absolute!important;left:calc(100% + 28px)!important;right:auto!important;top:0!important;bottom:auto!important;width:calc((100% + 28px) / 1.35 - 28px)!important;height:100%!important;min-height:0!important;margin:0!important}
html body.cyber-awake #main #page-in-action .page-proof{height:100%!important;gap:14px!important;justify-content:center!important;padding:0!important}
html body.cyber-awake #main #page-in-action .page-proof>img{width:100%!important;height:clamp(110px,calc(var(--story-stage-height,440px) * .32),200px)!important;object-fit:contain!important;transform:none!important;min-height:0!important}
html body.cyber-awake #main #page-in-action .page-proof strong{font-size:28px!important;line-height:1.2!important}
html body.cyber-awake #main #page-in-action .page-proof p{font-size:17px!important;line-height:1.45!important;margin:8px 0 0!important}
html body.cyber-awake #main #page-in-action .page-proof small{font-size:12px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action .business-page-contact{font-size:15px!important;line-height:1.4!important;padding:10px 14px!important}
html body.cyber-awake #main #page-in-action[data-beat="5"] .page-proof-stage{display:none!important}
html body.cyber-awake #main #page-in-action .story-message-notification{grid-column:2!important;grid-row:2!important;position:relative!important;inset:auto!important;width:100%!important;min-height:52px!important;height:auto!important;padding:12px 16px!important;margin:0!important;box-sizing:border-box!important}
html body.cyber-awake #main #page-in-action .story-message-notification strong{font-size:20px!important;line-height:1.3!important}
html body.cyber-awake #main #page-in-action .story-enquiry{grid-column:2!important;grid-row:3!important;position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;max-height:none!important;padding:18px!important;margin:0!important;box-sizing:border-box!important}
html body.cyber-awake #main #page-in-action .chat-message strong{font-size:24px!important;line-height:1.3!important}
html body.cyber-awake #main #page-in-action .chat-bubble-head{margin:0 0 10px!important;gap:10px!important}
html body.cyber-awake #main #page-in-action .chat-bubble-head :is(small,time,div>span),html body.cyber-awake #main #page-in-action .chat-delivery{font-size:12px!important;line-height:1.4!important}
html body.cyber-awake #main #page-in-action .payment-email-demo{margin-top:12px!important;padding:14px!important}
html body.cyber-awake #main #page-in-action .payment-email-value>strong{font-size:40px!important;line-height:1.1!important}
html body.cyber-awake #main #page-in-action .payment-email-head small{font-size:12px!important;line-height:1.4!important}
@media(max-width:900px){
 html body.cyber-awake #main #page-in-action{--story-gutter:24px;--story-top:clamp(30px,7svh,64px);--story-head:170px;--story-bottom:64px;--story-gap:16px;--story-display:clamp(32px,5.8vw,48px);--story-lead:clamp(20px,3.5vw,26px)}
 html body.cyber-awake #main #page-in-action .story-stage{max-height:640px!important}
 html body.cyber-awake #main #page-in-action :is(.loss-rival,.loss-yours){width:40%!important;--identity-photo:clamp(90px,calc(var(--story-stage-height,440px) * .31),160px)}
 html body.cyber-awake #main #page-in-action .loss-scene :is(.loss-rival,.loss-yours)>strong{font-size:20px!important}
 html body.cyber-awake #main #page-in-action .loss-query{left:0!important;width:100%!important}
 html body.cyber-awake #main #page-in-action .answer-detail{padding:18px!important;gap:10px!important}
 html body.cyber-awake #main #page-in-action .answer-detail h3{font-size:25px!important}
 html body.cyber-awake #main #page-in-action .answer-detail p{font-size:16px!important}
 html body.cyber-awake #main #page-in-action .story-missing.missing-explained{gap:18px!important}
 html body.cyber-awake #main #page-in-action .missing-competitor{padding-left:112px!important}
 html body.cyber-awake #main #page-in-action .missing-competitor video{width:76px!important;height:82px!important}
 html body.cyber-awake #main #page-in-action .missing-competitor strong{font-size:22px!important}
}
@media(max-width:600px){
 html body.cyber-awake #main #page-in-action{--story-gutter:18px;--story-top:clamp(24px,6svh,58px);--story-head:168px;--story-bottom:64px;--story-gap:14px;--story-display:clamp(28px,7.8vw,38px);--story-lead:clamp(18px,4.6vw,22px)}
 html body.cyber-awake #main #page-in-action .demand-heading{gap:8px!important}
 html body.cyber-awake #main #page-in-action .demand-heading>p{font-size:15px!important;line-height:1.45!important;max-width:38ch!important}
 html body.cyber-awake #main #page-in-action :is(.competitor-page-line,.demand-anchor-note){font-size:15px!important;line-height:1.45!important}
 html body.cyber-awake #main #page-in-action :is(.statement-focus,.demand-anchor>strong,.search-word-wrap>em){margin:8px 0!important;line-height:1.15!important}
 html body.cyber-awake #main #page-in-action .locked-story-intro h2{gap:8px!important}
 html body.cyber-awake #main #page-in-action :is(.loss-rival,.loss-yours){top:84px!important;width:43%!important;left:auto;right:auto;padding:8px!important;--identity-photo:clamp(88px,calc(var(--story-stage-height,440px)*.28),148px)}
 html body.cyber-awake #main #page-in-action .loss-rival{right:0!important}
 html body.cyber-awake #main #page-in-action .loss-yours{left:0!important}
 html body.cyber-awake #main #page-in-action .loss-scene :is(.loss-rival,.loss-yours)>strong{font-size:18px!important;line-height:1.2!important;margin:8px 0 6px!important}
 html body.cyber-awake #main #page-in-action .loss-description{font-size:14px!important;line-height:1.35!important}
 html body.cyber-awake #main #page-in-action .loss-query{min-height:60px!important;padding:9px 12px!important;gap:10px!important}
 html body.cyber-awake #main #page-in-action .loss-query strong{font-size:17px!important}
 html body.cyber-awake #main #page-in-action .loss-query small{font-size:11px!important;letter-spacing:.06em!important}
 html body.cyber-awake #main #page-in-action .rival-found-label{font-size:12px!important;line-height:1.35!important}
 html body.cyber-awake #main #page-in-action .loss-arrival{font-size:12px!important;line-height:1.3!important;margin-top:6px!important;padding:6px 0!important}
 html body.cyber-awake #main #page-in-action .rival-online-label{font-size:10px!important;line-height:1.3!important;top:-12px!important;right:4px!important;padding:4px 6px!important}
 html body.cyber-awake #main #page-in-action .loss-empty{top:12px!important;left:12px!important;font-size:10px!important}
 html body.cyber-awake #main #page-in-action .loss-scene>p{font-size:17px!important;line-height:1.4!important;padding:4px 0!important;background:none!important;border:0!important;box-shadow:none!important}
 html body.cyber-awake #main #page-in-action .answer-story{gap:12px!important}
 html body.cyber-awake #main #page-in-action .answer-progress{gap:18px!important}
 html body.cyber-awake #main #page-in-action .answer-progress>span{font-size:12px!important;line-height:1.4!important;letter-spacing:.03em!important;padding-bottom:6px!important}
 html body.cyber-awake #main #page-in-action .answer-browser{padding:8px 12px!important;font-size:12px!important}
 html body.cyber-awake #main #page-in-action .answer-browser>span{font-size:11px!important;text-align:right!important;max-width:18ch!important}
 html body.cyber-awake #main #page-in-action .answer-content{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important}
 html body.cyber-awake #main #page-in-action .answer-content>img{grid-column:1!important;grid-row:1!important;height:100%!important;max-height:none!important;min-height:0!important}
 html body.cyber-awake #main #page-in-action .answer-detail{grid-column:1!important;grid-row:2!important;padding:12px 14px!important;gap:7px!important}
 html body.cyber-awake #main #page-in-action .answer-detail small{font-size:11px!important}
 html body.cyber-awake #main #page-in-action .answer-detail h3{font-size:22px!important;line-height:1.2!important;max-width:none!important}
 html body.cyber-awake #main #page-in-action .answer-detail p{font-size:14px!important;line-height:1.4!important;max-width:none!important}
 html body.cyber-awake #main #page-in-action .answer-action{font-size:13px!important;line-height:1.35!important;padding:8px 10px!important;margin:2px 0 0!important;width:100%!important}
 html body.cyber-awake #main #page-in-action .answer-result{font-size:14px!important;line-height:1.35!important;padding:8px 12px!important}
 html body.cyber-awake #main #page-in-action .story-missing.missing-explained{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-content:center!important}
 html body.cyber-awake #main #page-in-action .missing-eyebrow{font-size:11px!important;margin-bottom:5px!important}
 html body.cyber-awake #main #page-in-action .owner-photo img{height:clamp(94px,calc(var(--story-stage-height,440px) * .25),140px)!important}
 html body.cyber-awake #main #page-in-action .owner-photo>div{padding:9px 12px!important}
 html body.cyber-awake #main #page-in-action .owner-photo strong{font-size:20px!important}
 html body.cyber-awake #main #page-in-action .owner-photo p{font-size:13px!important;line-height:1.35!important;margin-top:3px!important}
 html body.cyber-awake #main #page-in-action .missing-absence{padding:9px 12px!important;margin-top:8px!important}
 html body.cyber-awake #main #page-in-action .missing-absence .pain-reveal{font-size:14px!important;line-height:1.35!important;margin-top:5px!important}
 html body.cyber-awake #main #page-in-action .missing-absence>span{font-size:11px!important}
 html body.cyber-awake #main #page-in-action .missing-searchbar{font-size:15px!important;padding:9px 12px!important;line-height:1.35!important}
 html body.cyber-awake #main #page-in-action .missing-competitor{min-height:88px!important;padding:10px 10px 10px 98px!important;margin-top:8px!important}
 html body.cyber-awake #main #page-in-action .missing-competitor video{left:10px!important;top:10px!important;width:74px!important;height:64px!important}
 html body.cyber-awake #main #page-in-action .missing-competitor strong{font-size:19px!important;line-height:1.2!important;margin:4px 0!important}
 html body.cyber-awake #main #page-in-action .missing-competitor p{font-size:13px!important;line-height:1.3!important}
 html body.cyber-awake #main #page-in-action .missing-competitor>span{font-size:11px!important}
 html body.cyber-awake #main #page-in-action:is([data-beat="4"],[data-beat="5"]) .story-business{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:10px!important;align-content:center!important}
 html body.cyber-awake #main #page-in-action .story-found{grid-row:1!important;grid-column:1!important;padding:8px 10px!important;flex-wrap:wrap!important;gap:4px 10px!important}
 html body.cyber-awake #main #page-in-action .story-found>span,html body.cyber-awake #main #page-in-action .story-found>strong{font-size:12px!important}
 html body.cyber-awake #main #page-in-action .business-page-preview{grid-row:2!important;grid-column:1!important;padding:10px!important;max-height:none!important}
 html body.cyber-awake #main #page-in-action .business-page-nav{min-height:36px!important;margin-bottom:7px!important;gap:10px!important}
 html body.cyber-awake #main #page-in-action .business-page-nav>strong{font-size:14px!important}
 html body.cyber-awake #main #page-in-action .business-page-nav>span{font-size:12px!important;max-width:14ch!important;line-height:1.4!important}
 html body.cyber-awake #main #page-in-action .page-ready{font-size:11px!important;gap:6px 16px!important;margin-top:7px!important}
 html body.cyber-awake #main #page-in-action[data-beat="4"] .page-proof-stage{position:relative!important;inset:auto!important;width:100%!important;height:96px!important;min-height:96px!important;margin:10px 0 0!important}
 html body.cyber-awake #main #page-in-action .page-proof{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}
 html body.cyber-awake #main #page-in-action .page-proof>img{width:36%!important;height:90px!important;flex:none!important;object-fit:contain!important}
 html body.cyber-awake #main #page-in-action .page-proof>div{min-width:0!important}
 html body.cyber-awake #main #page-in-action .page-proof strong{font-size:20px!important;line-height:1.2!important}
 html body.cyber-awake #main #page-in-action .page-proof p{font-size:13px!important;line-height:1.35!important;margin-top:5px!important}
 html body.cyber-awake #main #page-in-action .page-proof small{font-size:10px!important}
 html body.cyber-awake #main #page-in-action .page-proof .business-page-contact{font-size:12px!important;padding:7px 10px!important;white-space:nowrap!important}
 html body.cyber-awake #main #page-in-action .story-message-notification{grid-column:1!important;grid-row:3!important;min-height:40px!important;padding:8px 12px!important}
 html body.cyber-awake #main #page-in-action .story-message-notification strong{font-size:18px!important}
 html body.cyber-awake #main #page-in-action .story-enquiry{grid-column:1!important;grid-row:4!important;padding:12px!important}
 html body.cyber-awake #main #page-in-action .chat-message strong{font-size:20px!important;line-height:1.25!important}
 html body.cyber-awake #main #page-in-action .chat-bubble-head{margin-bottom:6px!important;gap:8px!important}
 html body.cyber-awake #main #page-in-action .chat-bubble-head :is(small,time,div>span),html body.cyber-awake #main #page-in-action .chat-delivery{font-size:11px!important;line-height:1.3!important}
 html body.cyber-awake #main #page-in-action .payment-email-demo{padding:10px!important;margin-top:8px!important}
 html body.cyber-awake #main #page-in-action .payment-email-value{margin-top:6px!important}
 html body.cyber-awake #main #page-in-action .payment-email-value>strong{font-size:32px!important}
 html body.cyber-awake #main #page-in-action .payment-email-head small{font-size:11px!important}
}
@media(max-height:740px){
 html body.cyber-awake #main #page-in-action{--story-top:18px;--story-head:144px;--story-bottom:58px;--story-gap:12px}
 html body.cyber-awake #main #page-in-action .story-stage{max-height:none!important}
 html body.cyber-awake #main #page-in-action .answer-detail{padding:12px 16px!important;gap:8px!important}
 html body.cyber-awake #main #page-in-action .answer-detail h3{font-size:24px!important}
 html body.cyber-awake #main #page-in-action .answer-detail p{font-size:16px!important}
}
@media(max-width:600px) and (max-height:740px){
 html body.cyber-awake #main #page-in-action .answer-detail{padding:9px 12px!important;gap:5px!important}
 html body.cyber-awake #main #page-in-action .answer-detail h3{font-size:20px!important}
 html body.cyber-awake #main #page-in-action .answer-detail p{font-size:13px!important}
 html body.cyber-awake #main #page-in-action .answer-detail small{font-size:10px!important}
 html body.cyber-awake #main #page-in-action .answer-action{padding:6px 9px!important;font-size:12px!important;margin:0!important}
 html body.cyber-awake #main #page-in-action .answer-result{padding:7px 10px!important;font-size:13px!important}
 html body.cyber-awake #main #page-in-action .missing-absence .pain-reveal{font-size:13px!important}
 html body.cyber-awake #main #page-in-action .page-proof-stage{height:84px!important;min-height:84px!important}
 html body.cyber-awake #main #page-in-action .page-proof>img{height:78px!important}
 html body.cyber-awake #main #page-in-action .story-enquiry{padding:10px!important}
 html body.cyber-awake #main #page-in-action .chat-message strong{font-size:18px!important}
 html body.cyber-awake #main #page-in-action .business-page-nav{min-height:30px!important}
 html body.cyber-awake #main #page-in-action .business-page-nav>strong{font-size:13px!important}
 html body.cyber-awake #main #page-in-action .payment-email-demo{padding:8px!important}
 html body.cyber-awake #main #page-in-action .payment-email-head{gap:6px!important}
 html body.cyber-awake #main #page-in-action .payment-email-head>span{font-size:12px!important}
 html body.cyber-awake #main #page-in-action .payment-email-value>strong{font-size:28px!important}
}
/* Keep the words intact while their impact motion and fracture accents play. */
html body.cyber-awake #main #page-in-action .demand-heading .not-you-impact{color:#b3273d!important}
html body.cyber-awake #main #page-in-action .not-you-impact:before,html body.cyber-awake #main #page-in-action .not-you-impact:after{opacity:.18!important;pointer-events:none!important}
@media(max-width:600px){
 html body.cyber-awake #main #page-in-action[data-beat="5"] .story-business{grid-template-rows:auto minmax(0,1fr) 40px auto!important;align-content:stretch!important;gap:8px!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .business-page-preview{height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:8px!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .business-page-nav{flex:none!important;min-height:32px!important;margin-bottom:5px!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .business-page-cover.hero-samples{flex:1 1 0!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;background:#eef3f3!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .page-ready{flex:none!important;margin-top:5px!important;line-height:1.2!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .chat-bubble-head{min-height:26px!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .chat-avatar{width:26px!important;height:26px!important;font-size:13px!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .chat-delivery{margin-top:4px!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .payment-email-head svg{width:24px!important;height:24px!important}
 html body.cyber-awake #main #page-in-action[data-beat="5"] .payment-email-value{margin-top:6px!important}
}
/* Original Hero proportions, with balanced copy and comfortable side gutters. */
html body.cyber-awake #main #top[data-original-hero] .reel-intro{min-width:0!important}
html body.cyber-awake #main #top[data-original-hero] #hero-title em,html body.cyber-awake #main #top[data-original-hero] #hero-title em b{font-size:clamp(42px,4.4vw,72px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
html body.cyber-awake #main #top[data-original-hero] .hero-subline{font-size:clamp(17px,1.25vw,20px)!important;line-height:1.6!important;max-width:42ch!important}
html body.cyber-awake #main #top[data-original-hero] .portfolio-card-media :is(img,video){object-fit:contain!important;object-position:center!important}
html body.cyber-awake #main #top[data-original-hero] :is(.hero-actions,.hero-offer,.mobile-hero-actions){min-width:0!important;max-width:100%!important}
@media(max-width:900px){
 html body.cyber-awake #main #top[data-original-hero]{padding-inline:clamp(18px,4vw,32px)!important;max-width:100%!important;box-sizing:border-box!important}
 html body.cyber-awake #main #top[data-original-hero] .reel-intro{padding:0!important;width:100%!important;max-width:660px!important;margin-inline:auto!important;align-self:center!important}
 html body.cyber-awake #main #top[data-original-hero] #hero-title em,html body.cyber-awake #main #top[data-original-hero] #hero-title em b{font-size:clamp(36px,7.8vw,56px)!important;line-height:1.12!important;white-space:normal!important}
 html body.cyber-awake #main #top[data-original-hero] .hero-subline{font-size:17px!important;max-width:44ch!important;margin:20px auto 0!important}
 html body.cyber-awake #main #top[data-original-hero] .hero-actions{flex-wrap:wrap!important;gap:12px!important}
 html body.cyber-awake #main #top[data-original-hero] .hero-actions .button{max-width:100%!important;white-space:normal!important;box-sizing:border-box!important}
}
@media(max-width:600px){
 html body.cyber-awake #main #top[data-original-hero] #hero-title em,html body.cyber-awake #main #top[data-original-hero] #hero-title em b{font-size:clamp(34px,9vw,44px)!important}
 html body.cyber-awake #main #top[data-original-hero] .hero-subline{font-size:16px!important;line-height:1.6!important}
 html body.cyber-awake #main #top[data-original-hero] .hero-subline .hero-copy-line{display:inline!important}
 html body.cyber-awake #main #top[data-original-hero] .reel-console{max-width:100%!important;min-width:0!important}
}
@media(max-width:600px) and (max-height:620px){
 html body.cyber-awake #main #page-in-action{--story-top:12px;--story-head:132px;--story-bottom:48px;--story-gap:10px}
 html body.cyber-awake #main #page-in-action .owner-photo img{height:78px!important}
 html body.cyber-awake #main #page-in-action .story-missing.missing-explained{gap:8px!important}
 html body.cyber-awake #main #page-in-action .missing-absence{padding:7px 10px!important}
 html body.cyber-awake #main #page-in-action .missing-absence .pain-reveal{font-size:12px!important;line-height:1.3!important;margin-top:4px!important}
 html body.cyber-awake #main #page-in-action .missing-searchbar{padding:7px 10px!important}
 html body.cyber-awake #main #page-in-action .missing-eyebrow{margin-bottom:4px!important}
 html body.cyber-awake #main #page-in-action .chat-message strong{font-size:17px!important}
 html body.cyber-awake #main #page-in-action .chat-bubble-head :is(small,time,div>span){font-size:10px!important}
 html body.cyber-awake #main #page-in-action .payment-email-value>strong{font-size:26px!important}
}