:root{--bg:#020912;--panel:#061827;--panel2:#0a2236;--line:#0b6a99;--cyan:#22dfff;--cyan2:#009fe8;--text:#f6fbff;--muted:#b6c8d6;--good:#1ee6a0;--bad:#ff5b69}
*{box-sizing:border-box}html{background:#020711}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 70% 4%,#0a2d51 0,transparent 28%),linear-gradient(#020812,#03101d 52%,#020812);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.browser-frame{width:calc(100% - 20px);max-width:1440px;margin:10px auto 16px;border:1px solid rgba(45,180,237,.55);border-radius:18px;overflow:hidden;background:#020a14;box-shadow:0 0 40px rgba(0,138,213,.18),0 28px 80px rgba(0,0,0,.55)}
.browser-toolbar{height:45px;display:flex;align-items:center;gap:14px;padding:0 14px;background:linear-gradient(180deg,#12243a,#09182a);border-bottom:1px solid rgba(74,191,243,.24);color:#d6e8f5;font-size:12px}.traffic{display:flex;gap:7px}.traffic i{width:12px;height:12px;border-radius:50%;display:block}.traffic i:nth-child(1){background:#ff6a67}.traffic i:nth-child(2){background:#ffc45e}.traffic i:nth-child(3){background:#55d87a}.browser-nav{display:flex;gap:10px;font-size:20px;color:#a8bac8}.address{height:30px;flex:1;display:flex;align-items:center;padding:0 14px;border-radius:16px;background:#0c1a2a;border:1px solid rgba(86,160,202,.2);box-shadow:inset 0 0 18px rgba(0,0,0,.18);color:#eaf6fd}.browser-tools{display:flex;gap:14px;font-size:17px}
.site{position:relative;background:#020a14}.shell{width:min(1320px,calc(100% - 64px));margin:0 auto}.top{height:68px;display:grid;grid-template-columns:330px 1fr 150px;align-items:center;border-bottom:1px solid rgba(23,167,228,.42);background:rgba(2,10,18,.94);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:54px;height:44px;display:grid;place-items:center;color:var(--cyan);filter:drop-shadow(0 0 10px rgba(34,223,255,.35))}.brandmark svg{width:48px;height:40px}.brandtitle{font-size:18px;font-weight:800;line-height:1.05}.nav{display:flex;justify-content:center;gap:34px;height:100%}.nav a{display:flex;align-items:center;position:relative;color:#e1e9ef;font-size:14px}.nav a.on,.nav a:hover{color:var(--cyan)}.nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.acts{display:flex;justify-content:flex-end;align-items:center;gap:16px}.search{font-size:20px}.login{height:36px;padding:0 21px;border-radius:8px;border:1px solid var(--cyan);background:#03233a;color:var(--cyan);font-weight:700;box-shadow:0 0 18px rgba(34,223,255,.12)}
.hero{position:relative;height:408px;overflow:hidden;border-bottom:1px solid rgba(20,115,161,.65);background:linear-gradient(90deg,rgba(2,10,20,.98) 0,rgba(2,12,24,.94) 37%,rgba(3,19,34,.36) 64%,rgba(3,17,30,.3) 100%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,9,18,.92) 0,rgba(2,10,18,.58) 31%,transparent 52%)}.hero-inner{position:relative;height:100%}.copy{position:absolute;z-index:10;left:0;top:27px;width:43%;}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:750;color:#c0deed}.hero h1{font-size:50px;line-height:.94;letter-spacing:-.045em;margin:11px 0 15px;color:#fff}.hero h1 span{color:#dffbff;text-shadow:0 0 22px rgba(58,218,255,.14);white-space:nowrap}.lead{max-width:520px;margin:0;color:#dfe9ef;font-size:16px;line-height:1.4}.cta{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:13px 25px;border-radius:25px;background:linear-gradient(180deg,#34e9ff,#17c9ed);color:#00131d;font-weight:850;font-size:16px;box-shadow:0 0 30px rgba(31,218,255,.52),inset 0 1px rgba(255,255,255,.65)}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;width:560px;margin-top:24px}.benefit{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.25;color:#e1edf4}.benefit-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--cyan);filter:drop-shadow(0 0 7px rgba(34,223,255,.35))}.benefit-icon svg{width:29px;height:29px}
.scene{position:absolute;z-index:3;right:-8px;top:0;width:65%;height:100%;overflow:hidden;background:radial-gradient(circle at 86% 20%,rgba(0,143,225,.3),transparent 22%),linear-gradient(180deg,#0a2847,#071729 58%,#030b14)}.scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,19,.9),transparent 22%),repeating-linear-gradient(90deg,transparent 0 72px,rgba(24,95,139,.08) 73px 75px);opacity:.72}.mountains{position:absolute;inset:58px -50px 55px 260px;opacity:.8;background:linear-gradient(145deg,transparent 0 36%,#163e5d 36.4% 46%,transparent 46.4%),linear-gradient(210deg,transparent 0 42%,#0d2d4b 42.4% 57%,transparent 57.4%),linear-gradient(155deg,transparent 0 58%,#071d31 58.4% 70%,transparent 70.4%)}.window-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 77%,rgba(51,142,196,.16) 77.4% 78%,transparent 78.4%),linear-gradient(180deg,transparent 0 72%,rgba(42,118,163,.2) 72.4% 73%,transparent 73.4%)}
.monitor{position:absolute;background:linear-gradient(180deg,rgba(4,23,38,.98),rgba(2,13,24,.98));border:1px solid rgba(33,177,235,.72);border-radius:6px;box-shadow:0 0 22px rgba(0,132,211,.2),0 15px 28px rgba(0,0,0,.45);overflow:hidden}.monitor-head{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid rgba(56,153,196,.26);font-size:8px;color:#9ab8ca}.watch{left:6%;top:12px;width:27%;height:208px;transform:perspective(800px) rotateY(7deg);z-index:5}.mainmon{left:27%;top:23px;width:42%;height:245px;z-index:8}.idx{right:5%;top:70px;width:23%;height:145px;z-index:7}.map{left:10%;bottom:42px;width:27%;height:113px;z-index:9}.flow{right:4%;bottom:43px;width:23%;height:128px;z-index:10}.rows{padding:5px 7px}.r{display:grid;grid-template-columns:1fr auto 48px;gap:4px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}.r b{text-align:right}.up{color:var(--good)}.dn{color:var(--bad)}.chart{position:relative;height:190px;margin:8px;background-image:linear-gradient(rgba(82,128,154,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(82,128,154,.08) 1px,transparent 1px);background-size:28px 25px}.cs{position:absolute;left:18px;right:11px;bottom:33px;height:118px;display:flex;align-items:center;gap:5px}.c{width:5px;position:relative}.c:before{content:"";position:absolute;left:2px;width:1px;top:-9px;bottom:-9px;background:currentColor}.cu{background:#19d8ed;color:#19d8ed}.cd{background:#ff5d68;color:#ff5d68}.vol{position:absolute;bottom:0;left:12px;right:12px;height:28px;display:flex;align-items:end;gap:3px}.vol i{width:7px;background:#129ed1}.bars{height:68px;margin:8px;display:flex;align-items:end;gap:3px}.bars i{flex:1;background:linear-gradient(#28dcff,#0a86c9)}.bars i.red{background:linear-gradient(#ff7781,#d83b4c)}.world{height:73px;margin:6px;background:radial-gradient(circle at 28% 42%,#20dfff 0 3px,transparent 4px),radial-gradient(circle at 62% 38%,#0ea7df 0 3px,transparent 4px),radial-gradient(circle at 79% 54%,#20cfff 0 2px,transparent 3px),linear-gradient(143deg,transparent 0 35%,#0f619355 36% 43%,transparent 44%)}.desk{position:absolute;left:2%;right:0;bottom:0;height:56px;background:linear-gradient(#173245,#06131d 55%,#02070c);box-shadow:0 -10px 28px rgba(0,0,0,.65);z-index:2}.keyboard{position:absolute;left:43%;bottom:18px;width:190px;height:18px;border:1px solid #32556c;border-radius:4px;transform:perspective(180px) rotateX(58deg);background:repeating-linear-gradient(90deg,#0a1d29 0 7px,#1d4459 7px 8px);z-index:12}.steps{position:absolute;right:0;top:55px;width:72px;text-align:center;font-size:10px;color:#e0f6ff;line-height:1.15;z-index:15}.steps i{display:block;color:var(--cyan);font-size:18px;font-style:normal;margin:2px 0}.steps b{display:block;margin:6px 0}.plant{position:absolute;left:2%;bottom:47px;width:72px;height:115px;z-index:11}.plant b{position:absolute;bottom:0;left:20px;width:36px;height:43px;background:linear-gradient(#20333a,#081216);clip-path:polygon(8% 0,92% 0,80% 100%,20% 100%)}.plant i{position:absolute;bottom:39px;left:37px;width:4px;height:70px;background:#18705d;transform-origin:bottom}.plant i:nth-child(1){transform:rotate(-35deg)}.plant i:nth-child(2){transform:rotate(-16deg);height:80px}.plant i:nth-child(3){transform:rotate(18deg);height:74px}.plant i:nth-child(4){transform:rotate(35deg);height:61px}
@media(max-width:1000px){.browser-frame{width:100%;margin:0;border-radius:0}.browser-toolbar{display:none}.shell{width:min(100% - 24px,1320px)}.top{grid-template-columns:1fr auto}.nav{display:none}.hero{height:650px}.copy{width:100%}.scene{top:330px;width:100%;height:320px;opacity:.78}.benefits{grid-template-columns:repeat(2,1fr);width:100%}}

/* Stage 1 correction: reference heading composition */
@media(min-width:1001px){.copy{width:45%}.scene{width:63%}}

/* Stage 3 raster environment */
.scene{background-image:linear-gradient(90deg,rgba(1,8,16,.82) 0,rgba(1,8,16,.28) 18%,transparent 38%),url('/assets/img/home/hero/hero_scene.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.scene:before,.mountains,.window-lines,.plant,.keyboard,.desk{opacity:.08}
.monitor{backdrop-filter:blur(1px)}
.banner{background-image:linear-gradient(90deg,rgba(2,15,29,.96) 0,rgba(2,18,33,.84) 48%,rgba(3,20,37,.28) 100%),url('/assets/img/home/banner/djavdet_banner.webp');background-size:cover;background-position:center}
.banner:after{opacity:.2}

/* Stage 4-6: banner, cards, principles */
.diamond{background:radial-gradient(circle,rgba(0,174,255,.22),rgba(3,19,34,.88));box-shadow:0 0 28px rgba(28,211,255,.28),inset 0 0 22px rgba(42,211,255,.12)}
.diamond span{width:58px;height:58px;display:grid;place-items:center}.diamond svg{width:58px;height:58px}
.banner{box-shadow:0 0 28px rgba(0,163,225,.14),inset 0 0 35px rgba(20,130,190,.07)}.more{box-shadow:0 0 18px rgba(37,210,255,.16);backdrop-filter:blur(5px)}
.card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(6,31,51,.96),rgba(3,17,29,.98));box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.12)}
.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 18%,rgba(23,155,219,.10),transparent 28%),linear-gradient(145deg,transparent 0 64%,rgba(14,94,139,.08) 65% 66%,transparent 67%)}
.card>*{position:relative;z-index:1}.card .ic{width:36px;height:36px;display:grid;place-items:center;color:#35e2ff;text-shadow:0 0 12px rgba(33,218,255,.35);filter:drop-shadow(0 0 6px rgba(33,218,255,.2))}.card .ic svg{width:34px;height:34px}.card h3{font-size:17px}.spark i{box-shadow:0 0 8px rgba(22,200,245,.12)}
.fi{position:relative;border-color:#d8f7ff;box-shadow:0 0 12px rgba(80,220,255,.12)}.fi:before{position:absolute;inset:0;display:grid;place-items:center;color:#dff8ff;font-size:18px}.f:nth-child(1) .fi:before{content:"◇"}.f:nth-child(2) .fi:before{content:"◉"}.f:nth-child(3) .fi:before{content:"♧"}.f:nth-child(4) .fi:before{content:"⌘"}

/* Stage 7-10: atmosphere and richer chart details */
.site{background-image:linear-gradient(180deg,rgba(2,10,20,.90) 0,rgba(2,10,19,.96) 55%,rgba(1,7,13,.90) 100%),url('/assets/img/home/home_global.webp');background-size:cover,cover;background-position:center top,center bottom;background-repeat:no-repeat}
.scene{background-image:linear-gradient(90deg,rgba(1,8,16,.48) 0,rgba(1,8,16,.08) 22%,transparent 44%),url('/assets/img/home/hero/hero_scene.webp');background-position:center center;box-shadow:inset 32px 0 45px rgba(1,7,14,.55),inset 0 -35px 55px rgba(1,5,10,.28)}
.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 16%,rgba(62,184,255,.16),transparent 24%),radial-gradient(circle at 68% 70%,rgba(14,129,198,.12),transparent 30%);mix-blend-mode:screen}
.monitor{transform-origin:center center}.watch{transform:perspective(900px) rotateY(7deg) rotateZ(-.4deg)}.idx{transform:perspective(900px) rotateY(-6deg) rotateZ(.3deg)}.flow{transform:perspective(900px) rotateY(-3deg)}
.chartline{width:100%;height:55px;margin:12px 0 8px;display:block;border-bottom:1px solid rgba(34,174,225,.16)}.chartline polyline{fill:none;stroke:#26d9ff;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(38,217,255,.24))}
.mini-candles{height:55px;margin:10px 0 8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(34,174,225,.12)}.mini-candles i{flex:1;height:22px;background:#18cce3;position:relative;box-shadow:0 0 6px rgba(24,204,227,.13)}.mini-candles i:before{content:"";position:absolute;left:50%;top:-10px;bottom:-10px;width:1px;background:#40dff0}.mini-candles i.r{background:#ef5260}.mini-candles i.r:before{background:#ff7881}
.head h2{font-size:27px}.head p{font-size:12px}.card{min-height:230px;border-color:rgba(28,141,191,.8);border-radius:11px}.card:hover{border-color:#27cff7;box-shadow:0 14px 30px rgba(0,0,0,.22),0 0 18px rgba(38,217,255,.08)}

/* Final hero luminance pass */
.scene{background-image:linear-gradient(90deg,rgba(1,8,16,.28) 0,rgba(1,8,16,.04) 24%,transparent 48%),url('/assets/img/home/hero/hero_scene.webp');box-shadow:inset 28px 0 38px rgba(1,7,14,.42),inset 0 -30px 46px rgba(1,5,10,.18)}
.scene:after{background:radial-gradient(circle at 83% 16%,rgba(68,194,255,.22),transparent 23%),radial-gradient(circle at 70% 74%,rgba(15,145,213,.15),transparent 29%)}

/* Final micro-polish */
.fi{border:0;border-radius:0;box-shadow:none;width:38px;height:38px}.fi:before{font-size:27px;filter:drop-shadow(0 0 5px rgba(210,245,255,.18))}
.mini-candles i:not(.r){background:#19cee4!important}.mini-candles i.r{background:#ef5260!important}
.f{font-size:11px}.card a,.head a{font-weight:500}.cta{letter-spacing:.005em}.login{box-shadow:0 0 16px rgba(34,223,255,.18)}