/* EcoHalo Web World 1.0 — browser port of the authored app material language.
   Glass: EcoGlassRoundedRect / EcoGlassEllipse. Water: EcoWaterDropletOutline,
   EcoWaterBlockGeometry. Canonical palette; 600ms water press, 520ms pane entry.
   Structural glass stays still. Motion belongs to the scene, not the material. */
:root {
 --snow:#F0EBDF; --sand:#DED4C2; --fog:#8A9993; --stone:#5C6662;
 --mountain:#454D4A; --moon:#2E3331; --void:#171A19; --leaf:#3F7051;
 --mint:#A3C982; --mist:#9FCBE5; --sky:#4F7FAF; --lavender:#6259A8;
 --sea:#38185F; --rose:#A75A8D; --sun:#D0B871; --ember:#BF7F7F;
 --clay:#9A6A55; --citrus:#E8873F; --cove:#4F9C95;
 --ink:var(--moon); --muted:#454D4A; --pane-top:rgba(240,235,223,.78);
 --pane-bottom:rgba(240,235,223,.58); --water-rgb:159,203,229;
 --world-wash:rgba(222,212,194,.49); --world-opacity:.76;
 --rim-light:rgba(255,255,255,.88); --rim-dark:rgba(46,51,49,.26);
 color-scheme:light;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:130px; }
body { display:block; margin:0; min-height:100svh; background:var(--sand); color:var(--ink); font-family:"EcoHalo Handwritten",Inter,system-ui,sans-serif; font-size:19px; font-weight:400; line-height:1.65; font-synthesis:none; overflow-x:clip; }
body.company-world { --world-wash:rgba(222,212,194,.76); --world-opacity:.63; }
body.serena-world { --world-wash:rgba(222,212,194,.66); --world-opacity:.67; }
html[data-world-theme="night"] { color-scheme:dark; --ink:var(--snow); --muted:#DED4C2; --pane-top:rgba(46,51,49,.78); --pane-bottom:rgba(23,26,25,.62); --world-wash:rgba(23,26,25,.35); --rim-dark:rgba(0,0,0,.55); --rim-light:rgba(240,235,223,.52); }
html[data-world-theme="night"] body { background:var(--void); }
html[data-world-theme="night"] body.company-world { --world-wash:rgba(23,26,25,.65); }
html[data-world-theme="night"] body.serena-world { --world-wash:rgba(23,26,25,.49); }
img,video { display:block; max-width:100%; }
img { height:auto; }
button,input,textarea,select { font:inherit; }
a { color:inherit; text-underline-offset:5px; }
button,a { -webkit-tap-highlight-color:transparent; }
button { color:inherit; }
:focus-visible { outline:3px solid var(--sky); outline-offset:6px; }
h1,h2,h3,h4,p,figure { margin:0; }
h1,h2,h3,h4 { font-weight:600; line-height:1.15; letter-spacing:0; text-wrap:balance; }
h1 { font-size:clamp(48px,5.7vw,84px); }
h2 { font-size:clamp(36px,4.2vw,59px); }
h3 { font-size:clamp(27px,2.3vw,35px); }
p + p { margin-top:18px; }
.brand-tm { font: .55em/0 Inter,system-ui,sans-serif; vertical-align:super; margin-left:.035em; }
.world-backdrop { position:fixed; inset:0; z-index:-2; overflow:hidden; background:var(--sand); pointer-events:none; }
.world-backdrop video,.world-backdrop .wave-poster { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; opacity:var(--world-opacity); transition:opacity 700ms ease; }
.world-backdrop video { opacity:0; }
.world-backdrop.is-playing video { opacity:var(--world-opacity); }
.world-backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,var(--world-wash),var(--world-wash)); }
.world-wrap { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.glass { position:relative; isolation:isolate; border-radius:34px; background:linear-gradient(155deg,var(--pane-top),var(--pane-bottom)); backdrop-filter:blur(9px) saturate(1.08); -webkit-backdrop-filter:blur(9px) saturate(1.08); box-shadow:0 18px 42px rgba(23,26,25,.10),inset 0 2px 1px rgba(255,255,255,.35),inset 0 -3px 7px rgba(23,26,25,.08); }
.glass::before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; padding:2px; pointer-events:none; background:linear-gradient(132deg,var(--rim-light),var(--rim-dark) 26%,rgba(240,235,223,.63) 49%,var(--rim-dark) 76%,var(--rim-light)); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.glass::after { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.14) 42%,transparent 61%); background-size:250% 100%; opacity:.44; }
@media (prefers-reduced-motion:no-preference) {
 .world-motion .glass.is-visible::after { animation:glass-glint 19s ease-in-out infinite alternate; }
 @keyframes glass-glint { from { background-position:100% 0; } to { background-position:0 0; } }
 .world-motion .is-revealing { animation:pane-arrival 520ms cubic-bezier(.2,.65,.25,1) both; }
 @keyframes pane-arrival { from { transform:translateX(var(--arrival-x,-22px)); } to { transform:translateX(0); } }
}
body.is-scrolling .glass::after,html[data-world-motion="still"] .glass::after { animation-play-state:paused!important; }
.site-header { position:relative; z-index:10; display:flex; align-items:center; gap:24px; min-height:92px; margin-block:24px 54px; padding:18px 26px; border-radius:28px; }
.brand { display:inline-flex; align-items:center; gap:12px; flex:none; font-weight:600; font-size:25px; text-decoration:none; line-height:1.1; }
.brand img { object-fit:contain; width:47px; height:47px; }
.brand img.intekoa-lockup { width:224px; height:auto; border-radius:0; }
.brand .serena-brand { width:54px; height:49px; }
.brand-copy { white-space:nowrap; }
.site-nav { display:flex; gap:27px; align-items:center; margin-left:auto; font-size:17px; }
.site-nav a { text-decoration:none; }
.site-nav a:hover { text-decoration:underline; }
.world-tools { display:flex; align-items:center; gap:8px; }
.world-tool { min-width:66px; padding:10px 12px!important; font-size:14px!important; }
.water-action { --water-rgb:159,203,229; appearance:none; border:0; display:inline-flex; align-items:center; justify-content:center; gap:9px; position:relative; border-radius:20px; padding:16px 25px; min-height:54px; cursor:pointer; color:var(--ink); font-size:18px; font-weight:600; text-decoration:none; text-align:center; line-height:1.25; background:radial-gradient(ellipse at 40% 34%,rgba(255,255,255,.28),rgba(var(--water-rgb),.16) 42%,transparent 76%),linear-gradient(165deg,rgba(var(--water-rgb),.57),rgba(var(--water-rgb),.30) 62%,rgba(23,26,25,.16)); box-shadow:0 7px 9px -6px rgba(23,26,25,.42),inset 0 2px 2px rgba(255,255,255,.52),inset 0 -3px 5px rgba(23,26,25,.12); transform-origin:50% 85%; }
.water-action::before { content:""; position:absolute; inset:0; border:1.5px solid rgba(240,235,223,.56); border-bottom-color:rgba(46,51,49,.25); border-radius:inherit; pointer-events:none; }
.water-action.primary { --water-rgb:163,201,130; }
.water-action.cove { --water-rgb:79,156,149; }
.water-action.sun { --water-rgb:208,184,113; }
.water-action:hover::before { border-top-color:#fff; }
.water-action .action-label { position:relative; text-shadow:0 1px 1px rgba(23,26,25,.09); }
.water-action .action-label::after { content:attr(data-reflect); position:absolute; top:100%; left:0; right:0; height:6px; overflow:hidden; opacity:.12; transform:scaleY(-1); mask-image:linear-gradient(transparent,#000); pointer-events:none; }
.water-action[aria-pressed="true"] { box-shadow:inset 0 2px 5px rgba(23,26,25,.15),0 2px 5px rgba(23,26,25,.13); }
.hero { display:grid; grid-template-columns:1.04fr .96fr; gap:46px; align-items:center; min-height:690px; margin-bottom:78px; }
.hero-copy { padding:48px 44px; }
.eyebrow { font-size:13px; line-height:1.5; font-weight:600; letter-spacing:.11em; text-transform:uppercase; margin-bottom:22px; color:var(--muted); }
.hero h1 { margin-bottom:30px; }
.accent { color:var(--leaf); }
html[data-world-theme="night"] .accent { color:var(--mint); }
.serena-world .accent { color:color-mix(in srgb,var(--cove) 64%,var(--moon)); }
html[data-world-theme="night"] .serena-world .accent { color:color-mix(in srgb,var(--cove) 60%,var(--snow)); }
.lede { font-size:21px; line-height:1.6; color:var(--muted); max-width:610px; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:30px; }
.quiet-link { font-size:17px; font-weight:500; }
.hero-visual { position:relative; min-width:0; min-height:670px; display:grid; place-items:center; }
.screen-stack { width:100%; height:615px; position:relative; display:grid; place-items:center; }
.screen-stack .screen-main { position:relative; z-index:2; width:244px; margin:0; padding:8px; border-radius:30px; transform:rotate(-2deg); }
.screen-stack .screen-main img { border-radius:23px; width:100%; height:auto; transition:opacity 260ms ease; }
.screen-stack .screen-wing { position:absolute; width:185px; border-radius:24px; padding:6px; top:90px; }
.screen-wing img { width:100%; border-radius:18px; }
.screen-wing.left { left:24px; transform:rotate(-11deg); }
.screen-wing.right { right:24px; transform:rotate(10deg); top:132px; }
.visual-note { position:absolute; bottom:0; z-index:3; padding:15px 25px; text-align:center; font-size:16px; border-radius:24px; max-width:90%; }
.visual-note span { display:block; font-size:12px; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); }
.section { margin-block:90px; scroll-margin-top:32px; }
.section-heading { padding:32px 38px; max-width:900px; margin-bottom:30px; }
.section-heading p:not(.eyebrow) { max-width:710px; color:var(--muted); margin-top:17px; }
.section-heading .eyebrow { margin-bottom:12px; }
.screen-rail { display:flex; gap:24px; overflow-x:auto; padding:22px 24px 40px; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; border-radius:36px; }
.screen-rail::-webkit-scrollbar { display:none; }
.screen-card { flex:0 0 285px; scroll-snap-align:center; padding:9px 9px 17px; border-radius:28px; align-self:flex-start; }
.screen-card:nth-child(even) { margin-top:40px; }
.screen-card img { width:100%; height:auto; border-radius:20px; }
.screen-card figcaption { font-size:15px; line-height:1.3; text-align:center; padding:16px 4px 0; }
.feature-row { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:30px; }
.feature { padding:27px 28px 33px; }
.feature p { color:var(--muted); font-size:18px; margin-top:14px; }
.water-droplet-link { width:132px; height:142px; display:grid; place-items:center; position:relative; margin:0 auto 12px; color:var(--sun); transform-origin:50% 82%; text-decoration:none; }
.water-volume { position:absolute; inset:0; display:grid; place-items:center; transform-origin:50% 82%; }
.world-motion .water-droplet-link.is-visible .water-volume { animation:water-drift 6s ease-in-out infinite alternate; }
@keyframes water-drift { from { transform:translate(-1px,0) rotate(-.4deg); } to { transform:translate(1px,-1.5px) rotate(.4deg); } }
body.is-scrolling .water-volume { animation-play-state:paused!important; }
.droplet-dish { position:absolute; left:0; right:0; height:41px; bottom:3px; border-radius:50%; background:linear-gradient(170deg,rgba(240,235,223,.3),rgba(240,235,223,.11)); box-shadow:inset 0 1px 1px rgba(255,255,255,.68),inset 0 -2px 3px rgba(46,51,49,.25),0 7px 8px rgba(23,26,25,.08); border:1.5px solid rgba(240,235,223,.4); }
.water-droplet-link svg { width:132px; height:128px; position:absolute; top:0; filter:drop-shadow(0 5px 2px rgba(23,26,25,.13)); }
.droplet-label { position:relative; z-index:1; color:var(--ink); font-weight:600; font-size:18px; margin-top:35px; text-shadow:0 1px 1px rgba(23,26,25,.14); }
.droplet-label::after { content:attr(data-reflect); position:absolute; top:100%; left:0; right:0; text-align:center; transform:scaleY(-1); opacity:.12; height:8px; overflow:hidden; mask-image:linear-gradient(transparent,#000); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:stretch; }
.story { padding:44px; display:flex; flex-direction:column; justify-content:center; }
.story h2 { margin-bottom:24px; }
.story p:not(.eyebrow) { color:var(--muted); }
.landscape-frame { padding:12px; margin-top:28px; border-radius:32px; }
.landscape-frame img { width:100%; height:auto; border-radius:24px; }
.landscape-frame figcaption { padding:16px 12px 6px; font-size:16px; text-align:center; }
.landscape-frame.small { margin-top:0; align-self:center; }
.landscape-frame.small img { border-radius:19px; }
.serena-form-stage { min-height:360px; padding:44px; display:grid; place-items:center; overflow:hidden; }
.serena-form-stage img { width:min(100%,285px); filter:drop-shadow(0 26px 25px rgba(23,26,25,.2)); }
.serena-hero-form { min-height:610px; position:relative; display:grid; place-items:center; }
.serena-hero-form .form-halo { width:100%; height:auto; max-width:470px; filter:drop-shadow(0 25px 22px rgba(23,26,25,.2)); }
.serena-hero-form .form-home { padding:36px; width:100%; }
.serena-hero-form .visual-note { bottom:12px; }
.trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.trust-grid article { padding:36px; }
.trust-grid p { color:var(--muted); margin-top:18px; }
.closing { text-align:center; padding:60px 36px; margin-block:100px 38px; }
.closing h2 { max-width:850px; margin-inline:auto; }
.closing .actions { justify-content:center; }
.closing .brand-symbol { width:76px; height:76px; object-fit:contain; margin:0 auto 20px; }
.closing .eyebrow { margin-bottom:18px; }
.site-footer { padding:32px 34px; margin-bottom:28px; font-size:15px; }
.site-footer .brand { margin-bottom:22px; }
.site-footer p { margin-top:8px; }
.footer-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-block:12px 22px; }
.footer-links a { text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }
.disclosure { color:var(--muted); font-size:13px; }
.world-toggle-message { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:30; padding:10px 22px; font-size:16px; border-radius:20px; pointer-events:none; opacity:0; transition:opacity 200ms; }
.world-toggle-message.is-shown { opacity:1; }
.skip-link { position:fixed; left:20px; top:-80px; z-index:100; padding:10px 20px; background:var(--snow); color:var(--void); border-radius:16px; }
.skip-link:focus { top:12px; }
.company-hero .hero-copy { padding:44px; }
.hero-mark { width:100%; aspect-ratio:1; display:grid; place-items:center; }
.hero-mark-svg { width:88%; height:auto; overflow:visible; filter:drop-shadow(0 18px 18px rgba(23,26,25,.16)); }
.mark-piece { transform-box:fill-box; transform-origin:center; }
.world-motion .hero-mark.is-visible .mark-piece { animation:mark-reform 8s cubic-bezier(.45,.02,.2,1) infinite; }
.mark-mountain { --dx:-40px; --dy:38px; --dr:-14deg; }.mark-citrus { --dx:-50px; --dy:-30px; --dr:20deg; }.mark-sun { --dx:-5px; --dy:-50px; --dr:-12deg; }.mark-mint { --dx:37px; --dy:-45px; --dr:15deg; }.mark-mist { --dx:52px; --dy:-14px; --dr:-18deg; }.mark-sky { --dx:46px; --dy:37px; --dr:17deg; }.mark-lavender { --dx:8px; --dy:53px; --dr:-16deg; }
@keyframes mark-reform { 0%,100% { transform:translate(0,0) rotate(0); } 20%,37% { transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(.8); } 65%,90% { transform:translate(0,0) rotate(0); } }
.project-identity { display:flex; align-items:center; gap:18px; margin-bottom:24px; }
.project-identity img { width:70px; height:70px; object-fit:contain; }
.project-identity .eyebrow { margin-bottom:5px; }
.project-identity h3 { font-size:36px; }
.project-showcase { display:grid; grid-template-columns:1.2fr .8fr; gap:32px; padding:36px; }
.project-showcase .product-image { width:210px; border-radius:22px; justify-self:center; }
.values { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.values article { padding:28px; }
.values span { color:var(--muted); font-size:14px; }
.values h3 { font-size:24px; margin:24px 0 14px; }
.values p { font-size:16px; color:var(--muted); }
.subpage-main { width:min(1050px,calc(100% - 40px)); margin:40px auto; }
.subpage-main > .brand { margin:20px 22px 36px; }
.subpage-content { padding:42px; }
.subpage-content h1 { font-size:clamp(40px,5vw,64px); margin-bottom:24px; }
.subpage-content h2 { font-size:30px; margin:32px 0 15px; }
.subpage-content h3 { font-size:23px; margin:22px 0 10px; }
.subpage-content section { margin-bottom:28px; }
.subpage-content.support { display:grid; grid-template-columns:1.2fr .8fr; gap:32px; align-items:center; }
.qr-card { border-radius:20px; padding:20px; background:var(--snow); color:var(--moon); }
.qr-card img { width:100%; max-width:240px; margin:auto; }
.qr-card figcaption { font-size:15px; text-align:center; margin-top:16px; }
.subpage-content .message { font-size:21px; margin-bottom:26px; }
.secure-note { font-size:14px; margin-top:18px; color:var(--muted); }
.subpage-content footer { margin-top:42px; font-size:14px; }
.subpage-content .intekoa-lockup { width:224px; height:auto; margin-bottom:18px; }
.subpage-content code { overflow-wrap:anywhere; font-size:.85em; }
.thanks-content { max-width:780px; margin:auto; text-align:center; padding:70px 44px; }
@media(min-width:1600px) { .hero { margin-bottom:100px; } }
@media(max-width:1080px) {
 .world-wrap { width:calc(100% - 40px); }.site-header { padding:18px 22px; gap:16px; }.site-nav { gap:17px; font-size:16px; }.brand img.intekoa-lockup { width:182px; }
 .hero { gap:24px; }.hero-copy { padding:34px; }.hero-visual { min-height:560px; }.screen-stack { height:530px; }.screen-stack .screen-main { width:210px; }.screen-stack .screen-wing { width:150px; }.lede { font-size:19px; }
 .feature { padding:24px; }.story { padding:34px; }.values { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:800px) {
 .site-header { flex-wrap:wrap; margin-bottom:32px; }.brand { font-size:22px; }.site-nav { order:3; width:100%; justify-content:center; margin:0; padding-top:10px; border-top:1px solid rgba(138,153,147,.25); }.world-tools { margin-left:auto; }
 .hero { grid-template-columns:1fr; min-height:0; gap:20px; margin-bottom:60px; }.hero-copy { padding:36px; }.hero h1 { max-width:650px; }.hero-visual { min-height:610px; max-width:600px; width:100%; margin:auto; }.screen-stack { height:565px; }.screen-stack .screen-main { width:235px; }.screen-stack .screen-wing { width:180px; }
 .hero-mark { max-width:500px; margin:auto; }.company-hero { gap:12px; }.company-hero .hero-copy { padding:36px; }.serena-hero-form { min-height:450px; max-width:550px; margin:auto; }
 .split,.trust-grid { grid-template-columns:1fr; }.feature-row { grid-template-columns:1fr; }.feature { display:grid; grid-template-columns:135px 1fr; gap:8px 22px; align-items:center; }.feature .water-droplet-link { grid-row:1/3; }.feature h3 { align-self:end; }.feature p { align-self:start; margin:0; }
 .story { padding:36px; }.serena-form-stage { min-height:310px; }.section { margin-block:64px; }.closing { margin-top:68px; }.project-showcase { grid-template-columns:1fr 240px; gap:20px; padding:30px; }
}
@media(max-width:520px) {
 body { font-size:18px; }.world-wrap { width:calc(100% - 28px); }.site-header { border-radius:24px; margin-top:14px; padding:16px; gap:10px; }.brand img.intekoa-lockup { width:157px; }.brand img { width:37px; height:37px; }.brand .serena-brand { width:41px; height:39px; }.brand { font-size:20px; gap:8px; }.world-tool { min-width:53px; padding:9px 10px!important; font-size:13px!important; }.world-tools { gap:5px; }.site-nav { font-size:16px; gap:25px; }
 .glass { border-radius:27px; }.hero-copy,.company-hero .hero-copy { padding:29px 25px; }.eyebrow { font-size:11px; margin-bottom:18px; }.hero h1 { font-size:clamp(41px,10.9vw,57px); }.lede { font-size:18px; }.actions { gap:12px; }.water-action { padding:14px 20px; font-size:17px; min-height:50px; }
 .hero-visual { min-height:530px; }.screen-stack { height:490px; }.screen-stack .screen-main { width:207px; }.screen-stack .screen-wing { width:136px; top:82px; }.screen-wing.right { top:119px; }.screen-wing.left { left:24px; }.visual-note { font-size:14px; bottom:1px; padding:12px 20px; }
 .section-heading { padding:26px; }.section-heading h2,h2 { font-size:36px; }.screen-rail { margin-inline:-7px; gap:20px; padding:18px 25px 32px; }.screen-card { flex-basis:205px; }.screen-card:nth-child(even) { margin-top:22px; }
 .feature { grid-template-columns:100px 1fr; padding:24px 21px; gap:8px 18px; }.water-droplet-link { width:100px; height:115px; }.water-droplet-link svg { width:100px; height:97px; }.droplet-label { font-size:15px; margin-top:23px; }.droplet-dish { height:33px; }.feature h3 { font-size:25px; }.feature p { font-size:16px; }
 .story,.trust-grid article { padding:28px; }.landscape-frame { padding:8px; border-radius:24px; }.landscape-frame img { border-radius:18px; }.landscape-frame figcaption { font-size:14px; padding:14px 6px 6px; }.serena-form-stage { padding:28px; min-height:280px; }.serena-form-stage img { width:220px; }
 .closing { padding:42px 27px; }.closing h2 { font-size:35px; }.site-footer { padding:27px; font-size:14px; }.footer-links { gap:12px 20px; }.disclosure { font-size:12px; }
 .project-showcase { display:flex; flex-direction:column; padding:27px; }.project-showcase .product-image { width:200px; margin:auto; }.project-identity { gap:14px; }.project-identity img { width:55px; height:55px; }.project-identity h3 { font-size:30px; }
 .values { grid-template-columns:1fr 1fr; gap:14px; }.values article { padding:22px 18px; }.values h3 { font-size:23px; margin-top:18px; }.values p { font-size:15px; }.serena-hero-form { min-height:370px; }.serena-hero-form .form-home { padding:28px; }.serena-hero-form .form-halo { max-width:290px; }
 .subpage-main { width:calc(100% - 28px); margin-top:22px; }.subpage-content { padding:27px; }.subpage-content.support { grid-template-columns:1fr; }.qr-card { max-width:280px; margin:20px auto 0; }.thanks-content { padding:50px 28px; }
}
@media(max-width:350px) { .brand img.intekoa-lockup { width:130px; }.site-header { padding:13px; }.world-tool { min-width:49px; padding:9px 8px!important; }.world-tools { gap:4px; }.site-nav { gap:20px; }.values { grid-template-columns:1fr; }.hero-copy { padding:25px 22px; } }
/* Respect the system default before JS resolves preferences, but let an explicit
   Flow choice govern the entire world, including the actual video display box. */
@media(prefers-reduced-motion:reduce) {
 html:not([data-world-motion="flowing"]) { scroll-behavior:auto; }
 html:not([data-world-motion="flowing"]) *,html:not([data-world-motion="flowing"]) *::before,html:not([data-world-motion="flowing"]) *::after { animation:none!important; transition:none!important; }
 html:not([data-world-motion="flowing"]) .world-backdrop video { display:none; }
}
html[data-world-motion="still"] { scroll-behavior:auto; }
html[data-world-motion="still"] *,html[data-world-motion="still"] *::before,html[data-world-motion="still"] *::after { animation:none!important; transition:none!important; }