/* Approved local correction: purposeful controls, authored composers, native page gestures. */
#hero .hero-tool-tokens{display:block;position:absolute;inset:0;pointer-events:none}
#hero .hero-tool-token{width:46px;height:46px;opacity:.68;transform:translateY(5px);transition:opacity 600ms,transform 600ms;border-radius:12px;background:#FFF;box-shadow:0 3px 7px #20334D12,0 10px 20px #20334D15}
#hero .hero-tool-token img{width:27px;height:27px;object-fit:contain}
#hero .hero-tool-token[data-channel=gemini]{left:3.8%;top:68px;bottom:auto}
#hero .hero-tool-token[data-channel=gmail]{right:3.8%;top:76px;bottom:auto}
#hero .hero-tool-token[data-channel=sms]{right:3.6%;top:260px;bottom:auto}
#hero .hero-tool-token[data-channel=monday]{left:18px;top:264px;bottom:auto;width:124px}
#hero .hero-tool-token[data-channel=monday] img{width:115px;height:auto;clip-path:none}
#hero .hero-tool-token[data-channel=drive]{left:3.4%;top:430px}
#hero .hero-tool-token[data-channel=sheets]{right:3.4%;top:435px}
#hero .hero-tool-token[data-channel=openai]{left:3.5%;top:610px}
#hero .hero-tool-token[data-channel=claude]{right:3.5%;top:620px}
#hero .hero-tool-token[data-channel=hubspot]{right:3.7%;top:800px}
#hero .hero-tool-token[data-channel=hubspot] img{width:30px;height:30px;border-radius:5px}
#hero[data-channel=gemini] .hero-tool-token[data-channel=gemini],#hero[data-channel=gmail] .hero-tool-token[data-channel=gmail],#hero[data-channel=sms] .hero-tool-token[data-channel=sms],#hero[data-channel=monday] .hero-tool-token[data-channel=monday]{opacity:1;transform:translateY(0)}
#hero[data-channel=gemini] .hero-tool-token:is([data-channel=drive],[data-channel=openai]),#hero[data-channel=gmail] .hero-tool-token[data-channel=hubspot],#hero[data-channel=sms] .hero-tool-token[data-channel=claude],#hero[data-channel=monday] .hero-tool-token[data-channel=sheets]{opacity:1;transform:translateY(0)}
/* Controls are an ensemble above each illustration, separate from the main CTA. */
.native-demo .native-controls{position:relative;display:block;padding:0 72px;margin:0 auto 24px;min-height:48px}
#hero .hero-story-controls{display:block;padding:0 72px;margin:0 auto 24px;max-width:1160px}
#hero .native-phases{justify-content:center;gap:10px;margin:0}
#hero .native-phases button{font-size:15px;min-height:48px;padding:12px 20px}
.native-demo .native-phases,.access .party-rail{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.native-demo .native-phases button,.access .party-rail button{font-size:15px;line-height:1.4;min-height:48px;padding:12px 20px;border:1px solid #C9D3E1;border-radius:999px;background:#F7F9FC!important;color:#43536C!important;font-weight:500;box-shadow:0 1px 2px #20334D0C!important;transition:background-color 180ms,border-color 180ms,color 180ms}
.native-demo .native-phases button[aria-selected=true],.access .party-rail button[aria-selected=true]{background:#245BE8!important;color:#FFF!important;border-color:#245BE8;font-weight:550}
:is(#hero,#sources,#change) .native-phases button[aria-selected=true]{background:#245BE8!important;color:#FFF!important;border-color:#245BE8}
.native-demo .native-phases button:hover,.access .party-rail button:hover{background:#E8EFFC!important;border-color:#A5B9DC;color:#173EA3!important}
.native-demo .native-phases button[aria-selected=true]:hover,.access .party-rail button[aria-selected=true]:hover{background:#194ED4!important;color:#FFF!important}
:is(#hero,#sources,#change) .native-phases button[aria-selected=true]:hover{background:#194ED4!important;color:#FFF!important}
.native-demo .native-phases button:focus-visible,.access .party-rail button:focus-visible{outline:0;box-shadow:0 0 0 3px #FFF,0 0 0 6px #173EA3!important}
.native-demo .native-phases button:focus:not(:focus-visible),.access .party-rail button:focus:not(:focus-visible){outline:0}
.native-demo .native-controls>.native-playback{position:absolute;right:0;top:1px;border-radius:9px;min-height:44px;margin:0;font-size:12px}
.native-demo .native-playback:focus-visible,.access .party-cycle-toggle:focus-visible{outline:2px solid #173EA3;outline-offset:3px;border-radius:9px}
.access .party-rail{margin-bottom:24px}
/* Shadow actual surfaces, not the transparent presentation canvas or table rows. */
:is(#hero,#sources,#change) .native-stage-viewport{overflow:visible}
:is(#hero,#sources,#change) .native-composition[data-secondary]>.native-primary{overflow:visible}
:is(#hero,#sources,#change) .native-primary>.browser-window,:is(#hero,#sources,#change) .native-primary>.record-shell,#hero .hero-sms-surface{box-shadow:0 3px 7px #20334D2E,0 20px 44px -7px #20334D42}
:is(#sources,#change) .native-secondary{overflow:visible}
:is(#sources,#change) .native-secondary>.browser-window,:is(#sources,#change) .native-secondary>.native-outcome{box-shadow:0 3px 6px #20334D24,0 15px 32px -5px #20334D35}
:is(#sources,#change) .native-secondary .phone-scene{overflow:visible}
:is(#sources,#change) .native-device{box-shadow:0 4px 8px #20334D2B,0 18px 36px -5px #20334D3D}
.access .projection,.delegation .compact-crew,#pilot.final{box-shadow:0 4px 8px #20334D24,0 21px 44px -6px #20334D35}
#pilot .lead-form{box-shadow:none}
#experience .mosaic-tile{box-shadow:0 3px 6px #20334D1C,0 12px 26px -4px #20334D26}
/* Read-only surfaces do not become wheel/touch hit targets. Keyboard reading remains native. */
:is(#hero,#sources,#change) .native-composition,:is(#hero,#sources,#change) .native-composition *{pointer-events:none!important;touch-action:pan-y}
:is(#hero,#sources,#change) .native-primary :is(.gemini-conversation,.monday-main,.gmail-thread-content,.hubspot-activity,.record-main),:is(#hero,#sources,#change) .sms-chat,:is(#hero,#sources,#change) .native-secondary,:is(#hero,#sources,#change) .native-outcome{overscroll-behavior:auto}
.composer-caret{display:inline-block;width:1px;height:1em;background:currentColor;margin-left:2px;vertical-align:-.1em;animation:composer-caret 700ms steps(1) infinite}
[data-playing=false] .composer-caret{animation-play-state:paused}
.native-demo .composer-copy [data-composer-text],#hero .sms-compose [data-composer-text]{color:#202938;white-space:pre-wrap;overflow-wrap:normal}
.native-demo .composer-copy{max-height:66px;overflow:hidden}
#hero .hero-sms-surface .sms-compose{min-height:52px;height:auto}
#hero .hero-sms-surface .sms-compose>div{height:auto;min-height:34px;gap:8px}
#hero .hero-sms-surface .sms-compose [data-composer-text]{flex:1;min-width:0;font-size:14px;line-height:1.4}
@keyframes composer-caret{50%{opacity:0}}
@media(max-width:1199px) and (min-width:741px){#hero .hero-tool-token{display:none}#hero .hero-tool-token:is([data-channel=gemini],[data-channel=gmail],[data-channel=openai],[data-channel=claude]){display:flex;width:36px;height:36px;left:8px}#hero .hero-tool-token:is([data-channel=gmail],[data-channel=claude]){left:auto;right:8px}#hero .hero-tool-token img{width:24px;height:24px}}
@media(max-width:740px){
 #hero .hero-tool-tokens{position:static;display:flex;justify-content:center;gap:18px;height:34px;margin:0 auto 24px}
 #hero .hero-tool-token{display:none;position:static;width:34px;height:34px;transform:none;opacity:.9;border:0;border-radius:8px;box-shadow:0 2px 4px #20334D0C,0 6px 12px #20334D0C}
 #hero .hero-tool-token:is([data-channel=gemini],[data-channel=gmail],[data-channel=drive],[data-channel=claude]){display:flex}
 #hero .hero-tool-token img{width:24px;height:24px}
 .native-demo .native-controls,#hero .hero-story-controls{padding:0;min-height:0;margin-bottom:18px}
 .native-demo .native-phases,.access .party-rail{gap:9px}
 .native-demo .native-phases button,.access .party-rail button{font-size:14px;min-height:44px;padding:10px 14px}
 #hero .native-phases{gap:8px}
 #hero .native-phases button{padding:10px 13px;font-size:14px}
 .native-demo .native-controls>.native-playback{position:static;display:block;margin:8px auto 0}
 .access .party-rail{margin-bottom:24px}
 :is(#sources,#change) .native-secondary{box-shadow:none;background:transparent;border-radius:0}
 :is(#sources,#change) .native-secondary>.native-outcome{max-height:100%;box-shadow:0 3px 6px #20334D24,0 12px 25px -4px #20334D35}
 :is(#sources,#change) .native-secondary .native-device{box-shadow:0 3px 6px #20334D24,0 12px 25px -4px #20334D35}
}
@media(prefers-reduced-motion:reduce){#hero .hero-tool-token{transition:none!important;transform:none!important}.composer-caret{animation:none}}