:root{
  --bg:#03070b;
  --bg-soft:#07111a;
  --panel:#091622;
  --panel2:#0b1a28;

  --text:#f3f7fb;
  --muted:#8296a7;
  --muted2:#506575;

  --gold:#f2c94c;
  --gold-soft:#d8a92f;

  --mint:#5af2c1;
  --cyan:#4fc4ea;
  --red:#ff6472;

  --line:rgba(154,184,207,.14);
  --line-soft:rgba(154,184,207,.07);

  --shell:1320px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  overflow-x:hidden;

  background:
    radial-gradient(circle at 72% 8%,rgba(34,106,143,.14),transparent 27%),
    radial-gradient(circle at 20% 24%,rgba(20,78,104,.08),transparent 30%),
    var(--bg);

  color:var(--text);

  font-family:"Inter",sans-serif;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
}

.shell{
  width:min(calc(100% - 48px),var(--shell));
  margin-inline:auto;
}

.grain{
  position:fixed;
  inset:0;

  pointer-events:none;

  opacity:.027;

  z-index:-1;

  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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}

.page-glow{
  position:fixed;

  width:650px;
  height:650px;

  border-radius:50%;

  filter:blur(110px);

  pointer-events:none;

  z-index:-2;

  opacity:.08;
}

.glow-a{
  background:#3ca9d0;
  right:-240px;
  top:80px;
}

.glow-b{
  background:#32dca8;
  left:-300px;
  top:620px;
}



.launch-bar{
  border-bottom:1px solid rgba(242,201,76,.12);

  background:
    linear-gradient(
      90deg,
      rgba(242,201,76,.06),
      rgba(5,12,18,.82),
      rgba(90,242,193,.04)
    );
}

.launch-inner{
  min-height:38px;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:12px;

  font-size:10px;

  letter-spacing:.05em;

  color:#8396a5;
}

.launch-inner strong{
  color:var(--gold);
}

.launch-inner a{
  margin-left:14px;

  color:#dce7ef;

  font-weight:700;
}

.launch-pulse{
  width:6px;
  height:6px;

  border-radius:50%;

  background:var(--gold);

  box-shadow:
    0 0 0 0 rgba(242,201,76,.4);

  animation:pulse 2s infinite;
}

@keyframes pulse{
  0%{
    box-shadow:0 0 0 0 rgba(242,201,76,.4);
  }

  70%{
    box-shadow:0 0 0 10px rgba(242,201,76,0);
  }

  100%{
    box-shadow:0 0 0 0 rgba(242,201,76,0);
  }
}



.nav{
  height:88px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  border-bottom:1px solid var(--line-soft);
}

.brand{
  display:flex;

  align-items:center;

  gap:11px;

  font-family:"Space Grotesk",sans-serif;

  font-size:20px;

  font-weight:700;
}

.brand-mark{
  width:34px;
  height:34px;

  display:grid;

  place-items:center;

  border-radius:10px;

  color:var(--gold);

  border:
    1px solid
    rgba(242,201,76,.42);

  background:
    rgba(242,201,76,.03);
}

.nav nav{
  display:flex;

  gap:34px;
}

.nav nav a{
  color:#7e92a4;

  font-size:13px;

  transition:.25s;
}

.nav nav a:hover{
  color:white;
}

.nav-buy{
  min-height:43px;

  display:flex;

  align-items:center;

  padding:0 18px;

  border-radius:999px;

  border:
    1px solid
    rgba(242,201,76,.3);

  background:
    rgba(242,201,76,.045);

  font-size:12px;

  font-weight:700;

  transition:.3s;
}

.nav-buy span{
  color:var(--gold);

  margin-left:12px;
}

.nav-buy:hover{
  transform:translateY(-2px);

  border-color:
    rgba(242,201,76,.7);
}



.hero{
  min-height:800px;

  display:grid;

  grid-template-columns:
    .92fr
    1.08fr;

  gap:65px;

  align-items:center;

  padding-top:55px;

  padding-bottom:95px;
}

.hero-label{
  display:flex;

  align-items:center;

  gap:10px;

  color:#91a7b9;

  letter-spacing:.16em;

  font-size:10px;

  font-weight:700;
}

.hero-label span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--mint);

  box-shadow:
    0 0 14px var(--mint);
}

.hero h1{
  margin:24px 0 24px;

  max-width:670px;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:
    clamp(58px,6vw,91px);

  letter-spacing:-.06em;

  line-height:.91;
}

.hero h1 span,
.hero h1 em{
  display:block;
}

.hero h1 span{
  color:#cbd7e0;
}

.hero h1 em{
  font-style:normal;

  background:
    linear-gradient(
      90deg,
      #f5d365,
      #f1c84c 35%,
      #6aefc5
    );

  -webkit-background-clip:text;

  color:transparent;
}

.hero-lede{
  max-width:620px;

  margin:0;

  color:#8ca0b1;

  font-size:17px;

  line-height:1.72;
}

.hero-positioning{
  margin:
    18px 0 0;

  color:#596e7f;

  font-size:12px;

  letter-spacing:.06em;
}

.hero-actions{
  margin-top:30px;

  display:flex;

  flex-wrap:wrap;

  gap:12px;
}

.button{
  min-height:54px;

  padding:0 23px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  border-radius:12px;

  border:none;

  cursor:pointer;

  font-weight:800;

  font-size:12px;

  transition:
    transform .3s,
    box-shadow .3s,
    border-color .3s;
}

.button span{
  margin-left:20px;
}

.button-primary{
  color:#091018;

  background:
    linear-gradient(
      135deg,
      #ffdb65,
      #efc249
    );

  box-shadow:
    0 18px 70px
    rgba(242,201,76,.14);
}

.button-primary:hover{
  transform:
    translateY(-4px);

  box-shadow:
    0 24px 90px
    rgba(242,201,76,.24);
}

.button-secondary{
  color:#dce6ee;

  border:
    1px solid var(--line);

  background:
    rgba(10,23,34,.5);
}

.button-secondary:hover{
  transform:
    translateY(-4px);

  border-color:
    rgba(90,242,193,.28);
}

.trust-row{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:12px;

  margin-top:42px;

  max-width:690px;
}

.trust-row div{
  min-height:74px;

  padding:15px;

  border:
    1px solid var(--line-soft);

  border-radius:13px;

  background:
    rgba(9,20,31,.4);
}

.trust-row b{
  display:block;

  color:var(--gold);

  font-family:monospace;

  font-size:9px;

  margin-bottom:9px;
}

.trust-row span{
  color:#758a9c;

  font-size:10px;

  line-height:1.4;
}



.hero-machine{
  min-height:650px;

  position:relative;

  perspective:1500px;
}

#three-core{
  position:absolute;

  inset:-20px;

  pointer-events:none;

  opacity:.72;
}

.machine-orbit{
  position:absolute;

  border:
    1px solid
    rgba(89,165,192,.1);

  border-radius:50%;

  pointer-events:none;
}

.orbit-a{
  width:560px;
  height:560px;

  right:20px;
  top:35px;

  transform:
    rotateX(70deg)
    rotateZ(17deg);
}

.orbit-b{
  width:450px;
  height:450px;

  right:75px;
  top:95px;

  transform:
    rotateX(72deg)
    rotateZ(-23deg);
}

.orbit-c{
  width:660px;
  height:340px;

  right:-40px;
  top:130px;

  transform:
    rotate(15deg);
}

.hero-terminal{
  position:absolute;

  inset:
    80px
    35px
    55px
    25px;

  z-index:3;

  overflow:hidden;

  border-radius:27px;

  border:
    1px solid
    rgba(136,186,216,.22);

  background:
    linear-gradient(
      145deg,
      rgba(12,29,44,.94),
      rgba(5,15,24,.94)
    );

  backdrop-filter:
    blur(24px);

  box-shadow:
    0 60px 160px
    rgba(0,0,0,.46),
    inset 0 1px 0
    rgba(255,255,255,.04);

  transform:
    rotateY(-4deg)
    rotateX(1.5deg);
}

.hero-terminal::before{
  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      rgba(105,151,180,.035)
      1px,
      transparent
      1px
    ),
    linear-gradient(
      90deg,
      rgba(105,151,180,.035)
      1px,
      transparent
      1px
    );

  background-size:
    30px 30px;
}

.terminal-head{
  height:55px;

  padding:0 21px;

  position:relative;

  z-index:2;

  display:flex;

  align-items:center;

  justify-content:space-between;

  border-bottom:
    1px solid var(--line-soft);
}

.terminal-live{
  display:flex;

  align-items:center;

  gap:8px;

  color:var(--mint);

  font-size:9px;

  letter-spacing:.12em;

  font-weight:700;
}

.terminal-live i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:var(--mint);

  box-shadow:
    0 0 12px var(--mint);
}

#clock{
  font-family:monospace;

  color:#60778a;

  font-size:9px;
}

.terminal-title{
  position:relative;

  z-index:2;

  padding:22px;

  display:flex;

  justify-content:space-between;
}

.terminal-title small{
  display:block;

  color:#5c7386;

  font-size:8px;

  letter-spacing:.12em;

  margin-bottom:8px;
}

.terminal-symbol{
  color:#dfe8ef;

  font-weight:700;

  font-size:12px;
}

.terminal-price-row{
  display:flex;

  align-items:center;

  gap:11px;

  margin-top:6px;
}

.terminal-price-row strong{
  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:29px;
}

.terminal-price-row span{
  font-size:10px;
}

.decision-meter{
  text-align:right;
}

.decision-meter > div{
  display:flex;

  align-items:flex-end;

  justify-content:flex-end;
}

.decision-meter strong{
  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:30px;
}

.decision-meter div span{
  color:#607587;

  font-size:10px;

  margin-bottom:5px;
}

.decision-meter em{
  display:block;

  color:var(--mint);

  font-size:8px;

  font-style:normal;

  margin-top:4px;
}

.terminal-chart-head{
  padding:
    7px
    20px
    11px;

  position:relative;

  z-index:2;

  display:flex;

  align-items:center;

  justify-content:space-between;
}

.terminal-chart-head span{
  display:block;

  font-size:10px;
}

.terminal-chart-head small{
  color:#566c7e;

  font-size:8px;
}

.chart-status{
  display:flex;

  align-items:center;

  gap:7px;

  color:#587082;

  font-size:7px;

  letter-spacing:.1em;
}

.chart-status i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:var(--mint);
}

#btc-chart{
  height:230px;

  position:relative;

  z-index:2;

  border-top:
    1px solid
    rgba(120,160,187,.05);

  border-bottom:
    1px solid
    rgba(120,160,187,.05);
}

.terminal-bottom{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:8px;

  padding:14px 18px;
}

.terminal-bottom div{
  padding:11px;

  border-radius:10px;

  border:
    1px solid
    rgba(130,169,197,.06);

  background:
    rgba(104,146,176,.045);
}

.terminal-bottom span{
  display:block;

  color:#576d7e;

  font-size:7px;

  margin-bottom:6px;
}

.terminal-bottom strong{
  font-size:9px;
}

.mint{
  color:var(--mint)!important;
}

.scanner{
  position:absolute;

  z-index:5;

  left:0;
  right:0;

  height:100px;

  top:-120px;

  pointer-events:none;

  background:
    linear-gradient(
      transparent,
      rgba(90,242,193,.03),
      transparent
    );

  animation:
    scan 7s linear infinite;
}

@keyframes scan{
  from{
    transform:
      translateY(-50px);
  }

  to{
    transform:
      translateY(760px);
  }
}

.float-panel{
  position:absolute;

  z-index:6;

  width:150px;

  padding:15px;

  border-radius:15px;

  border:
    1px solid
    rgba(137,181,211,.18);

  background:
    rgba(7,20,30,.84);

  backdrop-filter:
    blur(14px);

  box-shadow:
    0 25px 70px
    rgba(0,0,0,.34);

  animation:
    float 5s ease-in-out infinite;
}

.float-panel span{
  display:block;

  color:#60778a;

  font-size:8px;

  margin-bottom:6px;
}

.float-panel strong{
  display:block;

  font-size:16px;
}

.float-panel em{
  display:block;

  margin-top:4px;

  font-style:normal;

  font-size:8px;
}

.eth-panel{
  right:-6px;
  top:135px;
}

.sol-panel{
  left:-10px;
  bottom:80px;

  animation-delay:-1.5s;
}

.control-panel{
  right:34px;
  bottom:19px;

  width:165px;

  animation-delay:-3s;
}

@keyframes float{
  0%,100%{
    transform:
      translateY(0);
  }

  50%{
    transform:
      translateY(-10px);
  }
}



.market-ribbon{
  overflow:hidden;

  border-top:
    1px solid var(--line-soft);

  border-bottom:
    1px solid var(--line-soft);

  background:
    rgba(4,11,17,.74);
}

.market-ribbon-track{
  width:min(
    calc(100% - 48px),
    var(--shell)
  );

  margin:auto;

  display:grid;

  grid-template-columns:
    repeat(6,1fr);
}

.market-ribbon-track > div{
  min-height:80px;

  padding:15px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  border-right:
    1px solid var(--line-soft);
}

.market-ribbon-track > div:first-child{
  border-left:
    1px solid var(--line-soft);
}

.market-ribbon span{
  color:#53697b;

  font-size:7px;

  letter-spacing:.12em;
}

.market-ribbon strong{
  margin:
    5px 0 2px;

  font-size:13px;
}

.market-ribbon em{
  color:#687e90;

  font-size:7px;

  font-style:normal;
}



.section-index{
  color:#768b9c;

  font-size:9px;

  letter-spacing:.17em;

  font-weight:700;
}

.why{
  padding:
    145px 0
    135px;
}

.section-intro{
  max-width:860px;
}

.section-intro h2{
  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:
    clamp(42px,5.5vw,72px);

  letter-spacing:-.05em;

  line-height:1;

  margin:
    20px 0;
}

.section-intro h2 span,
.section-intro h2 em{
  display:block;
}

.section-intro h2 span{
  color:#c9d5de;
}

.section-intro h2 em{
  color:var(--gold);

  font-style:normal;
}

.section-intro > p{
  max-width:700px;

  color:#8196a7;

  font-size:16px;

  line-height:1.75;
}

.position-grid{
  margin-top:65px;

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:14px;
}

.position-grid article{
  min-height:390px;

  padding:29px;

  position:relative;

  overflow:hidden;

  border:
    1px solid var(--line);

  border-radius:22px;

  background:
    rgba(9,21,32,.61);
}

.position-grid article::after{
  content:"";

  position:absolute;

  width:260px;
  height:260px;

  right:-150px;
  top:-130px;

  border-radius:50%;

  background:
    rgba(79,196,234,.04);

  filter:
    blur(40px);
}

.position-icon{
  width:45px;
  height:45px;

  display:grid;

  place-items:center;

  border-radius:13px;

  color:#9fb0be;

  border:
    1px solid var(--line);
}

.position-grid small{
  display:block;

  margin-top:48px;

  color:#5a7183;

  font-size:8px;

  letter-spacing:.14em;
}

.position-grid h3{
  margin:
    10px 0 14px;

  max-width:280px;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:29px;

  letter-spacing:-.03em;
}

.position-grid p{
  color:#778d9e;

  font-size:13px;

  line-height:1.7;
}

.position-grid footer{
  position:absolute;

  left:29px;
  bottom:27px;

  color:#4f6576;

  font-size:7px;

  letter-spacing:.12em;
}

.qantova-position{
  border-color:
    rgba(242,201,76,.30)!important;

  background:
    radial-gradient(
      circle at 80% 5%,
      rgba(242,201,76,.08),
      transparent 38%
    ),
    rgba(10,24,36,.82)!important;
}

.qantova-position
.position-icon{
  color:var(--gold);

  border-color:
    rgba(242,201,76,.3);
}

.position-badge{
  position:absolute;

  right:22px;
  top:22px;

  padding:7px 10px;

  border-radius:999px;

  color:var(--gold);

  background:
    rgba(242,201,76,.06);

  border:
    1px solid
    rgba(242,201,76,.2);

  font-size:7px;

  font-weight:800;

  letter-spacing:.13em;
}



.desk{
  padding-bottom:145px;
}

.desk-heading{
  max-width:760px;
}

.desk-heading h2{
  margin:
    17px 0;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:
    clamp(42px,5vw,67px);

  line-height:1;

  letter-spacing:-.05em;
}

.desk-heading h2 span{
  display:block;

  color:var(--gold);
}

.desk-heading p{
  color:#7b91a2;

  line-height:1.7;
}

.product-window{
  min-height:665px;

  margin-top:60px;

  display:grid;

  grid-template-columns:
    72px 1fr;

  overflow:hidden;

  border-radius:29px;

  border:
    1px solid
    rgba(141,183,211,.18);

  background:
    linear-gradient(
      145deg,
      rgba(13,31,47,.93),
      rgba(4,14,22,.97)
    );

  box-shadow:
    0 55px 150px
    rgba(0,0,0,.36);

  position:relative;
}

.product-window::before{
  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      rgba(109,147,174,.03)
      1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(109,147,174,.03)
      1px,
      transparent 1px
    );

  background-size:
    36px 36px;
}

.product-window aside{
  position:relative;

  z-index:2;

  padding:18px 12px;

  border-right:
    1px solid var(--line);

  display:flex;

  flex-direction:column;

  align-items:center;

  gap:14px;
}

.side-logo{
  width:40px;
  height:40px;

  display:grid;

  place-items:center;

  border-radius:11px;

  border:
    1px solid
    rgba(242,201,76,.3);

  color:var(--gold);

  font-weight:800;

  margin-bottom:28px;
}

.product-window aside button{
  width:40px;
  height:40px;

  border:none;

  background:transparent;

  border-radius:10px;

  color:#4d6577;
}

.product-window aside
.side-selected{
  color:var(--mint);

  border:
    1px solid
    rgba(90,242,193,.15);

  background:
    rgba(90,242,193,.045);
}

.product-main{
  position:relative;

  z-index:2;

  padding:29px;
}

.product-top{
  display:flex;

  justify-content:space-between;

  align-items:center;
}

.product-top small{
  color:#586f81;

  font-size:8px;

  letter-spacing:.14em;
}

.product-top h3{
  margin:
    5px 0 0;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:26px;
}

.product-runtime{
  padding:
    9px 12px;

  border-radius:999px;

  color:var(--mint);

  border:
    1px solid
    rgba(90,242,193,.16);

  background:
    rgba(90,242,193,.04);

  font-size:8px;
}

.product-runtime i{
  display:inline-block;

  width:5px;
  height:5px;

  margin-right:6px;

  border-radius:50%;

  background:var(--mint);

  box-shadow:
    0 0 9px var(--mint);
}

.product-market-grid{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:10px;

  margin:
    27px 0 16px;
}

.product-market-grid > div{
  padding:15px;

  border-radius:13px;

  border:
    1px solid var(--line-soft);

  background:
    rgba(90,128,155,.035);
}

.product-market-grid span{
  display:block;

  color:#5d7486;

  font-size:8px;
}

.product-market-grid strong{
  display:block;

  margin:
    8px 0 5px;

  font-size:17px;
}

.product-market-grid small{
  color:#465e70;

  font-size:7px;
}

.product-panels{
  display:grid;

  grid-template-columns:
    1.45fr .7fr;

  gap:12px;
}

.decision-panel,
.risk-panel{
  min-height:390px;

  padding:19px;

  border-radius:16px;

  border:
    1px solid var(--line-soft);

  background:
    rgba(3,11,18,.47);
}

.decision-panel header,
.risk-panel header{
  display:flex;

  justify-content:space-between;

  padding-bottom:14px;

  border-bottom:
    1px solid var(--line-soft);

  color:#647b8d;

  font-size:8px;

  letter-spacing:.13em;
}

.decision-panel header strong,
.risk-panel header strong{
  color:var(--mint);

  font-size:7px;
}

.decision-item{
  padding:
    18px 8px;

  display:grid;

  grid-template-columns:
    62px 8px 1fr;

  gap:12px;

  align-items:center;

  border-bottom:
    1px solid
    rgba(123,155,179,.05);
}

.decision-item time{
  color:#526a7b;

  font-family:monospace;

  font-size:8px;
}

.decision-item i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#455e70;
}

.decision-item strong{
  display:block;

  font-size:11px;

  margin-bottom:4px;
}

.decision-item span{
  color:#596f81;

  font-size:8px;
}

.decision-item.highlighted{
  background:
    linear-gradient(
      90deg,
      rgba(242,201,76,.06),
      transparent
    );
}

.decision-item.highlighted i{
  background:var(--gold);

  box-shadow:
    0 0 10px
    rgba(242,201,76,.5);
}

.risk-dial{
  width:150px;
  height:150px;

  margin:
    25px auto;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      #07121b 57%,
      transparent 58%
    ),
    conic-gradient(
      var(--mint)
      0 79%,
      rgba(74,101,121,.12)
      79% 100%
    );
}

.risk-dial div{
  text-align:center;
}

.risk-dial strong{
  display:block;

  font-size:39px;
}

.risk-dial span{
  color:#586e80;

  font-size:7px;
}

.risk-panel ul{
  list-style:none;

  padding:0;

  margin:0;
}

.risk-panel li{
  display:flex;

  justify-content:space-between;

  padding:
    10px 3px;

  border-bottom:
    1px solid var(--line-soft);

  color:#637a8c;

  font-size:9px;
}

.risk-panel li strong{
  color:var(--mint);

  font-size:8px;
}



.workflow{
  padding-bottom:145px;
}

.section-intro.narrow{
  max-width:760px;
}

.workflow-line{
  margin-top:70px;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  position:relative;
}

.workflow-line::before{
  content:"";

  position:absolute;

  left:0;
  right:0;

  top:31px;

  height:1px;

  background:
    linear-gradient(
      90deg,
      rgba(242,201,76,.2),
      rgba(90,242,193,.28)
    );
}

.workflow-line article{
  position:relative;

  padding:
    0 28px 0 0;
}

.workflow-line b{
  display:block;

  color:#4b6172;

  font-family:monospace;

  font-size:8px;
}

.flow-node{
  display:block;

  width:12px;
  height:12px;

  margin:
    18px 0 40px;

  border-radius:50%;

  background:var(--bg);

  border:
    2px solid var(--gold);

  position:relative;

  z-index:2;

  box-shadow:
    0 0 18px
    rgba(242,201,76,.25);
}

.workflow-line article:nth-child(n+3)
.flow-node{
  border-color:var(--mint);

  box-shadow:
    0 0 18px
    rgba(90,242,193,.22);
}

.workflow-line small{
  color:#657b8d;

  font-size:8px;

  letter-spacing:.13em;
}

.workflow-line h3{
  margin:
    9px 0 12px;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:22px;
}

.workflow-line p{
  color:#718799;

  font-size:12px;

  line-height:1.7;
}



.value-section{
  padding:
    120px 0;

  border-top:
    1px solid var(--line-soft);

  border-bottom:
    1px solid var(--line-soft);

  background:
    radial-gradient(
      circle at 10% 50%,
      rgba(90,242,193,.035),
      transparent 35%
    ),
    rgba(5,13,20,.7);
}

.value-inner{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:90px;

  align-items:center;
}

.value-copy h2{
  margin:
    18px 0;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:
    clamp(42px,5vw,66px);

  line-height:1;

  letter-spacing:-.05em;
}

.value-copy h2 span{
  display:block;

  color:var(--gold);
}

.value-copy p{
  max-width:600px;

  color:#7e93a4;

  line-height:1.8;
}

.value-stack{
  display:grid;

  gap:9px;
}

.value-stack > div{
  padding:22px;

  border-radius:15px;

  border:
    1px solid var(--line-soft);

  background:
    rgba(10,23,35,.48);

  display:grid;

  grid-template-columns:
    40px 1fr;

  column-gap:12px;
}

.value-stack > div > span{
  grid-row:
    1 / 3;

  color:var(--gold);

  font-family:monospace;

  font-size:9px;
}

.value-stack strong{
  font-size:13px;
}

.value-stack p{
  color:#647a8c;

  font-size:10px;

  line-height:1.5;

  margin:
    5px 0 0;
}



.pricing{
  padding:
    140px 0;
}

.pricing-intro{
  text-align:center;

  max-width:780px;

  margin:auto;
}

.pricing-intro h2{
  margin:
    18px 0;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:
    clamp(44px,5vw,68px);

  letter-spacing:-.05em;

  line-height:1;
}

.pricing-intro h2 span{
  display:block;

  color:var(--gold);
}

.pricing-intro p{
  max-width:590px;

  margin:auto;

  color:#758b9d;

  line-height:1.7;
}

.launch-offer{
  margin:
    48px auto 20px;

  min-height:75px;

  padding:
    17px 21px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  border-radius:16px;

  border:
    1px solid
    rgba(242,201,76,.18);

  background:
    linear-gradient(
      90deg,
      rgba(242,201,76,.055),
      rgba(8,19,29,.7)
    );
}

.launch-offer > div{
  display:grid;

  grid-template-columns:
    auto auto;

  align-items:center;

  gap:
    3px 10px;
}

.launch-offer
.launch-pulse{
  grid-row:
    1 / 3;
}

.launch-offer strong{
  color:var(--gold);

  font-size:9px;

  letter-spacing:.13em;
}

.launch-offer p{
  margin:0;

  color:#788d9d;

  font-size:9px;
}

.launch-offer > span{
  color:#5b7182;

  font-size:7px;

  letter-spacing:.12em;
}

.pricing-grid{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:15px;

  align-items:stretch;

  margin-top:27px;
}

.plan{
  min-height:570px;

  position:relative;

  padding:31px;

  display:flex;

  flex-direction:column;

  border-radius:23px;

  border:
    1px solid var(--line);

  background:
    rgba(8,20,31,.72);

  transition:.35s;
}

.plan:hover{
  transform:
    translateY(-8px);

  border-color:
    rgba(150,190,216,.28);
}

.plan-featured{
  border-color:
    rgba(242,201,76,.37);

  background:
    radial-gradient(
      circle at 50% 0,
      rgba(242,201,76,.08),
      transparent 34%
    ),
    rgba(10,24,37,.88);

  box-shadow:
    0 40px 120px
    rgba(242,201,76,.055);

  transform:
    translateY(-13px);
}

.plan-featured:hover{
  transform:
    translateY(-20px);
}

.plan-popular{
  position:absolute;

  top:-13px;
  right:22px;

  padding:
    7px 12px;

  border-radius:999px;

  color:#091017;

  background:var(--gold);

  font-size:7px;

  font-weight:900;

  letter-spacing:.12em;
}

.plan header span{
  display:block;

  font-size:10px;

  font-weight:800;

  letter-spacing:.13em;
}

.plan header small{
  display:block;

  margin-top:6px;

  color:#536a7b;

  font-size:7px;
}

.plan-price{
  display:flex;

  align-items:flex-end;

  margin:
    30px 0 22px;
}

.plan-price sup{
  color:#788d9e;

  font-size:17px;

  margin:
    0 4px 23px 0;
}

.plan-price strong{
  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:55px;

  line-height:1;
}

.plan-price span{
  margin:
    0 0 8px 8px;

  color:#62788a;

  font-size:9px;
}

.plan > p{
  color:#778c9e;

  font-size:12px;

  line-height:1.7;
}

.plan ul{
  list-style:none;

  padding:0;

  margin:
    22px 0 28px;
}

.plan li{
  padding:
    10px 0 10px 22px;

  border-bottom:
    1px solid var(--line-soft);

  color:#a0b2c0;

  font-size:10px;

  position:relative;
}

.plan li::before{
  content:"✓";

  position:absolute;

  left:0;

  color:var(--mint);
}

.plan-button{
  margin-top:auto;

  min-height:49px;

  border-radius:11px;

  border:
    1px solid var(--line);

  background:
    rgba(255,255,255,.015);

  color:#e0e8ef;

  cursor:pointer;

  font-size:11px;

  font-weight:800;

  transition:.3s;
}

.plan-button span{
  margin-left:16px;
}

.plan-button:hover{
  border-color:
    rgba(90,242,193,.25);

  transform:
    translateY(-2px);
}

.plan-button-primary{
  border:none;

  color:#081018;

  background:
    linear-gradient(
      135deg,
      #ffda62,
      #efc148
    );
}



.final-sale{
  min-height:440px;

  margin-bottom:100px;

  padding:65px;

  position:relative;

  overflow:hidden;

  display:grid;

  grid-template-columns:
    1.25fr .75fr;

  align-items:center;

  border-radius:30px;

  border:
    1px solid
    rgba(242,201,76,.18);

  background:
    linear-gradient(
      120deg,
      rgba(12,28,43,.94),
      rgba(4,14,22,.96)
    );
}

.final-sale-bg{
  position:absolute;

  width:600px;
  height:600px;

  right:-230px;
  top:-250px;

  border-radius:50%;

  background:
    rgba(242,201,76,.08);

  filter:
    blur(90px);
}

.final-sale-copy{
  position:relative;

  z-index:2;
}

.final-sale h2{
  margin:
    18px 0;

  max-width:790px;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:
    clamp(44px,5vw,68px);

  line-height:1;

  letter-spacing:-.05em;
}

.final-sale h2 span{
  display:block;

  color:var(--gold);
}

.final-sale-copy > p{
  max-width:620px;

  color:#8095a6;

  line-height:1.7;
}

.final-button{
  margin-top:20px;
}

.final-visual{
  position:relative;

  min-height:300px;

  display:grid;

  place-items:center;
}

.final-q{
  width:126px;
  height:126px;

  display:grid;

  place-items:center;

  position:relative;

  z-index:3;

  border-radius:36px;

  color:var(--gold);

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:55px;

  font-weight:700;

  border:
    1px solid
    rgba(242,201,76,.4);

  background:
    rgba(242,201,76,.03);

  box-shadow:
    0 0 90px
    rgba(242,201,76,.08);
}

.final-orbit{
  position:absolute;

  border-radius:50%;

  border:
    1px solid
    rgba(130,176,206,.13);

  animation:
    spin 15s linear infinite;
}

.orbit-one{
  width:280px;
  height:280px;
}

.orbit-two{
  width:220px;
  height:350px;

  transform:
    rotate(55deg);

  animation-direction:
    reverse;
}

@keyframes spin{
  from{
    rotate:0deg;
  }

  to{
    rotate:360deg;
  }
}



.footer{
  min-height:110px;

  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:center;

  gap:25px;

  border-top:
    1px solid var(--line-soft);

  color:#4f6576;

  font-size:9px;
}

.footer > span{
  text-align:right;
}



.checkout-modal{
  position:fixed;

  inset:0;

  display:none;

  place-items:center;

  z-index:100;
}

.checkout-modal.open{
  display:grid;
}

.modal-backdrop{
  position:absolute;

  inset:0;

  background:
    rgba(1,5,8,.84);

  backdrop-filter:
    blur(13px);
}

.modal-card{
  width:min(
    calc(100% - 32px),
    440px
  );

  position:relative;

  z-index:2;

  padding:36px;

  border-radius:24px;

  border:
    1px solid
    rgba(242,201,76,.22);

  background:
    linear-gradient(
      145deg,
      #0b1c2a,
      #061018
    );

  box-shadow:
    0 50px 150px
    rgba(0,0,0,.6);
}

.modal-close{
  position:absolute;

  right:16px;
  top:13px;

  border:none;

  background:none;

  color:#708596;

  cursor:pointer;

  font-size:24px;
}

.modal-logo{
  width:48px;
  height:48px;

  margin-bottom:24px;

  display:grid;

  place-items:center;

  border-radius:13px;

  border:
    1px solid
    rgba(242,201,76,.3);

  color:var(--gold);

  font-weight:800;
}

.modal-card small{
  color:#617889;

  font-size:8px;

  letter-spacing:.14em;
}

.modal-card h3{
  margin:
    10px 0;

  font-family:
    "Space Grotesk",
    sans-serif;

  font-size:28px;
}

.modal-card p{
  color:#7a90a2;

  font-size:12px;

  line-height:1.7;

  margin-bottom:25px;
}



.positive{
  color:var(--mint)!important;
}

.negative{
  color:var(--red)!important;
}



@media(max-width:1100px){

  .hero{
    grid-template-columns:1fr;

    padding-top:75px;
  }

  .hero-machine{
    min-height:650px;
  }

  .position-grid{
    grid-template-columns:1fr;
  }

  .workflow-line{
    grid-template-columns:
      repeat(2,1fr);

    row-gap:55px;
  }

  .workflow-line::before{
    display:none;
  }

  .value-inner{
    grid-template-columns:1fr;

    gap:50px;
  }

  .pricing-grid{
    grid-template-columns:1fr;
  }

  .plan-featured{
    transform:none;
  }

  .plan-featured:hover{
    transform:
      translateY(-8px);
  }

  .final-sale{
    grid-template-columns:1fr;
  }

}



@media(max-width:760px){

  .shell{
    width:min(
      calc(100% - 28px),
      var(--shell)
    );
  }

  .launch-inner{
    justify-content:flex-start;

    overflow:hidden;

    white-space:nowrap;
  }

  .launch-inner span:not(.launch-pulse){
    display:none;
  }

  .nav{
    height:74px;
  }

  .nav nav{
    display:none;
  }

  .hero{
    min-height:auto;

    padding-top:55px;
  }

  .hero h1{
    font-size:52px;
  }

  .trust-row{
    grid-template-columns:1fr;
  }

  .hero-machine{
    min-height:530px;
  }

  .hero-terminal{
    inset:
      20px 0 35px;
    transform:none;
  }

  #three-core,
  .float-panel,
  .machine-orbit{
    display:none;
  }

  #btc-chart{
    height:185px;
  }

  .terminal-bottom{
    grid-template-columns:
      repeat(2,1fr);
  }

  .market-ribbon-track{
    width:100%;

    display:flex;

    overflow-x:auto;
  }

  .market-ribbon-track > div{
    min-width:165px;
  }

  .why{
    padding-top:100px;
  }

  .product-window{
    grid-template-columns:1fr;
  }

  .product-window aside{
    display:none;
  }

  .product-market-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

  .product-panels{
    grid-template-columns:1fr;
  }

  .workflow-line{
    grid-template-columns:1fr;
  }

  .workflow-line article{
    padding:0;
  }

  .flow-node{
    margin-bottom:20px;
  }

  .launch-offer{
    align-items:flex-start;

    gap:20px;

    flex-direction:column;
  }

  .final-sale{
    padding:
      44px 24px;
  }

  .final-visual{
    display:none;
  }

  .footer{
    grid-template-columns:1fr;

    padding:
      35px 0;
  }

  .footer > span{
    text-align:left;
  }

}

/* DIRECTOR-CSS-START */

.hero-offer{
  margin-top:20px;
  min-height:62px;
  max-width:690px;
  padding:11px 15px;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  align-items:center;
  gap:13px;
  border:1px solid rgba(242,201,76,.16);
  border-radius:14px;
  background:
    linear-gradient(90deg,rgba(242,201,76,.055),rgba(7,18,28,.52));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.hero-offer-pulse{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 18px rgba(242,201,76,.5);
  animation:offerPulse 2s ease-in-out infinite;
}

@keyframes offerPulse{
  50%{
    box-shadow:0 0 30px rgba(242,201,76,.9);
    transform:scale(1.12);
  }
}

.hero-offer small{
  display:block;
  color:#6b8091;
  font-size:7px;
  letter-spacing:.15em;
  margin-bottom:3px;
}

.hero-offer strong{
  display:block;
  font-size:10px;
}

.hero-offer > span{
  color:var(--gold);
  font-size:10px;
  white-space:nowrap;
}

.hero-offer a{
  color:#d7e2ea;
  font-size:9px;
  font-weight:700;
  white-space:nowrap;
}



.market-wall{
  padding:145px 0;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:70px;
  align-items:center;
}

.market-wall-copy h2{
  margin:18px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(42px,4.7vw,66px);
  line-height:1;
  letter-spacing:-.05em;
}

.market-wall-copy h2 span{
  display:block;
  color:var(--gold);
}

.market-wall-copy > p{
  color:#7b91a3;
  line-height:1.75;
  max-width:520px;
}

.market-wall-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:25px;
}

.market-wall-tags span{
  padding:8px 10px;
  border:1px solid var(--line-soft);
  border-radius:999px;
  color:#657c8d;
  font-size:7px;
  letter-spacing:.11em;
}

.market-wall-ui{
  min-height:560px;
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(132,181,212,.2);
  background:
    radial-gradient(circle at 100% 0,rgba(79,196,234,.07),transparent 35%),
    linear-gradient(145deg,rgba(12,29,44,.96),rgba(4,13,21,.97));
  box-shadow:0 50px 140px rgba(0,0,0,.4);
}

.market-wall-ui::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(110,150,177,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,150,177,.035) 1px,transparent 1px);
  background-size:30px 30px;
}

.wall-top{
  height:58px;
  padding:0 21px;
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line-soft);
}

.wall-top > div{
  display:flex;
  align-items:center;
  gap:8px;
}

.wall-top i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 12px var(--mint);
}

.wall-top span{
  color:#91a6b7;
  font-size:8px;
  letter-spacing:.12em;
}

.wall-top strong{
  color:var(--mint);
  font-size:7px;
  letter-spacing:.12em;
}

.wall-body{
  position:relative;
  z-index:2;
  padding:18px;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:12px;
}

.depth-panel,
.flow-panel{
  min-height:465px;
  border:1px solid var(--line-soft);
  border-radius:17px;
  background:rgba(3,12,19,.5);
}

.depth-panel{
  padding:16px;
}

.depth-title{
  padding-bottom:13px;
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid var(--line-soft);
}

.depth-title span{
  color:#778d9e;
  font-size:8px;
  letter-spacing:.12em;
}

.depth-title small{
  color:#435a6b;
  font-size:7px;
}

.asks,
.bids{
  display:grid;
  gap:3px;
  padding:12px 0;
}

.asks div,
.bids div{
  min-height:30px;
  padding:0 9px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:5px;
  font-family:monospace;
  font-size:9px;
}

.asks div::before,
.bids div::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:var(--depth,20%);
  z-index:-1;
}

.asks div::before{
  background:linear-gradient(90deg,transparent,rgba(255,100,114,.10));
}

.bids div::before{
  background:linear-gradient(90deg,transparent,rgba(90,242,193,.09));
}

.asks span{
  color:#ff7784;
}

.bids span{
  color:#6cefc4;
}

.asks b,
.bids b{
  color:#647a8b;
  font-weight:500;
}

.depth-mid{
  min-height:68px;
  padding:10px 0;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
}

.depth-mid small{
  color:#4c6375;
  font-size:7px;
  letter-spacing:.1em;
}

.depth-mid strong{
  margin-top:4px;
  font-family:"Space Grotesk",sans-serif;
  font-size:22px;
}

.depth-mid i{
  width:30%;
  height:1px;
  position:absolute;
  right:0;
  background:linear-gradient(90deg,transparent,var(--gold));
  animation:midPulse 2s infinite;
}

@keyframes midPulse{
  50%{width:60%;opacity:.4}
}

.flow-panel{
  padding:19px;
}

.flow-panel header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding-bottom:15px;
  border-bottom:1px solid var(--line-soft);
}

.flow-panel header span{
  display:block;
  color:#8196a7;
  font-size:8px;
  letter-spacing:.13em;
}

.flow-panel header small{
  color:#4e6476;
  font-size:7px;
}

.flow-panel header strong{
  color:var(--mint);
  font-size:7px;
  letter-spacing:.12em;
}

.flow-engine{
  padding:25px 4px;
}

.engine-step{
  min-height:65px;
  padding:12px;
  display:grid;
  grid-template-columns:32px 1fr auto;
  gap:11px;
  align-items:center;
  border:1px solid rgba(128,164,189,.07);
  border-radius:11px;
  background:rgba(99,137,164,.02);
  transition:.35s;
}

.engine-step.active{
  border-color:rgba(242,201,76,.24);
  background:linear-gradient(90deg,rgba(242,201,76,.06),rgba(90,242,193,.025));
}

.engine-step > span{
  font-family:monospace;
  color:var(--gold);
  font-size:8px;
}

.engine-step strong{
  display:block;
  font-size:10px;
  margin-bottom:3px;
}

.engine-step small{
  display:block;
  color:#556c7e;
  font-size:7px;
}

.engine-step i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4d6577;
}

.engine-step.active i{
  background:var(--mint);
  box-shadow:0 0 12px var(--mint);
}

.engine-connector{
  height:22px;
  padding-left:27px;
}

.engine-connector span{
  display:block;
  width:1px;
  height:100%;
  background:linear-gradient(var(--gold),rgba(90,242,193,.3));
}

.flow-footer{
  margin-top:6px;
  padding-top:16px;
  display:flex;
  justify-content:space-between;
  border-top:1px solid var(--line-soft);
}

.flow-footer span{
  color:#506778;
  font-size:7px;
  letter-spacing:.12em;
}

.flow-footer strong{
  color:var(--mint);
  font-size:8px;
}

.wall-scan{
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  height:120px;
  top:-140px;
  pointer-events:none;
  background:linear-gradient(transparent,rgba(90,242,193,.035),transparent);
  animation:wallScan 7s linear infinite;
}

@keyframes wallScan{
  to{transform:translateY(760px)}
}



.difference{
  padding:135px 0;
}

.difference-heading{
  max-width:800px;
}

.difference-heading h2{
  margin:18px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(42px,5vw,68px);
  line-height:1;
  letter-spacing:-.05em;
}

.difference-heading h2 span{
  display:block;
  color:var(--gold);
}

.difference-heading p{
  max-width:620px;
  color:#798fa0;
  line-height:1.7;
}

.difference-grid{
  margin-top:55px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:11px;
}

.difference-card{
  min-height:390px;
  padding:25px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line-soft);
  border-radius:20px;
  background:rgba(8,20,31,.55);
}

.difference-icon,
.difference-q{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  color:#8197a8;
}

.difference-card small{
  display:block;
  margin-top:48px;
  color:#576e80;
  font-size:7px;
  letter-spacing:.13em;
}

.difference-card h3{
  margin:10px 0 13px;
  font-family:"Space Grotesk",sans-serif;
  font-size:23px;
  line-height:1.1;
}

.difference-card p{
  color:#718799;
  font-size:11px;
  line-height:1.7;
}

.difference-card footer{
  position:absolute;
  left:25px;
  bottom:23px;
  color:#455c6d;
  font-size:7px;
  letter-spacing:.12em;
}

.qantova-difference{
  border-color:rgba(242,201,76,.3);
  background:
    radial-gradient(circle at 100% 0,rgba(242,201,76,.08),transparent 36%),
    rgba(10,25,38,.85);
}

.difference-q{
  color:var(--gold);
  border-color:rgba(242,201,76,.3);
}

.difference-badge{
  position:absolute;
  right:19px;
  top:19px;
  padding:6px 8px;
  border:1px solid rgba(242,201,76,.18);
  border-radius:999px;
  color:var(--gold);
  font-size:6px;
  letter-spacing:.12em;
}



.story{
  padding:145px 0;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:90px;
}

.story-copy{
  position:relative;
}

.story-sticky{
  position:sticky;
  top:120px;
}

.story-sticky h2{
  margin:18px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(40px,4.7vw,63px);
  line-height:1;
  letter-spacing:-.05em;
}

.story-sticky h2 span{
  display:block;
  color:var(--gold);
}

.story-sticky p{
  color:#778d9f;
  line-height:1.75;
  max-width:470px;
}

.story-progress{
  width:100%;
  max-width:390px;
  height:2px;
  margin-top:35px;
  overflow:hidden;
  background:rgba(127,163,187,.08);
}

.story-progress span{
  display:block;
  width:25%;
  height:100%;
  background:linear-gradient(90deg,var(--gold),var(--mint));
  transition:width .55s cubic-bezier(.2,.8,.2,1);
}

.story-steps{
  display:grid;
  gap:28px;
}

.story-step{
  min-height:440px;
  padding:38px;
  position:relative;
  border:1px solid var(--line-soft);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(79,196,234,.045),transparent 35%),
    rgba(8,20,31,.57);
  transition:.5s;
}

.story-step.active{
  border-color:rgba(242,201,76,.22);
  box-shadow:0 25px 90px rgba(0,0,0,.2);
}

.story-number{
  position:absolute;
  right:28px;
  top:25px;
  color:#415969;
  font-family:monospace;
  font-size:9px;
}

.story-step > small{
  color:var(--gold);
  font-size:7px;
  letter-spacing:.14em;
}

.story-step h3{
  max-width:560px;
  margin:16px 0 14px;
  font-family:"Space Grotesk",sans-serif;
  font-size:32px;
  line-height:1.08;
}

.story-step > p{
  max-width:560px;
  color:#788e9f;
  font-size:12px;
  line-height:1.75;
}

.story-mini-ui{
  margin-top:35px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.story-mini-ui div{
  padding:15px;
  border:1px solid var(--line-soft);
  border-radius:10px;
  background:rgba(4,13,21,.44);
}

.story-mini-ui span,
.story-mini-ui strong{
  display:block;
}

.story-mini-ui span{
  color:#4d6576;
  font-size:7px;
}

.story-mini-ui strong{
  margin-top:6px;
  color:#b8c7d2;
  font-size:9px;
}

.risk-bars{
  margin-top:35px;
  display:grid;
  gap:14px;
}

.risk-bars > div{
  display:grid;
  grid-template-columns:100px 1fr 55px;
  gap:12px;
  align-items:center;
}

.risk-bars span{
  color:#718799;
  font-size:9px;
}

.risk-bars i{
  height:5px;
  position:relative;
  overflow:hidden;
  border-radius:999px;
  background:rgba(117,153,178,.08);
}

.risk-bars i::after{
  content:"";
  display:block;
  width:var(--p);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--mint));
}

.risk-bars b{
  color:var(--mint);
  font-size:7px;
}

.runtime-controls{
  margin-top:38px;
  display:flex;
  gap:9px;
}

.runtime-controls button{
  min-width:110px;
  min-height:47px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.015);
  color:#73899a;
  font-size:8px;
  font-weight:800;
}

.runtime-controls .runtime-active{
  border-color:rgba(242,201,76,.25);
  color:var(--gold);
  background:rgba(242,201,76,.055);
}

.review-log{
  margin-top:32px;
  border:1px solid var(--line-soft);
  border-radius:12px;
  overflow:hidden;
}

.review-log div{
  min-height:48px;
  padding:0 15px;
  display:grid;
  grid-template-columns:85px 1fr;
  align-items:center;
  border-bottom:1px solid var(--line-soft);
}

.review-log div:last-child{
  border-bottom:none;
}

.review-log time{
  color:#51697b;
  font-family:monospace;
  font-size:8px;
}

.review-log span{
  color:#8599a9;
  font-size:9px;
}

.review-highlight{
  background:linear-gradient(90deg,rgba(242,201,76,.055),transparent);
}

.review-highlight span{
  color:#d7e2e9;
}



.buy-reason{
  padding:60px 0 140px;
}

.buy-reason-card{
  min-height:430px;
  padding:56px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
  border:1px solid rgba(90,242,193,.12);
  border-radius:28px;
  background:
    radial-gradient(circle at 0 100%,rgba(90,242,193,.05),transparent 38%),
    linear-gradient(140deg,rgba(10,26,39,.85),rgba(5,15,23,.9));
}

.buy-reason-copy h2{
  margin:16px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(40px,4.5vw,61px);
  line-height:1;
  letter-spacing:-.05em;
}

.buy-reason-copy h2 span{
  display:block;
  color:var(--gold);
}

.buy-reason-copy p{
  max-width:560px;
  color:#7b91a2;
  line-height:1.75;
}

.buy-reason-points{
  display:grid;
  gap:8px;
}

.buy-reason-points > div{
  min-height:78px;
  padding:16px;
  display:grid;
  grid-template-columns:40px 1fr;
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:rgba(3,11,18,.33);
}

.buy-reason-points b{
  grid-row:1/3;
  color:var(--gold);
  font-family:monospace;
  font-size:8px;
}

.buy-reason-points strong{
  font-size:11px;
}

.buy-reason-points span{
  margin-top:4px;
  color:#607788;
  font-size:9px;
}



.founding{
  padding-bottom:80px;
}

.founding-card{
  min-height:240px;
  padding:38px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.15fr 1fr auto;
  gap:35px;
  align-items:center;
  border:1px solid rgba(242,201,76,.25);
  border-radius:25px;
  background:
    linear-gradient(105deg,rgba(242,201,76,.07),rgba(9,21,32,.86) 40%,rgba(90,242,193,.03));
}

.founding-light{
  width:420px;
  height:420px;
  position:absolute;
  right:-180px;
  top:-180px;
  border-radius:50%;
  background:rgba(242,201,76,.08);
  filter:blur(80px);
}

.founding-label{
  color:var(--gold);
  font-size:7px;
  letter-spacing:.15em;
}

.founding-card h2{
  margin:10px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:32px;
  letter-spacing:-.03em;
}

.founding-card p{
  max-width:540px;
  margin:0;
  color:#728899;
  font-size:10px;
  line-height:1.7;
}

.founding-prices{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}

.founding-prices div{
  min-width:110px;
  padding:14px;
  border:1px solid var(--line-soft);
  border-radius:11px;
  background:rgba(3,11,18,.3);
}

.founding-prices small{
  display:block;
  color:#546b7c;
  font-size:6px;
}

.founding-prices strong{
  display:block;
  margin-top:5px;
  font-family:"Space Grotesk",sans-serif;
  font-size:18px;
}

.founding-main{
  border-color:rgba(242,201,76,.22)!important;
}

.founding-main strong{
  color:var(--gold);
}

.founding-cta{
  min-height:50px;
  padding:0 19px;
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  border-radius:11px;
  color:#091017;
  background:linear-gradient(135deg,#ffda62,#efc148);
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

.founding-cta span{
  margin-left:18px;
}



.director-reveal{
  opacity:0;
  transform:translateY(30px);
  transition:
    opacity .8s cubic-bezier(.2,.8,.2,1),
    transform .8s cubic-bezier(.2,.8,.2,1);
}

.director-reveal.is-visible{
  opacity:1;
  transform:none;
}

.wow-card{
  transform-style:preserve-3d;
  transition:transform .2s ease-out;
}



@media(max-width:1100px){

  .market-wall{
    grid-template-columns:1fr;
  }

  .difference-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .story{
    grid-template-columns:1fr;
    gap:45px;
  }

  .story-sticky{
    position:relative;
    top:auto;
  }

  .buy-reason-card{
    grid-template-columns:1fr;
  }

  .founding-card{
    grid-template-columns:1fr;
  }

  .founding-prices{
    max-width:460px;
  }

  .founding-cta{
    width:max-content;
  }

}



@media(max-width:760px){

  .hero-offer{
    grid-template-columns:auto 1fr;
  }

  .hero-offer > span,
  .hero-offer > a{
    grid-column:2;
  }

  .market-wall{
    padding:100px 0;
  }

  .wall-body{
    grid-template-columns:1fr;
  }

  .market-wall-ui{
    min-height:auto;
  }

  .depth-panel,
  .flow-panel{
    min-height:auto;
  }

  .difference-grid{
    grid-template-columns:1fr;
  }

  .story{
    padding:100px 0;
  }

  .story-step{
    padding:26px;
    min-height:auto;
  }

  .story-mini-ui{
    grid-template-columns:1fr;
  }

  .risk-bars > div{
    grid-template-columns:90px 1fr;
  }

  .risk-bars b{
    display:none;
  }

  .runtime-controls{
    flex-direction:column;
  }

  .buy-reason-card{
    padding:32px 22px;
  }

  .founding-card{
    padding:29px 22px;
  }

  .founding-prices{
    grid-template-columns:1fr;
  }

}

/* DIRECTOR-CSS-END */

/* ACCESS-FLOW-CSS-START */

.desktop-access{
  padding:150px 0 140px;
}

.desktop-access-head{
  max-width:890px;
}

.desktop-access-head h2{
  margin:18px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(45px,5.5vw,73px);
  line-height:1;
  letter-spacing:-.055em;
}

.desktop-access-head h2 span{
  display:block;
  color:var(--gold);
}

.desktop-access-head p{
  max-width:720px;
  color:#7e94a5;
  font-size:15px;
  line-height:1.8;
}



.platform-showcase{
  margin-top:62px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}



.os-card{
  min-height:610px;
  padding:27px;
  overflow:hidden;
  border:1px solid rgba(135,181,211,.16);
  border-radius:27px;
  background:
    linear-gradient(145deg,rgba(10,27,41,.91),rgba(4,14,22,.96));
  box-shadow:
    0 35px 100px rgba(0,0,0,.25);
}

.os-mac{
  background:
    radial-gradient(circle at 80% 0,rgba(242,201,76,.055),transparent 40%),
    linear-gradient(145deg,rgba(10,27,41,.91),rgba(4,14,22,.96));
}



.os-card-head{
  min-height:65px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:15px;
  align-items:center;
}

.os-card-head small{
  display:block;
  color:#526a7b;
  font-size:7px;
  letter-spacing:.13em;
}

.os-card-head h3{
  margin:3px 0 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:25px;
}



.ready-badge{
  padding:7px 10px;
  border-radius:999px;
  color:var(--mint);
  border:1px solid rgba(90,242,193,.18);
  background:rgba(90,242,193,.04);
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
}



.real-windows-logo{
  width:50px;
  height:50px;
  padding:13px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
}

.real-windows-logo i{
  display:block;
  background:linear-gradient(135deg,#a5b8c7,#647f93);
}



.mac-device-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
}

.mac-device-icon div{
  width:27px;
  height:19px;
  position:relative;
  border:2px solid #879cac;
  border-radius:3px;
}

.mac-device-icon div::before{
  content:"";
  position:absolute;
  width:33px;
  height:2px;
  left:-5px;
  bottom:-6px;
  border-radius:4px;
  background:#879cac;
}



.device-frame{
  margin-top:24px;
  height:390px;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(130,174,202,.14);
  border-radius:18px;
  background:#050e16;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 25px 70px rgba(0,0,0,.25);
}



.device-topbar,
.mac-titlebar{
  height:41px;
  padding:0 14px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line-soft);
}

.device-brand{
  display:flex;
  align-items:center;
  gap:7px;
}

.device-brand b{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,201,76,.24);
  border-radius:6px;
  color:var(--gold);
  font-size:9px;
}

.device-brand span{
  color:#879bab;
  font-size:8px;
  font-weight:700;
}

.device-topbar > small{
  margin-left:auto;
  color:#40596a;
  font-size:6px;
  letter-spacing:.12em;
}



.activation-screen{
  height:349px;
  padding:31px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:27px;
  align-items:center;
  background:
    radial-gradient(circle at 10% 40%,rgba(79,196,234,.045),transparent 35%),
    linear-gradient(rgba(105,145,172,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(105,145,172,.03) 1px,transparent 1px);
  background-size:auto,30px 30px,30px 30px;
}

.activation-copy > span{
  color:var(--gold);
  font-size:7px;
  letter-spacing:.15em;
}

.activation-copy h4{
  margin:11px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:25px;
  line-height:1.05;
}

.activation-copy p{
  color:#607788;
  font-size:9px;
  line-height:1.7;
}



.activation-form{
  padding:18px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:rgba(3,11,18,.55);
}

.activation-form label{
  display:block;
  margin-bottom:12px;
  color:#4d6576;
  font-size:6px;
  letter-spacing:.11em;
}

.activation-form label div{
  margin-top:6px;
  min-height:38px;
  padding:0 11px;
  display:flex;
  align-items:center;
  border:1px solid rgba(127,163,188,.1);
  border-radius:8px;
  background:rgba(255,255,255,.015);
  color:#8095a5;
  font-size:8px;
  letter-spacing:normal;
}

.activation-form label .license-code{
  color:#d7bd66;
  letter-spacing:.08em;
}

.activation-form button{
  width:100%;
  min-height:41px;
  border:none;
  border-radius:8px;
  color:#081018;
  background:linear-gradient(135deg,#ffda62,#efc148);
  font-size:7px;
  font-weight:900;
}

.activation-form button span{
  margin-left:15px;
}



.mac-titlebar{
  justify-content:space-between;
}

.mac-titlebar > div{
  display:flex;
  gap:5px;
}

.mac-titlebar i{
  width:7px;
  height:7px;
  border-radius:50%;
}

.mac-titlebar i:nth-child(1){
  background:#ff6259;
}

.mac-titlebar i:nth-child(2){
  background:#ffbd2e;
}

.mac-titlebar i:nth-child(3){
  background:#28c941;
}

.mac-titlebar span{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  color:#536a7b;
  font-size:7px;
}



.mac-product{
  height:349px;
  padding:28px;
  position:relative;
  overflow:hidden;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center,rgba(242,201,76,.035),transparent 38%),
    linear-gradient(rgba(105,145,172,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(105,145,172,.025) 1px,transparent 1px);
  background-size:auto,31px 31px,31px 31px;
}

.mac-product-light{
  width:260px;
  height:260px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(242,201,76,.05);
  filter:blur(65px);
}

.mac-product-logo{
  width:76px;
  height:76px;
  z-index:2;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,201,76,.32);
  border-radius:22px;
  color:var(--gold);
  background:rgba(242,201,76,.035);
  box-shadow:0 0 80px rgba(242,201,76,.08);
  font-family:"Space Grotesk",sans-serif;
  font-size:32px;
  font-weight:700;
}

.mac-product-label{
  z-index:2;
  margin-top:17px;
  color:#5b7183;
  font-size:6px;
  letter-spacing:.15em;
}

.mac-product h4{
  z-index:2;
  margin:9px 0 22px;
  font-family:"Space Grotesk",sans-serif;
  font-size:22px;
  line-height:1.1;
}

.mac-product h4 strong{
  display:block;
  color:var(--gold);
  font-weight:600;
}



.mac-specs{
  width:100%;
  max-width:410px;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}

.mac-specs div{
  padding:10px;
  border:1px solid var(--line-soft);
  border-radius:8px;
  background:rgba(3,11,18,.32);
  text-align:left;
}

.mac-specs small{
  display:block;
  color:#455e70;
  font-size:5px;
}

.mac-specs strong{
  display:block;
  margin-top:4px;
  color:#a5b5c1;
  font-size:7px;
}



.os-footer{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#587082;
  font-size:6px;
  letter-spacing:.1em;
}

.os-footer i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#456071;
}



.what-you-buy{
  margin-top:115px;
  padding:50px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
  border:1px solid var(--line-soft);
  border-radius:25px;
  background:
    radial-gradient(circle at 0 100%,rgba(90,242,193,.035),transparent 35%),
    rgba(7,19,29,.53);
}

.what-you-buy-copy h2{
  margin:15px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(38px,4.3vw,58px);
  line-height:1;
  letter-spacing:-.05em;
}

.what-you-buy-copy h2 span{
  display:block;
  color:var(--gold);
}

.what-you-buy-copy p{
  color:#758b9c;
  line-height:1.75;
  font-size:12px;
}



.buy-items{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.buy-items div{
  min-height:115px;
  padding:17px;
  position:relative;
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:rgba(3,11,18,.34);
}

.buy-items b{
  position:absolute;
  top:14px;
  right:14px;
  color:#3f5869;
  font-family:monospace;
  font-size:7px;
}

.buy-items span{
  display:block;
  margin-top:28px;
  color:#586f81;
  font-size:7px;
  letter-spacing:.1em;
}

.buy-items strong{
  display:block;
  margin-top:6px;
  color:#c2d0da;
  font-size:10px;
}



.checkout-flow{
  margin-top:120px;
}

.checkout-flow-head{
  max-width:780px;
}

.checkout-flow-head h2{
  margin:16px 0;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(42px,4.8vw,65px);
  line-height:1;
  letter-spacing:-.05em;
}

.checkout-flow-head h2 span{
  display:block;
  color:var(--gold);
}

.checkout-flow-head p{
  max-width:600px;
  color:#73899a;
  line-height:1.7;
}



.checkout-timeline{
  margin-top:55px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:11px;
}

.checkout-step{
  min-height:410px;
  padding:24px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line-soft);
  border-radius:19px;
  background:
    radial-gradient(circle at 100% 0,rgba(79,196,234,.035),transparent 35%),
    rgba(8,20,31,.66);
}

.checkout-number{
  position:absolute;
  right:18px;
  top:17px;
  color:#40596a;
  font-family:monospace;
  font-size:7px;
}

.checkout-symbol{
  width:49px;
  height:49px;
  display:grid;
  place-items:center;
  border:1px solid rgba(242,201,76,.25);
  border-radius:14px;
  color:var(--gold);
  font-family:"Space Grotesk",sans-serif;
  font-size:16px;
  font-weight:700;
  background:#08141e;
}

.checkout-step > small{
  display:block;
  margin-top:35px;
  color:#576e80;
  font-size:7px;
  letter-spacing:.13em;
}

.checkout-step h3{
  margin:10px 0 12px;
  font-family:"Space Grotesk",sans-serif;
  font-size:22px;
}

.checkout-step > p{
  color:#708698;
  font-size:10px;
  line-height:1.7;
}

.checkout-bottom{
  position:absolute;
  left:24px;
  bottom:23px;
  color:#526a7c;
  font-size:7px;
  letter-spacing:.09em;
}



.fake-email{
  margin-top:25px;
  padding:11px;
  border:1px solid var(--line-soft);
  border-radius:9px;
  background:rgba(3,11,18,.36);
}

.fake-email span{
  display:block;
  color:#465e70;
  font-size:5px;
}

.fake-email strong{
  display:block;
  margin-top:5px;
  color:#93a5b3;
  font-size:8px;
}



.inbox-card{
  margin-top:22px;
  padding:12px;
  border:1px solid rgba(242,201,76,.13);
  border-radius:10px;
  background:rgba(3,11,18,.42);
}

.inbox-card header{
  display:flex;
  justify-content:space-between;
}

.inbox-card header span{
  color:var(--gold);
  font-size:6px;
  font-weight:800;
}

.inbox-card header small{
  color:#435b6c;
  font-size:5px;
}

.inbox-card > strong{
  display:block;
  margin:12px 0;
  color:#c4d2dc;
  font-size:9px;
}

.inbox-card > div{
  padding-top:10px;
  border-top:1px solid var(--line-soft);
  color:#465e70;
  font-size:5px;
}

.inbox-card b{
  display:block;
  margin-top:4px;
  color:var(--gold);
  font-size:8px;
  letter-spacing:.09em;
}



.unlock-card{
  margin-top:24px;
  padding:13px;
  border:1px solid rgba(90,242,193,.12);
  border-radius:10px;
  background:rgba(90,242,193,.025);
}

.unlock-card span{
  display:block;
  color:#496273;
  font-size:5px;
}

.unlock-card strong{
  display:block;
  margin:7px 0 4px;
  color:var(--mint);
  font-size:9px;
}

.unlock-card small{
  color:#566e80;
  font-size:6px;
}



.desktop-final{
  margin-top:18px;
  min-height:115px;
  padding:24px 27px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  border:1px solid rgba(242,201,76,.15);
  border-radius:16px;
  background:
    linear-gradient(90deg,rgba(242,201,76,.04),rgba(7,18,28,.57));
}

.desktop-final > div > span{
  display:block;
  color:#576e80;
  font-size:6px;
  letter-spacing:.14em;
  margin-bottom:6px;
}

.desktop-final > div > strong{
  font-size:13px;
}



@media(max-width:1050px){

  .platform-showcase{
    grid-template-columns:1fr;
  }

  .what-you-buy{
    grid-template-columns:1fr;
  }

  .checkout-timeline{
    grid-template-columns:repeat(2,1fr);
  }

}



@media(max-width:700px){

  .desktop-access{
    padding:100px 0;
  }

  .os-card{
    padding:18px;
    min-height:auto;
  }

  .activation-screen{
    grid-template-columns:1fr;
    padding:22px;
  }

  .device-frame{
    height:auto;
  }

  .mac-specs{
    grid-template-columns:1fr;
  }

  .what-you-buy{
    padding:28px 20px;
  }

  .buy-items{
    grid-template-columns:1fr;
  }

  .checkout-timeline{
    grid-template-columns:1fr;
  }

  .desktop-final{
    align-items:flex-start;
    flex-direction:column;
  }

}

/* ACCESS-FLOW-CSS-END */



/* HERO-CLARITY-START */

.hero-what{
  max-width:690px;
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}

.hero-what div{
  min-height:57px;
  padding:11px;
  border:1px solid var(--line-soft);
  border-radius:10px;
  background:rgba(6,17,26,.42);
}

.hero-what span{
  display:block;
  color:var(--gold);
  font-family:monospace;
  font-size:6px;
  margin-bottom:7px;
}

.hero-what strong{
  color:#8398a8;
  font-size:8px;
  font-weight:600;
}

@media(max-width:700px){

  .hero-what{
    grid-template-columns:repeat(2,1fr);
  }

}

/* HERO-CLARITY-END */



/* CINEMA-HERO-START */

.cinema-world{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:980px;
  overflow:hidden;
  pointer-events:none;
  z-index:-1;
}

#three-core{
  position:absolute;
  width:900px;
  height:900px;
  left:50%;
  top:280px;
  transform:translateX(-50%);
  opacity:.45;
}

.cinema-grid{
  position:absolute;
  inset:0;
  opacity:.26;

  background:
    linear-gradient(
      rgba(93,137,165,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(93,137,165,.035) 1px,
      transparent 1px
    );

  background-size:52px 52px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      black 20%,
      black 75%,
      transparent
    );
}

.cinema-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(110px);
}

.cinema-glow-a{
  width:600px;
  height:420px;
  left:50%;
  top:370px;
  transform:translateX(-50%);
  background:rgba(41,152,191,.13);
}

.cinema-glow-b{
  width:450px;
  height:350px;
  left:50%;
  top:400px;
  transform:translateX(-20%);
  background:rgba(90,242,193,.055);
}



.cinema-offer{
  min-height:35px;
  border-bottom:1px solid rgba(242,201,76,.11);
  background:
    linear-gradient(
      90deg,
      rgba(242,201,76,.035),
      rgba(7,17,26,.84),
      rgba(90,242,193,.025)
    );
}

.cinema-offer-inner{
  min-height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cinema-offer-inner > div{
  display:flex;
  align-items:center;
  gap:10px;
}

.cinema-offer i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 12px rgba(242,201,76,.65);
}

.cinema-offer strong{
  color:var(--gold);
  font-size:7px;
  letter-spacing:.14em;
}

.cinema-offer span{
  color:#687f91;
  font-size:8px;
}

.cinema-offer a{
  margin-left:22px;
  color:#dbe5ec;
  font-size:8px;
  font-weight:700;
}

.cinema-offer b{
  margin-left:7px;
  color:var(--gold);
}



.cinema-nav{
  height:76px;
  margin-top:14px;
  padding:0 18px;
  position:relative;
  z-index:50;

  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;

  border:1px solid rgba(136,180,208,.11);
  border-radius:18px;

  background:rgba(5,14,22,.58);
  backdrop-filter:blur(24px);

  box-shadow:
    0 20px 70px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.02);
}



.cinema-brand{
  width:max-content;
  display:flex;
  align-items:center;
  gap:10px;
}

.cinema-brand > span{
  width:35px;
  height:35px;
  display:grid;
  place-items:center;

  border-radius:10px;

  color:var(--gold);

  border:1px solid rgba(242,201,76,.4);

  background:rgba(242,201,76,.025);

  font-family:"Space Grotesk",sans-serif;
  font-weight:700;
}

.cinema-brand strong{
  font-family:"Space Grotesk",sans-serif;
  font-size:18px;
}



.cinema-nav nav{
  display:flex;
  gap:29px;
}

.cinema-nav nav a{
  color:#718798;
  font-size:10px;
  font-weight:500;
  transition:.25s;
}

.cinema-nav nav a:hover{
  color:#f0f5f8;
}



.cinema-nav-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.platform-mini{
  min-height:33px;
  padding:0 10px;

  display:flex;
  align-items:center;
  gap:6px;

  border:1px solid rgba(129,165,190,.08);
  border-radius:8px;

  color:#5f7688;

  font-size:7px;
}

.platform-mini span{
  color:#8fa2b1;
  font-size:10px;
}



.cinema-buy{
  min-height:39px;
  padding:0 15px;

  display:flex;
  align-items:center;

  border-radius:10px;

  color:#081018;

  background:
    linear-gradient(
      135deg,
      #ffda62,
      #efc148
    );

  font-size:9px;
  font-weight:900;

  box-shadow:
    0 10px 35px
    rgba(242,201,76,.09);

  transition:.3s;
}

.cinema-buy:hover{
  transform:translateY(-2px);
  box-shadow:
    0 15px 45px
    rgba(242,201,76,.18);
}

.cinema-buy span{
  margin-left:12px;
}



.cinema-hero{
  min-height:800px;
  padding-top:66px;
  padding-bottom:55px;
  text-align:center;
}



.cinema-copy{
  max-width:1050px;
  margin:0 auto;
  position:relative;
  z-index:5;
}



.cinema-kicker{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;

  color:#8399aa;

  font-size:8px;
  font-weight:800;
  letter-spacing:.18em;
}

.cinema-live{
  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--mint);

  box-shadow:
    0 0 15px var(--mint);
}



.cinema-copy h1{
  margin:19px auto 17px;

  max-width:1050px;

  font-family:"Space Grotesk",sans-serif;

  font-size:
    clamp(55px,6.6vw,94px);

  line-height:.91;

  letter-spacing:-.06em;
}

.cinema-copy h1 em{
  display:block;

  font-style:normal;

  background:
    linear-gradient(
      90deg,
      #f3f7fb 0%,
      #f3f7fb 15%,
      #f5cf58 47%,
      #65efc8 83%
    );

  -webkit-background-clip:text;
  color:transparent;
}



.cinema-sub{
  max-width:750px;

  margin:0 auto;

  color:#8196a7;

  font-size:14px;

  line-height:1.72;
}



.cinema-value{
  max-width:800px;

  margin:24px auto 0;

  display:grid;
  grid-template-columns:repeat(4,1fr);

  border:1px solid rgba(126,164,189,.08);
  border-radius:13px;

  overflow:hidden;

  background:rgba(5,15,23,.43);
}

.cinema-value > div{
  min-height:59px;

  padding:11px 14px;

  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:8px;
  text-align:left;

  border-right:1px solid var(--line-soft);
}

.cinema-value > div:last-child{
  border-right:none;
}

.cinema-value b{
  grid-row:1 / 3;

  color:var(--gold);

  font-family:monospace;

  font-size:6px;

  margin-top:2px;
}

.cinema-value span{
  color:#52697a;
  font-size:6px;
  letter-spacing:.1em;
}

.cinema-value strong{
  color:#9badba;
  font-size:8px;
  font-weight:600;
}



.cinema-actions{
  margin-top:22px;

  display:flex;
  justify-content:center;
  gap:10px;
}



.cinema-primary,
.cinema-secondary{
  min-height:49px;
  padding:0 20px;

  display:inline-flex;
  align-items:center;

  border-radius:10px;

  font-size:9px;
  font-weight:800;

  transition:.3s;
}

.cinema-primary{
  color:#071018;

  background:
    linear-gradient(
      135deg,
      #ffda62,
      #efc148
    );

  box-shadow:
    0 15px 50px
    rgba(242,201,76,.12);
}

.cinema-primary:hover{
  transform:translateY(-3px);
  box-shadow:
    0 20px 70px
    rgba(242,201,76,.23);
}

.cinema-secondary{
  color:#ccd8e1;

  border:1px solid var(--line);

  background:rgba(5,16,25,.42);
}

.cinema-secondary:hover{
  transform:translateY(-3px);

  border-color:
    rgba(90,242,193,.23);
}

.cinema-primary span,
.cinema-secondary span{
  margin-left:17px;
}



.cinema-microproof{
  margin-top:18px;

  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;

  gap:9px;

  color:#4e6576;

  font-size:6px;

  letter-spacing:.12em;
}

.cinema-microproof i{
  width:3px;
  height:3px;

  border-radius:50%;

  background:#496273;
}



.cinema-stage{
  width:min(1130px,94vw);
  height:440px;

  margin:52px auto 0;

  position:relative;

  perspective:1500px;
}



.cinema-orbit{
  position:absolute;

  left:50%;
  top:50%;

  border-radius:50%;

  border:
    1px solid
    rgba(102,162,192,.09);

  pointer-events:none;
}

.cinema-orbit.orbit-one{
  width:780px;
  height:310px;

  transform:
    translate(-50%,-50%)
    rotate(-7deg);
}

.cinema-orbit.orbit-two{
  width:620px;
  height:430px;

  transform:
    translate(-50%,-50%)
    rotate(67deg);
}



.cinema-terminal{
  width:900px;
  height:420px;

  position:absolute;

  left:50%;
  top:0;

  transform:
    translateX(-50%)
    perspective(1500px)
    rotateX(1.5deg);

  transform-style:preserve-3d;

  overflow:hidden;

  border-radius:24px;

  border:
    1px solid
    rgba(135,185,215,.2);

  background:
    linear-gradient(
      145deg,
      rgba(12,29,44,.96),
      rgba(4,14,22,.97)
    );

  box-shadow:
    0 55px 150px
    rgba(0,0,0,.47),
    0 0 120px
    rgba(47,145,180,.055),
    inset 0 1px 0
    rgba(255,255,255,.03);
}



.cinema-terminal::before{
  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      rgba(106,148,176,.03)
      1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(106,148,176,.03)
      1px,
      transparent 1px
    );

  background-size:29px 29px;
}



.cinema-terminal > header{
  height:48px;

  padding:0 16px;

  position:relative;
  z-index:3;

  display:grid;
  grid-template-columns:1fr auto 1fr;

  align-items:center;

  border-bottom:
    1px solid var(--line-soft);
}



.terminal-brand{
  display:flex;
  align-items:center;
  gap:8px;
  text-align:left;
}

.terminal-brand > span{
  width:26px;
  height:26px;

  display:grid;
  place-items:center;

  border:
    1px solid
    rgba(242,201,76,.28);

  border-radius:7px;

  color:var(--gold);

  font-size:9px;
  font-weight:800;
}

.terminal-brand strong,
.terminal-brand small{
  display:block;
}

.terminal-brand strong{
  font-size:8px;
}

.terminal-brand small{
  color:#4b6375;
  font-size:5px;
  letter-spacing:.12em;
}



.runtime-live{
  display:flex;
  align-items:center;
  gap:6px;

  color:var(--mint);

  font-size:6px;
  letter-spacing:.12em;
}

.runtime-live i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:var(--mint);

  box-shadow:
    0 0 10px var(--mint);
}

.cinema-terminal > header > #clock{
  justify-self:end;

  color:#536b7d;

  font-family:monospace;

  font-size:7px;
}



.cinema-terminal-main{
  height:372px;

  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:50px 1fr;
}



.cinema-sidebar{
  padding:13px 8px;

  display:flex;
  flex-direction:column;
  align-items:center;

  gap:9px;

  border-right:
    1px solid var(--line-soft);
}

.cinema-sidebar button{
  width:32px;
  height:32px;

  border:none;

  border-radius:8px;

  color:#40596b;

  background:transparent;

  font-size:10px;
}

.cinema-sidebar button.active{
  color:var(--mint);

  border:
    1px solid
    rgba(90,242,193,.15);

  background:
    rgba(90,242,193,.04);
}



.cinema-dashboard{
  padding:14px 16px;
}



.dashboard-head{
  height:64px;

  display:flex;

  justify-content:space-between;

  align-items:flex-start;
}



.dashboard-head > div:first-child{
  text-align:left;
}

.dashboard-head small{
  display:block;

  color:#4f6778;

  font-size:5px;

  letter-spacing:.11em;
}

.dashboard-head > div > strong{
  display:block;

  margin-top:4px;

  color:#aebec9;

  font-size:8px;
}



.live-price{
  margin-top:2px;

  display:flex;
  align-items:center;

  gap:8px;
}

.live-price b{
  color:#eef4f7;

  font-family:"Space Grotesk",sans-serif;

  font-size:23px;
}

.live-price span{
  font-size:7px;
}



.dashboard-head-right{
  display:flex;
  gap:7px;
}

.dashboard-head-right > div{
  min-width:76px;

  padding:9px;

  text-align:left;

  border:
    1px solid
    rgba(126,164,189,.07);

  border-radius:8px;

  background:
    rgba(88,126,154,.025);
}

.dashboard-head-right strong{
  display:block;

  margin-top:5px;

  font-size:7px;
}



.cinema-chart{
  height:220px;

  position:relative;

  border-top:
    1px solid
    rgba(124,161,187,.05);

  border-bottom:
    1px solid
    rgba(124,161,187,.05);
}

.chart-label{
  position:absolute;

  top:8px;
  left:8px;

  z-index:5;

  text-align:left;
}

.chart-label span{
  display:block;

  color:#8da1b0;

  font-size:7px;
}

.chart-label small{
  color:#435c6e;

  font-size:5px;
}



#btc-chart{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;
}



.cinema-bottom{
  height:58px;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:7px;

  padding-top:8px;
}

.cinema-bottom > div{
  padding:8px 9px;

  text-align:left;

  border:
    1px solid
    rgba(124,162,188,.055);

  border-radius:8px;

  background:
    rgba(88,125,153,.025);
}

.cinema-bottom span{
  display:block;

  color:#435c6d;

  font-size:5px;

  margin-bottom:4px;
}

.cinema-bottom strong{
  font-size:7px;
}



.cinema-scan{
  width:100%;
  height:100px;

  position:absolute;

  z-index:10;

  left:0;
  top:-120px;

  pointer-events:none;

  background:
    linear-gradient(
      transparent,
      rgba(90,242,193,.025),
      transparent
    );

  animation:
    cinemaScan 7s linear infinite;
}

@keyframes cinemaScan{
  to{
    transform:
      translateY(600px);
  }
}



.hero-float{
  position:absolute;

  z-index:8;

  padding:15px;

  text-align:left;

  border:
    1px solid
    rgba(133,177,205,.18);

  border-radius:14px;

  background:
    rgba(5,17,26,.85);

  backdrop-filter:blur(18px);

  box-shadow:
    0 25px 65px
    rgba(0,0,0,.3);
}



.hero-float > small{
  display:block;

  padding-bottom:9px;

  color:#51697a;

  border-bottom:
    1px solid var(--line-soft);

  font-size:5px;

  letter-spacing:.13em;
}



.hero-float-left{
  width:155px;

  left:-5px;
  top:100px;

  transform:
    rotateY(8deg);
}

.hero-float-left > div{
  padding:8px 2px;

  display:flex;

  justify-content:space-between;

  border-bottom:
    1px solid
    rgba(122,157,182,.045);
}

.hero-float-left span{
  color:#51697b;

  font-size:5px;
}

.hero-float-left strong{
  color:#9caeba;

  font-size:6px;
}



.hero-float-right{
  width:165px;

  right:-8px;
  top:82px;

  transform:
    rotateY(-8deg);
}



.float-market{
  padding:11px 2px;

  border-bottom:
    1px solid
    rgba(122,157,182,.05);
}

.float-market span{
  display:block;

  color:#526a7b;

  font-size:5px;
}

.float-market strong{
  display:block;

  margin-top:5px;

  font-size:13px;
}

.float-market em{
  display:block;

  margin-top:3px;

  font-size:6px;

  font-style:normal;
}



.cinema-platform-card{
  min-width:365px;

  min-height:58px;

  padding:11px 14px;

  position:absolute;

  z-index:9;

  left:50%;
  bottom:-12px;

  transform:
    translateX(-50%);

  display:grid;

  grid-template-columns:
    auto 1fr auto 1fr;

  gap:11px;

  align-items:center;

  text-align:left;

  border:
    1px solid
    rgba(242,201,76,.18);

  border-radius:13px;

  background:
    rgba(5,16,25,.9);

  backdrop-filter:
    blur(20px);

  box-shadow:
    0 25px 70px
    rgba(0,0,0,.33);
}



.platform-dot{
  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--gold);

  box-shadow:
    0 0 12px
    rgba(242,201,76,.5);
}

.cinema-platform-card small{
  display:block;

  color:#496273;

  font-size:5px;
}

.cinema-platform-card strong{
  display:block;

  margin-top:3px;

  color:#a9bac5;

  font-size:7px;
}

.cinema-platform-card > i{
  width:1px;
  height:27px;

  background:
    var(--line-soft);
}



@media(max-width:1150px){

  .cinema-nav{
    grid-template-columns:1fr auto;
  }

  .cinema-nav nav{
    display:none;
  }

  .platform-mini{
    display:none;
  }

  .cinema-terminal{
    width:82vw;
  }

  .hero-float-left{
    left:0;
  }

  .hero-float-right{
    right:0;
  }

}



@media(max-width:760px){

  .cinema-offer span{
    display:none;
  }

  .cinema-offer-inner{
    justify-content:space-between;
  }

  .cinema-nav{
    width:calc(100% - 22px);

    height:64px;

    margin-top:9px;
  }

  .cinema-buy{
    min-height:36px;

    padding:0 11px;

    font-size:8px;
  }

  .cinema-hero{
    min-height:auto;

    padding-top:50px;
  }

  .cinema-copy h1{
    font-size:51px;
  }

  .cinema-sub{
    font-size:12px;
  }

  .cinema-value{
    grid-template-columns:
      repeat(2,1fr);
  }

  .cinema-value > div:nth-child(2){
    border-right:none;
  }

  .cinema-actions{
    flex-direction:column;
  }

  .cinema-primary,
  .cinema-secondary{
    justify-content:center;
  }

  .cinema-stage{
    height:410px;

    margin-top:40px;
  }

  .cinema-terminal{
    width:100%;
    height:370px;

    transform:none;
  }

  .cinema-terminal-main{
    grid-template-columns:1fr;
  }

  .cinema-sidebar{
    display:none;
  }

  .dashboard-head-right{
    display:none;
  }

  .cinema-chart{
    height:205px;
  }

  .cinema-bottom{
    grid-template-columns:
      repeat(2,1fr);
  }

  .hero-float{
    display:none;
  }

  .cinema-platform-card{
    min-width:280px;

    grid-template-columns:
      auto 1fr;

    bottom:-25px;
  }

  .cinema-platform-card > i,
  .cinema-platform-card > div:last-child{
    display:none;
  }

}

/* CINEMA-HERO-END */

/* MICRO-SCALE-FIX-START */

/* ===== TOP PROMO ===== */

.cinema-offer{
  min-height:42px;
}

.cinema-offer-inner{
  min-height:42px;
}

.cinema-offer strong{
  font-size:9px;
}

.cinema-offer span{
  font-size:10px;
}

.cinema-offer a{
  font-size:10px;
}


/* ===== NAV ===== */

.cinema-nav{
  height:84px;
  padding:0 20px;
}

.cinema-brand > span{
  width:39px;
  height:39px;
  font-size:14px;
}

.cinema-brand strong{
  font-size:21px;
}

.cinema-nav nav{
  gap:34px;
}

.cinema-nav nav a{
  font-size:12px;
}

.platform-mini{
  min-height:37px;
  padding:0 12px;
  font-size:9px;
}

.platform-mini span{
  font-size:12px;
}

.cinema-buy{
  min-height:44px;
  padding:0 18px;
  font-size:10px;
}


/* ===== HERO LABEL ===== */

.cinema-kicker{
  font-size:10px;
  letter-spacing:.17em;
}

.cinema-live{
  width:8px;
  height:8px;
}


/* ===== HERO BODY ===== */

.cinema-sub{
  max-width:790px;
  font-size:16px;
  line-height:1.7;
}


/* ===== 4 CORE BENEFITS ===== */

.cinema-value{
  max-width:860px;
  margin-top:27px;
}

.cinema-value > div{
  min-height:72px;
  padding:14px 16px;
  column-gap:10px;
}

.cinema-value b{
  font-size:8px;
}

.cinema-value span{
  font-size:8px;
}

.cinema-value strong{
  margin-top:3px;
  font-size:10px;
}


/* ===== CTA ===== */

.cinema-actions{
  margin-top:25px;
  gap:12px;
}

.cinema-primary,
.cinema-secondary{
  min-height:55px;
  padding:0 24px;
  font-size:11px;
}

.cinema-primary span,
.cinema-secondary span{
  font-size:14px;
}


/* ===== MICRO PROOF ===== */

.cinema-microproof{
  margin-top:20px;
  gap:11px;
  font-size:8px;
  letter-spacing:.11em;
}

.cinema-microproof i{
  width:4px;
  height:4px;
}


/* ===== SHOW MORE PRODUCT ABOVE THE FOLD ===== */

.cinema-hero{
  padding-top:55px;
}

.cinema-stage{
  width:min(1180px,95vw);
  height:455px;
  margin-top:34px;
}

.cinema-terminal{
  width:960px;
  height:445px;
}

.cinema-terminal-main{
  height:397px;
}


/* ===== TERMINAL HEADER ===== */

.cinema-terminal > header{
  height:50px;
  padding:0 18px;
}

.terminal-brand > span{
  width:30px;
  height:30px;
  font-size:11px;
}

.terminal-brand strong{
  font-size:10px;
}

.terminal-brand small{
  font-size:6px;
}

.runtime-live{
  font-size:8px;
}

.cinema-terminal > header > #clock{
  font-size:8px;
}


/* ===== TERMINAL SIDEBAR ===== */

.cinema-terminal-main{
  grid-template-columns:56px 1fr;
}

.cinema-sidebar button{
  width:36px;
  height:36px;
  font-size:12px;
}


/* ===== TERMINAL DATA ===== */

.cinema-dashboard{
  padding:16px 18px;
}

.dashboard-head{
  height:70px;
}

.dashboard-head small{
  font-size:7px;
}

.dashboard-head > div > strong{
  font-size:10px;
}

.live-price b{
  font-size:27px;
}

.live-price span{
  font-size:9px;
}

.dashboard-head-right > div{
  min-width:88px;
  padding:10px;
}

.dashboard-head-right strong{
  font-size:9px;
}

.cinema-chart{
  height:232px;
}

.chart-label span{
  font-size:9px;
}

.chart-label small{
  font-size:7px;
}


/* ===== TERMINAL BOTTOM ===== */

.cinema-bottom{
  height:64px;
}

.cinema-bottom > div{
  padding:10px 11px;
}

.cinema-bottom span{
  font-size:7px;
}

.cinema-bottom strong{
  font-size:9px;
}


/* ===== FLOATING CARDS ===== */

.hero-float-left{
  width:172px;
}

.hero-float-right{
  width:180px;
}

.hero-float > small{
  font-size:7px;
}

.hero-float-left span{
  font-size:7px;
}

.hero-float-left strong{
  font-size:8px;
}

.float-market span{
  font-size:7px;
}

.float-market strong{
  font-size:15px;
}

.float-market em{
  font-size:8px;
}


/* ===== PLATFORM LICENSE PILL ===== */

.cinema-platform-card{
  min-width:410px;
  min-height:65px;
  padding:13px 16px;
}

.cinema-platform-card small{
  font-size:7px;
}

.cinema-platform-card strong{
  font-size:9px;
}


/* ===== 1366px / SMALL LAPTOP ===== */

@media(max-width:1400px){

  .cinema-terminal{
    width:900px;
  }

  .cinema-copy h1{
    font-size:clamp(55px,6vw,82px);
  }

}


/* ===== MOBILE KEEP IT SANE ===== */

@media(max-width:760px){

  .cinema-sub{
    font-size:13px;
  }

  .cinema-value > div{
    min-height:67px;
  }

  .cinema-value span{
    font-size:7px;
  }

  .cinema-value strong{
    font-size:9px;
  }

  .cinema-microproof{
    font-size:7px;
  }

  .cinema-stage{
    height:410px;
  }

  .cinema-terminal{
    width:100%;
    height:370px;
  }

}

/* MICRO-SCALE-FIX-END */