@charset "UTF-8";
:root{color-scheme:dark;--bg:#020305;--blue:#2696ff;--text:#f6f9ff;--muted:#adc0da;--ease:cubic-bezier(.22,1,.36,1);font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100svh;background:var(--bg);overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}::selection{color:#fff;background:#0865c8}a:focus-visible{outline:3px solid #78bcff;outline-offset:5px}
.ambient{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 480px 420px at 50% 8%,#10315e35,transparent 85%),radial-gradient(ellipse 750px 490px at 50% 65%,#0a234024,transparent 75%)}
.ambient:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.15' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.08}
.orbit{position:absolute;width:980px;height:980px;border:1px solid #629fff08;border-radius:50%;left:50%;top:-675px;transform:translateX(-50%)}.orbit-two{width:1180px;height:1180px;top:-775px;border-color:#629fff06}
.page{position:relative;z-index:1;width:min(100% - 40px,560px);margin:0 auto;padding:42px 0 23px}
.profile{text-align:center;animation:appear .8s var(--ease) both}
.portrait-ring{position:relative;width:112px;height:112px;padding:5px;margin:0 auto 21px;border:1px solid #3c74ac62;border-radius:50%;background:linear-gradient(160deg,#1684ff18,transparent 70%);box-shadow:0 0 0 6px #0b162426,0 15px 45px #0008}
.portrait{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#111821}.portrait img{display:block;position:absolute;width:240%;max-width:none;height:auto;left:-46%;top:-42%}
.portrait-mark{position:absolute;width:27px;height:27px;right:0;bottom:0;padding:5px;border:3px solid var(--bg);border-radius:50%;color:#fff;background:#1177eb}.portrait-mark svg{width:100%;height:100%;stroke-width:1.7}
.overline{margin:0 0 8px;font-size:9px;line-height:1.3;font-weight:600;letter-spacing:2.8px;color:#91a7c4}.overline span{display:inline-block;margin:0 7px;color:#3b6d9e}
h1{margin:0;line-height:.98;letter-spacing:-3px;font-size:clamp(43px,8.2vw,64px);font-weight:900}h1>.name-last{color:var(--blue)}
.role{margin:13px 0 0;font-size:9px;font-weight:600;letter-spacing:3.1px;color:#b1bac8;line-height:1.6}
.intro{font-size:14px;line-height:1.65;color:var(--muted);margin:17px 0 0}.mobile-break{display:none}
.links{display:grid;gap:12px;margin-top:29px}.link{position:relative;border:1px solid #ffffff12;border-radius:17px;isolation:isolate;transition:transform .3s var(--ease),border-color .3s,background .3s,box-shadow .3s;animation:appear .9s var(--ease) both;-webkit-tap-highlight-color:#1684ff22}.link:nth-child(1){animation-delay:.09s}.link:nth-child(2){animation-delay:.17s}.link:nth-child(3){animation-delay:.25s}
.featured{display:flex;align-items:center;min-height:184px;padding:26px 27px;overflow:hidden;background:linear-gradient(110deg,#101b2d,#0b1321 62%,#101e37);border-color:#2c5d9966;box-shadow:0 12px 35px #0003,inset 0 1px 0 #ffffff08}
.featured:after{content:"";position:absolute;z-index:3;pointer-events:none;inset:0;transform:translateX(-150%) skewX(-25deg);background:linear-gradient(90deg,transparent,#bddfff05,transparent);width:55%;animation:reflection 9s 1.5s ease-in-out infinite}
.featured-copy{position:relative;z-index:2}.category{display:flex;align-items:center;gap:7px;color:#91b9eb;letter-spacing:1.6px;font-size:8px;font-weight:700}.status-dot{width:4px;height:4px;background:#3c9aff;border-radius:50%;box-shadow:0 0 8px #1483ff77}
.featured h2{display:flex;align-items:center;gap:5px;margin:16px 0 7px;font-size:29px;line-height:1;letter-spacing:-1.3px;font-weight:750}.featured h2>span{font-weight:400;color:#a2caff}.flow-symbol{width:30px;height:23px;margin-left:5px;color:#438edc;stroke-width:1.6}
.featured p{margin:0;color:#bac6d9;font-size:12px;line-height:1.5}.featured-action{display:flex;align-items:center;gap:8px;margin-top:20px;color:#7fb8ff;font-size:11px;font-weight:600}.featured-action svg{width:17px;height:17px;transition:transform .3s var(--ease)}
.product-visual{position:absolute;z-index:1;inset:0 0 0 auto;width:45%;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;perspective:650px;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 21%,#000 92%,transparent)}
.product-window{width:245px;flex-shrink:0;border:1px solid #6093cb66;background:#182330;border-radius:7px;overflow:hidden;box-shadow:-15px 18px 35px #0009;transform:translate(43px,10px) rotateY(-19deg) rotateZ(6deg);transition:transform .6s var(--ease),opacity .6s;opacity:.8}
.window-top{display:flex;align-items:center;gap:9px;padding:8px;font-size:5px;font-weight:600;letter-spacing:.7px;color:#b5c9dd}.window-top b{color:#68829c;margin:0 3px}.window-top>svg{width:12px;height:12px;margin-left:auto;color:#649bd3}.window-dots{display:flex;gap:2px}.window-dots i{display:block;width:3px;height:3px;border-radius:50%;background:#667993}.product-window img{display:block;width:100%;height:132px;object-fit:cover;object-position:center;filter:brightness(.7) saturate(.45);opacity:.9}
.edge-light{position:absolute;top:0;left:26px;right:26px;height:1px;background:linear-gradient(90deg,transparent,#539eff7d,transparent)}
.standard{display:flex;align-items:center;gap:17px;min-height:87px;padding:18px 22px;background:linear-gradient(110deg,#11151b,#0c1016);box-shadow:inset 0 1px 0 #ffffff03}
.link-icon{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:#ffffff04;border:1px solid #ffffff08;color:#b6c5d8}.link-icon svg{width:25px;height:25px}.youtube-icon rect{fill:#bdcde7;stroke:none}.youtube-icon path{fill:#131c28;stroke:none}.tickmill-icon svg>path:first-child{fill:#b0bfd4;stroke:none}.tickmill-icon svg>path+path{fill:#131c28;stroke:none}
.link-copy{display:flex;flex-direction:column;gap:6px}.link-brand{font-size:8px;font-weight:700;letter-spacing:1.9px;color:#778ba5}.link-title{font-size:15px;font-weight:500;letter-spacing:-.15px;line-height:1.2}.arrow{width:30px;height:30px;margin-left:auto;display:grid;place-items:center;color:#63718a;flex:none;transition:transform .3s var(--ease),color .3s}.arrow svg{width:19px;height:19px}
footer{margin-top:27px;text-align:center}.footer-line{display:block;width:27px;height:1px;margin:0 auto 16px;background:linear-gradient(90deg,transparent,#4683c9,transparent)}footer p{margin:0;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#718199}footer p>span{color:#46546a;font-size:8px;margin-left:7px;letter-spacing:0;font-weight:400}.footer-caption{display:block;margin-top:7px;font-size:7px;letter-spacing:1.6px;color:#4e5d73}
@media(hover:hover) and (pointer:fine){.link:hover{transform:translateY(-3px);border-color:#4973a76b;background-color:#111d2c;box-shadow:0 12px 32px #0004}.featured:hover{border-color:#468bdf99;box-shadow:0 12px 40px #0005,0 0 35px #126df009}.featured:hover .featured-action svg{transform:translateX(4px)}.featured:hover .product-window{transform:translate(38px,8px) rotateY(-12deg) rotateZ(4deg);opacity:1}.standard:hover .arrow{transform:translate(2px,-2px);color:#7db9ff}.standard:hover .link-icon{border-color:#368bea33;color:#76b4ff}}
.link:active{transform:scale(.985)}
@media(min-width:900px) and (min-height:850px){.page{padding-top:58px}.links{margin-top:33px}.portrait-ring{width:122px;height:122px}.featured{min-height:193px}.standard{min-height:91px}footer{margin-top:31px}}
@media(max-width:600px){.page{width:calc(100% - 40px);max-width:430px;padding-top:32px;padding-bottom:22px}.portrait-ring{width:100px;height:100px;margin-bottom:19px}.portrait-mark{width:25px;height:25px}.overline{font-size:8px;letter-spacing:2.5px}h1{font-size:clamp(38px,10.9vw,54px);letter-spacing:-2.1px}.role{font-size:8px;letter-spacing:2.2px;margin-top:10px}.intro{font-size:13px;line-height:1.6;margin-top:15px}.mobile-break{display:block}.links{margin-top:24px;gap:10px}.featured{padding:22px 21px;min-height:177px;border-radius:15px}.featured h2{font-size:27px;margin-top:16px}.featured p{font-size:11px}.category{font-size:7px;letter-spacing:1.3px}.featured-action{margin-top:19px;font-size:10px}.flow-symbol{width:25px}.product-visual{width:40%;opacity:.5}.product-window{width:220px;transform:translate(85px,14px) rotateY(-22deg) rotateZ(7deg)}.standard{min-height:80px;padding:15px 17px;gap:13px;border-radius:15px}.link-icon{width:41px;height:41px;border-radius:11px}.link-title{font-size:14px}.link-brand{font-size:7px;letter-spacing:1.6px}.arrow{width:23px}.arrow svg{width:17px;height:17px}footer{margin-top:23px}}
@media(max-width:350px){.page{width:calc(100% - 32px)}h1{font-size:37px;letter-spacing:-1.8px}.role{letter-spacing:1.5px}.standard{padding:14px;gap:10px}.link-title{font-size:12px}.featured{padding-inline:18px}.featured h2{font-size:25px}.product-visual{width:32%;opacity:.35}}
@keyframes appear{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes reflection{0%,60%{transform:translateX(-150%) skewX(-25deg)}85%,100%{transform:translateX(350%) skewX(-25deg)}}
/* Reflective surfaces: quiet silver-blue highlights over deep black. */
.ambient:before{content:"";position:absolute;inset:-20%;background:linear-gradient(121deg,transparent 27%,#a0c8ff03 29%,#c5dfff06 29.1%,transparent 31%),linear-gradient(121deg,transparent 63%,#a4ceff04 65%,transparent 68%);mask-image:linear-gradient(#000,transparent 88%)}
.portrait-ring{border-color:#8ab6ea66;background:conic-gradient(from 35deg,#0c1625 0deg,#2c4c70 65deg,#bad7f2 120deg,#27405f 155deg,#0a121e 230deg,#6e9ac9 300deg,#c7e0ff 316deg,#101d30 360deg);box-shadow:0 0 0 5px #1c335318,0 10px 30px #0009,0 -3px 24px #69aaff0b,inset 0 1px 1px #fff7}
.portrait-ring:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #f0f8ff99,inset 0 -1px 0 #9bc5ff66;pointer-events:none}
.portrait{box-shadow:0 0 0 1px #04070ddd}.portrait-mark{box-shadow:inset 0 1px 1px #d7eaff66,0 3px 8px #0006;background:linear-gradient(150deg,#65adff,#126ddc 70%)}
/* Separate text paint layers and allow for glyph overhang from tight tracking. */
h1{color:#f2f7ff;text-shadow:0 1px 20px #b6d3ff06}h1>span{display:inline-block;padding-inline:.08em;margin-inline:-.08em;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1>.name-first{background-image:linear-gradient(168deg,#fff 18%,#dce5f1 50%,#aab7c8 76%,#edf4ff 98%)}
.link{overflow:hidden;border-color:#96b4da29;box-shadow:inset 0 1px 0 #dceaff12,inset 0 -1px 0 #35496528,0 10px 24px #0003}
.link:before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--reflection-x,25%) var(--reflection-y,0%),#c5e3ff15,transparent 70%),linear-gradient(125deg,#e4f1ff08,transparent 42%,#e4f1ff05 43%,transparent 65%);transition:opacity .35s}
.standard{background:linear-gradient(115deg,#19212d,#10161f 44%,#0b1018);border-top-color:#c5ddff30;border-bottom-color:#667b9630}
.standard:after,.featured:after{content:"";position:absolute;z-index:4;pointer-events:none;top:-45%;left:0;width:45%;height:190%;background:linear-gradient(90deg,transparent,#c1dfff03 25%,#d9edff0c 50%,#99ccff04 75%,transparent);transform:translateX(-170%) skewX(-24deg);animation:glass-pass 12s 1.8s ease-in-out infinite}
.youtube:after{animation-delay:2.35s}.tickmill:after{animation-delay:2.9s}
.standard>.link-icon,.standard>.link-copy,.standard>.arrow{position:relative;z-index:1}
.featured{background:linear-gradient(115deg,#192a42,#0d192a 52%,#10233c);border-color:#83b9fd4d;border-top-color:#b4d5ff70;box-shadow:inset 0 1px 0 #e1efff17,inset 0 -1px 0 #3866a22b,0 12px 36px #0006}
.edge-light{z-index:3;left:7%;right:7%;background:linear-gradient(90deg,transparent,#e3f1ff99 32%,#68a8f985 60%,transparent)}
.link-icon{background:linear-gradient(145deg,#d7eaff0e,#7f9cbd04 48%,#d7eaff07 50%,#0d1522);border-color:#afc8e51a;box-shadow:inset 0 1px 0 #dceaff17,0 3px 8px #0002}
.product-window{box-shadow:-15px 18px 35px #0009,inset 0 1px 0 #e1edff55;border-top-color:#c5e3ff88}
footer{position:relative}footer:before{content:"";position:absolute;top:-20px;left:18%;width:64%;height:22px;background:radial-gradient(ellipse,#74acff12,transparent 70%);filter:blur(8px);pointer-events:none}.footer-line{width:85px;background:linear-gradient(90deg,transparent,#87a6d433,#b6d6ff70,#87a6d433,transparent)}
@media(hover:hover) and (pointer:fine){.link:hover{border-color:#a8ceff66;box-shadow:inset 0 1px 0 #f0f7ff30,inset 0 -1px 0 #8bbfff16,0 14px 32px #0006}.featured:hover{box-shadow:inset 0 1px 0 #eef6ff40,0 16px 36px #0008,0 0 26px #247ff709}}
@keyframes glass-pass{0%,62%{transform:translateX(-170%) skewX(-24deg)}85%,100%{transform:translateX(350%) skewX(-24deg)}}
/* One visual language for the three destinations. */
.links{gap:13px}
.featured{min-height:180px;padding:24px 27px;border-radius:19px}
.featured-copy{max-width:68%}
.featured h2{font-size:30px;letter-spacing:-1.25px;margin-top:14px}
.featured-action{margin-top:18px;gap:9px}
.featured-action svg{width:22px;height:22px;padding:3px;border:1px solid #9ac6ff25;border-radius:50%;background:#75b1ff08}
.brand-symbol{width:26px;height:26px;margin-left:9px;color:#83afe3;stroke-width:1.3}
.youtube h2{gap:0;letter-spacing:-1.5px}
.youtube h2>span{font-weight:750;color:#bed8f8}
.youtube{background:linear-gradient(115deg,#1a293e,#101c2d 55%,#172a43)}
.tickmill{background:linear-gradient(115deg,#18283b,#101b29 55%,#15283d)}
.tickmill .category{color:#a5bedb}
.tickmill h2{gap:1px}
.tickmill .brand-symbol{width:24px;height:24px}
.product-visual{width:45%;opacity:.82}
.product-window{opacity:.86}
.product-window img{filter:brightness(.8) saturate(.55)}
.link-scene{position:absolute;z-index:1;inset:0 0 0 auto;width:45%;overflow:hidden;pointer-events:none;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 95%,transparent)}
.link-scene:before{content:"";position:absolute;inset:9% -15% 0 0;background:radial-gradient(ellipse at 60% 50%,#5da9ff1a,transparent 67%)}
.scene-stage{position:absolute;right:-16px;top:50%;width:240px;height:168px;transform:translateY(-50%);perspective:650px;transition:transform .6s var(--ease)}
.player-sheet,.market-sheet{position:absolute;left:26px;top:24px;width:202px;height:133px;border:1px solid #a3c6f04a;border-radius:10px;background:linear-gradient(135deg,#283e58,#122339 65%);box-shadow:inset 0 1px 0 #d0e8ff39,-13px 17px 25px #0006;transform:rotateY(-18deg) rotateZ(7deg)}
.player-back{left:39px;top:13px;opacity:.55;transform:rotateY(-18deg) rotateZ(14deg);background:linear-gradient(125deg,#41618445,#132035);border-color:#9cc3f12b}
.player-front{overflow:hidden}
.player-toolbar,.market-toolbar{height:18px;display:flex;align-items:center;gap:3px;padding:0 9px;border-bottom:1px solid #a9c9e713}
.player-toolbar span,.market-toolbar span{width:3px;height:3px;border-radius:50%;background:#99b6d3a3}
.player-toolbar i,.market-toolbar i{display:block;width:44px;height:2px;margin-left:7px;border-radius:3px;background:#6e94ba55}
.player-screen{position:absolute;top:25px;left:10px;right:10px;height:70px;border:1px solid #92baff13;border-radius:4px;background:linear-gradient(135deg,#273f5e66,#0c192b);overflow:hidden}
.screen-orbit{position:absolute;left:30px;top:-35px;width:140px;height:140px;border-radius:50%;border:1px solid #90bce91b}
.screen-orbit.orbit-inner{inset:-16px auto auto 48px;width:102px;height:102px;border-color:#90bce914}
.player-timeline{position:absolute;bottom:23px;left:12px;right:12px;height:2px;background:#7898bb24;border-radius:3px;overflow:hidden}
.player-timeline i{display:block;height:100%;background:linear-gradient(90deg,#3f7dc0,#b2d9ff);transform-origin:left;animation:video-progress 10s ease-in-out infinite}
.player-caption{position:absolute;bottom:11px;left:12px;right:12px;display:flex;gap:7px}
.player-caption i{display:block;width:47px;height:3px;border-radius:2px;background:#87a9d03b}.player-caption i+i{width:23px;background:#87a9d021}
.play-sculpture{--object-tilt:-7deg;position:absolute;z-index:3;top:47px;left:68px;width:94px;height:68px;border:1px solid #d5ecff9e;border-radius:18px;background:linear-gradient(145deg,#e2f0fe 0%,#adc9e7 24%,#6d9ccb 60%,#254975 100%);box-shadow:inset 0 2px 2px #fff9,inset 0 -3px 5px #264a738c,0 5px 0 #1b3f68,0 7px 0 #48709c,0 18px 24px #0007;display:grid;place-items:center}
.play-sculpture:after,.broker-emblem:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,#fff4,transparent 47%,#e6f3ff16 48%,transparent 70%);pointer-events:none}
.play-sculpture svg{width:65px;height:47px;filter:drop-shadow(0 1px 0 #eaf5ff9c)}
.play-sculpture path{fill:#193d67;stroke:#173454;stroke-width:1.2}
.scene-float{animation:object-float 7s ease-in-out infinite}
.broker-scene .scene-stage{right:-12px}
.market-sheet{height:132px;left:29px;top:22px;transform:rotateY(-17deg) rotateZ(-6deg)}
.market-back{top:14px;left:42px;opacity:.45;transform:rotateY(-17deg) rotateZ(-12deg)}
.market-front{overflow:hidden;background:linear-gradient(130deg,#243952,#101e30 75%)}
.market-candles{width:100%;height:106px;stroke-width:1.4}
.market-grid{stroke:#9bc1e615;stroke-width:.6}.candle-muted{stroke:#6b8aac}.candle-muted rect{fill:#55718e;stroke:none}.candle-light{stroke:#b5daf5}.candle-light rect{fill:#a0c5e8;stroke:none}
.market-level{position:absolute;left:8px;right:8px;top:76px;height:1px;background:linear-gradient(90deg,transparent,#76b6ed80,transparent)}
.market-level span{position:absolute;right:9px;top:-2px;width:5px;height:5px;border:1px solid #b8dbff;border-radius:50%;background:#417fae;box-shadow:0 0 9px #5aaaff66}
.broker-emblem{--object-tilt:8deg;position:absolute;z-index:3;left:27px;top:80px;width:67px;height:70px;display:grid;place-items:center;border:1px solid #b4d6f680;border-radius:17px;background:linear-gradient(145deg,#90aec6,#3d5c7b 49%,#1a304b);box-shadow:inset 0 1px 2px #eaf6ff80,inset 0 -2px 1px #102c4bb3,0 4px 0 #142e49,0 6px 0 #466582,-8px 14px 20px #0008;animation-delay:-2.5s}
.broker-emblem svg{width:54px;height:54px}.broker-emblem path:first-child{fill:#b7d2e9;stroke:#d3e7f8;stroke-width:.7}.broker-emblem path+path{fill:#314f6c;stroke:#1f3d58;stroke-width:.7}
@keyframes object-float{0%,100%{transform:translateY(1px) rotate(var(--object-tilt))}50%{transform:translateY(-5px) rotate(calc(var(--object-tilt) + 2deg))}}
@keyframes video-progress{0%,100%{transform:scaleX(.2);opacity:.65}50%{transform:scaleX(.92);opacity:1}}
@media(hover:hover) and (pointer:fine){.featured:hover .scene-stage{transform:translate(-4px,calc(-50% - 2px))}.featured:hover .link-scene{opacity:1}.featured:hover .featured-action svg{background:#77b9ff18;border-color:#9ac6ff66}}
@media(max-width:600px){.links{gap:12px}.featured{min-height:166px;padding:21px;border-radius:17px}.featured h2{font-size:27px;margin-top:13px}.featured-action{margin-top:15px}.featured-action svg{width:20px;height:20px;padding:3px}.brand-symbol{width:23px;height:23px;margin-left:7px}.link-scene{width:42%;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 14%,#000)}.scene-stage{right:-45px;transform:translateY(-50%) scale(.82);transform-origin:right center}.broker-scene .scene-stage{right:-40px}.product-visual{width:42%;opacity:.63}.product-window{width:220px;transform:translate(69px,12px) rotateY(-22deg) rotateZ(7deg)}.featured-copy{max-width:73%}}
@media(max-width:350px){.featured{padding:18px;min-height:158px}.featured h2{font-size:25px}.brand-symbol{width:21px;height:21px;margin-left:6px}.tickmill .brand-symbol{width:21px;height:21px}.scene-stage{right:-51px;transform:translateY(-50%) scale(.73)}.broker-scene .scene-stage{right:-49px}.link-scene{width:37%;opacity:.65}.product-visual{width:36%;opacity:.5}.featured-copy{max-width:78%}}
/* Black glass surfaces retain vivid blue and original brand accents. */
.ambient{background:radial-gradient(ellipse 520px 440px at 50% 8%,#1278f21c,transparent 85%),radial-gradient(ellipse 650px 520px at 72% 68%,#0959d612,transparent 75%)}
.orbit{border-color:#54a6ff14}.orbit-two{border-color:#54a6ff0b}
.portrait-ring{border-color:#5caeff99;background:conic-gradient(from 35deg,#09254f 0deg,#126bce 65deg,#bbecff 120deg,#1474df 155deg,#07172f 230deg,#269bff 300deg,#d1f2ff 316deg,#073373 360deg);box-shadow:0 0 0 5px #147aff17,0 10px 30px #0009,0 -3px 28px #188aff22,inset 0 1px 1px #fff7}
.portrait-mark{background:linear-gradient(150deg,#56c3ff,#0876f9 70%)}
h1>.name-last{background-image:linear-gradient(160deg,#8ad8ff 0%,#2aa3ff 42%,#0a71f5 74%,#6ac8ff 100%)}
.overline{color:#a5cbff}.overline span{color:#3d9aff}.role{color:#c4d7ef}
.featured{--brand:#51b5ff;background:linear-gradient(115deg,#151c27,#07090e 54%,#0b1624);border-color:#499dff3d;border-top-color:#93cbff66;box-shadow:inset 0 1px 0 #bfe5ff14,inset 0 -1px 0 #286fc526,0 12px 36px #0009}
.link:before{background:radial-gradient(280px circle at var(--reflection-x,25%) var(--reflection-y,0%),#8accff12,transparent 70%),linear-gradient(125deg,#c3eaff06,transparent 42%,#84bdff06 43%,transparent 65%)}
.edge-light{background:linear-gradient(90deg,transparent,#a7e4ff99 32%,#248fff85 65%,transparent)}
.category,.tickmill .category{color:#b2d5ff}.status-dot{background:var(--brand);box-shadow:0 0 8px color-mix(in srgb,var(--brand) 45%,transparent)}
.featured p{color:#c8d9ef}.featured-action{color:#85caff}
.featured-action svg{border-color:#5db7ff66;background:#2189ff16}
.clc{--brand:#29e4bb;background:linear-gradient(115deg,#112024,#070b0f 54%,#091b22)}
.clc h2>span,.flow-symbol{color:#3ce9c6}.clc .category{color:#9cebdc}
.clc .featured-action{color:#75ecd5}.clc .featured-action svg{border-color:#42d8b95c;background:#26d2aa12}
.clc .edge-light{background:linear-gradient(90deg,transparent,#94edffb0 28%,#28ddb49c 66%,transparent)}
.product-visual,.product-window{opacity:1}.product-window{background:#0b181e;border-color:#46cbe06b;border-top-color:#aefff3a6}
.product-window img{filter:brightness(.94) saturate(1.05);opacity:1}
.window-top{color:#c1f8ee}.window-top>svg{color:#39e0b9}.window-dots i{background:#39baec}.window-dots i:nth-child(2){background:#1bd6ae}
.youtube{--brand:#ff0033;background:linear-gradient(115deg,#151b29,#080b11 55%,#0c192b)}
.youtube h2>span,.tickmill h2>span{color:#f6f9ff;font-weight:750}
.youtube .brand-symbol rect{fill:#ff0033;stroke:none}.youtube .brand-symbol path{fill:#fff;stroke:none}
.link-scene{opacity:1}.link-scene:before{background:radial-gradient(ellipse at 60% 50%,#268eff1c,transparent 70%)}
.player-sheet,.market-sheet{border-color:#5bafff59;background:linear-gradient(135deg,#182c46,#0a111e 65%)}
.player-back{background:linear-gradient(125deg,#2878c733,#0a1628)}
.player-screen{background:linear-gradient(135deg,#1b365966,#070e19);border-color:#62baff30}
.screen-orbit{border-color:#4ca5ff38}.screen-orbit.orbit-inner{border-color:#4ca5ff24}
.player-timeline{background:#6ba5e83d}.player-timeline i{background:linear-gradient(90deg,#ff0033,#ff4d67)}
.play-sculpture{border-color:#ff8e9fc4;background:linear-gradient(145deg,#ff526f 0%,#ff0033 35%,#ed002b 70%,#ab0022 100%);box-shadow:inset 0 2px 2px #ffdee780,inset 0 -3px 5px #8f001e99,0 5px 0 #83001d,0 7px 0 #b7173a,0 18px 24px #0007}
.play-sculpture svg{filter:drop-shadow(0 2px 2px #82001e55)}.play-sculpture path{fill:#fff;stroke:#fff;stroke-width:.7}
.tickmill{--brand:#e8202a;background:linear-gradient(115deg,#141b26,#070a10 55%,#0b1727);padding-block:20px}
.tickmill h2{margin:8px 0 6px}.tickmill .broker-benefits{display:grid;gap:2px;line-height:1.35}.broker-benefits>span:first-child{color:#edf5ff;font-weight:600}.tickmill .featured-action{margin-top:10px}
@media(max-width:600px){.tickmill{padding-block:18px}}@media(max-width:350px){.tickmill{padding-block:16px}}
.tickmill .brand-symbol>path:first-child{fill:#ef2431;stroke:none}.tickmill .brand-symbol>path+path{fill:#0a101b;stroke:none}
.market-front{background:linear-gradient(130deg,#142a42,#090f1a 75%)}
.market-grid{stroke:#83bdff25}.candle-muted{stroke:#ff607b}.candle-muted rect{fill:#ef3e60}.candle-light{stroke:#54e9c6}.candle-light rect{fill:#20dba9}
.market-level{background:linear-gradient(90deg,transparent,#4baeffa6,transparent)}.market-level span{background:#259dff;border-color:#c5ebff;box-shadow:0 0 9px #259dff80}
.broker-emblem{border-color:#e9f5ffcf;background:linear-gradient(145deg,#fff,#e1eaf5 49%,#95b2d4);box-shadow:inset 0 1px 2px #fff,inset 0 -2px 1px #6b91bc8c,0 4px 0 #3e638e,0 6px 0 #6f96bd,-8px 14px 20px #0008}
.broker-emblem path:first-child{fill:#e8202a;stroke:#f52e3a;stroke-width:.7}.broker-emblem path+path{fill:#e4edf7;stroke:#e4edf7;stroke-width:.7}
.footer-line{background:linear-gradient(90deg,transparent,#58b0ff66,#bceaffbb,#58b0ff66,transparent)}footer p{color:#99b9e2}footer p>span,.footer-caption{color:#7496c1}
@media(hover:hover) and (pointer:fine){.link:hover{border-color:#75baffb3;box-shadow:inset 0 1px 0 #ddf3ff4d,inset 0 -1px 0 #69b7ff22,0 14px 32px #0006,0 0 26px #187aff12}.clc:hover{border-color:#59e2d296}.featured:hover .featured-action svg{background:#36a4ff29;border-color:#8aceffb3}.clc:hover .featured-action svg{background:#29dfb924;border-color:#65e8cc99}}
.motion-background{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:var(--bg)}
.background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:saturate(.9);opacity:.7}
.background-shade{position:absolute;inset:0;background:linear-gradient(180deg,#020305ad 0%,#030509b8 35%,#020407d1 70%,#010204ed 100%),radial-gradient(ellipse 78% 100% at 50% 40%,transparent 30%,#010205a3 100%)}
.background-toggle{position:fixed;z-index:5;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;place-items:center;width:34px;height:34px;padding:8px;border:1px solid #b1c7e62b;border-radius:50%;color:#9cadc2;background:#0d1524b0;box-shadow:inset 0 1px 0 #ffffff0d;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.background-toggle[hidden]{display:none}.background-toggle svg{width:16px;height:16px;stroke-width:1.7}.background-toggle .play-icon{display:none}.background-toggle[aria-pressed="true"] .pause-icon{display:none}.background-toggle[aria-pressed="true"] .play-icon{display:block}.background-toggle:hover{background:#14223b;color:#fff;border-color:#85b8fa70}.background-toggle:focus-visible{outline:3px solid #78bcff;outline-offset:4px}
.background-toggle-label{display:none;font:500 12px/1.2 Arial,sans-serif;white-space:nowrap}.background-toggle.needs-start{width:auto;grid-auto-flow:column;gap:7px;border-radius:20px;padding:8px 12px}.background-toggle.needs-start .background-toggle-label{display:block}
@media(max-width:600px){.background-video{object-position:52% 40%}.background-toggle{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:31px;height:31px;padding:7px}.background-toggle.needs-start{width:auto;padding:7px 11px}}
/* Independent translate motion preserves the existing hover and 3D transforms. */
@keyframes gentle-float{0%,100%{translate:0 0}50%{translate:0 var(--float-lift,-3px)}}
@keyframes showcase-float{0%,100%{transform:translateY(3px) rotate(var(--object-tilt))}50%{transform:translateY(-9px) rotate(calc(var(--object-tilt) + 3deg))}}
@media(prefers-reduced-motion:no-preference){
  .portrait-ring{--float-lift:-12px;animation:gentle-float 4.8s ease-in-out -.7s infinite}
  .profile h1{--float-lift:-6px;animation:gentle-float 5.4s ease-in-out -1.7s infinite}
  .links>.link{--float-lift:-7px;--enter-delay:.09s;--float-delay:-.5s;--float-duration:5.2s;animation:appear .9s var(--ease) var(--enter-delay) backwards,gentle-float var(--float-duration) ease-in-out var(--float-delay) infinite}
  .links>.link:nth-child(2){--enter-delay:.17s;--float-delay:-1.4s;--float-duration:5.6s}
  .links>.link:nth-child(3){--enter-delay:.25s;--float-delay:-2.4s;--float-duration:6s}
  .brand-symbol,.flow-symbol{--float-lift:-6px;animation:gentle-float 3.8s ease-in-out infinite}
  .tickmill .brand-symbol{animation-delay:-1.2s}.youtube .brand-symbol{animation-delay:-2.3s}
  .product-window{--float-lift:-10px;animation:gentle-float 4.6s ease-in-out -1.2s infinite}
  .scene-float{animation-name:showcase-float;animation-duration:4.8s}
  .links>.link:focus-visible{animation-play-state:running,paused}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.links>.link:hover{animation-play-state:running,paused}}
@media(prefers-reduced-motion:no-preference) and (max-width:600px){.portrait-ring{--float-lift:-10px}.profile h1{--float-lift:-5px}.links>.link{--float-lift:-6px}.brand-symbol,.flow-symbol{--float-lift:-5px}.product-window{--float-lift:-8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}