/* Keep the original scroll choreography; fit each composition inside a stable phone viewport. */
@media(max-width:600px){
 body.cyber-awake #top[data-original-hero] .reel-console{height:clamp(460px,122vw,550px)!important;min-height:0!important;width:100%!important;max-width:100%!important}
 body.cyber-awake #top[data-original-hero] #search-hub{left:0!important;width:100%!important;box-sizing:border-box;top:24px!important}
 body.cyber-awake #top[data-original-hero] #query-main{font-size:16px!important;line-height:1.3!important;white-space:normal!important}
 body.cyber-awake :is(.story-breath,.search-demand-scene){height:155svh!important;min-height:0!important;padding:0!important}
 body.cyber-awake .intro-scroll-pin{height:100svh!important;padding:48px 24px!important}
 .story-breath .intro-scroll-pin .story-breath-copy{top:-4svh!important}
 body.cyber-awake .intro-scroll-pin h2{font-size:clamp(30px,8.2vw,42px)!important;line-height:1.2!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-pin{height:100svh!important;min-height:0!important;display:grid!important;grid-template-rows:144px minmax(0,1fr)!important;padding:22px 22px 28px!important;gap:14px!important;align-content:stretch!important;overflow:hidden!important;box-sizing:border-box}
 body.cyber-awake .demand-story:not(.is-static) .demand-copy{position:relative!important;inset:auto!important;align-self:stretch!important;width:100%!important;height:144px!important;min-height:0!important;margin:0!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-headlines{height:100%!important}
 body.cyber-awake .demand-story:not(.is-static) .story-stage{height:100%!important;min-height:0!important;width:100%!important;align-self:stretch!important;position:relative!important}
 body.cyber-awake .demand-story .demand-heading{gap:10px!important}
 body.cyber-awake .demand-story .statement-line{font-size:clamp(22px,6.1vw,27px)!important;line-height:1.2!important}
 body.cyber-awake .demand-story .statement-focus{font-size:clamp(29px,8.2vw,36px)!important;line-height:1.14!important;margin-top:7px!important}
 body.cyber-awake .demand-story[data-beat="1"] .statement-focus{font-size:clamp(48px,14vw,62px)!important;line-height:1.1!important}
 body.cyber-awake .demand-story .demand-heading p{font-size:14px!important;line-height:1.45!important;margin:0!important}
 body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .demand-pin{grid-template-rows:1fr!important;align-items:center!important}
 body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .demand-copy{height:220px!important;align-self:center!important}
 body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .story-stage{display:none!important}
 body.cyber-awake .loss-scene{inset:0!important;width:100%!important;height:100%!important;transform:none!important}
 body.cyber-awake .loss-query{top:0!important;left:0!important;width:100%!important;min-height:64px!important}
 body.cyber-awake .loss-rival,body.cyber-awake .loss-yours{top:96px!important;width:35%!important;height:clamp(190px,calc(var(--story-stage-height,450px) - 184px),265px)!important;padding:8px!important}
 body.cyber-awake .loss-scene :is(img,video){height:clamp(65px,calc(var(--story-stage-height,450px)*.2),100px)!important}
 body.cyber-awake .loss-scene :is(.loss-rival,.loss-yours)>strong{font-size:clamp(15px,4.2vw,18px)!important;line-height:1.18!important;margin-top:8px!important}
 body.cyber-awake .loss-yours .loss-description{font-size:12px!important;line-height:1.35!important}
 body.cyber-awake .loss-rival .loss-arrival{font-size:12px!important;padding:9px 2px!important;line-height:1.3!important}
 body.cyber-awake .loss-scene>p{top:auto!important;bottom:0!important;font-size:17px!important;line-height:1.4!important}
 body.cyber-awake .loss-inlet{top:calc(clamp(65px,calc(var(--story-stage-height,450px)*.2),100px) + 5px)!important}
 body.cyber-awake .story-stage>.story-missing.missing-explained{height:100%!important;grid-template-columns:1fr!important;gap:12px!important;align-content:center!important;padding:0!important}
 body.cyber-awake .missing-real{display:block!important}
 body.cyber-awake .missing-explained .missing-eyebrow{font-size:10px!important;margin-bottom:6px!important}
 body.cyber-awake .owner-photo img{height:clamp(95px,calc(var(--story-stage-height,450px)*.24),130px)!important}
 body.cyber-awake .owner-photo strong{font-size:22px!important;line-height:1.15!important}
 body.cyber-awake .owner-photo p{font-size:12px!important;line-height:1.3!important;margin:4px 0 0!important}
 body.cyber-awake .owner-photo>div{padding:20px 12px 10px!important}
 body.cyber-awake .missing-real>.missing-absence{margin-top:9px!important;padding:10px 12px!important;min-height:0!important}
 body.cyber-awake .missing-absence .pain-reveal{font-size:16px!important;line-height:1.32!important;margin:8px 0 0!important}
 body.cyber-awake .missing-absence>span{font-size:10px!important}
 body.cyber-awake .missing-searchbar{font-size:14px!important;padding:9px 12px!important}
 body.cyber-awake .missing-competitor{min-height:90px!important;padding:10px 10px 10px 100px!important;margin-top:8px!important}
 body.cyber-awake .missing-competitor video{width:76px!important;height:66px!important;left:10px!important;top:10px!important}
 body.cyber-awake .missing-competitor strong{font-size:19px!important;line-height:1.2!important}
 body.cyber-awake .missing-competitor p{font-size:12px!important;line-height:1.3!important;margin-top:5px!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-story{height:100%!important;gap:10px!important}
 .answer-progress{gap:18px!important}.answer-progress>span{font-size:11px!important;line-height:1.4!important;padding-bottom:8px!important}
 .answer-slide{gap:10px!important;height:100%!important}
 .customer-question strong{font-size:22px!important;line-height:1.2!important}.customer-question small{font-size:10px!important}
 body.cyber-awake .answer-page{flex:1!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important}
 body.cyber-awake .answer-browser{flex:none!important;padding:8px 12px!important;font-size:11px!important}
 .answer-browser>span{font-size:9px!important}
 body.cyber-awake .answer-content{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}
 body.cyber-awake .answer-content>img{width:100%!important;height:clamp(75px,calc(var(--story-stage-height,450px)*.29),155px)!important;min-height:0!important;flex:1 1 auto!important;max-height:155px!important;object-fit:cover!important}
 body.cyber-awake .answer-detail{padding:12px 16px!important;flex:0 0 auto!important}
 body.cyber-awake .answer-detail small{font-size:10px!important}.answer-detail h3{font-size:23px!important;line-height:1.16!important;margin:6px 0 8px!important}
 body.cyber-awake .answer-detail p{font-size:14px!important;line-height:1.4!important}
 .answer-action{font-size:13px!important;padding:9px 12px!important;margin-top:10px!important}
 .answer-result{flex:none!important;font-size:14px!important;line-height:1.35!important;padding:9px 12px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .story-business{height:100%!important;min-height:0!important;justify-content:center!important;gap:10px!important;overflow:visible!important}
 body.cyber-awake .story-business .business-page-preview{width:100%!important;height:auto!important;padding:10px!important;margin:0!important;flex:0 0 auto!important}
 body.cyber-awake .story-business .business-page-nav{height:24px!important;min-height:24px!important;margin-bottom:8px!important;padding:0!important;gap:8px!important}
 .business-page-nav>strong{font-size:11px!important}.business-page-nav>span{font-size:10px!important}
 body.cyber-awake .demand-story[data-beat="4"] .business-page-cover.hero-samples{height:clamp(100px,calc(var(--story-stage-height,450px) - 290px),190px)!important;max-height:none!important;aspect-ratio:var(--sample-ratio,16/9)!important}
 body.cyber-awake .story-business .page-proof-stage{height:122px!important;min-height:122px!important;margin-top:10px!important;position:relative!important;inset:auto!important;width:100%!important}
 body.cyber-awake .story-business .page-proof{gap:12px!important;align-items:center!important;padding:0!important}
 body.cyber-awake .story-business .page-proof>img{width:38%!important;height:100px!important;object-fit:cover!important}
 body.cyber-awake .page-proof strong{font-size:21px!important;line-height:1.15!important}.page-proof p{font-size:13px!important;line-height:1.4!important;margin-top:7px!important}
 .page-proof small{font-size:10px!important}.page-ready{font-size:11px!important;margin-top:7px!important;gap:16px!important;line-height:18px!important}
 body.cyber-awake .story-business .story-found{width:100%!important;min-height:42px!important;padding:7px 10px!important;flex:none!important}
 body.cyber-awake .demand-story[data-beat="5"] .business-page-cover.hero-samples{height:clamp(60px,calc(var(--story-stage-height,450px)*.18),110px)!important;max-height:none!important}
 body.cyber-awake .demand-story[data-beat="5"] .page-proof-stage{display:none!important}
 body.cyber-awake .demand-story[data-beat="5"] .page-ready{margin-top:4px!important;line-height:15px!important}
 body.cyber-awake .story-business .story-message-notification{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;height:46px!important;min-height:46px!important;padding:8px 12px!important;flex:none!important}
 body.cyber-awake .story-message-notification strong{font-size:19px!important;letter-spacing:.025em!important}
 body.cyber-awake .story-business .story-enquiry{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;padding:12px 14px!important;min-height:0!important;flex:none!important}
 body.cyber-awake .story-enquiry .chat-bubble-head{margin-bottom:8px!important}.chat-bubble-head small{font-size:10px!important}.chat-bubble-head time{font-size:9px!important}
 body.cyber-awake .story-enquiry .chat-message strong{font-size:22px!important;line-height:1.25!important}
 body.cyber-awake .story-enquiry .chat-delivery{font-size:11px!important;margin-top:5px!important}
 .payment-email-demo{margin-top:10px!important;padding:10px 12px!important}.payment-email-head{gap:8px!important}.payment-email-head>span{font-size:13px!important}.payment-email-head small{font-size:10px!important}
 .payment-email-value{margin-top:8px!important;gap:8px!important}.payment-email-value>strong{font-size:34px!important;line-height:1.1!important}.payment-email-value>span{font-size:10px!important}
 .payment-email-value>span b{font-size:13px!important}
 body.cyber-awake .purpose-experience{display:flex!important;flex-direction:column!important;gap:26px!important;align-items:stretch!important}
 body.cyber-awake .purpose-selection,.purpose-preview{min-width:0!important;width:100%!important}
 body.cyber-awake .purpose-rows{grid-template-columns:1fr!important}.purpose-row{min-width:0!important}
 body.cyber-awake .launch-button{min-width:0!important;width:100%!important;white-space:normal!important;font-size:16px!important;padding:16px 12px!important}
 .site-header.nav-redesign nav{max-height:calc(100svh - 100px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:600px) and (max-height:700px){
 body.cyber-awake .demand-story:not(.is-static) .demand-pin{grid-template-rows:126px minmax(0,1fr)!important;padding-block:14px 22px!important;gap:10px!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-copy{height:126px!important}
 body.cyber-awake .demand-story .statement-line{font-size:22px!important}.demand-story .statement-focus{font-size:29px!important}
 body.cyber-awake .demand-story[data-beat="5"] .business-page-cover.hero-samples{height:60px!important}
 body.cyber-awake .demand-story[data-beat="5"] .business-page-preview{padding:8px!important}
 body.cyber-awake .demand-story[data-beat="5"] .page-ready{display:none!important}
 body.cyber-awake .owner-photo img{height:95px!important}
}

/* Phone rendering budget: retain choreography, simplify paint-heavy surfaces. */
@media(max-width:600px){
 body.cyber-awake #top #hero-track .portfolio-card{backdrop-filter:none!important;filter:none!important;will-change:transform;box-shadow:0 6px 18px #176a8120!important}
 #top #hero-track .portfolio-card:after{display:none!important}
 #top #hero-track .portfolio-card :is(.portfolio-card-media,.portfolio-video,.film-poster){filter:none!important}
 #top #hero-track .portfolio-card .frame-trace{display:none!important}
 .hud-signal,.route-bloom,.route-electric,.route-light{filter:none!important}
 .route-scan{display:none!important}
 body.cyber-awake :is(.button,.cut-button,.demo-cta,.purpose-demo button):after{animation:none!important;filter:none!important}
 .search-hub,.business-page-preview,.story-enquiry,.story-message-notification{backdrop-filter:none!important}
 body.cyber-awake .story-breath .search-word-wrap>em{font-size:clamp(36px,10vw,46px)!important;line-height:1.25!important;color:#07858b!important;-webkit-text-fill-color:#07858b!important;background:none!important;animation:none!important;overflow:visible!important;white-space:nowrap!important}
 body.cyber-awake .story-breath .search-word-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
 body.cyber-awake .demand-story[data-beat="1"] .demand-heading.is-current .not-you-impact{color:#b3273d!important;transform:none!important}
 body.cyber-awake .demand-story[data-beat="1"] .not-you-impact:before,body.cyber-awake .demand-story[data-beat="1"] .not-you-impact:after{display:none!important}
 .impact-fracture{display:none!important}
 body.cyber-awake .demand-story[data-beat="2"] .statement-focus{margin-block:6px!important;font-size:clamp(25px,7vw,32px)!important}
 body.cyber-awake .loss-query{transform:none!important;left:0!important;width:100%!important;max-width:100%!important}
 body.cyber-awake .missing-real>.missing-absence{height:auto!important;max-height:none!important;overflow:visible!important}
 body.cyber-awake .missing-absence .pain-reveal{font-size:15px!important;line-height:1.35!important;margin-top:7px!important}
 body.cyber-awake .demand-story .action-word{font-size:clamp(23px,6.2vw,29px)!important;filter:none!important;-webkit-text-stroke:0!important;animation:none!important;letter-spacing:-.025em!important}
 body.cyber-awake .demand-story .action-dot{font-size:20px!important;margin-inline:3px!important}
 body.cyber-awake .demand-heading h2{overflow:visible!important}
}

/* HUD ornamentation never shares the text's reading area. */
body.cyber-awake #top .hud-title-frame{display:none!important}
body.cyber-awake #top .hud-hero-northwest,body.cyber-awake #top .hud-hero-northeast{top:auto!important;bottom:10px!important;width:110px!important;height:32px!important;opacity:.3!important}
body.cyber-awake .demand-pin>.hud-section-top,body.cyber-awake .intro-scroll-pin>.hud-section-top{top:6px!important;left:auto!important;right:12px!important;width:82px!important;height:22px!important;opacity:.22!important}
body.cyber-awake .demand-pin>.hud-section-bottom{bottom:4px!important;width:82px!important;height:22px!important;opacity:.22!important}
@media(max-width:600px){
 body.cyber-awake #top .hud-console-frame{display:none!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-pin{grid-template-rows:174px minmax(0,1fr)!important;padding-top:28px!important;gap:20px!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-copy{height:174px!important}
 body.cyber-awake .demand-story[data-beat="1"] .statement-focus{font-size:clamp(43px,12vw,55px)!important}
 body.cyber-awake .demand-story .demand-heading p{max-width:30ch!important;font-size:14px!important;line-height:1.4!important}
 body.cyber-awake .demand-story[data-beat="5"]:not(.is-static) .demand-pin{grid-template-rows:144px minmax(0,1fr)!important}
 body.cyber-awake .demand-story[data-beat="5"] .demand-copy{height:144px!important}
 body.cyber-awake .demand-story[data-beat="4"] .business-page-cover.hero-samples{height:clamp(78px,calc(var(--story-stage-height,450px) - 290px),170px)!important}
 body.cyber-awake .demand-story[data-beat="4"] .page-proof-stage{height:110px!important;min-height:110px!important}
 body.cyber-awake .demand-story[data-beat="4"] .page-proof>img{height:90px!important}
 body.cyber-awake .demand-story .demand-heading h2{max-width:100%!important;width:100%!important;box-sizing:border-box}
 body.cyber-awake .story-business .business-page-nav{height:auto!important;min-height:30px!important;align-items:flex-start!important;gap:12px!important}
 body.cyber-awake .story-business .business-page-nav>strong{line-height:1.25!important;min-width:0!important}
 body.cyber-awake .story-business .business-page-nav>span{font-size:10px!important;line-height:1.3!important;text-align:right;max-width:44%}
 body.cyber-awake .story-business .business-page-nav .business-online{position:relative!important;inset:auto!important;display:inline-flex!important;margin:3px 0 0!important}
 body.cyber-awake .story-enquiry .chat-avatar{overflow:visible!important;flex-shrink:0!important}
 #top #hero-track .portfolio-card{transition:none!important}
 #top #hero-track .portfolio-card :is(.portfolio-card-media,.film-poster,.portfolio-video){transition:opacity .12s linear!important}
 .search-hub:before,.search-hub:after,.hub-scan{animation:none!important;filter:none!important}
}
@media(max-width:600px) and (max-height:700px){
 body.cyber-awake .demand-story:not(.is-static) .demand-pin{grid-template-rows:156px minmax(0,1fr)!important;padding-block:18px 20px!important;gap:16px!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-copy{height:156px!important}
 body.cyber-awake .demand-story[data-beat="5"]:not(.is-static) .demand-pin{grid-template-rows:126px minmax(0,1fr)!important}
 body.cyber-awake .demand-story[data-beat="5"] .demand-copy{height:126px!important}
}

/* A consistent central reading anchor; the visual stays beneath it. */
body.cyber-awake .demand-story:not(.is-static) .demand-pin{display:grid!important;grid-template-rows:190px minmax(0,1fr)!important;padding-top:calc(34svh - 95px)!important;padding-bottom:22px!important;gap:18px!important;align-content:stretch!important}
body.cyber-awake .demand-story:not(.is-static) .demand-copy{height:190px!important;margin:0!important;align-self:stretch!important}
body.cyber-awake .demand-story:not(.is-static) .demand-heading{position:absolute!important;inset:0!important;justify-content:center!important;transform:none!important;transition:none!important}
body.cyber-awake .demand-story:not(.is-static) .demand-heading :is(.statement-line,p){transform:none!important;transition:none!important;animation:none!important}
body.cyber-awake #top #search-hub{z-index:100!important;opacity:1!important;visibility:visible!important;backface-visibility:hidden;transform:translateZ(0)}
body.cyber-awake #top .hero-reel{z-index:1!important}
@media(max-width:600px){
 body.cyber-awake .demand-story:not(.is-static) .demand-pin{grid-template-rows:156px minmax(0,1fr)!important;padding:calc(34svh - 78px) 22px 22px!important;gap:16px!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-copy{height:156px!important}
 body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .demand-pin{padding-top:22px!important;grid-template-rows:1fr!important}
 body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .demand-copy{height:220px!important;align-self:center!important}
 body.cyber-awake .story-business .business-page-cover.hero-samples{width:100%!important;max-width:none!important;margin:8px 0 0!important;max-height:none!important;height:clamp(125px,calc(var(--story-stage-height,300px) - 105px),230px)!important;aspect-ratio:auto!important;flex:none!important}
 body.cyber-awake .story-business .business-page-cover.hero-samples :is(canvas,img,video){width:100%!important;height:100%!important;object-fit:contain!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .page-proof-stage{display:none!important}
 body.cyber-awake .demand-story.message-focus .business-page-preview,body.cyber-awake .demand-story.message-focus .page-ready,body.cyber-awake .demand-story.message-focus .story-found{display:none!important}
 body.cyber-awake .demand-story[data-beat="5"]:not(.message-focus) :is(.story-message-notification,.story-enquiry){display:none!important}
 body.cyber-awake .story-business .business-page-nav>strong{font-size:16px!important}
 body.cyber-awake .demand-story[data-beat="5"] .statement-focus{font-size:clamp(34px,9.4vw,43px)!important}
 body.cyber-awake #top #hero-track .portfolio-card{backface-visibility:hidden!important}
 body.cyber-awake .story-enquiry .chat-avatar{display:flex!important;align-items:center!important;justify-content:center!important;text-indent:0!important;line-height:1!important}
}

body.cyber-awake .demand-story[data-beat]:not(.is-static) .demand-pin{grid-template-rows:190px minmax(0,1fr)!important}
body.cyber-awake .demand-story:not(.is-static) .story-stage{height:100%!important;min-height:0!important}
@media(max-width:600px){
 body.cyber-awake .demand-story[data-beat]:not(.is-static) .demand-pin{grid-template-rows:156px minmax(0,1fr)!important;padding:calc(34svh - 78px) 22px 22px!important;gap:16px!important}
 body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .demand-copy{height:156px!important;align-self:stretch!important}
 body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .story-stage{display:none!important}
}
/* Give the mobile roulette 25% more runway and preserve its luminous perimeter. */
@media(max-width:600px){
 body.cyber-awake #top[data-original-hero] .reel-console{height:clamp(575px,152.5vw,687.5px)!important;clip-path:inset(-26px -28px -26px -28px)!important;overflow:visible!important;margin-bottom:26px!important}
 body.cyber-awake #top #hero-track .portfolio-card.is-selected{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #fff,0 0 0 5px #69dfe9a8,0 0 20px #36ddec50,0 12px 26px -12px #44789455,8px 4px 22px #a58aff32!important}
 body.cyber-awake #top #hero-track .portfolio-card.is-selected:before{opacity:.8!important;inset:-10px!important}
 body.cyber-awake #top #hero-track .frame-corners{inset:-10px!important}
}
@media(max-width:600px){
 /* The moving rail starts below the search console, leaving no poster fragment above it. */
 body.cyber-awake #top[data-original-hero] .hero-reel{clip-path:inset(166px -28px -26px -28px)!important}
}

/* Preserve each effect with lighter glow and bounded paint cost. */
@media(max-width:600px) and (prefers-reduced-motion:no-preference){
 html:not(.motion-paused) body.cyber-awake #top #hero-track .portfolio-card:after{display:block!important;filter:none!important;opacity:.2!important;animation:dw-glass-edge 6s linear infinite!important}
 html:not(.motion-paused) body.cyber-awake #top #hero-track .frame-trace{display:block!important;filter:none!important}
 html:not(.motion-paused) body.cyber-awake #top #hero-track .is-selected .frame-trace{animation:frame-trace-visibility 1s ease-out both!important}
 html:not(.motion-paused) body.cyber-awake #top #hero-track .is-selected .frame-trace rect{animation:frame-trace-run .78s cubic-bezier(.2,.5,.35,1) both!important}
 html:not(.motion-paused) body.cyber-awake :is(.button,.cut-button,.demo-cta,.purpose-demo button):after{animation:button-border-orbit 3s linear infinite!important;filter:none!important}
 html:not(.motion-paused) .route-scan{display:block!important;filter:none!important;animation:route-scan-pass 1.4667s linear infinite;animation-play-state:paused}
 html:not(.motion-paused) .route-electric{animation:route-marker-current 1.4667s linear infinite;animation-play-state:paused}
 html:not(.motion-paused) .story-edge-guide.is-active :is(.route-scan,.route-electric){animation-play-state:running}
 html:not(.motion-paused) body.cyber-awake .impact-fracture{display:block!important;filter:none!important}
 html:not(.motion-paused) body.cyber-awake .story-breath .search-word-wrap>em{animation:phone-search-glow 2.4s ease-in-out infinite!important}
}
@keyframes phone-search-glow{0%,100%{text-shadow:0 0 3px #35c9cb20}50%{text-shadow:0 0 10px #35c9cb66}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){
 html:not(.motion-paused) body.cyber-awake #top .hud-console-frame{display:block!important;opacity:.2!important;filter:none!important;pointer-events:none!important}
 html:not(.motion-paused) body.cyber-awake .demand-story[data-beat="1"] .not-you-impact:before,html:not(.motion-paused) body.cyber-awake .demand-story[data-beat="1"] .not-you-impact:after{display:block!important;opacity:.15!important;filter:none!important}
}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){
 html:not(.motion-paused) body.cyber-awake .demand-story .action-word{animation:question-light-pass 3.8s ease-in-out infinite!important;filter:none!important}
}

/* Larger hero type with its original hierarchy and wording. */
body.cyber-awake #top[data-original-hero] .reel-intro #hero-title>span{font-size:clamp(15.6px,3.06cqw,19.2px)!important}
body.cyber-awake #top[data-original-hero] .reel-intro #hero-title em{font-size:clamp(45.6px,12.96cqw,86.4px)!important;white-space:normal!important}
body.cyber-awake #top[data-original-hero] .reel-intro #hero-title em b{font-size:clamp(55.2px,16.32cqw,110.4px)!important;white-space:normal!important}
body.cyber-awake #top[data-original-hero] .reel-intro>.hero-subline{font-size:clamp(19.2px,3.9cqw,22.8px)!important;line-height:1.45!important}
body.cyber-awake #top .hero-outcome-phrase{white-space:normal!important}
body.cyber-awake .demand-story .demand-heading h2{will-change:transform}
body.cyber-awake .intro-scroll-pin h2{position:absolute!important;top:34svh!important;left:22px!important;right:22px!important;margin:0!important;transform:translateY(-50%)!important}
body.cyber-awake .intro-scroll-pin .story-breath-copy{position:static!important;transform:none!important}
body.cyber-awake :is(.story-breath,.search-demand-scene):not(.intro-static) .intro-scroll-pin h2{visibility:hidden!important}
body.cyber-awake :is(.story-breath,.search-demand-scene).is-reading:not(.intro-static) .intro-scroll-pin h2{position:fixed!important;visibility:visible!important;z-index:3!important}
body.cyber-awake .intro-scroll-pin h2 span{transform:none!important}
@media(max-width:600px){
 body.cyber-awake #top[data-original-hero] .reel-intro #hero-title em{font-size:12.96cqw!important}
 body.cyber-awake #top[data-original-hero] .reel-intro #hero-title em b{font-size:16.32cqw!important;letter-spacing:-.055em!important}
 body.cyber-awake .demand-story[data-beat="0"] .demand-heading h2{transform-origin:50% 50%!important}
}

@media(max-width:600px){
 body.cyber-awake #top[data-original-hero] .hero-reel{clip-path:inset(166px -28px -26px -28px)!important}
 body.cyber-awake #top #hero-track .portfolio-card:not(.is-selected) .frame-corners{opacity:.12!important}
}

/* One pinned viewport owns the complete scroll story. */
.locked-story-intro{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:0 26px;visibility:hidden;opacity:0;pointer-events:none;z-index:5;box-sizing:border-box}
.locked-story-intro.is-current{visibility:visible;opacity:1;transition:opacity .16s linear}
body.cyber-awake .locked-story-intro h2{position:absolute!important;top:34svh!important;left:26px!important;right:26px!important;width:auto!important;max-width:none!important;text-align:center!important;margin:0!important;transform:translateY(-50%)!important;font-size:clamp(30px,5vw,58px)!important;line-height:1.25!important}
body.cyber-awake .locked-story-intro .story-breath-copy{position:static!important;inset:auto!important;opacity:1!important;transform:none!important;width:100%!important}
body.cyber-awake .locked-story-intro .search-word-wrap{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important}
body.cyber-awake .locked-story-intro h2>:is(span,strong,em),body.cyber-awake .locked-story-intro .search-word-wrap>em{opacity:1!important;transform:none!important;white-space:normal!important}
body.cyber-awake .locked-story-intro .search-word-wrap>em{display:block!important;color:#07858b!important;-webkit-text-fill-color:#07858b!important;font-size:clamp(38px,8vw,66px)!important;line-height:1.25!important;overflow:visible!important}
body.cyber-awake .demand-story.is-intro :is(.demand-copy,.story-stage){visibility:hidden!important;pointer-events:none!important}
@media(max-width:600px){
 body.cyber-awake .locked-story-intro h2{font-size:clamp(28px,7.4vw,35px)!important}
 body.cyber-awake .locked-story-intro .search-word-wrap>em{font-size:clamp(36px,10vw,44px)!important}
}

@media(max-width:900px){
 body.cyber-awake #top .reel-intro>:is(.hero-offer,.hero-actions,.purchase-note){display:none!important}
}

.locked-story-intro{transition:opacity .16s linear,visibility 0s linear .16s}
.locked-story-intro.is-current{transition:opacity .16s linear,visibility 0s}

body.cyber-awake .demand-story.is-intro :is(.demand-copy,.story-stage){opacity:0!important}
/* Missing-business scene: reserve room for the whole heading and fit both examples. */
@media(max-width:600px){
 body.cyber-awake .demand-story[data-beat="2"]:not(.is-static) .demand-pin{grid-template-rows:180px minmax(0,1fr)!important;padding:calc(34svh - 90px) 22px 18px!important;gap:14px!important}
 body.cyber-awake .demand-story[data-beat="2"]:not(.is-static) .demand-copy{height:180px!important}
 body.cyber-awake .demand-story[data-beat="2"] .demand-heading{gap:8px!important}
 body.cyber-awake .demand-story[data-beat="2"] .statement-line{font-size:22px!important;line-height:1.2!important}
 body.cyber-awake .demand-story[data-beat="2"] .statement-focus{font-size:26px!important;line-height:1.25!important;margin:3px 0!important}
 body.cyber-awake .demand-story[data-beat="2"] .missing-stamp{font-size:26px!important;padding:2px 5px!important}
 body.cyber-awake .demand-story[data-beat="2"] .demand-heading p{font-size:14px!important;line-height:1.35!important;max-width:32ch!important}
 body.cyber-awake .story-stage>.story-missing.missing-explained{gap:8px!important;align-content:start!important;grid-template-rows:auto auto!important}
 body.cyber-awake .missing-explained .missing-eyebrow{font-size:10px!important;line-height:1.2!important;margin-bottom:4px!important}
 body.cyber-awake .missing-real .owner-photo img{height:clamp(58px,calc(var(--story-stage-height,330px)*.20),76px)!important}
 body.cyber-awake .missing-real .owner-photo>div{padding:8px 12px!important}
 body.cyber-awake .missing-real .owner-photo strong{font-size:20px!important;line-height:1.15!important}
 body.cyber-awake .missing-real .owner-photo p{font-size:12px!important;line-height:1.25!important;margin-top:3px!important}
 body.cyber-awake .missing-real>.missing-absence{padding:7px 12px!important;margin-top:6px!important;min-height:0!important;height:auto!important}
 body.cyber-awake .missing-real .missing-absence .pain-reveal{font-size:14px!important;line-height:1.25!important;margin:4px 0 0!important}
 body.cyber-awake .missing-search .missing-searchbar{font-size:14px!important;line-height:1.2!important;padding:8px 12px!important;min-height:0!important}
 body.cyber-awake .missing-search .missing-competitor{height:64px!important;min-height:64px!important;box-sizing:border-box!important;margin-top:6px!important;padding:7px 8px 7px 84px!important}
 body.cyber-awake .missing-search .missing-competitor video{width:64px!important;height:50px!important;top:7px!important;left:8px!important}
 body.cyber-awake .missing-search .missing-competitor strong{font-size:17px!important;line-height:1.15!important}
 body.cyber-awake .missing-search .missing-competitor p{font-size:11px!important;line-height:1.2!important;margin-top:3px!important}
 body.cyber-awake .missing-search .missing-competitor>span{font-size:10px!important;line-height:1.2!important}
}
body.cyber-awake .demand-pin>.locked-story-intro{top:0!important;bottom:auto!important;height:68svh!important;display:grid!important;place-items:center!important;transform:none!important}
body.cyber-awake .demand-pin>.locked-story-intro h2{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;margin:0!important}
/* Roulette perimeter, with a clear centre for content. */
.hud-roulette-top,.hud-roulette-bottom{position:absolute!important;left:12%!important;width:76%!important;height:24px!important;pointer-events:none!important;z-index:105!important;opacity:.3!important;filter:none!important}
.hud-roulette-top{top:-18px!important}
.hud-roulette-bottom{bottom:-18px!important;transform:rotate(180deg)}
.hud-roulette-top svg,.hud-roulette-bottom svg{width:100%;height:100%;overflow:visible}
@media(max-width:900px){
 body.cyber-awake .loss-scene .loss-rival,body.cyber-awake .loss-scene .loss-yours{height:auto!important;min-height:0!important;box-sizing:border-box!important;top:88px!important;padding:8px!important}
 body.cyber-awake .loss-scene :is(img,video){height:58px!important}
 body.cyber-awake .loss-scene .loss-rival>strong{font-size:15px!important;line-height:1.16!important;margin:7px 0!important}
 body.cyber-awake .loss-scene .rival-found-label{font-size:12px!important;line-height:1.2!important;margin:5px 0!important}
 body.cyber-awake .loss-scene .loss-arrival{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;margin-top:6px!important;padding:7px 0!important;font-size:12px!important;line-height:1.25!important}
 body.cyber-awake .loss-scene .loss-arrival span{flex-shrink:0}
 body.cyber-awake .demand-story[data-beat="1"] .demand-heading p{font-size:13px!important;line-height:1.35!important}
}
/* Quiet holographic scroll guidance; opacity/transform only. */
.cyber-scroll-cue{position:fixed;right:24px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:110;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}
.cyber-scroll-cue.is-visible{opacity:.78;transform:translateY(0)}
.scroll-cue-label{font-family:'DW Display',sans-serif;font-size:9px;letter-spacing:.19em;font-weight:700;color:#357580}
.cyber-scroll-cue svg{width:27px;height:35px;overflow:visible;stroke:url(#scroll-cue-ink);stroke-width:1.5;stroke-linecap:square}
.cue-rail{opacity:.4;stroke-width:.7}
.cue-chevron{animation:cue-current 1.35s ease-in-out infinite;opacity:.25}
.cue-chevron:nth-of-type(3){animation-delay:.16s}.cue-chevron:nth-of-type(4){animation-delay:.32s}
.cyber-scroll-cue:not(.is-visible) .cue-chevron{animation-play-state:paused}
@keyframes cue-current{0%,100%{opacity:.2;transform:translateY(-1px)}45%{opacity:1;transform:translateY(2px)}}
@media(max-width:600px){.cyber-scroll-cue{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.cyber-scroll-cue svg{width:23px;height:30px}.scroll-cue-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cue-chevron{animation:none;opacity:.65}.cyber-scroll-cue{transition:none}}
/* Explicit ownership of each story layer prevents old layout rules leaking. */
body.cyber-awake .demand-story:not(.is-static) .demand-headlines{height:100%!important;min-height:0!important}
body.cyber-awake .demand-story:not(.is-static) .demand-heading:not(.is-current){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.cyber-awake .story-stage>div:not(.is-active){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:600px){
 html:not(.motion-paused) body.cyber-awake .demand-story[data-beat="1"] .demand-heading.is-current .not-you-impact{color:transparent!important;transform:translate(var(--impact-shift-x,0px),var(--impact-shift-y,0px)) scale(var(--impact-scale,1))!important}
 html:not(.motion-paused) body.cyber-awake .demand-story[data-beat="1"] .not-you-impact:before,html:not(.motion-paused) body.cyber-awake .demand-story[data-beat="1"] .not-you-impact:after{opacity:1!important}
 body.cyber-awake .demand-story:not(.is-static) .demand-heading h2{line-height:1.2!important}
 body.cyber-awake .demand-story[data-beat="4"] .demand-pin{grid-template-rows:178px minmax(0,1fr)!important;padding-top:calc(34svh - 89px)!important}
 body.cyber-awake .demand-story[data-beat="4"] .demand-copy{height:178px!important}
 body.cyber-awake .story-business .story-found{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;max-width:100%!important}
 body.cyber-awake .story-business{gap:12px!important}
 body.cyber-awake .demand-pin,body.cyber-awake .reel-console{backdrop-filter:none!important}
 body.cyber-awake .demand-pin :is(.loss-rival,.loss-yours,.story-enquiry,.business-page-preview,.answer-page){backdrop-filter:none!important;filter:none!important}
 body.cyber-awake .demand-story[data-beat="2"] .demand-heading p{font-size:13px!important;line-height:1.3!important;max-width:34ch!important}
}
.story-package-shortcut{position:fixed;left:18px;bottom:calc(17px + env(safe-area-inset-bottom,0px));z-index:111;padding:8px 11px;border:1px solid #72c2c77a;border-radius:7px;background:#f6faf9ed;color:#21616a;font:700 10px/1.2 'DW Display',sans-serif;letter-spacing:.1em;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}
.story-package-shortcut.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.story-package-shortcut:focus-visible{outline:2px solid #0e9ba9;outline-offset:3px}
/* Phone compositor budget: fewer live surfaces, all motion retained. */
@media(max-width:600px){
 body.cyber-awake #top #hero-track .portfolio-card{will-change:auto;backface-visibility:hidden;isolation:isolate}
 body.cyber-awake #top #hero-track .portfolio-card.is-selected{box-shadow:0 0 0 2px #70d9eab3,0 0 9px #56cfde40,0 7px 14px #526b8220!important}
 body.cyber-awake #top #hero-track .portfolio-card:not(.is-selected){box-shadow:0 0 0 1px #b2dbe3!important;background:#f4f8fa!important}
 body.cyber-awake #top #hero-track .portfolio-card:not(.is-selected):before{opacity:.12!important;filter:none!important}
 body.cyber-awake #top #hero-track .portfolio-card:after{opacity:.1!important}
 body.cyber-awake #top #hero-track .portfolio-card .portfolio-card-media{background:#f4f8fa!important}
 body.cyber-awake #top #hero-track .portfolio-card .film-poster{mix-blend-mode:normal!important}
 body.cyber-awake .search-hub{box-shadow:0 0 0 2px #89dae4a0,0 0 10px #75dbe23d!important;backdrop-filter:none!important}
 body.cyber-awake .search-hub :is(.hub-ring,.hub-core,.internet-search){filter:none!important;backdrop-filter:none!important}
 body.cyber-awake .precision-signal{opacity:.38!important;filter:none!important}
 body.cyber-awake .hud-ornament{filter:none!important}
 body.cyber-awake .demand-pin .impact-fracture{opacity:.12!important}
 body.cyber-awake .hero-sample-canvas{image-rendering:auto;backface-visibility:hidden}
}
body.cyber-awake #purpose .purpose-heading .goal-legend{display:flex!important;position:static!important;grid-area:auto!important;align-items:center!important;justify-content:center!important;gap:10px!important;max-width:none!important;width:100%!important;margin:18px 0 0!important;font-size:clamp(15px,1.5vw,20px)!important;line-height:1.4!important;letter-spacing:.025em!important;white-space:nowrap!important}
body.cyber-awake #purpose .purpose-heading .goal-legend span{filter:none!important}
body.cyber-awake #purpose .purpose-heading .goal-legend i{font-style:normal;color:#87999f}
@media(max-width:600px){body.cyber-awake #purpose .purpose-heading .goal-legend{font-size:clamp(13px,3.6vw,16px)!important;gap:8px!important;margin-top:14px!important}body.cyber-awake #purpose .purpose-heading{margin-bottom:28px!important}}
/* Show the complete business hero at the card's full width. */
@media(max-width:600px){
 body.cyber-awake .demand-story[data-beat="4"] .business-page-cover.hero-samples{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;width:100%!important;margin-top:10px!important}
 body.cyber-awake .demand-story[data-beat="4"] .business-page-cover.hero-samples :is(.hero-sample-canvas,.hero-sample-poster,video){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
 body.cyber-awake .demand-story[data-beat="4"] .story-business{justify-content:flex-start!important}
 body.cyber-awake .demand-story[data-beat="4"] .business-page-preview{padding:10px!important}
}
/* Reserve a real image area instead of letting flex shrink it to a strip. */
@media(max-width:600px){
 body.cyber-awake .demand-story[data-beat="3"] .answer-content{flex:1 1 auto!important;justify-content:flex-start!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-content>img{flex:0 0 auto!important;width:100%!important;height:clamp(110px,calc(var(--story-stage-height,360px)*.43),160px)!important;min-height:110px!important;max-height:160px!important;object-fit:contain!important;object-position:center!important;background:#f1f5f5!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-detail{padding:9px 14px!important;flex:0 0 auto!important;min-height:0!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-detail h3{font-size:clamp(19px,5.4vw,23px)!important;line-height:1.16!important;margin:2px 0!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-browser{padding:7px 12px!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-result{font-size:15px!important;line-height:1.25!important;padding:10px 12px!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-story{gap:10px!important}
}
/* The lens samples the same centred type as the original word. */
body.cyber-awake .locked-search-intro .lens-copy{font-style:normal!important;text-align:center!important;transform-origin:0 0!important;white-space:nowrap!important;letter-spacing:inherit}
body.cyber-awake .locked-search-intro .lens-glass{border-color:#294d5d!important;box-shadow:inset 0 0 0 1px #d7faff,0 3px 8px #244c6520!important}
body.cyber-awake .locked-search-intro .lens-glass:after{background:linear-gradient(135deg,#ffffff25,transparent 42%)!important;box-shadow:none!important}

/* One phone layout contract: readable content owns height; chrome never covers it. */
@media(max-width:600px){
 body.cyber-awake .demand-story[data-beat]:not(.is-static) .demand-pin{padding:calc(28svh - 65px) 18px 68px!important;grid-template-rows:130px minmax(0,1fr)!important;gap:14px!important}
 body.cyber-awake .demand-story[data-beat] .demand-copy{height:130px!important;min-height:0!important}
 body.cyber-awake .demand-story .demand-heading h2{font-size:clamp(27px,7.4vw,34px)!important;line-height:1.18!important}
 body.cyber-awake .demand-story .demand-heading p{font-size:15px!important;line-height:1.35!important}
 body.cyber-awake .demand-story .answer-slide{transform:none!important;transition:opacity .18s ease!important;gap:8px!important}
 body.cyber-awake .demand-story .answer-slide[aria-hidden="true"]{display:none!important;visibility:hidden!important;opacity:0!important}
 body.cyber-awake .demand-story .answer-slide[aria-hidden="false"]{display:flex!important;opacity:1!important;visibility:visible!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-page{flex:1 1 auto!important;height:100%!important;max-height:100%!important;overflow:hidden!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-content{flex:1 1 auto!important;display:grid!important;grid-template-rows:minmax(80px,1fr) auto!important;overflow:hidden!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-content>img{height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-detail{opacity:1!important;transform:none!important;transition:none!important;padding:8px 12px!important;background:#fff!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-detail h3{font-size:19px!important;line-height:1.2!important;margin:3px 0!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-detail p{font-size:14px!important;line-height:1.3!important;margin:3px 0!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-action{margin-top:6px!important;padding:7px 10px!important;font-size:14px!important}
 body.cyber-awake .demand-story[data-beat="3"] .answer-result{position:static!important;flex:0 0 auto!important;margin:0!important;font-size:14px!important;line-height:1.3!important;padding:9px 10px!important}
 body.cyber-awake .demand-story .answer-page{transform:none!important;transition:none!important}
 body.cyber-awake .demand-story[data-beat="4"] .business-page-preview{width:100%!important;flex:none!important}
 body.cyber-awake .demand-story[data-beat="4"] .business-page-cover.hero-samples{height:auto!important;aspect-ratio:16/9!important;min-height:0!important;flex:none!important;background:#edf4f8!important}
 body.cyber-awake .demand-story[data-beat="4"] .business-page-cover.hero-samples :is(canvas,img,video){object-fit:cover!important}
 body.cyber-awake #purpose{padding:58px 20px 48px!important}
 body.cyber-awake #purpose .purpose-heading{margin:0 0 24px!important;padding:0!important}
 body.cyber-awake #purpose #purpose-title{font-size:clamp(24px,6.5vw,30px)!important;line-height:1.2!important}
 body.cyber-awake #purpose #purpose-title em{font-size:clamp(38px,10vw,46px)!important;line-height:1.12!important;display:block!important;margin-top:8px!important}
 body.cyber-awake #purpose .purpose-selection{display:flex!important;flex-direction:column!important;gap:10px!important;grid-template-columns:1fr!important}
 body.cyber-awake #purpose .pick-one{width:100%!important;display:block!important;margin:0!important;padding:0!important}
 body.cyber-awake #purpose .pick-one b{font-size:14px!important;letter-spacing:.1em!important}
 body.cyber-awake #purpose .pick-one>span{display:none!important}
 body.cyber-awake #purpose .purpose-rows{width:100%!important;gap:10px!important}
 body.cyber-awake #purpose .purpose-row{min-height:82px!important;height:auto!important;padding:16px!important;gap:12px!important;grid-template-columns:22px minmax(0,1fr)!important}
 body.cyber-awake #purpose .purpose-copy strong{font-size:19px!important;line-height:1.2!important}
 body.cyber-awake #purpose .purpose-copy>span{font-size:15px!important;line-height:1.35!important;margin-top:5px!important}
 body.cyber-awake #purpose .radio-circle{width:22px!important;height:22px!important;flex:none!important}
 body.cyber-awake #purpose .select-label{display:none!important}
 body.cyber-awake #purpose .purpose-experience{gap:24px!important}
 body.cyber-awake .story-stage,.demand-copy{isolation:isolate}
 body.cyber-awake .demand-pin .hud-ornament{opacity:.12!important}
}


/* Mobile hero: reduce every prominent text size by one quarter while preserving the layout. */
@media(max-width:600px){
 body.cyber-awake #top[data-original-hero] .reel-intro #hero-title>span{font-size:clamp(11.7px,2.295cqw,14.4px)!important}
 body.cyber-awake #top[data-original-hero] .reel-intro #hero-title em{font-size:9.72cqw!important}
 body.cyber-awake #top[data-original-hero] .reel-intro #hero-title em b{font-size:12.24cqw!important}
 body.cyber-awake #top[data-original-hero] .reel-intro>.hero-subline{font-size:clamp(14.4px,2.925cqw,17.1px)!important;line-height:1.5!important}
 body.cyber-awake #top[data-original-hero] #query-main{font-size:12px!important;line-height:1.3!important}
 body.cyber-awake #top[data-original-hero] .related-term{font-size:9px!important}
 body.cyber-awake #top[data-original-hero] .search-hub-bottom{font-size:8px!important}
}

/* Use the supplied DW mark in the navigation; screen blend drops its black image field. */
body .nav-redesign .brand{flex:0 0 140px;width:140px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}
body .nav-redesign .brand img{position:static!important;display:block;width:100%!important;height:auto!important;max-width:100%!important;left:auto!important;top:auto!important;object-fit:contain;filter:none!important;mix-blend-mode:screen!important}
@media(max-width:960px){body .nav-redesign .brand{flex-basis:128px;width:128px;height:58px}}
@media(max-width:600px){body .nav-redesign .brand{flex-basis:120px;width:120px;height:54px}}

/* Lift the online state to the competitor card's top edge, clear of the photo. */
body.cyber-awake .loss-rival .rival-online-label{top:-15px!important;right:9px!important;padding:5px 9px!important;gap:6px!important;font-size:10px!important;line-height:1.2!important}
@media(max-width:600px){body.cyber-awake .loss-rival .rival-online-label{top:-14px!important;right:6px!important;padding:4px 7px!important;font-size:9px!important}}

/* Let the logo image blend against the light header surface, so its black field disappears. */
body .site-header.nav-redesign{isolation:auto!important}

/* Preserve the neon colors while keying the supplied logo’s black background to transparency. */
body .nav-redesign .brand img{filter:url(#dw-remove-black)!important;mix-blend-mode:normal!important}

/* Search demand: a concrete query anchors the promise. */
body.cyber-awake .locked-story-intro h2.demand-anchor{top:44svh!important;display:flex;flex-direction:column;align-items:center;gap:14px!important;max-width:760px!important;margin:auto!important}
body.cyber-awake .demand-anchor .demand-anchor-kicker{font-size:12px!important;letter-spacing:.17em!important;color:#47868c;font-weight:600}
body.cyber-awake .demand-anchor .demand-anchor-lead{font-size:clamp(23px,4vw,40px)!important;font-weight:500;line-height:1.25}
body.cyber-awake .demand-anchor>strong{font-size:clamp(40px,6vw,72px)!important;line-height:1.1;color:#087f88;letter-spacing:-.045em}
body.cyber-awake .demand-anchor .demand-anchor-search{display:flex!important;align-items:center;gap:14px;width:min(100%,540px);padding:20px;margin-top:20px;border:1px solid #8fcfd2;border-radius:18px;background:linear-gradient(120deg,#fff,#e9fafc);box-shadow:0 12px 35px #32778316;font-size:clamp(15px,2vw,23px)!important;font-weight:500;text-align:left;letter-spacing:-.02em}
.demand-anchor-search svg{width:25px;height:25px;flex:none;color:#07858b}
body.cyber-awake .demand-anchor .demand-anchor-note{font-size:clamp(17px,2vw,22px)!important;color:#496571;font-weight:500;margin-top:5px}
@media(max-width:600px){
 body.cyber-awake .locked-story-intro h2.demand-anchor{left:22px!important;right:22px!important;gap:12px!important}
 body.cyber-awake .demand-anchor .demand-anchor-kicker{font-size:10px!important}
 body.cyber-awake .demand-anchor .demand-anchor-search{padding:17px 14px!important;margin-top:16px!important}
 /* Keep the missing-business story inside the reading area, with space for every line. */
 body.cyber-awake .demand-story[data-beat="2"]:not(.is-static) .demand-pin{padding:7svh 18px 56px!important;grid-template-rows:142px minmax(0,1fr)!important;gap:12px!important}
 body.cyber-awake .demand-story[data-beat="2"] .demand-copy{height:142px!important}
 body.cyber-awake .demand-story[data-beat="2"] .statement-line{font-size:clamp(19px,5.4vw,24px)!important}
 body.cyber-awake .demand-story[data-beat="2"] .statement-focus{font-size:clamp(25px,7vw,31px)!important;line-height:1.2!important}
 body.cyber-awake .demand-story[data-beat="2"] .story-missing{align-content:start!important;gap:10px!important}
 body.cyber-awake .demand-story[data-beat="2"] .owner-photo img{height:82px!important}
 body.cyber-awake .demand-story[data-beat="2"] .owner-photo strong{font-size:20px!important}
 body.cyber-awake .demand-story[data-beat="2"] .missing-absence{padding:9px 12px!important}
 body.cyber-awake .demand-story[data-beat="2"] .pain-reveal{font-size:13px!important;line-height:1.4!important;margin-top:5px!important}
 body.cyber-awake .demand-story[data-beat="2"] .missing-searchbar{padding:10px 12px!important;min-height:42px!important;font-size:14px!important}
 body.cyber-awake .demand-story[data-beat="2"] .missing-competitor{height:auto!important;min-height:86px!important;padding:10px 10px 10px 94px!important;overflow:visible!important}
 body.cyber-awake .demand-story[data-beat="2"] .missing-competitor video{width:72px!important;height:64px!important}
 body.cyber-awake .demand-story[data-beat="2"] .missing-competitor strong{font-size:18px!important}
 body.cyber-awake .demand-story[data-beat="2"] .missing-competitor p{font-size:11px!important;margin-top:3px!important}
 /* One composition: the live page stays visible as enquiries and payments arrive. */
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]):not(.is-static) .demand-pin{padding:5svh 18px 54px!important;grid-template-rows:112px minmax(0,1fr)!important;gap:12px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .demand-copy{height:112px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .statement-line{font-size:21px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .statement-focus{font-size:32px!important;line-height:1.13!important;margin-top:6px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .demand-heading p{font-size:13px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .story-business{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:9px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .story-business .business-page-preview{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;padding:8px!important;flex:none!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .business-page-nav{min-height:32px!important;margin-bottom:5px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .business-page-nav>strong{font-size:12px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .business-page-nav>span{font-size:9px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .business-page-cover.hero-samples{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--sample-ratio,16/9)!important;margin-top:0!important;width:100%!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .business-page-cover.hero-samples :is(canvas,img,video){object-fit:contain!important}
 body.cyber-awake .demand-story[data-beat="5"] .story-message-notification{height:36px!important;min-height:36px!important;padding:6px 12px!important}
 body.cyber-awake .demand-story[data-beat="5"] .story-message-notification strong{font-size:16px!important}
 body.cyber-awake .demand-story[data-beat="5"] .story-enquiry{padding:10px 12px!important;border-radius:18px!important}
 body.cyber-awake .demand-story[data-beat="5"] .chat-bubble-head{margin-bottom:6px!important;gap:8px!important}
 body.cyber-awake .demand-story[data-beat="5"] .chat-avatar{width:28px!important;height:28px!important;font-size:14px!important}
 body.cyber-awake .demand-story[data-beat="5"] .chat-bubble-head small{font-size:10px!important}
 body.cyber-awake .demand-story[data-beat="5"] .chat-bubble-head div>span{font-size:10px!important}
 body.cyber-awake .demand-story[data-beat="5"] .chat-message strong{font-size:clamp(17px,4.6vw,21px)!important;line-height:1.2!important}
 body.cyber-awake .demand-story[data-beat="5"] .chat-delivery{font-size:10px!important;margin-top:4px!important}
 body.cyber-awake .demand-story[data-beat="5"] .payment-email-demo{padding:8px 10px!important;margin-top:7px!important;border-radius:12px!important}
 body.cyber-awake .demand-story[data-beat="5"] .payment-email-head>span{font-size:11px!important}
 body.cyber-awake .demand-story[data-beat="5"] .payment-email-head svg{width:22px!important;height:22px!important}
 body.cyber-awake .demand-story[data-beat="5"] .payment-email-head small{font-size:10px!important}
 body.cyber-awake .demand-story[data-beat="5"] .payment-email-value{margin-top:5px!important}
 body.cyber-awake .demand-story[data-beat="5"] .payment-email-value>strong{font-size:29px!important;line-height:1!important}
}
@media(max-width:600px) and (max-height:700px){
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]):not(.is-static) .demand-pin{padding-top:18px!important;padding-bottom:40px!important;grid-template-rows:96px minmax(0,1fr)!important;gap:8px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .demand-copy{height:96px!important}
 body.cyber-awake .demand-story:is([data-beat="4"],[data-beat="5"]) .business-page-cover.hero-samples{height:clamp(85px,20svh,135px)!important;aspect-ratio:auto!important}
 body.cyber-awake .demand-story[data-beat="2"]:not(.is-static) .demand-pin{padding-top:18px!important;grid-template-rows:128px minmax(0,1fr)!important;gap:8px!important}
 body.cyber-awake .demand-story[data-beat="2"] .demand-copy{height:128px!important}
}

/* Demand and competitor copy share one stationary reading anchor. */
body.cyber-awake .demand-story:not(.is-static) .locked-story-intro h2.demand-anchor{position:absolute!important;top:28svh!important;left:18px!important;right:18px!important;width:auto!important;height:190px!important;max-width:none!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;justify-content:center!important;gap:18px!important}
body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .demand-copy{position:absolute!important;top:28svh!important;left:18px!important;right:18px!important;width:auto!important;height:190px!important;min-height:190px!important;margin:0!important;transform:translateY(-50%)!important}
body.cyber-awake .demand-anchor>strong{font-size:clamp(32px,8.5vw,68px)!important;white-space:nowrap!important;letter-spacing:-.045em!important;line-height:1.14!important}
body.cyber-awake .demand-anchor .demand-anchor-lead{font-size:clamp(21px,5.5vw,36px)!important;line-height:1.25!important}
body.cyber-awake .demand-anchor .demand-anchor-note{font-size:clamp(17px,4.4vw,24px)!important;margin:0!important;line-height:1.3!important}
body.cyber-awake .locked-story-intro.is-current .demand-anchor>strong{animation:demand-word-reveal .65s cubic-bezier(.2,.7,.2,1) both!important}
@keyframes demand-word-reveal{from{opacity:0;clip-path:inset(0 100% 0 0);text-shadow:0 0 14px #5ee3df88}to{opacity:1;clip-path:inset(0);text-shadow:0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){body.cyber-awake .locked-story-intro.is-current .demand-anchor>strong{animation:none!important}}
/* Remove the desktop width cap that pulled the shared reading anchor left. */
body.cyber-awake .demand-story[data-beat="0"]:not(.is-static) .demand-copy{max-width:none!important;right:18px!important;left:18px!important;width:calc(100% - 36px)!important;margin:0!important}
@media(max-width:600px){
 body.cyber-awake .demand-story[data-beat="1"]:not(.is-static) .demand-pin{padding:6svh 18px 58px!important;grid-template-rows:160px minmax(0,1fr)!important;gap:20px!important}
 body.cyber-awake .demand-story[data-beat="1"] .demand-copy{height:160px!important;min-height:160px!important}
 body.cyber-awake .demand-story[data-beat="1"] .demand-heading{gap:10px!important}
 body.cyber-awake .demand-story[data-beat="1"] .demand-heading>p{position:static!important;margin:0!important;font-size:14px!important;line-height:1.4!important}
 body.cyber-awake .demand-story[data-beat="1"] .loss-query{top:0!important;min-height:60px!important}
 body.cyber-awake .demand-story[data-beat="1"] .loss-rival,body.cyber-awake .demand-story[data-beat="1"] .loss-yours{top:82px!important;width:42%!important;height:clamp(200px,calc(var(--story-stage-height,430px) - 160px),290px)!important}
 body.cyber-awake .demand-story[data-beat="1"] .loss-scene :is(img,video){height:clamp(92px,14svh,120px)!important;object-fit:cover!important}
 body.cyber-awake .demand-story[data-beat="1"] .loss-scene>p{position:absolute!important;top:auto!important;bottom:0!important;margin:0!important;width:100%!important;font-size:17px!important;line-height:1.4!important}
 body.cyber-awake .demand-story[data-beat="1"] .loss-scene>p strong{margin-top:4px!important}
 body.cyber-awake .demand-story[data-beat="1"] .loss-arrival{font-size:12px!important;padding:7px 2px!important}
}