:root{
  --bg:#090d1a;
  --card:#0c1327;
  --muted:#9aa7c7;
  --text:#eaf0ff;
  --line:#22305c;

  --accent:#6aa8ff;
  --accent2:#7cf7d4;
  --bad:#ff6a6a;

  --shadow: 0 18px 70px rgba(0,0,0,.55);
  --r24: 24px;

  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial;

  /* ===== unified typography (desktop) ===== */
  --h-xxl: 66px;  /* main titles */
  --p-lg:  18px;  /* main paragraphs */
  --t-md:  16px;  /* medium text */
  --t-sm:  14px;  /* small lists */
}
.fade{
  opacity:0;
  transform: translateY(8px);
  animation: in .6s ease forwards;
}
.fade.d2{ animation-delay:.08s; }
.fade.d3{ animation-delay:.16s; }
.fade.d4{ animation-delay:.24s; }
@keyframes in{
  to { opacity:1; transform: translateY(0); }
}
@media  (max-width:1150px){:root{
    --h-xxl: 46px;
    --p-lg:  16px;
    --t-md:  15px;
    --t-sm:  13px;
  }}
@media  (max-width:768px){:root{
    --h-xxl: 44px;
    --p-lg:  15px;
  }}
.topbar{
  position:relative;
  width:100vw;
  background:#fff;
  border:none;
  box-shadow:none;
  padding:18px 0px 20px;
}
.topbarInner{
  width:100%;
  margin:0 auto;
  max-width:100vw;
  padding:0 24px;

  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  column-gap:32px;

  position:relative;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:auto;
}
.brandLogo{
  width:25px;
  height:25px;
  border-radius:8px;
  display:block;
}

/* Required desktop nav layout copied from the source website. */
.nav{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  width:100%;
}
.navCenter{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:22px;
}
.navRight{
  justify-self:end;
  display:flex;
  align-items:center;
}
.pill{
  border:none;
  background:transparent;
  text-decoration:none;

  font-family:var(--sans);
  font-size:14px;
  letter-spacing:.6px;
  text-transform:uppercase;

  color:#8e8e93;
  padding:8px 12px;
  border-radius:999px;
  white-space:nowrap;

  transition: background .15s ease, color .15s ease;
}
.pill:hover{ color:#2563eb; }
.pill.is-active{
  color:#2563eb;
  font-weight:700;
}
.pill.primary{
  color:#2563eb;
  font-weight:700;
}
.langBtn{
  background:transparent;
  font-weight:500;
  cursor:pointer;
}
.langBtn:hover{ color:#2563eb; }
.langSwitch{ position:relative; display:inline-flex; align-items:center; }
.langSwitch.pinned .langBtn{
  color:#2563eb;
  font-weight:700;
}
.langMenu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  left:auto;

  min-width:110px;
  padding:8px;
  border-radius:12px;

  background:#fff;
  box-shadow:0 14px 40px rgba(0,0,0,.12);

  display:flex;
  flex-direction:column;
  gap:6px;

  opacity:0;
  transform: translateY(-6px);
  pointer-events:none;
  transition: opacity .14s ease, transform .14s ease;
  z-index:9999;
}
.langSwitch.open .langMenu{
  opacity:1;
  transform: translateY(0);
  pointer-events:auto;
}
@media  (hover:hover) and (pointer:fine){.langSwitch:hover .langMenu{
    opacity:1;
    transform: translateY(0);
    pointer-events:auto;
  }}
.langSwitch::after{
  content:"";
  position:absolute;
  top:100%;
  right:0;
  width:100%;
  height:10px;
}
.langMenu:hover{
  opacity:1;
  transform: translateY(0);
  pointer-events:auto;
}
.langOpt{
  width:100%;
  height:36px;
  padding:0 10px;

  border:none;
  background:transparent;
  color:#8e8e93;
  font-size:14px;

  border-radius:10px;
  text-align:left;

  font: inherit;
  letter-spacing:.6px;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;

  transition: background .15s ease, color .15s ease;
}
.langOpt:hover{ color:#2563eb; }
.langOpt.active{
  font-weight:700;
  color:#2563eb;
}
.langSwitch.pinned .langMenu{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
#navGlow{
  position:absolute;
  left:0; top:0;

  height:16px;
  width:40px;
  border-radius:999px;

  background: rgba(37,99,235,0.16);
  filter: blur(10px);
  opacity:0;

  pointer-events:none;
  z-index:0;

  transition: transform .18s ease, width .18s ease, opacity .12s ease;
}
.topbarInner .pill,
.topbarInner .langOpt{
  position:relative;
  z-index:1;
}
@keyframes scroll{
  to { transform: translate3d(-50%, 0, 0); }
}
@keyframes cwOutLeft{
  from{ opacity:1; transform:translateX(0); }
  to{ opacity:0; transform:translateX(-30px); }
}
@keyframes cwInRight{
  from{ opacity:0; transform:translateX(30px); }
  to{ opacity:1; transform:translateX(0); }
}
@keyframes cwOutRight{
  from{ opacity:1; transform:translateX(0); }
  to{ opacity:0; transform:translateX(30px); }
}
@keyframes cwInLeft{
  from{ opacity:0; transform:translateX(-30px); }
  to{ opacity:1; transform:translateX(0); }
}
@keyframes idxIn{
  to{ opacity:1; transform: translateY(0); }
}
html.nav-open-lock,
body.nav-open-lock{
  overflow:hidden;
}
.topbar{
  z-index:40;
}
.burger{
  display:none;
  width:40px;
  height:40px;
  margin-left:10px;
  border:none;
  background:transparent;
  border-radius:12px;
  cursor:pointer;
  position:relative;
}
.burger span{
  position:absolute;
  left:11px;
  width:18px;
  height:2px;
  background:#6f6f6f;
  border-radius:999px;
  transform-origin:50% 50%;
  transition: transform .34s cubic-bezier(.22,1,.36,1), top .34s cubic-bezier(.22,1,.36,1), background .2s ease;
}
.burger span:nth-child(1){ top:14px; }
.burger span:nth-child(2){ top:22px; }
.burger span:nth-child(3){ display:none; }
@media  (hover:hover){.burger:hover span{ background:#2563eb; }}
.burger:active span{ background:#2563eb; }
.topbar.nav-open .burger span:nth-child(1){
  top:18px;
  transform: rotate(45deg);
}
.topbar.nav-open .burger span:nth-child(2){
  top:18px;
  transform: rotate(-45deg);
}
.navDrawer{
  display:none;
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  padding:88px 0 24px;
  background:#fff;
  overflow-y:auto;
  overflow-x:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform: translateY(-100%);
  will-change: transform, opacity;
  transition: transform .58s cubic-bezier(.22,1,.36,1), opacity .34s ease, visibility 0s linear .58s;
  z-index:1;
}
.navDrawer .pill{
  display:block;
  width:100%;
  padding:12px 24px;
  border-radius:0;
  text-transform:uppercase;
}
.topbar.nav-open .navDrawer{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateY(0);
  transition: transform .58s cubic-bezier(.22,1,.36,1), opacity .34s ease;
}
#navGlow,
.navGlowM{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.navDrawer .pill,
.navDrawer .navRight{
  position:relative;
  z-index:1;
}
@media  (max-width:1150px){#navGlow{ display:none; }.topbarInner{
    grid-template-columns:1fr;
  }.brand{
    width:100%;
    justify-content:space-between;
  }.topbarInner{ z-index:2; }.burger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }.navCenter{ display:none; }.navRight{ display:none; }.navDrawer{
    display:flex;
    flex-direction:column;
  }.navDrawer a.pill,
  .navDrawer .navRight{
    opacity:0;
    transform: translateY(14px);
    transition: opacity .36s ease, transform .48s cubic-bezier(.22,1,.36,1);
    transition-delay:0ms;
  }.topbar.nav-open .navDrawer a.pill,
  .topbar.nav-open .navDrawer .navRight{
    opacity:1;
    transform: translateY(0);
  }.navDrawer .navRight{
    display:flex;
    width:100%;
    margin-top:auto;
    padding:18px 24px 24px;
    justify-content:flex-start;
    align-items:flex-end;
  }.navDrawer .langSwitch{
    position:relative;
    display:inline-flex;
    align-items:center;
  }.navDrawer .langBtn{
    padding-left:0;
  }.navDrawer .langMenu{
    top:auto;
    right:auto;
    left:0;
    bottom:calc(100% + 10px);
  }.navDrawer .langSwitch::after{
    top:auto;
    right:auto;
    left:0;
    bottom:100%;
    width:100%;
    height:10px;
  }}
.navDropdown{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:60;
  pointer-events:none;
}
.navDropdownPanel{
  display:grid;
  grid-template-rows:0fr;
  background:#fff;
  opacity:0;
  transform:translateY(-14px);
  transition:
    grid-template-rows .46s cubic-bezier(.22,1,.36,1),
    opacity .32s ease,
    transform .46s cubic-bezier(.22,1,.36,1);
}
.topbar.navDropdownOpen .navDropdown{
  pointer-events:auto;
}
.topbar.navDropdownOpen .navDropdownPanel{
  grid-template-rows:1fr;
  opacity:1;
  transform:translateY(0);
}
.navDropdownViewport{
  min-height:0;
  overflow:hidden;
  padding:0 24px;
}
.navDropdownList{
  --nav-dropdown-x:0px;
  width:max-content;
  max-width:320px;
  padding:16px 0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  transform:translate3d(var(--nav-dropdown-x),0,0);
}
.navDropdownLink{
  display:block;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:13px;
  line-height:1.2;
  color:#8e8e93;
  opacity:0;
  transform:translateY(-10px);
  --nav-link-delay:0ms;
  transition:
    color 0s linear,
    opacity .32s ease var(--nav-link-delay),
    transform .46s cubic-bezier(.22,1,.36,1) var(--nav-link-delay);
}
.navDropdownList.is-visible .navDropdownLink{
  opacity:1;
  transform:translateY(0);
}
.navDropdownLink:hover,
.navDropdownLink:focus-visible{
  color:#2563eb;
  outline:none;
}
@media  (max-width:1150px){.navDropdown{ display:none !important; }}
.navDrawerTags{
  display:grid;
  grid-template-rows:0fr;
  overflow:hidden;
  padding:0 24px 0 38px;
  transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1), padding-bottom .52s ease;
}
.navDrawerTagsInner{
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  opacity:0;
  transform:translateY(-10px);
  transition:opacity .2s ease, transform .52s cubic-bezier(.22,1,.36,1);
}
.navDrawerTags.open{
  grid-template-rows:1fr;
  padding-bottom:8px;
}
.navDrawerTags.open .navDrawerTagsInner{
  opacity:1;
  transform:translateY(0);
}
.navDrawerTag{
  width:100%;
  display:block;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:13px;
  line-height:1.2;
  color:#8e8e93;
  padding:4px 0;
  opacity:0;
  transform:translateY(-10px);
  --nav-tag-delay:0ms;
  transition:
    color 0s linear,
    opacity .32s ease var(--nav-tag-delay),
    transform .46s cubic-bezier(.22,1,.36,1) var(--nav-tag-delay);
}
.navDrawerTags.open .navDrawerTag{
  width:100%;
  opacity:1;
  transform:translateY(0);
}
.navDrawerTag:hover,
.navDrawerTag:focus-visible{
  color:#2563eb;
  outline:none;
}
.navDrawer .pill.is-submenu-open{
  color:#2563eb;
}
:root{
  --opstan-dark:#090d1a;
  --opstan-dark-2:#0a0f1e;
  --opstan-panel:#0c1327;
  --opstan-panel-hover:#111a33;
}
.brandLogo,
.footerLogo{
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
}
.brandLogo{
  width:34px !important;
  height:34px !important;
  border-radius:8px !important;
}
.footerLogo{
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
}
.brand{
  gap:10px !important;
  align-items:center !important;
}
.topbar,
.wrap,
.siteFooter{
  flex:0 0 auto;
}
body.shell .wrap > section.expSection{
  padding:160px 64px;
}
@media  (max-width:768px){body.shell .wrap > section.expSection{ padding:64px 20px; }}
.siteFooter{
  position:relative;
  z-index:1;
  width:100%;
  background:#fff;
  border-top:1.5px dashed rgba(0,0,0,0.18);
}
.footerInner{
  max-width:1200px;
  margin:0 auto;
  padding:30px 24px 30px;
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:48px;
  align-items:stretch;
}
.footerBrand{
  display:flex;
  flex-direction:column;
  gap:14px;
  max-width:360px;
}
.footerBrandTop{
  display:flex;
  align-items:center;
  gap:10px;
}
.footerLogo{
  width:26px;
  height:26px;
  border-radius:8px;
  display:block;
}
.footerWordmark{
  font-weight:800;
  font-size:18px;
  letter-spacing:-0.2px;
  color:#1c1c1e;
}
.footerTagline{
  margin:0;
  font-size:var(--t-md);
  line-height:1.55;
  color:#3a3a3c;
}
.footerCopy{
  margin-top:auto;
  font-size:13px;
  letter-spacing:.02em;
  color:#8e8e93;
}
.footerCols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}
.footerCol{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footerColTitle{
  font-size:13px;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:#8e8e93;
  font-weight:700;
  margin-bottom:2px;
}
.footerLink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  font-size:var(--t-md);
  color:#3a3a3c;
  text-decoration:none;
  transition:color .15s ease;
}
.footerLink:hover,
.footerLink:focus-visible{
  color:#2563eb;
  outline:none;
}
@media  (max-width:768px){.footerInner{
    grid-template-columns:1fr;
    gap:32px;
    padding:40px 20px 24px;
  }}
body.shell{
  background:#090d1a;
}
body.shell .topbar{
  background:transparent;
  padding:18px 0 21px;
}
body.shell .wrap{
  max-width:none;
  width:100%;
  margin:0 0 14px;
  padding:0;
  background:#fff;
  border-radius:28px;
  overflow:hidden;
}
body.shell .siteFooter{
  background:transparent;
  border-top:1.5px dashed rgba(255,255,255,0.14);
}
body.shell .footerWordmark{ color:#eaf0ff; }
body.shell .footerTagline{ color:#9aa7c7; }
body.shell .footerColTitle{ color:#7e8aa8; }
body.shell .footerLink{ color:#c3cbe0; }
body.shell .footerCopy{ color:#6b748f; }
body.shell .footerLink:hover,
body.shell .footerLink:focus-visible{ color:#2563eb; }
body.shell .heroSimple{
  padding:110px 0 160px;
  background:#090d1a;
}
body.shell .heroBlock{
  max-width:1500px;
  margin:0 auto;
  padding:0 64px;
  text-align:left;
}
@media  (max-width:768px){body.shell .heroSimple{ padding:56px 0 48px; }}
body.shell .heroBlock .heroTitle{
  color:#eaf0ff;
  text-align:left;
  margin:0 0 18px;
}
body.shell .heroBlock .heroSubtitle{
  color:#9aa7c7;
  text-align:left;
  max-width:680px;
  margin:0 0 30px;
}
body.shell .heroBlock .heroBtns{
  justify-content:flex-start;
  align-items:center;
  gap:10px;
  margin:0 0 30px;
}
@media  (min-width:1151px){.langMenu{ display:none !important; }}
.navDropdownLink.is-current{
  color:#2563eb;
  font-weight:700;
}
body.shell .navDropdown{
  position:absolute;
  left:0;
  right:0;
  z-index:80;
}
body.shell .navDropdownPanel{
  background:#090d1a;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
body.shell .wrap > section{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}
body.shell .heroBlock{
  max-width:1500px;
}
body.shell .ethBlock,
body.shell .newsSection,
body.shell .ctaSection,
body.shell .customSection,
body.shell .fndOneSection,
body.shell .fndTwoSection{
  background:transparent;
}
body.shell .how{
  background:transparent;
}
body.shell .ethModule,
body.shell .howOuter,
body.shell .newsCard,
body.shell .ctaCard,
body.shell .customCard,
body.shell .fndOneCard,
body.shell .fndTwoCard,
body.shell .fndThreeCard,
body.shell .fndFourCard,
body.shell .dwlOuter,
body.shell .pkgCard{
  background:transparent;
  box-shadow:none;
  border-radius:0;
  padding:0;
}
body.shell .howOuter{
  background:transparent;
  border:none;
  border-radius:32px;
  padding:0 64px;
}
body.shell .ethModule{
  padding:0 64px;
}
body.shell .ethTag,
body.shell .howTag,
body.shell .newsTag,
body.shell .ctaTag,
body.shell .fndOneTag,
body.shell .fndTwoTag,
body.shell .fndThreeTag,
body.shell .fndFourTag,
body.shell .customTag,
body.shell .dwlTag,
body.shell .strTag{
  display:none;
}
body.shell .ethRight{
  min-height:0;
  align-self:stretch;
  padding:6px 0 6px 56px;
  border-left:1.5px solid rgba(0,0,0,0.10);
  justify-content:center;
  gap:44px;
}
body.shell .ethStat{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  padding:0;
}
body.shell .ethStatHead{
  display:flex;
  align-items:center;
  gap:14px;
}
body.shell .ethStatIcon{
  width:30px;
  height:30px;
  display:block;
  color:#1c1c1e;
  flex:0 0 auto;
}
body.shell .ethStatVal{
  font-size:34px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-0.5px;
  color:#1c1c1e;
}
body.shell .ethStatLabel{
  font-size:15px;
  line-height:1.4;
  color:#6b7280;
  padding-left:44px;
}
@media  (max-width:1000px){body.shell .ethRight{
    border-left:none;
    border-top:1.5px solid rgba(0,0,0,0.10);
    padding:36px 0 0;
    gap:32px;
  }}
@media  (max-width:768px){body.shell .howOuter{ padding:40px 22px; border-radius:24px; }}
body.shell .joinSimple{
  padding:160px 24px 160px;
  background:transparent;
}
body.shell .joinBlock{
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
body.shell .joinTitle{
  font-size:var(--h-xxl);
  font-weight:950;
  letter-spacing:-0.8px;
  margin:0 0 18px;
  color:#eaf0ff;
}
body.shell .joinText{
  font-size:var(--p-lg);
  line-height:1.6;
  color:#9aa7c7;
  margin:0 auto 32px;
  max-width:620px;
}
body.shell .joinBtns{
  display:flex;
  gap:12px;
  justify-content:center;
}
@media  (max-width:768px){body.shell .joinSimple{ padding:64px 20px 72px; }}
body.shell .ecoIntro{
  padding:100px 0;
}
body.shell .ecoIntroBlock{
  max-width:1500px;
  margin:0 auto;
  padding:0 64px;
}
body.shell .ecoIntro .ethTitle{ color:#eaf0ff; margin:0 0 18px; }
body.shell .ecoIntro .ethText{ color:#9aa7c7; max-width:680px; margin:0; }
@media  (max-width:768px){body.shell .ecoIntro{ padding:64px 0; }body.shell .ecoIntroBlock{ padding:0 20px; }}
:root{
  --opstan-dark:#090d1a;
  --opstan-dark-2:#0a0f1e;
  --opstan-panel:#0c1327;
  --opstan-panel-hover:#111a33;
}
.opstanBrandLogo,
.brand img,
.logo img,
.navLogo img,
.siteLogo img{
  width: 34px !important;
  height: 34px !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}
.brandMark,
.logoMark,
.navMark,
.siteMark,
.headerLogoMark{
  background-image: url("opstan-logo.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border-radius: 8px !important;
}
.navBrand,
.brand,
.logo,
.navLogo,
.siteLogo{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  min-height: 34px !important;
}
.brandLogo,
.footerLogo{
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
}
.brandLogo{
  width:34px !important;
  height:34px !important;
  border-radius:8px !important;
}
.footerLogo{
  width:28px !important;
  height:28px !important;
  border-radius:8px !important;
}
.brand{
  gap:10px !important;
  align-items:center !important;
}
body.shell .ecoPlatformSection{
  padding:96px 64px !important;
}
body.shell .ecoPlatformSection + .fullDash{
  max-width:calc(1500px - 128px);
  margin:0 auto;
  border-top:1px solid rgba(15,23,42,.08);
}
@media  (max-width:1100px){body.shell .ecoPlatformSection{
    padding:78px 38px !important;
  }}
@media  (max-width:700px){body.shell .ecoPlatformSection{
    padding:58px 20px !important;
  }body.shell .ecoPlatformSection + .fullDash{
    max-width:calc(100% - 40px);
  }}
body.shell .heroBlock{
  width:100% !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:64px !important;
  padding-right:64px !important;
  box-sizing:border-box !important;
  text-align:left !important;
}
body.shell .heroBlock .heroTitle,
body.shell .heroBlock .heroSubtitle,
body.shell .heroMemoryLine{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.shell .heroBlock .heroBtns,
body.shell .heroLearnRow{
  justify-content:flex-start !important;
}
@media  (max-width:1150px){body.shell .topbar{
    padding:12px 0 14px !important;
  }.topbarInner{
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }.brandLogo{
    width:30px !important;
    height:30px !important;
  }.burger{
    margin-left:0 !important;
  }.navDrawer{
    background:#090d1a !important;
    padding-top:74px !important;
  }.navDrawer .pill{
    color:#dbe6ff !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    padding:16px 24px !important;
  }.navDrawer .pill.is-active,
  .navDrawer .pill:hover,
  .navDrawer .pill:focus-visible{
    color:#62a6ff !important;
  }.navDrawerTags{
    padding-left:36px !important;
    padding-right:24px !important;
  }.navDrawerTag{
    color:rgba(219,230,255,.72) !important;
    padding:7px 0 !important;
  }}
@media  (max-width:900px){body.shell .heroSimple{
    padding:74px 0 60px !important;
  }body.shell .heroBlock,
  body.shell .ethModule,
  body.shell .howOuter,
  body.shell .newsCard,
  body.shell .ctaCard,
  body.shell .customCard,
  body.shell .dwlOuter,
  body.shell .pkgCard{
    padding-left:24px !important;
    padding-right:24px !important;
  }body.shell .wrap > section{
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }body.shell .ethBlock,
  body.shell .how,
  body.shell .newsSection,
  body.shell .customSection,
  body.shell .ctaSection{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }.siteFooter{
    padding-left:22px !important;
    padding-right:22px !important;
  }.footerInner,
  .footerCols{
    grid-template-columns:1fr !important;
  }}
@media  (max-width:560px){body.shell .heroSimple{
    padding:58px 0 48px !important;
  }body.shell .heroBlock,
  body.shell .ethModule,
  body.shell .howOuter,
  body.shell .newsCard,
  body.shell .ctaCard,
  body.shell .customCard,
  body.shell .dwlOuter,
  body.shell .pkgCard{
    padding-left:18px !important;
    padding-right:18px !important;
  }}
picture.optimizedAsset{display:contents;}
@supports  (background-image:image-set(url("x.avif") type("image/avif"))){.brandLogoFallback,.opstanLogoBg{background-image:image-set(url("opstan-logo.avif") type("image/avif"),url("opstan-logo.webp") type("image/webp"),url("opstan-logo.png") type("image/png")) !important;}}
@supports  (background-image:image-set(url("x.avif") type("image/avif"))){.brandMark,.logoMark,.navMark,.siteMark,.headerLogoMark{background-image:image-set(url("opstan-logo.avif") type("image/avif"),url("opstan-logo.webp") type("image/webp"),url("opstan-logo.png") type("image/png")) !important;}}
@media  (max-width:900px){body.shell .navDrawer .navRight{
    display:block !important;
    width:100% !important;
    margin:12px 0 0 !important;
    padding:14px 4px 4px !important;
    border-top:1px solid rgba(255,255,255,.075) !important;
    opacity:1 !important;
    transform:none !important;
  }body.shell .navDrawer .langSwitch{
    position:relative !important;
    display:block !important;
    width:100% !important;
  }body.shell .navDrawer .langSwitch::after{
    display:none !important;
    content:none !important;
  }body.shell .navDrawer .langBtn{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:46px !important;
    padding:0 15px !important;
    border:1px solid rgba(255,255,255,.075) !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.035) !important;
    color:rgba(238,243,255,.88) !important;
    font-size:13px !important;
    font-weight:750 !important;
    letter-spacing:.05em !important;
    text-align:left !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }body.shell .navDrawer .langBtn::after{
    content:"" !important;
    display:block !important;
    width:8px !important;
    height:8px !important;
    margin-left:12px !important;
    border-right:1.5px solid rgba(223,232,255,.60) !important;
    border-bottom:1.5px solid rgba(223,232,255,.60) !important;
    transform:rotate(45deg) translate(-1px,-1px) !important;
    transition:transform .18s ease !important;
  }body.shell .navDrawer .langSwitch.open .langBtn{
    border-color:rgba(91,145,255,.20) !important;
    background:rgba(57,124,255,.09) !important;
  }body.shell .navDrawer .langSwitch.open .langBtn::after{
    transform:rotate(225deg) translate(-1px,-1px) !important;
  }body.shell .navDrawer .langMenu{
    position:static !important;
    inset:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    gap:4px !important;
    overflow:hidden !important;
    border:0 solid transparent !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.025) !important;
    box-shadow:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-5px) !important;
    transition:max-height .2s ease,margin .2s ease,padding .2s ease,opacity .16s ease,transform .2s ease,visibility 0s linear .2s !important;
  }body.shell .navDrawer .langSwitch.open .langMenu{
    max-height:64px !important;
    margin-top:8px !important;
    padding:4px !important;
    border-width:1px !important;
    border-color:rgba(255,255,255,.065) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
    transition:max-height .2s ease,margin .2s ease,padding .2s ease,opacity .16s ease,transform .2s ease,visibility 0s !important;
  }body.shell .navDrawer .langOpt{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:40px !important;
    padding:9px 12px !important;
    border:0 !important;
    border-radius:9px !important;
    color:rgba(225,234,255,.68) !important;
    background:transparent !important;
    font-size:13px !important;
    font-weight:750 !important;
    letter-spacing:.04em !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }body.shell .navDrawer .langOpt.active{
    color:#fff !important;
    background:rgba(57,124,255,.20) !important;
    box-shadow:inset 0 0 0 1px rgba(93,151,255,.16) !important;
  }}



@media  (max-width:900px){body.shell{
          display:block !important;
          position:relative !important;
          min-width:0 !important;
          overflow-x:hidden !important;
        }.fade{
          opacity:1 !important;
          visibility:visible !important;
          transform:none !important;
          filter:none !important;
        }.topbar{
          position:relative !important;
          inset:auto !important;
          z-index:100 !important;
          display:block !important;
          width:100% !important;
          min-height:72px !important;
          height:auto !important;
          margin:0 !important;
          padding:0 !important;
          border:0 !important;
          background:#090d1a !important;
          transform:none !important;
        }.topbarInner{
          position:relative !important;
          display:flex !important;
          align-items:center !important;
          justify-content:space-between !important;
          width:100% !important;
          max-width:none !important;
          min-height:72px !important;
          margin:0 !important;
          padding:
            calc(10px + env(safe-area-inset-top))
            max(18px,env(safe-area-inset-right))
            10px
            max(18px,env(safe-area-inset-left)) !important;
        }.topbar .brand{
          display:flex !important;
          align-items:center !important;
          justify-content:space-between !important;
          width:100% !important;
          min-width:0 !important;
          margin:0 !important;
        }.topbar .brandLogo{
          display:block !important;
          width:38px !important;
          height:38px !important;
          flex:0 0 38px !important;
          object-fit:contain !important;
        }.topbar .burger{
          display:inline-flex !important;
          flex-direction:column !important;
          align-items:center !important;
          justify-content:center !important;
          width:44px !important;
          height:44px !important;
          min-width:44px !important;
          margin:0 !important;
          padding:0 !important;
        }.topbar .nav{
          display:none !important;
        }.navDrawer{
          position:absolute !important;
          top:calc(100% + 6px) !important;
          left:12px !important;
          right:12px !important;
          width:auto !important;
          max-width:none !important;
          margin:0 !important;
          padding:12px !important;
          border-radius:20px !important;
          z-index:150 !important;
        }.ethText,
        .ecoFeatText,
        .joinText,
        .footerTagline{
          max-width:100% !important;
          font-size:15.5px !important;
          line-height:1.58 !important;
          overflow-wrap:anywhere !important;
        }.siteFooter{
          width:100% !important;
          margin:0 !important;
          padding:
            40px
            max(20px,env(safe-area-inset-right))
            calc(40px + env(safe-area-inset-bottom))
            max(20px,env(safe-area-inset-left)) !important;
        }.footerInner{
          display:grid !important;
          grid-template-columns:minmax(0,1fr) !important;
          width:100% !important;
          gap:30px !important;
        }.footerCols{
          display:grid !important;
          grid-template-columns:repeat(2,minmax(0,1fr)) !important;
          width:100% !important;
          gap:22px !important;
        }}
@media  (max-width:430px){.footerCols{
          grid-template-columns:minmax(0,1fr) !important;
        }}


@media  (max-width:900px){.topbarInner{
          justify-content:flex-start !important;
        }.topbar .brand{
          display:flex !important;
          align-items:center !important;
          justify-content:flex-start !important;
          width:100% !important;
          min-width:0 !important;
          margin:0 !important;
          padding:0 !important;
        }.topbar .brand > picture.optimizedAsset{
          display:block !important;
          width:38px !important;
          height:38px !important;
          min-width:38px !important;
          max-width:38px !important;
          flex:0 0 38px !important;
          margin:0 auto 0 0 !important;
          padding:0 !important;
          position:relative !important;
          left:0 !important;
          right:auto !important;
          transform:none !important;
        }.topbar .brandLogo{
          display:block !important;
          width:38px !important;
          height:38px !important;
          margin:0 !important;
          padding:0 !important;
          object-fit:contain !important;
          object-position:left center !important;
          transform:none !important;
        }.topbar .burger{
          margin-left:auto !important;
          margin-right:0 !important;
        }body.shell .navDrawer .navRight{
          margin-top:12px !important;
          padding:12px 4px 2px !important;
          border-top:0 !important;
        }body.shell .navDrawer .langSwitch{
          width:auto !important;
          max-width:100% !important;
        }body.shell .navDrawer .langBtn{
          width:auto !important;
          min-width:0 !important;
          min-height:36px !important;
          padding:0 !important;
          border:0 !important;
          border-radius:0 !important;
          background:transparent !important;
          box-shadow:none !important;
          color:rgba(238,243,255,.88) !important;
          font-size:13px !important;
          font-weight:750 !important;
          letter-spacing:.05em !important;
        }body.shell .navDrawer .langSwitch.open .langBtn{
          border:0 !important;
          background:transparent !important;
          box-shadow:none !important;
          color:#fff !important;
        }body.shell .navDrawer .langMenu,
        body.shell .navDrawer .langSwitch.open .langMenu{
          width:auto !important;
          grid-template-columns:repeat(2,auto) !important;
          justify-content:start !important;
          gap:18px !important;
          padding:0 !important;
          border:0 !important;
          border-radius:0 !important;
          background:transparent !important;
          box-shadow:none !important;
        }body.shell .navDrawer .langSwitch.open .langMenu{
          margin-top:4px !important;
          max-height:48px !important;
        }body.shell .navDrawer .langOpt{
          width:auto !important;
          min-width:0 !important;
          min-height:36px !important;
          padding:0 !important;
          border:0 !important;
          border-radius:0 !important;
          background:transparent !important;
          box-shadow:none !important;
          color:rgba(225,234,255,.62) !important;
        }body.shell .navDrawer .langOpt.active{
          color:#5b91ff !important;
          background:transparent !important;
          box-shadow:none !important;
        }}
@media  (max-width:1150px){html.nav-open-lock,
        body.nav-open-lock{
          overflow:hidden !important;
          touch-action:none !important;
        }body.shell #net{
          pointer-events:none !important;
        }body.shell .topbar{
          position:relative !important;
          z-index:2147483000 !important;
          isolation:isolate !important;
        }body.shell .topbarInner{
          position:relative !important;
          z-index:2147483002 !important;
        }body.shell .topbar .burger{
          position:relative !important;
          z-index:2147483004 !important;
          pointer-events:auto !important;
          touch-action:manipulation !important;
          -webkit-tap-highlight-color:transparent !important;
        }body.shell .navDrawer{
          position:fixed !important;
          inset:0 !important;
          top:0 !important;
          right:0 !important;
          bottom:0 !important;
          left:0 !important;
          width:100vw !important;
          max-width:100vw !important;
          height:100dvh !important;
          min-height:100dvh !important;
          max-height:100dvh !important;
          margin:0 !important;
          padding:
            calc(82px + env(safe-area-inset-top))
            max(12px,env(safe-area-inset-right))
            calc(22px + env(safe-area-inset-bottom))
            max(12px,env(safe-area-inset-left)) !important;
          border:0 !important;
          border-radius:0 !important;
          background:#090d1a !important;
          overflow-x:hidden !important;
          overflow-y:auto !important;
          -webkit-overflow-scrolling:touch !important;
          overscroll-behavior:contain !important;
          z-index:2147483001 !important;
          opacity:0 !important;
          visibility:hidden !important;
          pointer-events:none !important;
          transform:translate3d(0,-100%,0) !important;
          transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .25s ease,visibility 0s linear .42s !important;
          isolation:isolate !important;
        }body.shell .topbar.nav-open .navDrawer{
          opacity:1 !important;
          visibility:visible !important;
          pointer-events:auto !important;
          transform:translate3d(0,0,0) !important;
          transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .25s ease !important;
        }body.shell .navDrawer::before,
        body.shell .navDrawer::after,
        body.shell .navDrawer *::before,
        body.shell .navDrawer *::after{
          pointer-events:none !important;
        }body.shell .navDrawer > a.pill,
        body.shell .navDrawer .mobileAboutLink,
        body.shell .navDrawer button{
          position:relative !important;
          z-index:2147483003 !important;
          pointer-events:auto !important;
          touch-action:manipulation !important;
          -webkit-tap-highlight-color:transparent !important;
        }body.shell .navDrawer > a.pill{
          display:flex !important;
          align-items:center !important;
          width:100% !important;
          min-height:52px !important;
          margin:0 !important;
          padding:15px 12px !important;
          border:0 !important;
          border-bottom:1px solid rgba(255,255,255,.08) !important;
          border-radius:0 !important;
          background:transparent !important;
          color:#dbe6ff !important;
          text-decoration:none !important;
          font-size:14px !important;
          font-weight:400 !important;
          line-height:1.25 !important;
          letter-spacing:.6px !important;
          text-transform:uppercase !important;
          opacity:1 !important;
          visibility:visible !important;
          transform:none !important;
        }body.shell .navDrawer > a.pill.is-active{
          color:#62a6ff !important;
          font-weight:700 !important;
        }body.shell .navDrawer .mobileAboutNav{
          position:relative !important;
          z-index:2147483003 !important;
          display:grid !important;
          grid-template-columns:repeat(2,minmax(0,1fr)) !important;
          gap:8px !important;
          width:100% !important;
          padding:10px 8px 12px !important;
          border-bottom:1px solid rgba(255,255,255,.08) !important;
          pointer-events:auto !important;
        }body.shell .navDrawer .mobileAboutLink{
          display:flex !important;
          align-items:center !important;
          justify-content:center !important;
          min-height:42px !important;
          padding:9px 10px !important;
          border:1px solid rgba(98,166,255,.22) !important;
          border-radius:12px !important;
          background:rgba(98,166,255,.07) !important;
          color:rgba(219,230,255,.88) !important;
          text-decoration:none !important;
          font-size:13px !important;
          font-weight:650 !important;
          line-height:1.2 !important;
          text-align:center !important;
        }body.shell .navDrawer .mobileAboutLink:active,
        body.shell .navDrawer .mobileAboutLink:focus-visible{
          color:#fff !important;
          border-color:rgba(98,166,255,.62) !important;
          background:rgba(98,166,255,.18) !important;
          outline:none !important;
        }body.shell .navDrawer .navRight{
          position:relative !important;
          z-index:2147483003 !important;
          display:flex !important;
          width:100% !important;
          margin-top:12px !important;
          padding:12px 12px 4px !important;
          pointer-events:auto !important;
          opacity:1 !important;
          visibility:visible !important;
          transform:none !important;
        }body.shell .navDrawer .langSwitch,
        body.shell .navDrawer .langBtn,
        body.shell .navDrawer .langMenu,
        body.shell .navDrawer .langOpt{
          pointer-events:auto !important;
          touch-action:manipulation !important;
        }}
@media  (max-width:1150px){body.shell .navDrawer .langSwitch{
          position:relative !important;
          display:block !important;
          width:100% !important;
          max-width:100% !important;
        }body.shell .navDrawer .langBtn{
          display:inline-flex !important;
          align-items:center !important;
          justify-content:flex-start !important;
          gap:9px !important;
          width:auto !important;
          min-width:58px !important;
          min-height:42px !important;
          padding:0 4px !important;
          border:0 !important;
          border-radius:0 !important;
          background:transparent !important;
          box-shadow:none !important;
          color:rgba(238,243,255,.92) !important;
          font-size:13px !important;
          font-weight:750 !important;
          letter-spacing:.05em !important;
          line-height:1 !important;
          cursor:pointer !important;
          pointer-events:auto !important;
          touch-action:manipulation !important;
          -webkit-tap-highlight-color:transparent !important;
        }body.shell .navDrawer .langBtn::after{
          content:"" !important;
          display:block !important;
          width:7px !important;
          height:7px !important;
          flex:0 0 7px !important;
          margin-top:-4px !important;
          border-right:1.8px solid currentColor !important;
          border-bottom:1.8px solid currentColor !important;
          transform:rotate(45deg) !important;
          transform-origin:center !important;
          transition:transform .18s ease,margin-top .18s ease !important;
          opacity:.82 !important;
        }body.shell .navDrawer .langSwitch.open .langBtn::after{
          margin-top:4px !important;
          transform:rotate(225deg) !important;
        }body.shell .navDrawer .langMenu{
          position:static !important;
          inset:auto !important;
          display:grid !important;
          grid-template-columns:repeat(2,max-content) !important;
          justify-content:start !important;
          align-items:center !important;
          gap:22px !important;
          width:100% !important;
          min-width:0 !important;
          max-height:0 !important;
          margin:0 !important;
          padding:0 4px !important;
          border:0 !important;
          border-radius:0 !important;
          background:transparent !important;
          box-shadow:none !important;
          opacity:0 !important;
          visibility:hidden !important;
          overflow:hidden !important;
          pointer-events:none !important;
          transform:none !important;
          transition:max-height .2s ease,opacity .16s ease,margin .2s ease !important;
        }body.shell .navDrawer .langSwitch.open .langMenu{
          max-height:48px !important;
          margin-top:2px !important;
          opacity:1 !important;
          visibility:visible !important;
          overflow:visible !important;
          pointer-events:auto !important;
        }body.shell .navDrawer .langOpt{
          display:inline-flex !important;
          align-items:center !important;
          justify-content:flex-start !important;
          width:auto !important;
          min-width:0 !important;
          min-height:40px !important;
          margin:0 !important;
          padding:0 !important;
          border:0 !important;
          border-radius:0 !important;
          background:transparent !important;
          box-shadow:none !important;
          color:rgba(225,234,255,.64) !important;
          font-size:13px !important;
          font-weight:750 !important;
          letter-spacing:.05em !important;
          cursor:pointer !important;
          pointer-events:auto !important;
          touch-action:manipulation !important;
          -webkit-tap-highlight-color:transparent !important;
        }body.shell .navDrawer .langOpt.active{
          color:#5b91ff !important;
        }}
@media  (max-width:900px){body.shell > .heroSimple{
          padding-top:8px !important;
        }}
@media  (min-width:901px){body.shell > .heroSimple{
          position:relative !important;
          inset:auto !important;
          top:auto !important;
          right:auto !important;
          bottom:auto !important;
          left:auto !important;
          z-index:1 !important;
          display:grid !important;
          margin-left:auto !important;
          margin-right:auto !important;
          overflow:visible !important;
          transform:none !important;
        }body.shell > .heroSimple .heroBlock{
          position:relative !important;
          inset:auto !important;
          display:block !important;
          opacity:1 !important;
          visibility:visible !important;
          transform:none !important;
        }body.shell > .heroSimple .heroVisual{
          position:relative !important;
          inset:auto !important;
          display:flex !important;
          align-items:center !important;
          justify-content:center !important;
          min-height:500px !important;
          height:500px !important;
          opacity:1 !important;
          visibility:visible !important;
          transform:translateX(-20px) !important;
        }body.shell > .wrap{
          position:relative !important;
          inset:auto !important;
          top:auto !important;
          right:auto !important;
          bottom:auto !important;
          left:auto !important;
          z-index:2 !important;
          clear:both !important;
          margin:0 !important;
          transform:none !important;
          translate:none !important;
        }}
@media  (min-width:1321px){body.shell .heroSimple{
          min-height:clamp(660px,calc(100vh - 76px),920px) !important;
          height:auto !important;
          grid-template-columns:minmax(0,880px) minmax(390px,1fr) !important;
          align-items:start !important;
          padding-top:clamp(48px,5.5vh,58px) !important;
          padding-bottom:clamp(58px,6.5vh,76px) !important;
        }body.shell .heroSimple .heroBlock{
          max-width:880px !important;
          transform:translate(clamp(-20px,-1.5vw,-10px),44px) !important;
        }body.shell .heroSimple .heroTitle{
          max-width:860px !important;
          font-size:clamp(76px,4.65vw,88px) !important;
          line-height:.98 !important;
          letter-spacing:-.055em !important;
          margin-bottom:30px !important;
        }html[lang="en"] body.shell .heroSimple .heroTitle{
          max-width:850px !important;
          font-size:clamp(74px,4.55vw,86px) !important;
        }}
@media  (min-width:901px) and (max-width:1320px){body.shell .heroSimple{
          min-height:clamp(660px,calc(100vh - 76px),920px) !important;
          height:auto !important;
          align-items:start !important;
          padding-top:44px !important;
          padding-bottom:58px !important;
        }body.shell .heroSimple .heroTitle{
          font-size:clamp(58px,5.35vw,70px) !important;
          line-height:.99 !important;
        }body.shell .heroSimple .heroBlock{
          transform:translate(clamp(-20px,-1.5vw,-10px),30px) !important;
        }html[lang="en"] body.shell .heroSimple .heroTitle{
          font-size:clamp(56px,5.15vw,68px) !important;
        }}
@media  (min-width:2000px){body.shell .heroSimple .heroBlock{
          transform:translate(40px,44px) !important;
        }}

/* Pool integration: preserve exact Opstan shell and isolate the dashboard. */
body.shell{margin:0;background:#090d1a!important;color:#eaf0ff;overflow-x:hidden;}
body.shell .topbar{z-index:2147483000!important;}
body.shell .topbar a{text-decoration:none;}
body.shell .siteFooter a{text-decoration:none;}
body.shell main.poolMain{position:relative;z-index:1;display:block;}
body.shell #networkCanvas{z-index:0;}
body.shell .ambient{z-index:0;}
/* On pool.opstan.org, the copied navigation must lead to the primary website. */
@media (min-width:1151px){body.shell .burger{display:none!important;}}