:root{--bg:#020509;--panel:#07101b;--panel2:#091527;--text:#f4f7fb;--muted:#9aa9bb;--cyan:#13d9ff;--blue:#197dff;--violet:#7569ff;--line:rgba(63,170,255,.2);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}#particleCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-5;background:radial-gradient(circle at 78% 22%,rgba(0,146,255,.12),transparent 30%),#020509}.global-grid{position:fixed;inset:0;z-index:-4;opacity:.18;background-image:linear-gradient(rgba(73,117,155,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(73,117,155,.15) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 8%,#000 35%,#000 72%,transparent 100%);animation:gridDrift 18s linear infinite}.global-light{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(90px);z-index:-3;opacity:.11;pointer-events:none}.global-light-a{right:-15vw;top:10vh;background:#007cff;animation:lightFloat 12s ease-in-out infinite}.global-light-b{left:-22vw;bottom:-12vh;background:#5f4cff;animation:lightFloat 16s ease-in-out infinite reverse}@keyframes gridDrift{to{transform:translate3d(-70px,-70px,0)}}@keyframes lightFloat{50%{transform:translate3d(6vw,4vh,0) scale(1.12)}}
.nav{height:96px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);background:rgba(8,10,14,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(119,161,209,.12)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:25px;color:#dff7ff;border:1px solid rgba(48,195,255,.52);background:radial-gradient(circle at 35% 28%,#2bdcff 0 8%,#0b2745 34%,#05090e 70%);box-shadow:0 0 30px rgba(0,174,255,.22),inset 0 0 18px rgba(0,193,255,.18);animation:brandPulse 4s ease-in-out infinite}.brand-text{font-weight:800;letter-spacing:.06em;font-size:18px}.brand-text b{color:#8fceff}.brand-text small{display:block;font-size:8px;color:#657991;letter-spacing:.25em;margin-top:2px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links>a{font-family:var(--serif);font-weight:700;color:#c7c9ce;transition:.25s}.nav-links>a:hover{color:#fff;text-shadow:0 0 18px rgba(19,217,255,.6)}.nav-login{padding:11px 18px;border:1px solid rgba(58,177,255,.3);border-radius:10px}.menu-btn{display:none;background:none;border:0;padding:8px}.menu-btn span{display:block;width:25px;height:2px;background:white;margin:5px}
.section-shell{width:min(1440px,calc(100% - 56px));margin:auto;position:relative}.hero{min-height:calc(100vh - 96px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;padding:90px 0 70px}.eyebrow,.pill-label{font-size:12px;letter-spacing:.28em;font-weight:800;color:#2cbcff}.hero h1,.section-title h2,.about h2,.vision h2,.faq h2,.cta h2{font-family:var(--serif);font-weight:700;line-height:1.03;margin:18px 0;color:#f5f4f1}.hero h1{font-size:clamp(54px,5.2vw,94px);max-width:800px}.hero h1 span,.section-title h2 span,.about h2 span,.faq h2 span,.cta h2 span{color:#a9cfff;text-shadow:0 0 35px rgba(33,160,255,.2)}.lead{font-size:clamp(17px,1.25vw,21px);line-height:1.7;color:#aab2bd;max-width:720px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin:32px 0}.btn{padding:15px 23px;border-radius:11px;font-weight:750;transition:.28s;border:1px solid transparent}.btn.primary{background:linear-gradient(105deg,#087cff,#765cff);box-shadow:0 0 30px rgba(32,115,255,.32)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 0 46px rgba(32,115,255,.5)}.btn.secondary{border-color:rgba(32,196,255,.35);background:rgba(3,10,18,.45)}.btn.secondary:hover{border-color:#1bd9ff;background:rgba(10,28,45,.7)}.hero-pills{display:flex;gap:24px;flex-wrap:wrap;color:#bec7d3;font-size:14px}.hero-pills span{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;background:#14dfff;border-radius:50%;box-shadow:0 0 12px #14dfff}.risk{color:#667588;font-size:12px;margin-top:25px}
.robot-stage{height:min(760px,76vh);min-height:580px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;transform-style:preserve-3d}.robot{width:min(560px,48vw);height:auto;position:relative;z-index:5;filter:drop-shadow(0 0 22px rgba(12,164,255,.36)) drop-shadow(0 0 72px rgba(15,99,255,.15));animation:robotFloat 5.2s ease-in-out infinite;transform-origin:center 55%}.robot-body{transform-origin:center}.chest-pulse{animation:chestPulse 2s ease-in-out infinite}.robot-glow{position:absolute;width:440px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(15,199,255,.26),rgba(5,89,175,.1) 46%,transparent 72%);filter:blur(24px);animation:glowPulse 4s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(50,198,255,.25);border-radius:50%;z-index:1;animation:spin 14s linear infinite}.orbit-1{width:510px;height:510px}.orbit-2{width:620px;height:350px;transform:rotateX(65deg);animation-duration:18s;animation-direction:reverse}.orbit-3{width:390px;height:690px;opacity:.45;animation-duration:24s}.market-orb{position:absolute;left:8%;top:31%;width:150px;height:150px;border-radius:50%;z-index:7;background:radial-gradient(circle at 35% 30%,#1ce4ff 0 3%,#0a4873 16%,#07162a 50%,#02050a 74%);border:1px solid rgba(36,224,255,.65);box-shadow:0 0 35px rgba(25,211,255,.35),inset 0 0 32px rgba(53,127,255,.35);animation:orbFloat 4s ease-in-out infinite}.market-orb:before,.market-orb:after{content:"";position:absolute;inset:10px;border:1px solid rgba(37,216,255,.3);border-radius:50%;animation:spin 8s linear infinite}.market-orb:after{inset:25px;animation-direction:reverse;animation-duration:5s}.coin{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:25px;text-shadow:0 0 15px #15d7ff}.orb-line{position:absolute;left:20px;right:20px;top:50%;height:1px;background:linear-gradient(90deg,transparent,#18e5ff,transparent);transform-origin:center}.l1{transform:rotate(28deg)}.l2{transform:rotate(-38deg)}.l3{transform:rotate(90deg)}.orb-point{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 10px #23ddff}.p1{left:28px;top:35px}.p2{right:26px;bottom:41px}.p3{right:35px;top:25px}.data-card{position:absolute;z-index:8;padding:12px 16px;min-width:150px;border-radius:12px;background:rgba(4,12,22,.72);border:1px solid rgba(38,180,255,.22);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.28);animation:dataFloat 5s ease-in-out infinite}.data-card small{display:block;color:#68819c;font-size:9px;letter-spacing:.14em}.data-card strong{display:block;color:#dff6ff;font-size:14px;margin-top:4px}.dc1{right:0;top:18%}.dc2{right:2%;bottom:22%;animation-delay:-1.6s}.dc3{left:10%;bottom:12%;animation-delay:-3s}
@keyframes robotFloat{0%,100%{transform:translate3d(0,0,0) rotateY(-2deg)}50%{transform:translate3d(0,-25px,28px) rotateY(2deg)}}@keyframes orbFloat{50%{transform:translateY(-22px) rotate(5deg)}}@keyframes glowPulse{50%{transform:scale(1.14);opacity:.7}}@keyframes chestPulse{50%{opacity:.55;transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dataFloat{50%{transform:translateY(-10px)}}@keyframes brandPulse{50%{box-shadow:0 0 42px rgba(0,174,255,.38),inset 0 0 25px rgba(0,193,255,.25)}}
.how,.about,.market,.vision,.why,.faq{padding:120px 0}.section-title{text-align:center;margin-bottom:55px}.section-title.left{text-align:left}.section-title h2,.about h2,.faq h2,.cta h2{font-size:clamp(40px,4vw,68px);max-width:950px}.section-title h2{margin-left:auto;margin-right:auto}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.flow-card{min-height:320px;border:1px solid rgba(81,129,181,.33);border-radius:22px;padding:44px 30px;background:linear-gradient(145deg,rgba(9,18,31,.82),rgba(3,7,12,.7));position:relative;overflow:visible;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.flow-card:before{content:"";position:absolute;inset:-1px;border-radius:22px;background:linear-gradient(130deg,rgba(38,225,255,.35),transparent 36%,rgba(120,82,255,.2));z-index:-1}.flow-card .icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#17293d,#17123a);color:#78eaff;box-shadow:0 0 22px rgba(70,132,255,.18)}.flow-card h3{font-family:var(--serif);font-size:26px;margin:32px 0 14px}.flow-card p,.about p,.vision p,.why-card p,.faq details p{color:#9da9b6;line-height:1.75}.connector{position:absolute;width:70px;height:3px;right:-53px;bottom:-20px;background:linear-gradient(90deg,#41f4d2,#8a5cff)}.connector:after{content:"";position:absolute;right:-2px;top:-5px;border-left:10px solid #8a5cff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.split{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.pill-label{display:inline-block;padding:10px 18px;border-radius:99px;border:1px solid rgba(65,151,255,.48);color:#c6d7ef;letter-spacing:.08em}.about-copy p{font-family:var(--serif);font-size:19px}.text-link{display:inline-block;margin-top:18px;color:#79d7ff;font-weight:800}.ai-console{height:600px;position:relative;display:grid;place-items:center}.console-ring{position:absolute;border-radius:50%;border:2px solid rgba(21,194,255,.3);box-shadow:0 0 28px rgba(17,130,255,.12);animation:consoleSpin 14s linear infinite}.r1{width:460px;height:460px}.r2{width:340px;height:340px;border-style:dashed;animation-duration:10s;animation-direction:reverse}.r3{width:220px;height:220px;animation-duration:6s}.console-core{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;background:radial-gradient(circle,#1adfff,#0f7bff 25%,#071327 57%,#02050a 72%);box-shadow:0 0 45px rgba(29,174,255,.45);z-index:2;animation:corePulse 3s ease-in-out infinite}.console-screen{position:absolute;width:520px;height:310px;border:1px solid rgba(71,151,240,.25);border-radius:22px;transform:perspective(800px) rotateX(60deg);background:repeating-linear-gradient(90deg,rgba(34,169,255,.08) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(34,169,255,.08) 0 1px,transparent 1px 42px)}.console-screen span{position:absolute;height:2px;background:#23e6ff;box-shadow:0 0 10px #23e6ff;animation:consoleBar 4s ease-in-out infinite}.console-screen span:nth-child(1){left:8%;top:68%;width:20%}.console-screen span:nth-child(2){left:25%;top:53%;width:18%;animation-delay:-1s}.console-screen span:nth-child(3){left:44%;top:62%;width:17%;animation-delay:-2s}.console-screen span:nth-child(4){left:58%;top:38%;width:20%;animation-delay:-.5s}.console-screen span:nth-child(5){left:76%;top:25%;width:15%;animation-delay:-2.5s}.scanline{position:absolute;width:520px;height:2px;background:linear-gradient(90deg,transparent,#19e0ff,transparent);box-shadow:0 0 18px #19e0ff;animation:scan 3s linear infinite}@keyframes consoleSpin{to{transform:rotate(360deg)}}@keyframes corePulse{50%{transform:scale(1.12);box-shadow:0 0 70px rgba(29,174,255,.65)}}@keyframes consoleBar{50%{transform:translateY(-30px);opacity:.35}}@keyframes scan{0%{transform:translateY(-220px)}100%{transform:translateY(220px)}}
.market-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:25px}.chart-card,.market-cards>div,.vision-card,.why-card,.faq details,.cta{background:linear-gradient(145deg,rgba(6,16,29,.9),rgba(2,6,11,.82));border:1px solid rgba(38,133,205,.28);border-radius:24px}.chart-card{padding:32px}.chart-top{display:flex;align-items:center;justify-content:space-between}.chart-top small{display:block;color:#6e8298;letter-spacing:.12em}.chart-top strong{font-size:34px}.live{color:#30e5c7;font-size:12px}.chart-area{height:370px;margin-top:35px;position:relative;overflow:hidden}.chart-area svg{width:100%;height:100%;position:relative;z-index:2}.chart-line{stroke-dasharray:1300;stroke-dashoffset:1300;animation:drawChart 5s ease forwards,glowChart 3s ease-in-out infinite 5s}.chart-fill{opacity:0;animation:fadeChart 1.5s ease forwards 2.7s}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(84,127,171,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(84,127,171,.1) 1px,transparent 1px);background-size:70px 55px}.market-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.market-cards>div{padding:28px;min-height:150px;display:flex;flex-direction:column;justify-content:center;transition:.3s}.market-cards>div:hover{transform:translateY(-6px);border-color:rgba(26,220,255,.55);box-shadow:0 18px 50px rgba(0,101,177,.12)}.market-cards small{color:#74879d;letter-spacing:.1em}.market-cards strong{font-family:var(--serif);font-size:24px;margin-top:12px}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes fadeChart{to{opacity:1}}@keyframes glowChart{50%{filter:drop-shadow(0 0 9px rgba(18,219,255,.8))}}
.vision{display:grid;grid-template-columns:1fr 1fr;gap:28px}.vision-card{padding:55px}.vision-card h2{font-size:clamp(38px,3.4vw,58px);color:#b9d7ff}.vision-card p{font-family:var(--serif);font-size:19px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:50px}.why-card{min-height:290px;padding:40px;position:relative;overflow:hidden}.why-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-130px;bottom:-150px;background:radial-gradient(circle,rgba(36,125,255,.15),transparent 70%)}.why-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#0c1738;color:#2bddff;font-size:29px;box-shadow:0 0 24px rgba(34,117,255,.16)}.why-card h3{font-family:var(--serif);font-size:27px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.faq-art{height:620px;position:relative}.question-mark{position:absolute;right:10%;top:30%;font-size:220px;font-weight:900;font-family:var(--serif);color:#bfe9ff;text-shadow:0 0 45px rgba(41,180,255,.32);animation:qFloat 5s ease-in-out infinite}.robot-hand{position:absolute;left:-10%;top:18%;font-size:260px;transform:rotate(-18deg);filter:grayscale(.2);color:#7fdcff;opacity:.75;animation:handMove 6s ease-in-out infinite}.faq-list h2{margin-top:20px}.faq details{margin:15px 0;padding:0 24px}.faq summary{list-style:none;cursor:pointer;padding:24px 0;font-family:var(--serif);font-size:21px;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq details b{font-family:var(--sans);font-size:28px;font-weight:300;transition:.25s}.faq details[open] b{transform:rotate(45deg)}.faq details p{padding:0 0 25px;margin:0}@keyframes qFloat{50%{transform:translateY(-25px) rotate(3deg)}}@keyframes handMove{50%{transform:translate(20px,-12px) rotate(-13deg)}}
.cta{margin-top:80px;margin-bottom:80px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{font-size:clamp(34px,3.2vw,56px);margin-bottom:10px}.cta p{color:#9aa9ba}.risk-strip{margin-bottom:90px;padding:22px 26px;border-left:3px solid #26dfff;background:rgba(6,16,28,.66);color:#8f9faf;line-height:1.6}.risk-strip strong{color:#dbeeff}.footer{padding:75px max(28px,6vw) 30px;border-top:1px solid rgba(61,131,190,.18);background:rgba(2,5,9,.82)}.footer-brand{justify-content:center;margin-bottom:55px}.footer-cols{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.footer-cols>div{border-left:1px solid rgba(49,165,220,.28);padding-left:36px}.footer-cols h4{font-family:var(--serif);font-size:22px}.footer-cols a{display:block;color:#9ca9b9;margin:14px 0}.footer-cols a:hover{color:#75dcff}.footer-bottom{max-width:1200px;margin:60px auto 0;padding-top:25px;border-top:1px solid rgba(80,127,175,.16);display:flex;justify-content:space-between;color:#7b8a9d}.footer-risk{text-align:center;color:#526174;font-size:12px;margin-top:22px}.to-top{position:fixed;right:28px;bottom:28px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0a9dff,#13d7ff);box-shadow:0 10px 30px rgba(0,150,255,.3);z-index:30;font-size:24px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-links{gap:18px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-copy{text-align:center}.lead{margin-left:auto;margin-right:auto}.actions,.hero-pills{justify-content:center}.robot-stage{height:680px}.robot{width:min(560px,76vw)}.flow-grid{grid-template-columns:1fr 1fr}.connector{display:none}.split,.faq,.market-layout{grid-template-columns:1fr}.faq-art{height:380px}.vision{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.market-cards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:780px){.nav{height:78px;padding:0 20px}.brand-mark{width:42px;height:42px}.brand-text{font-size:15px}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;padding:22px;background:rgba(5,8,13,.98);border-bottom:1px solid rgba(56,141,210,.2)}.nav-links.open{display:flex}.menu-btn{display:block}.section-shell{width:min(100% - 32px,1440px)}.hero{padding-top:55px}.hero h1{font-size:clamp(48px,14vw,68px)}.robot-stage{min-height:500px;height:560px}.robot{width:95vw}.market-orb{width:105px;height:105px;left:4%}.data-card{font-size:10px;min-width:118px;padding:10px}.dc1{right:0}.dc3{left:0}.how,.about,.market,.vision,.why,.faq{padding:80px 0}.flow-grid,.why-grid{grid-template-columns:1fr}.ai-console{height:450px}.console-screen{width:320px;height:220px}.r1{width:340px;height:340px}.r2{width:260px;height:260px}.r3{width:170px;height:170px}.chart-area{height:290px}.market-cards{grid-template-columns:1fr 1fr}.vision-card{padding:34px}.question-mark{font-size:150px}.robot-hand{font-size:170px}.faq-art{height:300px}.cta{padding:34px}.footer-cols{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;gap:10px}.to-top{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}