:root{--background:#07111f;--foreground:#eff5fa;--card:#0d1a2a;--card-foreground:#eff5fa;--popover:#0d1a2a;--popover-foreground:#eff5fa;--primary:#ffcf4a;--primary-foreground:#08111c;--secondary:#142235;--secondary-foreground:#eff5fa;--muted:#142235;--muted-foreground:#8595a8;--accent:#1c2b40;--accent-foreground:#eff5fa;--destructive:#f16d70;--border:#203047;--input:#203047;--ring:#ffcf4a;--radius:.65rem}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 5px);--font-sans:"Aptos","Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;scrollbar-gutter:stable}html[data-theme=light]{color-scheme:light}body{margin:0;background-color:var(--background);background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px),radial-gradient(circle at 50% 0,#18304b42,transparent 42rem);background-size:48px 48px,48px 48px,100% 100%;background-attachment:fixed;color:var(--foreground);font-family:"Aptos","Segoe UI",Helvetica,Arial,sans-serif;scrollbar-width:thin;transition:background-color .2s,color .2s}button,input{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #ffcf4a;outline-offset:3px}.shell{width:min(1180px,calc(100% - 2rem));margin-inline:auto}
header{position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff0d;background:#07111fe8;backdrop-filter:blur(18px)}.header-inner{display:flex;height:4.6rem;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.65rem;color:#fff;font-size:1.18rem;font-weight:900;letter-spacing:.12em}.brand>i{width:.72rem;height:.72rem;border-radius:50%;background:#ffcf4a;box-shadow:0 0 0 4px #ffcf4a1c}nav{display:flex;gap:1.8rem;margin-right:auto}nav a{color:#8191a5;font-size:.9rem;font-weight:600}nav a:first-child,nav a:hover{color:#fff}.actions{display:flex;align-items:center;gap:.55rem}.icon{display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid #26364d;border-radius:.55rem;color:#a8b6c5;background:transparent;cursor:pointer}.icon:hover{border-color:#50627a;color:#fff}.mobile{display:none}.mobile-nav{display:none}.nadd{border-color:#2a3b54!important;background:#0b1828!important;color:#dfe8ef!important}.join{background:#ffcf4a!important;color:#0a111b!important;font-weight:800!important}
.ticker{border-bottom:1px solid #ffffff0d;background:#0a1626;overflow:hidden}.ticker>.shell{display:flex;min-height:2.45rem;align-items:center;gap:1rem;white-space:nowrap;overflow:auto;scrollbar-width:none;color:#7e8da0;font-size:.72rem;font-weight:600}.ticker b{color:#ffdc75;letter-spacing:.04em}.ticker b i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#ffcf4a;box-shadow:0 0 8px #ffcf4a}.ticker>.shell>i{width:3px;height:3px;flex:none;border-radius:50%;background:#43536a}.content{padding:3rem 0 5rem}.hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:4rem}.kicker{margin:0;color:#ffcf4a;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{margin:.8rem 0 0;color:#fff;font-size:clamp(3.7rem,8vw,7.1rem);font-weight:800;line-height:.82;letter-spacing:-.065em}.lead{max-width:610px;margin:1.7rem 0 0;color:#98a8b9;font-size:1.08rem;line-height:1.7}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid #213149;border-radius:.8rem;background:#213149}.stats div{display:flex;min-height:6.2rem;flex-direction:column;justify-content:space-between;padding:1.1rem;background:#0c1929}.stats div:last-child{grid-column:span 2}.stats span{color:#6f8196;font-size:.73rem}.stats strong{color:#fff;font-size:1.6rem;letter-spacing:-.04em}.stats small{color:#8a9aab;font-size:.72rem}
.markets{margin-top:4rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #1d2c40}.toolbar [role=tablist]{height:auto;gap:1.6rem;padding:0;background:transparent}.toolbar [role=tab]{height:3.2rem;padding:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#718197;font-size:.9rem;box-shadow:none}.toolbar [role=tab][data-state=active]{border-bottom-color:#ffcf4a;color:#fff}.search{display:flex;width:280px;align-items:center;gap:.4rem;color:#6e7e92}.search input{border:0;background:transparent;color:#dce5ed;box-shadow:none}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:1.7rem}.section-title h2{margin:0;color:#fff;font-size:1.25rem}.section-title button{display:flex;align-items:center;gap:.35rem;border:0;background:transparent;color:#74849a}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}.market-card{display:block;width:100%;cursor:pointer;border:1px solid #1f3047;border-radius:.8rem;padding:1.2rem;background:linear-gradient(145deg,#0e1c2d,#0a1726);color:inherit;text-align:left;transition:.22s}.market-card:hover{transform:translateY(-3px);border-color:#3a4b63;box-shadow:0 18px 45px #02081266}.row,.country,.meta,.probability,.probability>div{display:flex;align-items:center}.row,.probability,.meta{justify-content:space-between}.country{gap:.55rem;color:#b8c4d1;font-size:.86rem;font-weight:600}.flag{display:grid;width:2rem;height:1.55rem;place-items:center;border:1px solid #ffffff17;border-radius:.32rem;background:#152439;color:#cdd7e1;font-size:.63rem;font-weight:900;letter-spacing:.08em}.market-card [data-slot=badge]{border-color:#283a53;color:#8192a6;font-size:.64rem}.market-card h3{min-height:4.8rem;margin:1.2rem 0 1.4rem;color:#fff;font-size:1.05rem;line-height:1.5}.probability>div:first-child{align-items:baseline;gap:.45rem;flex-wrap:wrap}.probability small{width:100%;color:#ffcf4a;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.probability strong{font-size:2rem}.probability em{font-size:.72rem;font-style:normal;font-weight:800}.up{color:#22c58b}.down{color:#f16d70}.spark{display:flex!important;align-items:flex-end!important;gap:4px;height:45px}.spark i{width:5px;border-radius:4px;background:currentColor}.spark i:nth-child(1){height:12px}.spark i:nth-child(2){height:23px}.spark i:nth-child(3){height:18px}.spark i:nth-child(4){height:34px}.spark i:nth-child(5){height:42px}.spark.down i:nth-child(1){height:40px}.spark.down i:nth-child(5){height:15px}.meta{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid #ffffff0d;color:#73849a;font-size:.7rem}.meta span:first-child{display:flex;align-items:center;gap:.3rem}.empty{margin-top:1rem;padding:4rem;border:1px dashed #2a3b52;border-radius:.8rem;color:#8090a3;text-align:center}
.how{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:1px;margin-top:6rem;overflow:hidden;border:1px solid #203047;border-radius:.85rem;background:#203047}.how>div{position:relative;display:flex;min-height:240px;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:#0b1828}.how .how-lead{background:linear-gradient(145deg,#13253a,#0a1726)}.how-lead h2{max-width:320px;margin:.8rem 0 0;color:#fff;font-size:2rem;line-height:1.05}.how>div>span{position:absolute;top:1.2rem;right:1.2rem;color:#43536a;font-size:.72rem}.how svg{margin-bottom:auto;color:#ffcf4a}.how h3{margin:0 0 .6rem;color:#fff}.how div>p:last-child{margin:0;color:#7f8fa2;font-size:.82rem;line-height:1.6}.compliance{display:grid;grid-template-columns:auto 1.2fr 1fr;align-items:center;gap:1.5rem;margin-top:1.2rem;padding:1.5rem;border:1px solid #2d3e56;border-radius:.85rem;background:#101e2f}.compliance>svg{color:#ffcf4a}.compliance h2{margin:.4rem 0 0;color:#fff;font-size:1.15rem}.compliance>p{margin:0;color:#8191a4;font-size:.82rem;line-height:1.6}
footer{border-top:1px solid #1c2b3e;background:#050d18}.footer{display:grid;grid-template-columns:.8fr 1.3fr 1.5fr;gap:3rem;padding:2.7rem 0}.footer p{margin:.7rem 0 0;color:#64758a;font-size:.74rem;line-height:1.6}.footer-links{display:flex;align-content:flex-start;align-items:flex-start;gap:.75rem 1.3rem;flex-wrap:wrap;color:#8796a8;font-size:.8rem}.footer-links a{display:flex;align-items:center;gap:.2rem}.footer-links a:hover{color:#ffcf4a}
.backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#01050bb8;backdrop-filter:blur(4px)}.trade{width:min(440px,100%);overflow:auto;padding:1.5rem;border-left:1px solid #293b53;background:#0b1726;box-shadow:-30px 0 80px #0008;animation:slide .25s ease-out}@keyframes slide{from{transform:translateX(100%)}}.close{float:right;border:0;background:transparent;color:#8292a5}.trade h2{clear:both;margin:1.5rem 0 1.1rem;color:#fff;font-size:1.55rem;line-height:1.25}.source{display:flex;gap:.7rem;padding:.8rem;border-radius:.55rem;background:#122137;color:#ffcf4a}.source div{display:flex;flex-direction:column}.source span,.amount-label,.summary span{color:#718298;font-size:.68rem}.source strong{color:#b7c4d1;font-size:.75rem}.sides,.summary{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.4rem}.sides button{display:flex;justify-content:space-between;padding:1rem;border:1px solid #2a3a50;border-radius:.6rem;background:#0d1b2c}.sides .yes span{color:#22c58b}.sides .no span{color:#f16d70}.sides .yes.selected{border-color:#22c58b;background:#0d2926}.sides .no.selected{border-color:#f16d70;background:#2a1821}.sides strong{color:#fff}.amount-label{display:flex;justify-content:space-between;margin:1.4rem 0 .5rem}.amount{display:flex;align-items:center;border:1px solid #2a3b52;border-radius:.55rem;background:#091421}.amount input{border:0;background:transparent;color:#fff;font-size:1.2rem;box-shadow:none}.amount>span{padding-right:.8rem;color:#8192a5;font-size:.75rem}.summary{margin-top:.8rem}.summary div{display:flex;flex-direction:column;gap:.3rem;padding:.8rem;border-radius:.5rem;background:#101f31}.summary strong{color:#dfe7ee;font-size:.84rem}.locked{width:100%;margin-top:1rem;background:#273448!important;color:#8593a5!important;opacity:1!important}.note{color:#68798d;font-size:.7rem;line-height:1.5;text-align:center}

html[data-theme=dark]{--muted-foreground:#a8b6c5}html[data-theme=dark] nav a,html[data-theme=dark] .ticker>.shell,html[data-theme=dark] .stats span,html[data-theme=dark] .stats small,html[data-theme=dark] .toolbar [role=tab],html[data-theme=dark] .search,html[data-theme=dark] .section-title button,html[data-theme=dark] .market-card [data-slot=badge],html[data-theme=dark] .meta,html[data-theme=dark] .empty,html[data-theme=dark] .how>div>span,html[data-theme=dark] .footer p{color:#a5b4c3}html[data-theme=dark] .lead,html[data-theme=dark] .how div>p:last-child,html[data-theme=dark] .compliance>p,html[data-theme=dark] .footer-links,html[data-theme=dark] .close,html[data-theme=dark] .source span,html[data-theme=dark] .amount-label,html[data-theme=dark] .summary span,html[data-theme=dark] .amount>span,html[data-theme=dark] .note{color:#b4c0cc}html[data-theme=dark] .source strong{color:#d4dce4}html[data-theme=dark] .locked{color:#c7d0d9!important}
html[data-theme=light]{--background:#f4f7fb;--foreground:#142033;--card:#fff;--card-foreground:#142033;--popover:#fff;--popover-foreground:#142033;--secondary:#edf2f7;--secondary-foreground:#142033;--muted:#edf2f7;--muted-foreground:#607086;--accent:#e8eef5;--accent-foreground:#142033;--border:#d8e0ea;--input:#cdd7e3}
html[data-theme=light] body{background-image:linear-gradient(#182d4208 1px,transparent 1px),linear-gradient(90deg,#182d4208 1px,transparent 1px),radial-gradient(circle at 50% 0,#d9e6f28c,transparent 42rem)}
html[data-theme=light] header{border-color:#dbe3ec;background:#f8fbfee8}html[data-theme=light] .brand,html[data-theme=light] nav a:first-child,html[data-theme=light] nav a:hover,html[data-theme=light] h1,html[data-theme=light] .section-title h2,html[data-theme=light] .market-card h3,html[data-theme=light] .how h2,html[data-theme=light] .how h3,html[data-theme=light] .compliance h2,html[data-theme=light] .trade h2{color:#101b2c}html[data-theme=light] nav a{color:#64748a}html[data-theme=light] .icon{border-color:#ccd7e3;color:#52647a;background:#fff}html[data-theme=light] .icon:hover{border-color:#8fa0b5;color:#142033}html[data-theme=light] .nadd{border-color:#ccd7e3!important;background:#fff!important;color:#26364b!important}html[data-theme=light] .ticker{border-color:#dbe3ec;background:#eaf0f6}html[data-theme=light] .ticker>.shell{color:#607187}html[data-theme=light] .lead{color:#5c6c80}html[data-theme=light] .stats{border-color:#d7e0ea;background:#d7e0ea}html[data-theme=light] .stats div{background:#fff}html[data-theme=light] .stats span{color:#66778b}html[data-theme=light] .stats strong{color:#142033}html[data-theme=light] .toolbar{border-color:#d7e0e9}html[data-theme=light] .toolbar [role=tab]{color:#66778b}html[data-theme=light] .toolbar [role=tab][data-state=active]{color:#142033}html[data-theme=light] .search{color:#607187}html[data-theme=light] .search input{color:#142033}html[data-theme=light] .market-card{border-color:#d7e0ea;background:linear-gradient(145deg,#fff,#f7f9fc);box-shadow:0 8px 24px #23364d0a}html[data-theme=light] .market-card:hover{border-color:#aebdcd;box-shadow:0 18px 42px #23364d1a}html[data-theme=light] .country{color:#405269}html[data-theme=light] .flag{border-color:#d4dde7;background:#e9eef5;color:#30435a}html[data-theme=light] .market-card [data-slot=badge]{border-color:#d1dbe6;color:#52657a}html[data-theme=light] .meta{border-color:#e1e7ee;color:#607187}html[data-theme=light] .how{border-color:#d7e0ea;background:#d7e0ea}html[data-theme=light] .how>div{background:#fff}html[data-theme=light] .how .how-lead{background:linear-gradient(145deg,#fff8dd,#fff)}html[data-theme=light] .how div>p:last-child{color:#607187}html[data-theme=light] .compliance{border-color:#d5dee8;background:#fff}html[data-theme=light] .compliance>p{color:#607187}html[data-theme=light] footer{border-color:#d7e0ea;background:#eaf0f6}html[data-theme=light] .footer p{color:#607187}html[data-theme=light] .footer-links{color:#485b72}html[data-theme=light] .trade{border-color:#d3dde8;background:#f8fbfe}html[data-theme=light] .source{background:#edf2f7}html[data-theme=light] .source strong{color:#405269}html[data-theme=light] .sides button{border-color:#d0dbe6;background:#fff}html[data-theme=light] .sides strong{color:#142033}html[data-theme=light] .amount{border-color:#ccd7e3;background:#fff}html[data-theme=light] .amount input{color:#142033}html[data-theme=light] .summary div{background:#eaf0f6}html[data-theme=light] .summary strong{color:#27394f}html[data-theme=light] .mobile-nav{border-color:#d7e0ea;background:#f8fbfe}
html[data-theme=light] .kicker,html[data-theme=light] .probability small,html[data-theme=light] .ticker b{color:#725000}html[data-theme=light] nav a,html[data-theme=light] .ticker>.shell,html[data-theme=light] .lead,html[data-theme=light] .stats span,html[data-theme=light] .stats small,html[data-theme=light] .toolbar [role=tab],html[data-theme=light] .search,html[data-theme=light] .meta,html[data-theme=light] .how div>p:last-child,html[data-theme=light] .compliance>p,html[data-theme=light] .footer p{color:#33465d}html[data-theme=light] .section-title button,html[data-theme=light] .empty,html[data-theme=light] .close,html[data-theme=light] .source span,html[data-theme=light] .amount-label,html[data-theme=light] .summary span,html[data-theme=light] .amount>span,html[data-theme=light] .note{color:#3d5067}html[data-theme=light] .country,html[data-theme=light] .source strong,html[data-theme=light] .footer-links,html[data-theme=light] .mobile-nav a{color:#26394f}html[data-theme=light] .market-card [data-slot=badge]{color:#34485f}html[data-theme=light] .up{color:#087653}html[data-theme=light] .down{color:#a82833}html[data-theme=light] .sides .yes span{color:#087653}html[data-theme=light] .sides .no span{color:#a82833}html[data-theme=light] .sides .yes.selected{background:#e4f5ef}html[data-theme=light] .sides .no.selected{background:#fbe9eb}html[data-theme=light] .locked{background:#dce3eb!important;color:#34475d!important}html[data-theme=light] .mobile-nav a{border-color:#dce3eb}
html[data-theme=light] .kicker,html[data-theme=light] .probability small,html[data-theme=light] .ticker b,html[data-theme=light] .how svg,html[data-theme=light] .compliance>svg,html[data-theme=light] .source{color:#604300}html[data-theme=light] .brand>i{background:#ffc400;box-shadow:0 0 0 2px #604300,0 0 0 5px #ffcf4a4a}html[data-theme=light] .ticker b i{background:#ffc400;box-shadow:0 0 0 1.5px #604300,0 0 8px #c58c00}
@media(max-width:900px){header .header-inner>nav{display:none}.mobile{display:grid}.mobile-nav{display:flex;margin:0!important;padding:.4rem 1rem 1rem;border-top:1px solid #1d2c40;background:#07111f;flex-direction:column;gap:0}.mobile-nav a{padding:.8rem 0;border-bottom:1px solid #ffffff0d;color:#aebaca}.hero{grid-template-columns:1fr;gap:2rem}.stats{max-width:560px}.market-grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr 1fr}.compliance{grid-template-columns:auto 1fr}.compliance>p{grid-column:2}.footer{grid-template-columns:1fr 1fr}.footer>p{grid-column:span 2}}
@media(max-width:640px){.shell{width:calc(100% - 1.15rem)}.nadd,.bell{display:none!important}.header-inner{gap:.5rem}.actions{gap:.4rem}.join{padding-inline:.7rem!important}.content{padding-top:2.4rem}h1{font-size:clamp(3.1rem,16vw,3.75rem)}.toolbar{align-items:stretch;flex-direction:column-reverse;border:0}.toolbar [role=tablist]{width:100%;gap:1.15rem;overflow:auto;border-bottom:1px solid #1d2c40}.search{width:100%;padding:0 .6rem;border:1px solid #203047;border-radius:.55rem}.market-grid{grid-template-columns:1fr}.how{grid-template-columns:1fr}.how>div{min-height:195px}.compliance,.footer{grid-template-columns:1fr}.compliance>p,.footer>p{grid-column:1}.footer{gap:1.5rem}.trade{padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));border-left:0}.meta{gap:1rem}.meta span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.button{display:inline-flex;height:2.55rem;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;border:1px solid transparent;border-radius:.55rem;cursor:pointer;font-size:.875rem;font-weight:600;white-space:nowrap}.button svg,.icon svg,.search svg,.source svg,.meta svg,.footer-links svg{width:1rem;height:1rem;flex:none}.button:disabled{cursor:not-allowed}.search input{width:100%;height:2.5rem;padding:.5rem}.toolbar [role=tablist]{display:flex}.toolbar [role=tab]{cursor:pointer}.section-title button,.close,.sides button{cursor:pointer}.probability strong{color:var(--foreground)}.trade[hidden],.backdrop[hidden],.mobile-nav[hidden],.empty[hidden]{display:none}.backdrop{align-items:stretch}.no-scroll{overflow:hidden}.icon svg{width:1.125rem;height:1.125rem}.how-icon{width:1.5rem;height:1.5rem}.search input::placeholder{color:currentColor;opacity:.8}.market-card [data-slot=badge]{display:inline-flex;align-items:center;padding:.18rem .48rem;border:1px solid #283a53;border-radius:999px;font-weight:600}.amount input{width:100%;padding:.75rem}.locked{justify-content:center}


/* Laat About and FAQ sections */
.content-section{
  scroll-margin-top:7.5rem;
  margin-top:5rem;
  padding-top:4rem;
  border-top:1px solid var(--border);
}

.section-heading{
  max-width:760px;
  margin-bottom:2.25rem;
}

.section-kicker{
  display:block;
  margin-bottom:.65rem;
  color:var(--primary);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.section-heading h2{
  margin:0;
  color:var(--foreground);
  font-size:clamp(2rem,5vw,3.35rem);
  line-height:1.05;
  letter-spacing:-.045em;
}

.section-heading p{
  margin:1rem 0 0;
  color:var(--muted-foreground);
  font-size:1.02rem;
  line-height:1.75;
}

.about-block{
  margin-top:2rem;
}

.about-block>h3,
.about-origin h3{
  margin:0 0 1.25rem;
  color:var(--foreground);
  font-size:1.45rem;
  letter-spacing:-.025em;
}

.about-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--border);
}

.about-steps article{
  min-height:260px;
  padding:1.5rem;
  background:var(--card);
}

.step-number{
  display:grid;
  width:2rem;
  height:2rem;
  place-items:center;
  margin-bottom:1.5rem;
  border-radius:50%;
  background:var(--primary);
  color:var(--primary-foreground);
  font-size:.8rem;
  font-weight:900;
}

.about-steps h4,
.about-card h3{
  margin:0 0:.75rem;
  color:var(--foreground);
  font-size:1.08rem;
}

.about-steps p,
.about-card p,
.about-card li,
.about-origin p{
  color:var(--muted-foreground);
  font-size:.94rem;
  line-height:1.7;
}

.about-steps p,
.about-card p,
.about-origin p{
  margin:.7rem 0 0;
}

.about-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
  margin-top:1rem;
}

.about-card{
  padding:1.5rem;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--card);
}

.about-card ul{
  margin:.85rem 0 0;
  padding-left:1.25rem;
}

.about-card li+li{
  margin-top:.3rem;
}

.about-origin{
  margin-top:1rem;
  padding:1.75rem;
  border:1px solid #ffcf4a3d;
  border-radius:var(--radius);
  background:linear-gradient(145deg,#ffcf4a12,var(--card));
}

.about-origin h3{
  margin-bottom:.5rem;
}

.faq-list{
  display:grid;
  gap:.7rem;
  max-width:900px;
}

.faq-list details{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--card);
}

.faq-list summary{
  position:relative;
  padding:1.15rem 3.25rem 1.15rem 1.25rem;
  color:var(--foreground);
  cursor:pointer;
  font-size:.98rem;
  font-weight:700;
  line-height:1.45;
  list-style:none;
}

.faq-list summary::-webkit-details-marker{
  display:none;
}

.faq-list summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:1.25rem;
  color:var(--primary);
  font-size:1.45rem;
  font-weight:400;
  line-height:1;
  transform:translateY(-50%);
}

.faq-list details[open] summary::after{
  content:"−";
}

.faq-list details[open] summary{
  border-bottom:1px solid var(--border);
}

.faq-answer{
  padding:0 1.25rem 1.25rem;
}

.faq-answer p{
  margin:1rem 0 0;
  color:var(--muted-foreground);
  font-size:.94rem;
  line-height:1.7;
}

.vision-section{padding-block:clamp(3rem,7vw,6rem)}
.vision-statement{max-width:920px;padding:clamp(1.5rem,4vw,3.25rem);border:1px solid var(--border);border-left:5px solid var(--primary);border-radius:1rem;background:linear-gradient(135deg,var(--card),var(--secondary));box-shadow:0 24px 70px #00000026}
.vision-statement h2{max-width:760px;margin:.65rem 0 1rem;color:var(--foreground);font-size:clamp(2rem,5vw,4rem);line-height:1.04}
.vision-statement p{max-width:790px;margin:0;color:var(--muted-foreground);font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}
.vision-statement strong{display:block;margin-top:1.5rem;color:var(--foreground);letter-spacing:.035em}

.trade-brand{
  float:left;
  margin-bottom:.8rem;
}

.trade > .country{
  clear:both;
  padding-top:.5rem;
}

html[data-theme=light] .about-origin{
  border-color:#d4b34e;
  background:linear-gradient(145deg,#fff8dd,#fff);
}

html[data-theme=light] .about-steps,
html[data-theme=light] .about-card,
html[data-theme=light] .faq-list details{
  box-shadow:0 8px 24px #23364d0a;
}

@media(max-width:900px){
  .about-steps{
    grid-template-columns:1fr;
  }

  .about-steps article{
    min-height:0;
  }
}

@media(max-width:640px){
  .content-section{
    margin-top:3.5rem;
    padding-top:3rem;
  }

  .section-heading{
    margin-bottom:1.6rem;
  }

  .section-heading h2{
    font-size:2.15rem;
  }

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

  .about-steps article,
  .about-card,
  .about-origin{
    padding:1.2rem;
  }

  .faq-list summary{
    padding:1rem 3rem 1rem 1rem;
  }

  .faq-answer{
    padding:0 1rem 1rem;
  }
}




/* Visible inline content links */
.about-section p a,
.faq-answer p a{
  color:var(--foreground);
  font-weight:600;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.about-section p a:hover,
.faq-answer p a:hover{
  color:var(--primary);
}

html[data-theme=light] .about-section p a,
html[data-theme=light] .faq-answer p a{
  color:#26394f;
}

html[data-theme=light] .about-section p a:hover,
html[data-theme=light] .faq-answer p a:hover{
  color:#594000;
}


/* Laat Contact section */
.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}

.contact-card{
  padding:1.5rem;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--card);
}

.contact-card h3{
  margin:0 0 .75rem;
  color:var(--foreground);
  font-size:1.2rem;
}

.contact-card p{
  margin:0;
  color:var(--muted-foreground);
  font-size:.94rem;
  line-height:1.7;
}

.contact-card span{
  display:block;
  margin-bottom:.45rem;
  color:var(--muted-foreground);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.contact-card a{
  color:var(--foreground);
  font-size:1rem;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

.contact-card a:hover{
  color:var(--primary);
}

.contact-identity{
  grid-row:span 2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(145deg,#ffcf4a12,var(--card));
}

html[data-theme=light] .contact-card{
  box-shadow:0 8px 24px #23364d0a;
}

html[data-theme=light] .contact-identity{
  background:linear-gradient(145deg,#fff8dd,#fff);
}

@media(max-width:640px){
  .contact-grid{
    grid-template-columns:1fr;
  }

  .contact-identity{
    grid-row:auto;
  }

  .contact-card{
    padding:1.2rem;
  }
}

/* Laat public engagement panels */
.utility-backdrop{
  position:fixed;
  inset:0;
  z-index:50;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  padding:0;
  background:#020711b8;
  backdrop-filter:blur(7px);
}

.utility-backdrop[hidden]{
  display:none;
}

.utility-panel{
  width:min(480px,100%);
  height:100%;
  overflow-y:auto;
  padding:1.5rem;
  border-left:1px solid var(--border);
  background:var(--background);
  box-shadow:-24px 0 70px #0007;
}

.utility-panel-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:1.25rem;
  border-bottom:1px solid var(--border);
}

.utility-panel-header h2{
  margin:.25rem 0 0;
  color:var(--foreground);
  font-size:1.65rem;
  letter-spacing:-.035em;
}

.utility-panel-header .close{
  float:none;
  flex:none;
  margin:0;
}

.panel-intro,
.panel-status{
  color:var(--muted-foreground);
  font-size:.94rem;
  line-height:1.7;
}

.panel-intro{
  margin:1.25rem 0 1.4rem;
}

.panel-status{
  margin:1rem 0 0;
}

.notification-list{
  display:grid;
  gap:.8rem;
  padding-top:1.25rem;
}

.notification-item{
  padding:1.1rem;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--card);
}

.notification-item.important{
  border-color:#ffcf4a66;
  background:linear-gradient(145deg,#ffcf4a12,var(--card));
}

.notification-item h3{
  margin:0;
  color:var(--foreground);
  font-size:1rem;
}

.notification-item p{
  margin:.55rem 0 0;
  color:var(--muted-foreground);
  font-size:.9rem;
  line-height:1.65;
}

.notification-item time{
  display:block;
  margin-top:.8rem;
  color:var(--muted-foreground);
  font-size:.72rem;
}

.notification-indicator{
  position:absolute;
  top:.42rem;
  right:.42rem;
  width:.48rem;
  height:.48rem;
  border:2px solid var(--background);
  border-radius:50%;
  background:var(--primary);
}

.bell{
  position:relative;
}

#waitlist-form{
  display:grid;
  gap:1rem;
}

.form-field{
  display:grid;
  gap:.45rem;
}

.form-field label,
.consent-field{
  color:var(--foreground);
  font-size:.87rem;
  font-weight:700;
}

.form-field label span{
  color:var(--muted-foreground);
  font-weight:400;
}

.form-field input{
  width:100%;
  min-height:2.85rem;
  padding:.7rem .8rem;
  border:1px solid var(--input);
  border-radius:.55rem;
  outline:none;
  background:var(--card);
  color:var(--foreground);
}

.form-field input:focus{
  border-color:var(--ring);
  box-shadow:0 0 0 3px #ffcf4a1f;
}

.form-field input[aria-invalid="true"]{
  border-color:var(--destructive);
}

.form-field small{
  color:var(--muted-foreground);
  font-size:.75rem;
  line-height:1.45;
}

.form-trap{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

.consent-field{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  font-weight:500;
  line-height:1.55;
  cursor:pointer;
}

.consent-field input{
  width:1rem;
  height:1rem;
  flex:none;
  margin-top:.2rem;
  accent-color:var(--primary);
}

.form-submit{
  width:100%;
  margin-top:.3rem;
}

.form-message{
  min-height:1.4rem;
  margin:0;
  color:var(--muted-foreground);
  font-size:.84rem;
  line-height:1.5;
}

.form-message.success{
  color:#4fd6a5;
}

.form-message.error{
  color:var(--destructive);
}

html[data-theme=light] .utility-backdrop{
  background:#10203366;
}

html[data-theme=light] .utility-panel{
  background:#f8fbfe;
  box-shadow:-24px 0 70px #23364d30;
}

html[data-theme=light] .notification-item.important{
  border-color:#d4b34e;
  background:linear-gradient(145deg,#fff8dd,#fff);
}

html[data-theme=light] .form-message.success{
  color:#087653;
}

@media(max-width:640px){
  .utility-panel{
    width:100%;
    padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));
    border-left:0;
  }
}

/* Market-question typography */
.market-card h3,
.trade h2{
  font-weight:600;
}

/* NAX30 widget presentation */
#nax30-widget{
  display:block;
  width:100%;
  max-width:100%;
  border:0;
  overflow:hidden;
}

/* NAX30 widget layout */
.nax30-widget-shell{
  display:grid;
  min-width:0;
  gap:1rem;
  align-content:end;
}

/* Laat country and region registry */
#waitlist-country,
#waitlist-country-region {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--border, rgba(255, 255, 255, 0.18));
  border-radius: 10px;
  background: var(--card);
  color: var(--foreground);
  font: inherit;
}

#waitlist-country {
  padding: 0 42px 0 14px;
}

#waitlist-country-region {
  padding: 0 14px;
}

#waitlist-country-region-field[hidden],
#market-country-region-field[hidden],
#source-country-region-field[hidden] {
  display: none !important;
}

#waitlist-country optgroup {
  font-weight: 700;
}

#waitlist-country option {
  font-weight: 400;
}

.fair-trading-list {
  max-width: 790px;
  margin: 1.25rem 0 1.5rem;
  padding-left: 1.4rem;
  color: var(--muted-foreground);
  font-size: clamp(1rem, 2vw, 1.2rem);
}

.fair-trading-list li {
  margin-bottom: 0.75rem;
  line-height: 1.65;
}

.fair-trading-list li:last-child {
  margin-bottom: 0;
}

.fair-trading-list li::marker {
  color: var(--primary);
}

.fair-trading-section a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.fair-trading-section a:hover {
  color: var(--primary);
}

#waitlist-country:focus,
#waitlist-country-region:focus {
  border-color: var(--ring);
  outline: none;
  box-shadow: 0 0 0 3px #ffcf4a1f;
}

#easy {
  scroll-margin-top: 7.5rem;
}


/* Laat How section YES / NO lead visual */
.how-choice-visual {
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-bottom:auto;
  padding-top:.15rem;
}

.how-choice-visual span {
  font-size:1.35rem;
  font-weight:900;
  letter-spacing:.08em;
}

.how-choice-visual .choice-yes {
  color:#22c58b;
}

.how-choice-visual .choice-no {
  color:#f16d70;
}

.how-choice-visual .choice-divider {
  width:1px;
  height:2rem;
  background:var(--border);
}

html[data-theme=light] .how-choice-visual .choice-yes {
  color:#087653;
}

html[data-theme=light] .how-choice-visual .choice-no {
  color:#a82833;
}

/* Laat public light-mode contrast audit 20260908-7 */
html[data-theme=light] .kicker,
html[data-theme=light] .probability small,
html[data-theme=light] .ticker b,
html[data-theme=light] .how svg,
html[data-theme=light] .compliance>svg,
html[data-theme=light] .source{color:#594000}
html[data-theme=light] .source a{color:#594000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html[data-theme=light] .source a:hover{color:#302200}
html[data-theme=light] :focus-visible{outline-color:#594000}
html[data-theme=light] .toolbar [role=tab][data-state=active]{border-bottom-color:#765400}
html[data-theme=light] .brand>i{background:#d79d00;box-shadow:0 0 0 2px #594000,0 0 0 5px #ffcf4a66}
html[data-theme=light] .ticker b i{background:#d79d00;box-shadow:0 0 0 1.5px #594000,0 0 8px #b47d00}