h1,h2 { font-feature-settings:'salt' 1; word-break:break-word; }

#intro > div { display:flex; align-items:center; column-gap:50px; padding-top:180px; padding-bottom:200px; width:100%; max-width:100%; }

#intro h1 { font-size:clamp(48px, 8vw, 116px); line-height:1.08; font-weight:500; letter-spacing:-0.005em; }

#intro .button.vivid { margin:48px 0 0; display:flex; font-weight:600; }
#intro .button.vivid a { font-size:clamp(18px, 2vw, 24px); line-height:64px; padding:0 38px; border-radius:99px; transition:all .1s; }
#intro .button.vivid a:active { transform:scale(97%); }

#intro .main { max-width:540px; width:100%; }

#intro .image { display:flex; justify-content:center; flex-grow:1; max-width:100%; }
#intro .image div { --coinSize:400px; width:var(--coinSize); height:var(--coinSize); max-width:100%; aspect-ratio:1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:0; line-height:0; transition:transform .2s; cursor:pointer; }
#intro .image div:active { transform:scale(96%); }
#intro .image div i { background-size:var(--coinSize); opacity:0; background-image:url('/assets/svg/coins/usdi.svg'); width:5%; aspect-ratio:1; font-style:normal; position:relative; display:inline-block; }

section.has-title > div { position:relative; padding-top:90px; padding-bottom:90px; width:100%; max-width:100%; }
section.has-title:not(#why-inero) > div:before { content:''; position:absolute; top:0; left:0; right:0; border-bottom:1px solid rgba(0,0,0,.1); }
section.has-title.dark > div:before { border-bottom-color:hsla(0,0%,100%,.1) !important; }

#why-inero, #how-it-works { background:var(--lightgreen); }

#why-inero h2 { font-weight:500; font-size:clamp(32px, 5vw, 66px); line-height:1.2; letter-spacing:-0.005em; margin-bottom:0; }

#how-it-works h2 { font-weight:600; font-size:clamp(24px, 3vw, 34px); line-height:1.45; letter-spacing:-0.01em; margin-bottom:50px; }
#how-it-works .features { display:flex; column-gap:40px; width:100%; }
#how-it-works .features h3 { font-size:24px; line-height:30px; font-weight:500; margin-bottom:16px; }
#how-it-works .features p { font-size:18px; line-height:1.5; margin-bottom:0; }

section.dark { background:#000; color:#fff; }
section.dark > div { padding-top:100px; padding-bottom:100px; }

.dark h2 { font-weight:400; font-size:clamp(22px, 2.5vw, 30px); line-height:1.5; margin-bottom:0; }
:is(#stable-value,#jurisdiction.dark) > div > div { display:flex; align-items:center; column-gap:clamp(40px, 6vw, 90px); width:100%; }
.dark .video { height:340px; width:340px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:var(--section-dark); }
.dark .video video { max-width:100%; height:auto; object-fit:contain; mix-blend-mode:luminosity; filter:contrast(3) brightness(3); }

#stable-value > div > div { flex-direction:row-reverse; }

#transparency h2 { margin-bottom:50px; }
#transparency ul.numbers { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; row-gap:24px; column-gap:clamp(32px, 6vw, 90px); width:100%; }
#transparency ul.numbers li h3 { font-weight:500; margin-bottom:12px; }
#transparency ul.numbers li p { display:block; font-size:clamp(32px, 4vw, 44px); line-height:1; letter-spacing:-0.01em; margin-bottom:0; }

#faq dl { margin:0 0 34px; width:100%; }
#faq dl dt { font-size:20px; }
#faq dl dt:not(:first-child) { border-top:1px solid #f3f3f3; }
#faq dl dt a { display:block; padding:18px 0; padding-right:32px; position:relative; z-index:2; color:inherit; cursor:pointer; word-break:break-word; }
#faq dl dt a:after { content:''; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:14px; height:10px; background:url(/assets/svg/arrow.svg) no-repeat center center; transition:transform .2s; }
#faq dl dt a:hover { color:rgba(0,0,0,.6); }
#faq dl dt a:hover:after { opacity:0.4; }
#faq dl dt.active a:after { transform:translateY(-50%) rotate(180deg); }
#faq dl dd { display:none; }
#faq dl dd.open, #faq dl dd[style*="display: block"], #faq dl dd[style*="display:block"] { display:block !important; font-size:18px; line-height:1.6; color:rgba(0,0,0,.75); padding:4px 0 16px; }

footer.landing-footer { border-top:1px solid #eee; padding:36px 24px; font-size:14px; color:rgba(0,0,0,0.5); text-align:center; width:100%; }