:root{
  --bg:#05070b;--panel:#0b1019;--line:rgba(255,255,255,.10);
  --text:#f8fbff;--muted:#8e9bae;--blue:#1479ff;--blue2:#48adff;
  --container:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:
radial-gradient(circle at 77% 17%,rgba(20,121,255,.13),transparent 27%),
linear-gradient(180deg,#05070b,#080b11 58%,#040609);overflow-x:hidden}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 42px),var(--container));margin:auto}
.orb{position:fixed;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.22}
.orb-a{width:380px;height:380px;right:-150px;top:70px;background:#0759ff}
.orb-b{width:250px;height:250px;left:-140px;bottom:40px;background:#0078ff}
header{border-bottom:1px solid rgba(255,255,255,.065);background:rgba(5,7,11,.72);backdrop-filter:blur(18px)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-.04em}
.mark{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--blue2),#0b5cff);box-shadow:0 10px 25px rgba(20,121,255,.25);font-size:20px}
.nav-right{display:flex;align-items:center;gap:25px;color:#c3cedc;font-size:14px;font-weight:700}
.secondary{min-height:42px;padding:0 17px;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer}
.hero{padding:94px 0 78px}.hero-grid{display:grid;grid-template-columns:.94fr minmax(530px,1.06fr);align-items:center;gap:72px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#8da5c5;font-size:12px;font-weight:850;letter-spacing:.16em}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--blue2);box-shadow:0 0 18px var(--blue2)}
h1{max-width:680px;margin:26px 0 25px;font-size:clamp(58px,6vw,88px);line-height:.98;letter-spacing:-.065em}
h1 span{color:var(--blue2);text-shadow:0 0 36px rgba(20,121,255,.17)}
.copy>p{max-width:620px;margin:0;color:#a2afc1;font-size:clamp(18px,1.7vw,22px);line-height:1.65}
form{margin-top:35px}.search{width:min(100%,680px);min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:8px;border:1px solid rgba(77,158,255,.28);border-radius:18px;background:rgba(255,255,255,.045);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.search>b{width:52px;height:48px;display:grid;place-items:center;color:#bdd9ff;border:1px solid rgba(60,167,255,.20);border-radius:11px;background:rgba(20,121,255,.10);font-size:12px;letter-spacing:.08em}
.search input{min-width:0;width:100%;color:#fff;border:0;outline:0;background:transparent;font-size:16px;font-weight:700;text-transform:uppercase}
.search input::placeholder{color:#69778a;text-transform:none}
.search button{min-height:50px;padding:0 21px;color:#fff;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue2),#0b5cff);box-shadow:0 13px 30px rgba(11,92,255,.28);font-size:14px;font-weight:850;cursor:pointer}
form>small{display:block;margin:11px 4px 0;color:#68758a;font-size:12px}
.features{display:flex;flex-wrap:wrap;gap:11px 20px;margin-top:31px;color:#748298;font-size:12px;font-weight:700}.features span{position:relative}.features span:not(:last-child):after{content:"";position:absolute;right:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:#35577d}
.visual{position:relative}.visual:before{content:"";position:absolute;width:75%;height:75%;right:0;top:4%;border-radius:50%;background:rgba(20,121,255,.25);filter:blur(95px);opacity:.48}
.product{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 17%),rgba(9,13,20,.95);box-shadow:0 30px 90px rgba(0,0,0,.55);transform:perspective(1500px) rotateY(-4deg) rotateX(1deg);transform-origin:center left}
.product-top{min-height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 21px;border-bottom:1px solid rgba(255,255,255,.07);color:#afbdcf;font-size:11px;font-weight:750}
.dots{display:flex;gap:7px}.dots i{width:7px;height:7px;border-radius:50%;background:#28313e}
.product-top em{justify-self:end;display:flex;align-items:center;gap:7px;color:#77869a;font-size:10px;font-style:normal}.product-top em i{width:6px;height:6px;border-radius:50%;background:var(--blue2);box-shadow:0 0 12px var(--blue2)}
.product-body{padding:24px}.ticker-head{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 2px 21px}
.ticker-head small,.metrics small,.chart-head small{display:block;color:#68778c;font-size:10px;font-weight:850;letter-spacing:.11em}
.ticker-head strong{display:block;margin-top:4px;font-size:32px}.price{text-align:right}.price strong{display:inline-block;font-size:22px}.price em{margin-left:7px;color:var(--blue2);font-size:11px;font-style:normal;font-weight:850}
.metrics{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:11px}.metrics article{min-height:108px;display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025)}
.metrics .wide{border-color:rgba(60,167,255,.22);background:radial-gradient(circle at 0 0,rgba(20,121,255,.17),transparent 52%),rgba(255,255,255,.025)}
.metrics strong{margin-top:8px;font-size:17px}.metrics p{margin:7px 0 0;color:#758296;font-size:10px}
.chart{margin-top:11px;padding:18px 18px 13px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(4,7,11,.5)}
.chart-head{display:flex;justify-content:space-between}.chart-head strong{display:block;margin-top:5px;font-size:15px}.legend{display:flex;gap:13px;color:#718096;font-size:9px}.legend span:first-child{color:var(--blue2)}
svg{width:100%;display:block}.grid line{stroke:rgba(255,255,255,.06)}.area{fill:url(#area)}.line{fill:none;stroke:#2f93ff;stroke-width:4;stroke-linecap:round}.atr{fill:none;stroke:rgba(235,244,255,.58);stroke-width:2;stroke-dasharray:7 8;stroke-linecap:round}circle{fill:#fff;stroke:#2389ff;stroke-width:5}
.chart-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);color:#66758a;font-size:9px;font-weight:700;text-align:center}
.bottom{padding:0 0 58px}.bottom-card{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 26px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}
.bottom-card p{margin:0;color:#9aa7b9;font-size:15px;font-weight:650}.link-btn{padding:0;color:#6db6ff;border:0;background:transparent;cursor:pointer;font-size:14px;font-weight:850}
footer{border-top:1px solid rgba(255,255,255,.065)}.footer{min-height:98px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#5e6b7f;font-size:11px}.footer>b{color:#bdc8d7}.footer>b i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--blue)}.footer p{text-align:center}.footer>span{justify-self:end}
.toast{position:fixed;right:24px;bottom:24px;width:min(390px,calc(100% - 48px));display:grid;gap:4px;padding:16px 18px;border:1px solid rgba(60,167,255,.32);border-radius:15px;background:rgba(11,16,25,.96);box-shadow:0 24px 65px rgba(0,0,0,.45);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}
.toast.show{transform:none;opacity:1}.toast strong{font-size:13px}.toast span{color:#8290a5;font-size:11px}
@media(max-width:1080px){.hero-grid{grid-template-columns:1fr}.visual{max-width:790px;margin:auto}.product{transform:none}}
@media(max-width:720px){.container{width:min(calc(100% - 28px),var(--container))}.nav-right>a{display:none}.hero{padding:70px 0 55px}h1{font-size:clamp(51px,16vw,68px)}.copy>p{font-size:17px}.search{grid-template-columns:auto 1fr}.search button{grid-column:1/-1}.product-body{padding:17px}.product-top{grid-template-columns:1fr auto}.product-top>span{display:none}.metrics{grid-template-columns:1fr}.legend{display:none}.chart-foot{grid-template-columns:repeat(2,1fr)}.bottom-card{align-items:flex-start;flex-direction:column;padding:23px}.footer{grid-template-columns:1fr;padding:27px 0;text-align:center}.footer>span,.footer>b{justify-self:center}}

/* HADIFATH WEB V2 HOME NAV STANDALONE REV02 */
.sign-in-link{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  cursor:pointer;
}
.sign-in-link:hover{
  border-color:rgba(72,173,255,.45);
  background:rgba(20,121,255,.08);
}