/* Editorial chrome and autonomous motion across every section. */
.page-scene{background:#f3f5f8;color:#191c1f;position:relative;isolation:isolate;overflow:hidden}
.page-scene-inner{max-width:1128px;min-height:635px;margin:auto;padding:75px 40px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:15px}
.page-scene-copy{position:relative;z-index:2;min-width:0}
.page-scene .page-intro{margin:0}.page-scene h1{font-size:clamp(45px,4.35vw,64px);line-height:1.055;letter-spacing:-2.1px;font-weight:500;margin:0}
.page-scene .eyebrow,.page-scene .rev-pricing-label{font-size:13px;letter-spacing:0;font-weight:500;margin:0 0 28px;color:#5d6672}
.page-scene .lead,.page-scene h1+p{font-size:16px;line-height:1.65;max-width:450px;margin:26px 0 0;color:#55606e}
.page-scene .actions{margin-top:30px;gap:18px}.page-scene .button{font-size:13px;padding:13px 23px}.page-scene .text-link{font-size:12px}
.page-scene-copy>.button{margin-top:30px}
.scene-visual{position:relative;height:450px;min-width:0;isolation:isolate;pointer-events:none}
.scene-art{position:absolute;inset:0 -120px 0 -80px;transform:translate3d(var(--pointer-x,0px),calc(var(--parallax-y,0px) + var(--pointer-y,0px)),0);transition:transform .7s cubic-bezier(.16,1,.3,1);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 83%,transparent);mask-composite:intersect}
.scene-art img{height:100%;width:100%;object-fit:cover;object-position:75% center;mix-blend-mode:multiply;animation:scene-float 9s ease-in-out infinite alternate}
.scene-visual:after{content:'';position:absolute;inset:0 -130px 0 -90px;pointer-events:none;background:linear-gradient(90deg,#f3f5f8,transparent 25%,transparent 88%,#f3f5f8);z-index:0}
.scene-dark{background:#000;color:white}.scene-dark .eyebrow,.scene-dark .rev-pricing-label{color:#a5b5cd}.scene-dark .lead,.scene-dark h1+p{color:#b0bdd0}
.scene-dark .scene-art img{mix-blend-mode:normal;object-fit:contain;animation:orbit-turn 13s ease-in-out infinite alternate}
.scene-dark .scene-visual:after{background:linear-gradient(90deg,#000,transparent 35%,transparent 90%,#000)}
.scene-dark .button:not(.outline){background:white;color:#191c1f}.scene-dark .text-link{color:#dbe5f6}
.scene-compact .page-scene-inner{min-height:470px;padding-block:45px}.scene-compact .scene-visual{height:360px}.scene-compact h1{font-size:58px}
.after-page-scene{padding-top:62px}.help-hero.after-page-scene{padding-top:35px;padding-bottom:35px;background:white}
.help-hero.after-page-scene .big-search{margin-top:0;background:#f6f7f9;max-width:760px}.help-hero.after-page-scene .pills{margin-bottom:0}
.trading-hero.after-page-scene{padding-top:0}.trading-hero-screen{margin-top:0}
.page-scene-market .page-scene-inner{padding-bottom:45px}.page-scene-market .scene-art{inset:-35px -135px 0 -40px}
.scene-glass-chart{position:absolute;z-index:1;left:5%;right:-2%;top:37%;padding:24px 25px 16px;background:#10192fc4;backdrop-filter:blur(20px);border:1px solid #9ab9fa65;border-radius:20px;box-shadow:0 20px 65px #0008;transform:rotate(-6deg);animation:scene-panel 8s ease-in-out infinite alternate}
.scene-glass-chart>span{display:flex;justify-content:space-between;gap:16px;font-size:17px;color:white}.scene-glass-chart small{font-size:9px;color:#b2bed3}
.scene-spark{display:block;width:100%;height:auto;overflow:visible}.spark-grid{stroke:#93a9ca22;stroke-width:1}.spark-line{stroke:#74a6ff;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;animation:spark-draw 4.2s ease-out infinite;filter:drop-shadow(0 0 5px #367dff70)}.spark-end{fill:#dce9ff;animation:spark-dot 4.2s ease-out infinite}
.scene-layers{position:absolute;inset:26% -1% auto 12%;z-index:1;perspective:1000px;display:grid;gap:18px;transform:rotate(-8deg)}
.scene-layers>div{display:flex;align-items:center;gap:14px;padding:22px;background:linear-gradient(120deg,#ffffffdb,#ffffff69);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:16px;box-shadow:0 12px 25px #17355518;font-size:13px;color:#2c3d5c;animation:layer-hover 7s ease-in-out calc(var(--i)*-.8s) infinite alternate}
.scene-layers>div>span:last-child{margin-left:auto}.layer-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,white,#609fff 30%,#082998);box-shadow:inset 0 0 0 1px #5175b4}
.scene-dark .scene-layers>div{background:linear-gradient(125deg,#8aabc756,#08101ac9);color:#eff6ff;border-color:#a7bfe861;box-shadow:0 20px 45px #0007}
.scene-network{display:flex;gap:12px;position:absolute;bottom:18%;left:0;right:-7%;align-items:center;justify-content:center;z-index:1;transform:rotate(-7deg)}
.scene-network span{padding:24px 20px;border-radius:18px;background:#ffffffa6;border:1px solid #fff;backdrop-filter:blur(14px);box-shadow:0 15px 32px #1b448524;color:#203458;font-size:15px;animation:scene-panel 7s ease-in-out infinite alternate}.scene-network span:nth-of-type(2){animation-delay:-2s}.scene-network span:nth-of-type(3){animation-delay:-4s}.scene-network i{width:27px;height:1px;background:#708bb6;position:relative;flex-shrink:0}.scene-network i:after{content:'';position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#235ed4;animation:flow-dot 2s linear infinite}
.scene-conversation{position:absolute;inset:21% -2% auto 4%;display:flex;flex-direction:column;gap:20px;z-index:1;transform:rotate(-5deg)}
.scene-conversation span{font-size:20px;letter-spacing:-.5px;align-self:flex-start;border-radius:22px 22px 22px 5px;background:#ffffffdc;border:1px solid white;padding:23px 28px;box-shadow:0 15px 30px #1d41811a;backdrop-filter:blur(16px);animation:layer-hover 7s ease-in-out infinite alternate}
.scene-conversation span+span{align-self:flex-end;background:#2458cfe8;color:white;border-color:#648bde;animation-delay:-2s;border-radius:22px 22px 5px 22px}.scene-conversation i{font-style:normal;padding-left:18px}
.scene-caption{position:absolute;z-index:1;left:7%;top:35%;font-size:36px;letter-spacing:-1.5px;line-height:1.1;font-weight:500;transform:rotate(-8deg);color:#253c64}.scene-caption span{color:#1551b5}
.scene-company .scene-art{inset:-65px -170px -45px -55px}.scene-company .scene-art img{object-position:90% center}
.page-scene-business h1{font-size:57px}.page-scene-business .scene-art{inset:-25px -170px -20px -70px}.page-scene-business .scene-art img{object-position:68% center;animation:scene-rise 9s ease-in-out infinite alternate}
.header-on-photo:has(.scene-dark) .header{background:#000}.header-on-photo:has(.scene-dark) .mega.rev-mega{background:#25272bed}
.motion-controls{justify-content:center}.motion-frame-footer{justify-content:space-between}
.onboarding-visual{height:220px;margin:20px -10px 0;border-radius:22px;background:#f3f5f8}.onboarding-visual .scene-visual{height:100%}.onboarding-visual .scene-art{inset:-90px -30px -65px -30px}.onboarding-visual .scene-art img{object-position:75% center}.onboarding-visual .scene-visual:after{display:none}.start-layout{gap:60px}.start-intro .stepper{margin-block:25px}
.platform-visual{height:145px;margin:24px -8px 0;padding:10px 24px;border-radius:16px;background:radial-gradient(ellipse at 30% 20%,#23314c,#0a0e16 85%);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;color:white;isolation:isolate}.platform-visual .scene-spark{max-width:240px;height:125px}.platform-card h2{margin-top:23px}.platform-card{transition:box-shadow .3s,border-color .3s;min-width:0}.platform-card:hover{border-color:#8099c1;box-shadow:0 12px 45px #1c4f7912}
.scene-candles{display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:130px;padding:8px 0 0}.scene-candles>i{position:relative;display:block;width:8px;height:var(--height);max-height:110px;background:linear-gradient(#87e1ff,#2378b3);transform-origin:bottom;animation:candle-rise 4.2s ease-out calc(var(--i)*.04s) infinite}.scene-candles>i:before{content:'';position:absolute;left:calc(50% - .5px);top:-8px;width:1px;height:var(--wick);background:#5ba5d0;z-index:-1}.scene-candles>.fall{background:linear-gradient(#dfddf5,#9393ca)}
.api-flow{display:flex;align-items:center;justify-content:center;gap:12px}.api-flow span{border:1px solid #a0bcec77;background:linear-gradient(140deg,#6888b93b,#111b2d);padding:18px 13px;border-radius:12px;font-size:18px;box-shadow:inset 0 1px 0 #bdcee74d}.api-flow i{position:relative;width:20px;height:1px;background:#52749d}.api-flow i:after{content:'';width:5px;height:5px;background:#9ee8ff;border-radius:50%;position:absolute;top:-2px;animation:flow-dot 1.4s linear infinite}
.logic-flow{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,32px);gap:22px;transform:rotate(-8deg)}.logic-flow i{border-radius:7px;background:linear-gradient(135deg,#e1f0ff,#7a9fcd 40%,#263d66);box-shadow:0 0 0 1px #b1caf399,0 8px 25px #0004;position:relative;animation:logic-glow 3s ease-in-out infinite alternate}.logic-flow i:after{content:'';position:absolute;left:100%;top:50%;width:22px;height:1px;background:#7d9dce}.logic-flow i:nth-child(3):after,.logic-flow i:last-child:after{display:none}.logic-flow i:nth-child(2){animation-delay:-1s}.logic-flow i:nth-child(4){animation-delay:-2s}
.dma-flow{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}.dma-flow i{position:absolute;border:1px solid #739fe172;width:80px;height:80px;border-radius:50%;animation:signal-ring 3s linear infinite;z-index:-1}.dma-flow i:nth-child(2){animation-delay:-1s}.dma-flow i:nth-child(3){animation-delay:-2s}.dma-flow span{font-size:20px;letter-spacing:2px;background:#162239;border:1px solid #7593bd;padding:17px 20px;border-radius:50%}
.article-art{position:relative;overflow:hidden;background:#e9eef7;isolation:isolate}.article-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2;animation:scene-float 10s ease-in-out infinite alternate}.article-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f1f4f8ee,#f1f4f88c 45%,transparent);z-index:-1}.article-art strong,.article-art>span{position:relative;z-index:1;color:#172a49}.article-art strong{font-size:34px;max-width:75%}.article-art .round-arrow{background:#ffffffe0;color:#1b3158}.article-art.art-read-chart{background:#101926}.article-art.art-read-chart:after{background:linear-gradient(90deg,#101926,#101926aa 52%,transparent)}.article-art.art-read-chart strong,.article-art.art-read-chart>span{color:white}.article-card-graphic{position:absolute;bottom:8px;right:-15px;width:95%;z-index:-2;transform:rotate(-8deg)}
.article-visual{position:relative;margin:35px 0 45px;height:330px;background:#f3f5f8;border-radius:24px;isolation:isolate;overflow:hidden}.article-visual .scene-visual{height:100%;position:absolute;inset:0;z-index:-1}.article-visual .scene-art{inset:-40px -60px -30px 20%}.article-visual .scene-visual:after{background:linear-gradient(90deg,#f3f5f8,transparent 55%)}.article-visual>span{position:absolute;top:35px;left:32px;max-width:240px;font-size:29px;line-height:1.15;letter-spacing:-1px;color:#243651;font-weight:500}.article-visual>small{position:absolute;bottom:18px;left:32px;color:#a5b8d2;font-size:10px}.article-visual-read-chart{background:#101722}.article-visual-read-chart>span{color:white}.article-chart{position:absolute;inset:30px 25px 20px 35%;display:flex;align-items:flex-end}.article-chart>.scene-spark{position:absolute;top:0;height:200px}.article-chart>.scene-candles{position:absolute;bottom:0;right:10px;left:10px;opacity:.65;transform:scaleY(.65);transform-origin:bottom}.reading-progress{position:fixed;top:72px;left:0;right:0;height:2px;background:linear-gradient(90deg,#8c9cfb,#2868d6,#54bfdb);transform:scaleX(var(--reading-progress,0));transform-origin:left;z-index:39}.reading>.article-meta{margin-top:25px}
.business-statement{position:relative;isolation:isolate;overflow:hidden;min-height:330px;background:#000}.business-orbit{position:absolute;right:-55px;top:-180px;width:620px;height:620px;object-fit:contain;z-index:-2;opacity:.75;animation:orbit-turn 12s ease-in-out infinite alternate}.business-statement:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 18%,#000a 48%,transparent);z-index:-1}.business-statement>span{font-size:57px;max-width:520px}.business-statement>p{position:relative;z-index:1;background:#11182091;backdrop-filter:blur(10px);padding:18px;border-radius:15px;color:#d2dfef}
.company-year{position:relative;padding-bottom:95px;overflow:hidden}.company-year>strong{background:linear-gradient(120deg,#26374c,#b7c7dd 20%,#f1f4f8 30%,#667b96 46%,#243953 58%,#95baff 75%,#344765);background-size:200%;color:transparent;background-clip:text;animation:chrome-text 9s ease-in-out infinite alternate}.history-line{position:absolute;bottom:35px;left:0;right:0;height:1px;background:#dce4ef;display:flex;justify-content:space-between}.history-line:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#193156,#7cb7ff);transform-origin:left;animation:history-draw 5s ease-out infinite}.history-line i{position:relative;top:-4px;width:9px;height:9px;background:#a5bad6;border:2px solid white;box-shadow:0 0 0 1px #c0ccdd;border-radius:50%;z-index:1}
.tariff-reflection{position:relative;overflow:hidden}.tariff-reflection:before{content:'';position:absolute;top:0;left:-40%;width:35%;height:1px;background:linear-gradient(90deg,transparent,#94adcf,transparent);animation:tariff-light 7s ease-in-out infinite}.tariff-reflection:nth-child(2):before{animation-delay:-2s}.tariff-reflection:nth-child(3):before{animation-delay:-4s}.document-row .doc-icon{background:linear-gradient(145deg,#fff,#ebeff5 35%,#a5b7cc 36%,#f2f6fa 40%,#d6e0ed);color:#344966;border-color:#b9c7d6;transition:transform .3s,box-shadow .3s}.document-row:hover .doc-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:0 5px 14px #1934521c}
.scene-enter{animation:scene-enter .7s cubic-bezier(.16,1,.3,1) both}.motion-reduced .scene-enter{opacity:1;transform:none}
@keyframes scene-float{from{transform:translateY(5px) rotate(-.7deg) scale(1.025)}to{transform:translateY(-10px) rotate(.7deg) scale(1.055)}}
@keyframes scene-rise{from{transform:translateY(12px) scale(1.02)}to{transform:translateY(-9px) scale(1.055)}}
@keyframes scene-panel{from{transform:translateY(5px) rotate(-6deg)}to{transform:translateY(-8px) rotate(-4deg)}}
@keyframes layer-hover{from{transform:translate3d(0,5px,0)}to{transform:translate3d(8px,-8px,15px)}}
@keyframes spark-draw{0%{stroke-dashoffset:1;opacity:.4}22%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes spark-dot{0%,20%{opacity:0}24%,85%{opacity:1}100%{opacity:0}}
@keyframes candle-rise{0%{transform:scaleY(.02);opacity:.2}25%,88%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes flow-dot{from{left:0;opacity:0}20%{opacity:1}to{left:100%;opacity:0}}
@keyframes signal-ring{from{transform:scale(.65);opacity:.9}to{transform:scale(2);opacity:0}}
@keyframes logic-glow{from{filter:brightness(.7);transform:translateY(0)}to{filter:brightness(1.25);transform:translateY(-4px)}}
@keyframes chrome-text{from{background-position:0%}to{background-position:100%}}
@keyframes history-draw{0%{transform:scaleX(0);opacity:.4}45%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes tariff-light{0%,15%{left:-40%;opacity:0}40%{opacity:1}85%,100%{left:110%;opacity:0}}
@keyframes scene-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1119px){.page-scene-inner{padding:60px 32px;min-height:590px;gap:0}.page-scene h1,.page-scene-business h1{font-size:50px;letter-spacing:-1.7px}.page-scene .lead,.page-scene h1+p{font-size:15px;max-width:390px}.scene-visual{height:400px}.scene-art{inset:0 -100px 0 -70px}.scene-compact h1{font-size:48px}.scene-network{gap:7px;left:4%;right:-7%}.scene-network span{padding:20px 12px;font-size:12px}.scene-network i{width:15px}.scene-conversation span{font-size:16px;padding:20px}.scene-layers>div{font-size:11px;padding:19px 15px}.scene-glass-chart{padding:20px 16px;left:6%;right:0}.scene-glass-chart small{font-size:8px}.scene-caption{font-size:32px}.reading-progress{top:64px}.start-layout{gap:35px}}
@media(max-width:767px){
 .page-scene-inner{grid-template-columns:1fr;min-height:0;padding:48px 20px 0;gap:0}.page-scene h1,.page-scene-business h1,.scene-compact h1{font-size:clamp(35px,10.5vw,46px);line-height:1.06;letter-spacing:-1.3px;max-width:560px}.page-scene .lead,.page-scene h1+p{font-size:15px;line-height:1.6;margin-top:22px;max-width:500px}.page-scene .eyebrow,.page-scene .rev-pricing-label{font-size:11px;margin-bottom:23px}.page-scene .actions{margin-top:26px;gap:12px}.page-scene .button{font-size:12px;padding:12px 19px}.page-scene .text-link{font-size:11px}.scene-visual{height:330px;margin-top:10px}.scene-art{inset:-15px -60px -20px -80px}.scene-art img{object-position:72% center}.scene-visual:after{inset:-25px -25px 0;background:linear-gradient(180deg,#f3f5f8,transparent 20%,transparent 92%,#f3f5f8)}.scene-dark .scene-visual:after{background:linear-gradient(180deg,#000,transparent 28%,transparent 92%,#000)}.scene-compact .page-scene-inner{min-height:0;padding:42px 20px 0}.scene-compact .scene-visual{height:250px;margin-top:15px}.scene-compact .scene-art{inset:-60px -20px -25px -70px}.scene-company .scene-art{inset:-45px -75px -70px -140px}.page-scene-business .scene-art{inset:-20px -80px -20px -100px}.page-scene-market .page-scene-inner{padding-bottom:0}.page-scene-market .scene-art{inset:-15px -65px -35px 15px}.scene-glass-chart{left:6%;right:5%;top:27%;padding:20px}.scene-glass-chart .scene-spark{height:150px}.scene-layers{inset:15% 5% auto 10%;gap:12px;transform:rotate(-7deg)}.scene-layers>div{padding:16px 18px;font-size:11px}.scene-pricing .scene-layers{top:14%}.scene-network{left:0;right:0;bottom:22%;gap:10px}.scene-network span{font-size:13px;padding:21px 13px}.scene-network i{width:20px}.scene-conversation{inset:15% 0 auto 0;gap:15px;transform:rotate(-4deg)}.scene-conversation span{font-size:17px;padding:20px 23px}.scene-caption{font-size:31px;top:31%;left:3%}.after-page-scene{padding-top:40px}.help-hero.after-page-scene{padding-top:25px;padding-bottom:25px}.help-hero.after-page-scene .pills{justify-content:flex-start}.trading-hero.after-page-scene{padding-top:10px}.platform-visual{height:145px;margin-top:22px}.article-art strong{font-size:36px}.article-visual{height:270px;margin:28px 0 32px;border-radius:19px}.article-visual>span{top:25px;left:23px;font-size:24px;max-width:190px}.article-visual .scene-art{inset:5px -50px -35px -15%}.article-visual .scene-visual{margin:0}.article-visual .scene-visual:after{background:linear-gradient(90deg,#f3f5f8cc,transparent 65%)}.article-chart{inset:70px 15px 18px 15px}.article-chart>.scene-spark{height:145px}.article-chart>.scene-candles{transform:scaleY(.5);bottom:3px}.article-visual>small{bottom:12px;left:23px;font-size:8px}.article-visual-read-chart>span{font-size:22px;max-width:100%}.reading-progress{top:60px}.onboarding-visual{height:160px;margin:20px 0 0}.onboarding-visual .scene-visual{margin:0}.onboarding-visual .scene-art{inset:-120px 0 -110px -20px}.start-layout{gap:24px}.start-intro .stepper{margin:20px 0}.start-intro .demo-note{margin:15px 0 0}.business-statement{min-height:360px;padding:30px;gap:70px}.business-statement>span{font-size:38px}.business-statement>p{align-self:flex-end;font-size:11px}.business-orbit{width:440px;height:440px;right:-120px;top:0}.company-year{padding-bottom:75px}.company-year>strong{font-size:130px}.history-line{bottom:28px}
}
@media(prefers-reduced-motion:reduce){.scene-enter{opacity:1;transform:none}.spark-line{stroke-dashoffset:0}.spark-end{opacity:1}}
.motion-reduced .spark-line{stroke-dashoffset:0}.motion-reduced .spark-end{opacity:1}
