/* ETHICOIN (ethicoin.org) — the Sovereign Gold Matrix. Gold on warm bronze, cream text, gold glass. Layer over the reel engine. */
:root{--gold:#FFD700;--gold-deep:#DAA520;--gold-soft:#F0D060;--gold-tan:#C8B878;--cream:#E8DDB5;--cream-b:#F0E8D0;--bronze:#1A0F00;--bronze2:#1A0800;--bronze3:#0D0800;
  --glass:rgba(255,215,0,.10);--glass2:rgba(255,215,0,.17);--gborder:rgba(218,165,32,.38);--glow:rgba(255,215,0,.36);--a:#FFD700;--vi:#DAA520;--tx:#F0E8D0;--mu:#E8DDB5}
html,body.ethic{background:radial-gradient(120% 80% at 50% 0%,#3A2200 0,#1A0F00 45%,#0D0800 100%) fixed;color:var(--cream-b)}
.ethic .cls{background:linear-gradient(90deg,#8a5a00,#DAA520 45%,#FFD700)!important;color:#1A0800!important}
.ethic .brand b{color:#F0E8D0}.ethic .brand em{color:var(--gold)}.ethic .brand img{border-radius:50%}
.au{color:var(--gold);text-shadow:0 0 16px var(--glow)}
.mono{font-family:var(--fm)}

/* ---- the opening: one calm, centred sequence */
.rboot{clip-path:none!important;position:fixed;inset:0;z-index:2147483646;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 44%,#3a2200 0,#140a00 62%,#080400 100%);cursor:pointer;
  transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .8s ease}
html.rb-first .rboot{display:flex;animation:rbsafe .8s ease 7.5s forwards}
@keyframes rbsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
.rboot.out{opacity:0;transform:scale(1.08);filter:blur(6px);pointer-events:none}
.rboot .bin{display:flex;flex-direction:column;align-items:center;width:min(420px,84vw)}
.rboot .bin img{width:128px;height:128px;opacity:0;transform:scale(.8) rotateY(70deg);filter:drop-shadow(0 0 0 rgba(255,215,0,0));transition:opacity 1s ease,transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1.6s ease}
.rboot.go .bin img{opacity:1;transform:none;filter:drop-shadow(0 0 34px rgba(255,200,40,.65))}
.rboot .bw{margin-top:24px;font:900 1.3rem/1 Orbitron,system-ui,sans-serif;letter-spacing:.34em;padding-left:.34em;opacity:0;transition:opacity .8s ease .4s;
  background:linear-gradient(180deg,#fff7d6 0,#f3e6b8 32%,#b8a26a 49%,#5a4718 53%,#e0cf95 66%,#fff7d6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rboot .bw span{background:linear-gradient(180deg,#fff2b0 0,#FFD700 38%,#8a5a00 52%,#FFD700 66%,#fff0a8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rboot.go .bw{opacity:1}
.rboot .bbar{margin-top:26px;width:min(220px,56vw);height:2px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:2px;opacity:0;transition:opacity .6s ease .5s}
.rboot .bbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#DAA520,#FFD700,#fff0a8);box-shadow:0 0 12px #FFD700;transition:width 3.1s cubic-bezier(.4,.1,.3,1) .6s}
.rboot.go .bbar{opacity:1}.rboot.go .bbar i{width:100%}
.rboot .bst{margin:16px 0 0;height:1.4em;font:400 .66rem/1.4 "Share Tech Mono",ui-monospace,monospace;letter-spacing:.26em;color:rgba(240,216,120,.9);text-align:center;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}
.rboot .bst.in{opacity:1;transform:none}

/* ---- the front screen: eye, line, name, promise, actions */
.ethic .intro .ibg{background:url(/Ethicoin-Gold-1.jpg) center 50%/cover no-repeat!important;filter:brightness(.62) saturate(1.1)!important}
@media (min-width:900px){.ethic .intro .ibg{background:url(/img/hero-banner-1920x1080.jpg) center/cover no-repeat!important}}
.ethic .intro .ibg::before{background:radial-gradient(70% 36% at 50% 52%,rgba(13,8,0,.82) 0,rgba(13,8,0,.55) 60%,rgba(13,8,0,0) 100%)!important;mix-blend-mode:normal!important}
.ethic .intro .rain{opacity:.42}
.ethic .intro .ib{justify-content:center}
.ethic .intro .eye-stage{width:min(40vw,170px,17svh);margin:0 auto 16px}
.ethic .intro .slkick{margin:0 0 10px;font:700 .64rem var(--fm);letter-spacing:.32em;color:var(--gold-soft);text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,0,.5),0 1px 0 #000;text-align:center}
.ethic .intro .logo{font-family:Orbitron,var(--fd);font-weight:900;font-size:clamp(2.2rem,min(12.5vw,7.4svh),5.4rem);letter-spacing:.06em;white-space:nowrap;text-shadow:none;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.9)) drop-shadow(0 0 18px rgba(255,215,0,.28));
  background:linear-gradient(180deg,#fffaf0 0,#f3e8c8 30%,#b9a575 47%,#4a3a12 52%,#e2d2a0 64%,#fffaf0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ethic .intro .logo span{display:inline;letter-spacing:.06em;margin-left:.04em;text-shadow:none;background:linear-gradient(180deg,#fff4b8 0,#FFD700 32%,#DAA520 47%,#6a4300 52%,#FFD700 64%,#fff0a8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(255,200,0,.5))}
.ethic .intro .logo::before,.ethic .intro .logo::after{-webkit-text-fill-color:currentColor}
.ethic .intro .slh{margin:14px auto 0;font:900 clamp(.78rem,3.4vw,1.2rem)/1.35 var(--fd);color:#fff;text-transform:uppercase;letter-spacing:.03em;text-align:center}
.ethic .intro .slh span{display:block;color:var(--gold);font-size:.82em;margin-top:4px}
.ethic .intro .ia{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:26px;width:min(340px,86vw)}
.ethic .intro .ia .paul-all{width:100%;justify-content:center;margin:0}
.ethic .intro .ia2{display:flex;gap:12px;width:100%}
.ethic .intro .ia2>*{flex:1 1 0;margin:0!important;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}
.ethic .intro .ia2>[hidden]{display:none!important}
.ethic .intro .ia3{display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:center;font:400 .6rem var(--fm);letter-spacing:.18em}
.ethic .intro .ia3 a{color:var(--gold-tan);text-decoration:none;padding:6px 0;border-bottom:1px solid rgba(218,165,32,.35)}
.ethic .intro .swipe{margin:22px 0 0}
.ia-on .ethic .intro .ib>*{opacity:0;transform:translateY(16px)}
.ia-on.intro-in .ethic .intro .ib>*{opacity:1;transform:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.ia-on.intro-in .ethic .intro .ib>:nth-child(2){transition-delay:.15s}.ia-on.intro-in .ethic .intro .ib>:nth-child(3){transition-delay:.28s}
.ia-on.intro-in .ethic .intro .ib>:nth-child(4){transition-delay:.42s}.ia-on.intro-in .ethic .intro .ib>:nth-child(5){transition-delay:.58s}.ia-on.intro-in .ethic .intro .ib>:nth-child(6){transition-delay:.8s}
.ia-on:not(.intro-in) .ethic .intro .ib>*{animation:rvsafe .6s ease 8.5s forwards}
@keyframes rvsafe{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ia-on .ethic .intro .ib>*{opacity:1;transform:none}.rboot,.rboot *{transition:none!important}}

/* ---- gold glass panels */
.ethic .s:not(.intro):not(.outro)>.b{background:linear-gradient(160deg,rgba(58,36,0,.62),rgba(20,10,0,.80))!important;box-shadow:inset 0 0 0 1px var(--gborder),0 0 44px -14px var(--glow)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}
.ethic .s .b .k{color:var(--gold-soft)}
.ethic .s .b h2{color:#fff}
.ethic .s .b .tx3{color:var(--cream)}
.ethic .s .bg{filter:brightness(.62) saturate(1.05)}
.ethic .s .b.wide,.ethic .k-aia .b,.ethic .k-gold .b,.ethic .k-trade .b,.ethic .k-ghana .b,.ethic .k-port .b{max-height:calc(100% - 120px);overflow:auto;scrollbar-width:none}
.ethic .s .b::-webkit-scrollbar{display:none}
.ethic .fine{color:rgba(232,221,181,.72);font-size:.7rem;line-height:1.5}
.ethic .fine.warn{color:#F0D060;border-left:2px solid var(--gold-deep);padding-left:10px}
.ethic .card{display:block;width:100%;height:auto;margin:10px 0 8px;border:1px solid var(--gborder);clip-path:var(--c1)}
.ethic .coin{display:block;width:min(36vw,150px);height:auto;margin:6px auto 4px;filter:drop-shadow(0 0 26px rgba(255,200,40,.55));animation:coin 9s linear infinite}
@keyframes coin{0%,100%{transform:perspective(600px) rotateY(-28deg)}50%{transform:perspective(600px) rotateY(28deg)}}
@media (prefers-reduced-motion:reduce){.ethic .coin{animation:none}}
.ethic .k-token h2{text-align:center;font-size:clamp(2rem,9vw,3rem)!important}
.ethic .addr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;margin:12px 0;padding:10px 12px;background:rgba(13,8,0,.7);box-shadow:inset 0 0 0 1px var(--gborder);clip-path:var(--c1)}
.ethic .addr span{grid-column:1/3;font:700 .56rem var(--fd);letter-spacing:.18em;color:var(--gold-deep)}
.ethic .addr code{font:400 clamp(.6rem,2.7vw,.8rem) var(--fm);color:var(--cream-b);overflow-wrap:anywhere;background:none}
.ethic .cp{min-width:64px;min-height:40px;border:1px solid var(--gold);background:rgba(255,215,0,.12);color:var(--gold);font:700 .6rem var(--fd);letter-spacing:.14em;cursor:pointer}
.ethic .cp.ok{background:var(--gold);color:#1A0800}
.ethic .facts{list-style:none;margin:10px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ethic .facts li{padding:7px 9px;background:rgba(255,215,0,.06);box-shadow:inset 0 0 0 1px rgba(218,165,32,.22)}
.ethic .facts span{display:block;font:400 .55rem var(--fm);letter-spacing:.14em;color:var(--gold-tan);text-transform:uppercase}
.ethic .facts b{display:block;font:600 .8rem var(--fb);color:var(--cream-b)}
.ethic .gx{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.ethic .gc{padding:10px;background:rgba(13,8,0,.66);box-shadow:inset 0 0 0 1px var(--gborder);clip-path:var(--c1)}
.ethic .gc span{display:block;font:400 .56rem/1.3 var(--fm);letter-spacing:.1em;color:var(--gold-tan);text-transform:uppercase}
.ethic .gc span i{font-style:normal}
.ethic .gc b{display:block;margin-top:4px;font:900 clamp(1rem,5vw,1.5rem) var(--fd);color:var(--gold);text-shadow:0 0 14px var(--glow)}
.ethic .gc.hi{background:linear-gradient(160deg,rgba(255,215,0,.18),rgba(13,8,0,.7))}
.ethic .gsrc{font-size:.62rem;color:var(--gold-tan);letter-spacing:.08em}
.ethic .gsrc.stale{color:#ffb347}
.ethic .steps{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.ethic .steps li{padding:9px 10px;background:rgba(255,215,0,.06);box-shadow:inset 0 0 0 1px rgba(218,165,32,.22)}
.ethic .steps b{display:block;font:700 .66rem var(--fd);letter-spacing:.12em;color:var(--gold)}
.ethic .steps span{display:block;font:400 .78rem/1.45 var(--fb);color:var(--cream)}
.ethic .mst{display:flex;flex-direction:column;gap:4px;font:400 .62rem var(--fm);letter-spacing:.1em;color:#ffb347;margin:8px 0}
.ethic .mst .ok{color:var(--gold)}
.ethic .tiles{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.ethic .tiles li{padding:9px 10px;background:rgba(255,215,0,.06);box-shadow:inset 0 0 0 1px rgba(218,165,32,.22)}
.ethic .tiles em{display:block;font:400 .56rem var(--fm);font-style:normal;letter-spacing:.12em;color:var(--gold-tan)}
.ethic .tiles b{display:block;font:700 .74rem var(--fd);letter-spacing:.08em;color:var(--gold)}
.ethic .tiles span{display:block;font:400 .76rem/1.45 var(--fb);color:var(--cream)}
.ethic .k-port .dks{grid-template-columns:1fr}
.ethic .k-port .dk{padding:11px 12px;min-height:44px}
.ethic .k-port .dk b{font:600 .78rem var(--fb)}
.ethic .acts{flex-wrap:wrap;gap:8px}

/* ---- dossiers: FAQ, about, terms, privacy, cookies, contact */
.ethic .dossiers{max-width:820px;margin:0 auto;padding:30px 16px 60px}
.ethic .dossier{position:relative;margin:0 0 22px;padding:22px 18px;background:linear-gradient(160deg,rgba(58,36,0,.55),rgba(20,10,0,.82));box-shadow:inset 0 0 0 1px var(--gborder),0 0 44px -16px var(--glow);clip-path:var(--c1);scroll-margin-top:90px}
.ethic .dossier>.k{display:block;font:400 .58rem var(--fm);letter-spacing:.18em;color:var(--gold-deep);margin-bottom:6px}
.ethic .dossier h2{margin:0 0 12px;font:900 clamp(1.1rem,4.6vw,1.6rem)/1.2 var(--fd);color:var(--gold)}
.ethic .dossier h3{margin:10px 0 4px;font:700 .82rem var(--fd);letter-spacing:.06em;color:var(--gold-soft)}
.ethic .dossier p,.ethic .faq p{font:400 .9rem/1.6 var(--fb);color:var(--cream);margin:0 0 8px}
.ethic .dossier .lead{color:var(--cream-b)}
.ethic .dossier em{display:block;font-style:normal;font:400 .6rem var(--fm);letter-spacing:.14em;color:var(--gold-tan);margin-top:12px}
.ethic .faq{border-top:1px solid rgba(218,165,32,.22);padding:4px 0}
.ethic .faq summary{cursor:pointer;padding:10px 0;font:600 .92rem var(--fb);color:var(--cream-b);min-height:44px;display:flex;align-items:center}
.ethic .dossier .dks{grid-template-columns:1fr;gap:8px}
.ethic .dossier .dk{padding:12px}
.ethic .dossier .dk i{display:block;font:400 .74rem var(--fb);font-style:normal;color:var(--cream)}
.ethic .cform{display:grid;gap:10px;margin-top:14px}
.ethic .cform label{display:grid;gap:4px;font:400 .62rem var(--fm);letter-spacing:.14em;color:var(--gold-tan);text-transform:uppercase}
.ethic .cform input,.ethic .cform textarea{font:400 16px var(--fb);color:var(--cream-b);background:rgba(13,8,0,.8);border:1px solid var(--gborder);padding:10px;border-radius:0}
.ethic .cform input:focus,.ethic .cform textarea:focus,.ethic a:focus-visible,.ethic button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ethic .soc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 18px}
.ethic .soc a{font:400 .62rem var(--fm);letter-spacing:.14em;color:var(--gold);text-decoration:none;padding:9px 12px;border:1px solid var(--gborder);min-height:40px;display:inline-flex;align-items:center}
.ethic .risk{font:400 .74rem/1.55 var(--fb);color:rgba(232,221,181,.8);border:1px solid rgba(218,165,32,.3);padding:12px;margin:0 0 14px}
.ethic .center{text-align:center}
.ethic .langs select{width:100%;min-height:44px;margin-top:10px;background:rgba(13,8,0,.9);color:var(--gold);border:1px solid var(--gborder);font:400 .8rem var(--fm);letter-spacing:.1em;padding:8px}
[dir=rtl] .ethic .s .b{text-align:right}

/* full texts on the Ethicoin screens (no cut-off lines) */
.ethic .k-aia .tx3,.ethic .k-gold .tx3,.ethic .k-trade .tx3,.ethic .k-token .tx3,.ethic .k-ghana .tx3,.ethic .k-redeem .tx3,.ethic .k-mig .tx3,.ethic .k-cerb .tx3,.ethic .k-port .tx3{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}
.ethic .k-poster .bg,.ethic .k-news .bg{object-position:50% 40%}
@media (min-width:900px){.ethic .s>.bg{object-fit:cover!important;width:100%!important;height:100%!important;left:0!important;right:0!important;max-width:none!important;filter:brightness(.4) saturate(1.05)!important}}
.ethic .outro .ibg,.ethic .chan .ibg{background:url(/img/one-future-ethicoin.jpg) center/cover no-repeat!important}
/* the name is one word: ETHICOIN */
.ethic .brand b.one{color:var(--gold);letter-spacing:.12em;margin:0}
.ethic .outro .logo.one{color:var(--gold);letter-spacing:.08em;text-shadow:0 0 18px var(--glow)}
.ethic .intro .logo span{margin-left:0}
/* white-paper screens */
.ethic .formula{margin:8px 0;padding:9px 10px;font-size:.66rem;line-height:1.6;color:var(--gold-soft);background:rgba(13,8,0,.7);box-shadow:inset 0 0 0 1px rgba(218,165,32,.25)}
.ethic .kt{width:100%;border-collapse:collapse;margin:10px 0;font:400 .74rem var(--fb)}
.ethic .kt th{font:700 .56rem var(--fd);letter-spacing:.14em;color:var(--gold-deep);text-align:left;padding:6px 6px;border-bottom:1px solid var(--gborder)}
.ethic .kt td{padding:6px;color:var(--cream);border-bottom:1px solid rgba(218,165,32,.14)}
.ethic .kt td:nth-child(n+2){font-family:var(--fm);font-size:.68rem;color:var(--gold-soft);white-space:nowrap}
.ethic .vf{list-style:none;margin:10px 0;padding:0;display:grid;gap:5px}
.ethic .vf li{display:grid;gap:2px;padding:7px 9px;background:rgba(255,215,0,.06);box-shadow:inset 0 0 0 1px rgba(218,165,32,.22)}
.ethic .vf code{font:400 .74rem var(--fm);color:var(--gold);background:none}
.ethic .vf span{font:400 .72rem var(--fb);color:var(--cream)}
.ethic .tok{text-align:center;font-size:clamp(2rem,9vw,3rem)!important}
.ethic .k-keys .tx3,.ethic .k-verify .tx3,.ethic .k-risk .tx3,.ethic .k-redeem .tx3{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}
.ethic .k-keys .b,.ethic .k-verify .b,.ethic .k-risk .b{max-height:calc(100% - 120px);overflow:auto;scrollbar-width:none}
.newsx .nl{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.newsx .nl a{display:block;padding:12px;text-decoration:none;background:rgba(255,215,0,.06);box-shadow:inset 0 0 0 1px rgba(218,165,32,.25)}
.newsx .nl b{display:block;color:var(--gold);font:700 .95rem var(--fb)}.newsx .nl span{display:block;color:var(--cream);font:400 .8rem/1.5 var(--fb);margin-top:4px}
.newsx{min-height:100vh}
