/* Integrated Hero study: original copy/assets, a shared atmosphere and one light journey. */
#top.binly-world{padding-top:116px;background:linear-gradient(180deg,#f1f7fb 0%,#fffaf3 42%,#fff3df 100%)}
#top.binly-world .hw-atmosphere{background:radial-gradient(ellipse at 83% 35%,#f6d99b63,transparent 51%),radial-gradient(ellipse at 12% 12%,#dfeefa80,transparent 55%)}
#top.binly-world .hw-copy{isolation:isolate}
#top.binly-world .hw-copy:before{content:"";position:absolute;inset:-30px 8% -45px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#fffdf9c9 10%,#fffdf96b 56%,transparent 76%)}
#top.binly-world .hw-copy:after{content:"";position:absolute;left:27%;bottom:-55px;width:260px;height:95px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#f4d19066,transparent 70%)}
#top.binly-world .hw-world{margin-top:clamp(-145px,-9vw,-85px)}
#top.binly-world .hw-air{background:linear-gradient(180deg,#fffaf3 0%,#fffaf3d9 8%,#fffaf36b 23%,#fffaf312 38%,transparent 49%),radial-gradient(ellipse at 80% 12%,#f9e4ba70,transparent 44%)}
#top.binly-world .hw-world:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 57%,#0b1c2e08 72%,#0b1c2e7a 100%)}
#top.binly-world .hw-captions{inset:0;display:block;padding:0;background:none;pointer-events:none}
#top.binly-world .hw-caption{position:absolute;isolation:isolate;padding:0;max-width:30%;border:0!important;text-shadow:0 2px 12px #071321a6}
#top.binly-world .hw-caption:before{content:"";position:absolute;inset:-16px -25px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#0b1b2a59,transparent 72%);filter:blur(9px)}
#top.binly-world .hw-caption-content{left:5.7%;bottom:8%}
#top.binly-world .hw-caption-event{left:48%;bottom:4.5%;transform:translateX(-50%);text-align:center;max-width:36%}
#top.binly-world .hw-caption-system{right:4.5%;bottom:14%}
#top.binly-world .hw-caption-event strong{justify-content:center}
#top.binly-world .hw-caption h2{font-size:clamp(19px,1.8vw,27px);letter-spacing:-.02em;margin-bottom:5px}
#top.binly-world .hw-caption p{font-size:clamp(10px,.95vw,14px);line-height:1.6}
#top.binly-world .hw-caption strong{font-size:12px;margin-top:7px}
#top.binly-world .hw-number{font-size:11px;letter-spacing:.13em;margin-bottom:6px;color:#ffe0a8}
#top.binly-world .hw-explore{position:absolute;right:4.5%;bottom:11px;z-index:6;padding:0;background:none;color:#fff5dd;text-shadow:0 1px 5px #071321b3;font-size:9px}
/* Light leaves the editing screen, rises into the shared haze, reaches the venue, then becomes a workflow. */
#top.binly-world .hw-light-guide{stroke:#c9a467;stroke-width:.9;opacity:.15}
#top.binly-world .hw-light-halo{stroke:#efc579;stroke-width:9;opacity:.4;filter:blur(3px)}
#top.binly-world .hw-light-core{stroke:#ffe5b2;stroke-width:2;filter:drop-shadow(0 0 2px #c78e39a6)}
#top.binly-world[data-motion="playing"] .hw-light-core{stroke-width:2.8}
#top.binly-world .hw-light-head{stroke:#fff7df;stroke-width:4.2;filter:drop-shadow(0 0 3px #e7b75d)}
#top.binly-world .hw-nodes{stroke-width:1.1;filter:drop-shadow(0 0 2px #e9c07b)}
#top.binly-world .hw-completion{filter:drop-shadow(0 0 3px #f0d29a)}
#top.binly-world .hw-completion path{stroke-width:2.1}
#top.binly-world .hw-audience-feedback{stroke-width:1.2;opacity:.09}
@keyframes hi-stage{0%,100%{opacity:.025}50%{opacity:.12}}
@media(prefers-reduced-motion:no-preference){#top.binly-world[data-motion="playing"][data-phase="event"] .hw-stage-feedback{animation:hi-stage 1.3s ease-in-out both}#top.binly-world[data-motion="complete"] .hw-stage-feedback,#top.binly-world[data-motion="complete"] .hw-explore>span:last-child{animation:none}}
@media(min-width:761px) and (max-width:1100px){#top.binly-world{padding-top:105px}#top.binly-world .hw-world{margin-top:-85px}#top.binly-world .hw-caption-content{left:4%}#top.binly-world .hw-caption-system{right:3%}#top.binly-world .hw-caption h2{font-size:19px}#top.binly-world .hw-caption strong{font-size:10px}}
@media(max-width:760px){
 #top.binly-world{padding-top:100px}
 #top.binly-world .hw-copy:before{inset:-15px 0 -32px;background:radial-gradient(ellipse,#fffdf9e0 20%,#fffdf980 58%,transparent 80%)}
 #top.binly-world .hw-copy:after{left:10%;bottom:-85px;width:200px;height:110px}
 #top.binly-world .hw-world{margin-top:-66px}
 #top.binly-world .hw-air{background:linear-gradient(180deg,#fffaf3 0%,#fffaf3d4 5%,#fffaf35c 12%,#fffaf310 20%,transparent 29%)}
 #top.binly-world .hw-world:after{background:linear-gradient(180deg,transparent 68%,#0b1c2e0d 79%,#0b1c2e99 100%)}
 #top.binly-world .hw-caption{max-width:89%;left:6%;right:auto;bottom:auto;transform:none;text-align:left;padding:0;background:none}
 #top.binly-world .hw-caption-content{top:26%}
 #top.binly-world .hw-caption-event{top:57%}
 #top.binly-world .hw-caption-system{top:auto;bottom:5.5%}
 #top.binly-world .hw-caption-event strong{justify-content:flex-start}
 #top.binly-world .hw-caption h2{font-size:23px;margin-bottom:4px}
 #top.binly-world .hw-caption p{font-size:11px}
 #top.binly-world .hw-caption strong{font-size:12px;margin-top:6px}
 #top.binly-world .hw-caption:before{inset:-12px -22px;background:radial-gradient(ellipse at 35% 50%,#071b2c8f,transparent 75%);filter:blur(10px)}
 #top.binly-world .hw-light-halo{stroke-width:6;filter:blur(2px);opacity:.4}
 #top.binly-world .hw-light-core{stroke-width:1.6}
 #top.binly-world[data-motion="playing"] .hw-light-core{stroke-width:2.3}
 #top.binly-world .hw-light-head{stroke-width:3.3}
 #top.binly-world .hw-explore{right:6%;bottom:13px;font-size:9px}
}
@media(max-width:360px){#top.binly-world .hw-world{margin-top:-58px}#top.binly-world .hw-caption h2{font-size:21px}#top.binly-world .hw-caption p{font-size:10px}#top.binly-world .hw-caption strong{font-size:11px}}
#top.binly-world .hw-picture{z-index:0}#top.binly-world .hw-picture img{z-index:0}
#top.binly-world .hw-picture{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0008 14%,#000 33%);mask-image:linear-gradient(180deg,transparent 0%,#0008 14%,#000 33%)}
#top.binly-world .hw-air{background:radial-gradient(ellipse at 80% 10%,#f9e4ba45,transparent 48%)}
#top.binly-world .hw-caption-system{bottom:6.5%}
@media(max-width:760px){#top.binly-world .hw-picture{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0009 7%,#000 16%);mask-image:linear-gradient(180deg,transparent 0%,#0009 7%,#000 16%)}#top.binly-world .hw-caption-system{bottom:5.5%}}

/* A small reading key; no additional business block or scene. */
#top.binly-world .hw-journey{margin:10px 0 0;color:#8a7047;font-size:12px;line-height:1.5;letter-spacing:.08em;font-weight:450}
#top.binly-world[data-motion="playing"] .hw-light-head{stroke-dasharray:.045 .955;stroke-dashoffset:calc(.045 - var(--hw-progress));stroke-width:4.4;opacity:.95}
#top.binly-world[data-motion="playing"][data-repeat="true"] .hw-light-core,#top.binly-world[data-motion="playing"][data-repeat="true"] .hw-light-halo{stroke-dasharray:none;stroke-dashoffset:0}
#top.binly-world[data-motion="playing"][data-repeat="true"] .hw-light-core{opacity:.62;stroke-width:2}
#top.binly-world[data-motion="playing"][data-repeat="true"] .hw-light-halo{opacity:.25}
#top.binly-world[data-motion="playing"][data-phase="complete"] .hw-light-head{opacity:0}
#top.binly-world[data-motion="playing"][data-repeat="true"] .hw-nodes,#top.binly-world[data-motion="playing"][data-repeat="true"] .hw-completion{opacity:.55}
#top.binly-world[data-motion="playing"][data-phase="system"] .hw-nodes,#top.binly-world[data-motion="playing"][data-phase="complete"] .hw-nodes,#top.binly-world[data-motion="playing"][data-phase="complete"] .hw-completion{opacity:1}
@keyframes hf-stage{0%,100%{opacity:.035}45%{opacity:.18}}
@keyframes hf-audience{0%{opacity:.05}50%{opacity:.45}100%{opacity:.09}}
@keyframes hf-complete{0%{opacity:.45;filter:drop-shadow(0 0 2px #f0d29a)}55%{opacity:1;filter:drop-shadow(0 0 7px #f0c76f)}100%{opacity:1;filter:drop-shadow(0 0 3px #f0d29a)}}
@media(prefers-reduced-motion:no-preference){
 #top.binly-world[data-motion="playing"][data-phase="content"] .hw-timeline{animation-duration:1.3s}
 #top.binly-world[data-motion="playing"][data-phase="event"] .hw-stage-feedback{animation:hf-stage 1.8s ease-in-out both}
 #top.binly-world[data-motion="playing"][data-phase="event"] .hw-audience-feedback{animation:hf-audience 1.8s ease-in-out both}
 #top.binly-world[data-motion="playing"][data-phase="system"] .hw-nodes circle{animation-duration:1s}
 #top.binly-world[data-motion="playing"][data-phase="system"] .hw-nodes circle:nth-child(2){animation-delay:.45s}
 #top.binly-world[data-motion="playing"][data-phase="system"] .hw-nodes circle:nth-child(3){animation-delay:.9s}
 #top.binly-world[data-motion="playing"][data-phase="complete"] .hw-completion{animation:hf-complete .8s ease-out both}
}
@media(max-width:760px){#top.binly-world .hw-journey{font-size:10px;letter-spacing:.025em;margin-top:9px}#top.binly-world[data-motion="playing"] .hw-light-head{stroke-width:3.4}#top.binly-world[data-motion="playing"][data-repeat="true"] .hw-light-core{stroke-width:1.6}}
@media(prefers-reduced-motion:reduce){#top.binly-world .hw-light-head{opacity:0!important}#top.binly-world .hw-light-core,#top.binly-world .hw-light-halo,#top.binly-world .hw-nodes,#top.binly-world .hw-completion{opacity:1!important}}

/* Keep the light-path reading key legible against the photographic stage. */
#top.binly-world .hw-journey{display:table;margin:10px auto 0;padding:4px 12px;color:#5b482d;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:.06em;background:linear-gradient(90deg,#fffaf3d9,#fffdf8f2,#fffaf3d9);border-radius:3px;box-shadow:0 0 16px #fffaf380}
@media(max-width:760px){#top.binly-world .hw-journey{margin-top:9px;padding:4px 9px;font-size:12px;letter-spacing:.015em}}

/* Causal responses are keyed to the light's actual SVG position, not a timer-only phase. */
#top.binly-world .hw-screen-feedback{fill:#fff2cd;stroke:none;opacity:0}
#top.binly-world[data-motion="playing"] .hw-light .hw-content-feedback{opacity:1}
#top.binly-world[data-motion="playing"] .hw-light .hw-stage-feedback{animation:none;opacity:.025}
#top.binly-world[data-motion="playing"] .hw-light .hw-audience-feedback{animation:none;opacity:.08}
#top.binly-world[data-motion="playing"] .hw-light .hw-audience-feedback path{animation:none;stroke-dasharray:1;stroke-dashoffset:1}
#top.binly-world[data-motion="playing"] .hw-light .hw-nodes{opacity:1}
#top.binly-world[data-motion="playing"] .hw-light .hw-nodes circle{animation:none;opacity:.2;transition:opacity .3s ease,stroke-width .3s ease}
#top.binly-world[data-motion="playing"][data-node-1-on="true"] .hw-nodes circle:nth-child(1),#top.binly-world[data-motion="playing"][data-node-2-on="true"] .hw-nodes circle:nth-child(2),#top.binly-world[data-motion="playing"][data-node-3-on="true"] .hw-nodes circle:nth-child(3){opacity:1;stroke-width:2}
#top.binly-world[data-motion="playing"] .hw-light .hw-chart{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--hw-system-progress,0))}
#top.binly-world[data-motion="playing"] .hw-light .hw-completion{animation:none;opacity:.2}
#top.binly-world[data-motion="playing"] .hw-light .hw-completion path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s ease}
#top.binly-world[data-motion="playing"][data-result-on="true"] .hw-light .hw-completion{opacity:1}
#top.binly-world[data-motion="playing"][data-result-on="true"] .hw-light .hw-completion path{stroke-dashoffset:0}
@keyframes hs-screen{0%{opacity:0}35%{opacity:.18}70%{opacity:.12}100%{opacity:.025}}
@keyframes hs-stage{0%{opacity:.025}45%{opacity:.16}100%{opacity:.035}}
@keyframes hs-audience{0%{stroke-dashoffset:1;opacity:.08}55%{opacity:.4}100%{stroke-dashoffset:0;opacity:.12}}
@keyframes hs-result{0%{opacity:.4}55%{opacity:1}100%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 #top.binly-world[data-motion="playing"][data-screen-on="true"] .hw-screen-feedback{animation:hs-screen 1.25s ease-out both}
 #top.binly-world[data-motion="playing"][data-stage-on="true"] .hw-light .hw-stage-feedback{animation:hs-stage 1.2s ease-out both}
 #top.binly-world[data-motion="playing"][data-audience-on="true"] .hw-light .hw-audience-feedback{opacity:1}
 #top.binly-world[data-motion="playing"][data-audience-on="true"] .hw-light .hw-audience-feedback path{animation:hs-audience 1.1s ease-out both}
 #top.binly-world[data-motion="playing"][data-audience-on="true"] .hw-light .hw-audience-feedback path:nth-child(2){animation-delay:.12s}
 #top.binly-world[data-motion="playing"][data-result-on="true"] .hw-light .hw-completion{animation:hs-result .55s ease-out both}
}
@media(prefers-reduced-motion:reduce){#top.binly-world .hw-nodes circle{opacity:1!important}#top.binly-world .hw-completion path,#top.binly-world .hw-audience-feedback path{stroke-dasharray:none!important;stroke-dashoffset:0!important}#top.binly-world .hw-screen-feedback{opacity:0!important}}

/* Shared scenic atmosphere. Original sharp scene and SVG keep their alignment. */
#top.binly-world{background:linear-gradient(135deg,#eaf2f8 0%,#fffaf2 47%,#f8e6c8 100%)}
#top.binly-world .hw-environment{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.26;-webkit-mask-image:linear-gradient(180deg,#0004 0%,#000 22%,#0008 48%,transparent 72%);mask-image:linear-gradient(180deg,#0004 0%,#000 22%,#0008 48%,transparent 72%)}
#top.binly-world .hw-environment picture{position:absolute;inset:0;display:block}
#top.binly-world .hw-environment img{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);display:block;object-fit:cover;object-position:center 63%;filter:blur(22px) saturate(.65)}
#top.binly-world .hw-environment:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 48% 22%,#fffcf6df 0%,#fffcf673 37%,transparent 70%)}
#top.binly-world .hw-copy:before{inset:-35px -2% -60px;background:radial-gradient(ellipse at 50% 38%,#fffdf9c9 0%,#fffdf97a 43%,#fffdf924 63%,transparent 79%)}
#top.binly-world .hw-copy:after{left:12%;bottom:-80px;width:65%;height:160px;background:radial-gradient(ellipse,#f6d9a044,transparent 72%)}
#top.binly-world .hw-world{margin-top:clamp(-190px,-12vw,-125px)}
#top.binly-world .hw-picture{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0003 9%,#0009 20%,#000e 32%,#000 42%);mask-image:linear-gradient(180deg,transparent 0%,#0003 9%,#0009 20%,#000e 32%,#000 42%)}
#top.binly-world .hw-air{background:radial-gradient(ellipse at 79% 8%,#ffe3b663,transparent 53%),radial-gradient(ellipse at 23% 0%,#edf4fb4d,transparent 40%)}
@media(min-width:761px) and (max-width:1100px){#top.binly-world .hw-world{margin-top:-120px}}
@media(max-width:760px){
 #top.binly-world .hw-environment{opacity:.19;-webkit-mask-image:linear-gradient(180deg,#0005 0%,#000 24%,transparent 55%);mask-image:linear-gradient(180deg,#0005 0%,#000 24%,transparent 55%)}
 #top.binly-world .hw-environment img{object-position:center top;filter:blur(18px) saturate(.6)}
 #top.binly-world .hw-copy:before{inset:-20px -8% -45px;background:radial-gradient(ellipse,#fffdf9d9 15%,#fffdf973 52%,transparent 78%)}
 #top.binly-world .hw-copy:after{left:3%;bottom:-85px;width:94%;height:150px}
 #top.binly-world .hw-world{margin-top:-100px}
 #top.binly-world .hw-picture{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0004 4%,#000b 10%,#000 21%);mask-image:linear-gradient(180deg,transparent 0%,#0004 4%,#000b 10%,#000 21%)}
}
@media(max-width:360px){#top.binly-world .hw-world{margin-top:-88px}}


/* A readable value becomes a warm completion mark exactly when the light arrives. */
#top.binly-world .hw-caption strong{position:relative;width:fit-content;max-width:100%;padding:5px 9px 7px;border-radius:4px;font-size:15px;line-height:1.4;color:#fff7e7;background:#142030b8;text-shadow:0 1px 3px #07132180;transition:color .35s ease,background-color .35s ease,box-shadow .35s ease}
#top.binly-world .hw-caption-event strong{margin-left:auto;margin-right:auto}
#top.binly-world .hw-caption strong:after{content:"";position:absolute;left:9px;right:9px;bottom:3px;height:2px;background:#c28c2b;transform:scaleX(0);transform-origin:left;transition:transform .65s ease}
#top.binly-world .hw-value-detail{font-size:.8em;font-weight:450}
@media(prefers-reduced-motion:no-preference){
 #top.binly-world[data-motion="playing"][data-screen-on="true"] .hw-caption-content strong,
 #top.binly-world[data-motion="playing"][data-stage-on="true"] .hw-caption-event strong,
 #top.binly-world[data-motion="playing"][data-result-on="true"] .hw-caption-system strong{color:#493212;background:#ffe6acf2;text-shadow:none;box-shadow:0 0 15px #f3c57250}
 #top.binly-world[data-motion="playing"][data-screen-on="true"] .hw-caption-content strong:after,
 #top.binly-world[data-motion="playing"][data-stage-on="true"] .hw-caption-event strong:after,
 #top.binly-world[data-motion="playing"][data-result-on="true"] .hw-caption-system strong:after{transform:scaleX(1)}
}
@media(max-width:760px){#top.binly-world .hw-caption strong{font-size:14px;padding:4px 8px 6px}#top.binly-world .hw-caption-event strong{margin-left:0;margin-right:0}}
@media(prefers-reduced-motion:reduce){#top.binly-world .hw-caption strong,#top.binly-world .hw-caption strong:after{transition:none}}