*, *:before, *:after { box-sizing:border-box; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,header,nav,menu,menuitem,section,main,footer,img,iframe,select,svg,label,object { margin:0; padding:0; border:0; outline:none; }
html { height:100%; width:100%; max-width:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:hidden; }
html,body { background:#fff; color:#000; }
body { width:100%; max-width:100%; overflow-x:hidden; position:relative; }
img,svg,menu,menuitem,section,main,footer { display:block; }
ul { list-style:none; }
ol { margin-left:2em; }
small { font-size:12px; }
b,strong { font-weight:600; }
a { text-decoration:none; }
label, input[type=button], input[type=submit], button, .a, a, .grey, [tabindex] { touch-action:manipulation; }
label { cursor:default; -webkit-tap-highlight-color:transparent; }
label:active,object { user-select:none; }
input,button,select,textarea { font-size:inherit; font-family:inherit; color:inherit; }
input::-ms-clear { display:none; }
p, ol { margin-bottom:14px; }

:root {
--main-hsl:160,100%,35%;
--main: hsl(var(--main-hsl));
--main-hover: hsl(157,100%,40%);
--input-border: rgba(0,0,0,0.2);
--input-border-hover: rgba(0,0,0,0.5);
--dropdown-hover:hsl(157,5%,96%);
--dropdown-active:hsl(157,5%,94%);
--button-vivid:#000;
--button-vivid-hover:hsl(157,80%,15%);
--button-vivid-active:hsl(157,80%,20%);
--placeholder: rgba(0,0,0,.3);
--lightgreen: hsl(160,95%,48%);
}

a { color:inherit; }
a:hover { color:rgba(0,0,0,0.6); }

@font-face { font-family:'norm-text'; src:url('/assets/fonts/text-news.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:fallback; }
@font-face { font-family:'norm-text'; src:url('/assets/fonts/text-medium.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:fallback; }
@font-face { font-family:'norm-display'; src:url('/assets/fonts/display-medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:fallback; }
@font-face { font-family:'norm-display'; src:url('/assets/fonts/display-semibold.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:fallback; }

body { font-family:'norm-text',sans-serif; font-size:16px; line-height:1.5; text-align:center; min-height:100%; min-width:100%; -webkit-font-smoothing:antialiased; }
h1,h2 { font-family:'norm-display',sans-serif; font-weight:600; }
h1 { font-size:28px; line-height:34px; margin-bottom:16px; }
h2 { font-size:24px; line-height:30px; margin-bottom:14px; }
h3 { font-size:20px; line-height:26px; margin-bottom:14px; }

input[type=text], button { -webkit-appearance:none; max-width:100%; }

input[type=text] { padding:0 12px; height:40px; border:1px solid var(--input-border); border-radius:5px; transition:border-color .1s, box-shadow .1s; }
input[type=text]:hover { border-color:var(--input-border-hover) !important; }
input[type=text]:focus { border-color:var(--main) !important; box-shadow:0 0 0 1px hsla(var(--main-hsl),.7); }

button { line-height:38px; padding:0 14px; cursor:pointer; outline:revert; overflow:visible; border-radius:99px; border:1px solid var(--input-border); background:#fff; white-space:nowrap; text-decoration:none; user-select:none; transition:border-color .1s, background .1s, transform .1s; }
button:hover { border-color:var(--input-border-hover); }
button:active { transform:scale(98%); }
button:focus-visible, a:focus-visible { outline:2px solid var(--main); outline-offset:2px; }

.button.vivid button, .button.vivid .link { color:#fff; background:var(--button-vivid); border:none; }
.button.vivid button:hover, .button.vivid .link:hover { background:var(--button-vivid-hover); }
.button.vivid button:active, .button.vivid .link:active { background:var(--button-vivid-active); }

header, section { text-align:left; padding-left:24px; padding-right:24px; width:100%; max-width:100%; }
header, section.has-title > div { display:grid; grid-template-columns:1fr minmax(auto, 1280px) 1fr; }
header:not(.wide), section > div { max-width:2080px; margin:0 auto; width:100%; }

.app header { display:flex; justify-content:space-between; align-items:center; }

header p.logo, section.has-title p.header { margin-bottom:0; margin-right:30px; }
section:not(.has-title) { max-width:1280px; margin:0 auto; width:100%; }

header { position:fixed; z-index:1000; top:0; left:0; right:0; width:100%; max-width:100vw; padding-top:20px; padding-bottom:20px; background:rgba(255,255,255,0.75); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); transition:background-color .2s, color .2s; }
header p.logo { margin-top:-3px; display:flex; align-items:center; flex-shrink:0; }
header p.logo svg { float:left; }
header nav.desktop-nav ul { font-size:18px; display:flex; column-gap:36px; align-items:center; }
header nav.desktop-nav ul li a { display:inline-block; padding:4px 0; }

header.white { background:rgba(0,0,0,0.75) !important; mix-blend-mode:normal !important; }
header.white p.logo svg path:first-of-type { fill:#fff !important; opacity:0.95 !important; }
header.white a, header.white nav ul li a { color:#fff !important; opacity:0.85; }
header.white a:hover, header.white nav ul li a:hover { opacity:1 !important; color:#fff !important; }

/* Mobile Menu Toggle Button */
.mobile-nav-toggle {
  display:none;
  background:none;
  border:none;
  padding:6px;
  cursor:pointer;
  z-index:1002;
  border-radius:8px;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  margin-left:auto;
}
.mobile-nav-toggle span {
  display:block;
  width:22px;
  height:2px;
  background:#000;
  border-radius:2px;
  transition:transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
}
header.white .mobile-nav-toggle span {
  background:#fff;
}
.mobile-nav-toggle.open span:nth-child(1) {
  transform:translateY(7px) rotate(45deg);
}
.mobile-nav-toggle.open span:nth-child(2) {
  opacity:0;
  transform:scaleX(0);
}
.mobile-nav-toggle.open span:nth-child(3) {
  transform:translateY(-7px) rotate(-45deg);
}

/* Mobile Drawer Overlay */
.mobile-menu-backdrop {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.4);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  z-index:1000;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.25s ease;
}
.mobile-menu-backdrop.open {
  opacity:1;
  pointer-events:auto;
}

.mobile-menu-drawer {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:min(300px, 85vw);
  background:#fff;
  z-index:1001;
  box-shadow:-6px 0 30px rgba(0,0,0,0.15);
  padding:80px 24px 32px;
  transform:translateX(100%);
  transition:transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.mobile-menu-drawer.open {
  transform:translateX(0);
}
.mobile-menu-drawer ul {
  display:flex;
  flex-direction:column;
  gap:4px;
}
.mobile-menu-drawer ul li a {
  display:block;
  font-size:19px;
  font-weight:500;
  padding:12px 14px;
  border-radius:8px;
  color:#000;
  transition:background-color 0.15s ease, color 0.15s ease;
}
.mobile-menu-drawer ul li a:hover,
.mobile-menu-drawer ul li a:active {
  background:var(--dropdown-hover);
  color:var(--main);
}
.mobile-menu-drawer .mobile-cta {
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid #eee;
}
.mobile-menu-drawer .mobile-cta a {
  display:block;
  text-align:center;
  background:var(--button-vivid);
  color:#fff;
  font-weight:600;
  font-size:18px;
  line-height:50px;
  border-radius:99px;
  transition:background 0.15s;
}
.mobile-menu-drawer .mobile-cta a:hover {
  background:var(--button-vivid-hover);
}
.mobile-menu-drawer .mobile-cta a:active {
  background:var(--button-vivid-active);
  transform:scale(98%);
}

section.has-title p.header { padding-top:3px; font-size:22px; white-space:nowrap; }

section.narrow { max-width:540px; width:100%; }

.asset { background-repeat:no-repeat; background-position:center; background-size:contain; }
.asset.usdi { background-image:url('/assets/svg/coins/usdi.svg'); }
.asset.usdt { background-image:url('/assets/svg/coins/usdt.svg'); }
.asset.eth { background-image:url('/assets/svg/coins/eth.svg'); }
.asset.btc { background-image:url('/assets/svg/coins/btc.svg'); }
.asset.bch { background-image:url('/assets/svg/coins/bch.svg'); }

::-webkit-input-placeholder { color:var(--placeholder); opacity:1; }
::-moz-placeholder { color:var(--placeholder); opacity:1; }
:-ms-input-placeholder { color:var(--placeholder); opacity:1; }
:placeholder-shown { color:var(--placeholder); opacity:1; }

.hidden { display:none; }
.invisible { opacity:0; }

@media screen and (max-width:960px) {
header { display:flex; justify-content:space-between; align-items:center; padding-top:16px; padding-bottom:16px; }
section.has-title > div { display:flex; flex-direction:column; width:100%; }
section.has-title p.header { margin-bottom:24px; margin-right:0; }
}

@media screen and (max-width:768px) {
header, section { padding-left:16px; padding-right:16px; width:100%; max-width:100vw; }
header nav.desktop-nav { display:none !important; }
.mobile-nav-toggle { display:flex !important; }
#intro > div { flex-direction:column-reverse !important; padding-top:100px !important; padding-bottom:60px !important; width:100%; align-items:center !important; text-align:center !important; justify-content:center !important; gap:32px; }
#intro .main { text-align:center !important; margin:0 auto !important; width:100%; display:flex; flex-direction:column; align-items:center; }
#intro h1 { font-size:clamp(40px, 11vw, 56px) !important; line-height:1.1 !important; word-break:break-word; text-align:center !important; margin-bottom:0; }
#intro .button.vivid { justify-content:center !important; margin:28px auto 0 !important; width:auto; }
#intro .image { justify-content:center !important; width:100%; }
#intro .image div { --coinSize:clamp(220px, 70vw, 260px) !important; margin:0 auto; }
#why-inero h2 { font-size:clamp(26px, 7vw, 36px) !important; word-break:break-word; }
#how-it-works .features { flex-direction:column !important; row-gap:30px !important; width:100%; }
:is(#stable-value,#jurisdiction.dark) > div > div { flex-direction:column !important; width:100%; }
.dark .video { width:100% !important; max-width:100% !important; height:auto !important; }
}