/* (c) 2026 Dutch Inc Platforms. Dutch API(TM). All rights reserved. Unauthorised copying prohibited. */
/* ==========================================================================
   Dutch API dark theme  (body.dk)
   Replicates the layout language from the reference screenshots:
   dark page throughout, // mono eyebrows, huge tight headlines, rounded bordered
   cards, lime primary CTA + outlined secondary, numbered comparison cards,
   marquee ticker, currency chips, endpoint list, mono footer columns.
   ========================================================================== */
body.dk{background:#070a17;color:#e8ebf7;font-family:"Space Grotesk","Hanken Grotesk",Sora,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:400}
body.dk main{background:#070a17}
body.dk h1,body.dk h2,body.dk h3,body.dk h4{color:#fff;font-weight:700;letter-spacing:-.035em}
body.dk h1{font-size:clamp(2.6rem,9.5vw,5.2rem);line-height:1.02;margin:.15em 0 .35em}
body.dk h2{font-size:clamp(2rem,6.4vw,3.4rem);line-height:1.05;margin:.1em 0 .45em}
body.dk p{color:#a3aac6}
body.dk section{background:transparent;padding:72px 0;border-top:1px solid #151b33}
body.dk section.hero{border-top:0;padding:64px 0 72px}
body.dk .w{max-width:1120px}

/* Mono eyebrow: plain lime text, // prefix (no pill) */
body.dk .eb{background:none;padding:0;border-radius:0;color:#c6f24e;font:600 .95rem/1.4 ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;display:block}
body.dk .eb.v{color:#8b82ff}
body.dk .lead{font-size:1.15rem;color:#a3aac6;max-width:640px}

/* Buttons: lime primary + dark outlined secondary, side by side */
body.dk .pill{border-radius:16px;padding:17px 26px;font-weight:700;font-size:1.05rem;min-height:54px;margin:6px 12px 6px 0}
body.dk .pill.lime{background:#c6f24e;color:#0a0e1a}
body.dk .pill.o{background:#12172b;border:1px solid #3a4266;color:#fff}
body.dk .pill.o:hover{background:#1a2140}
body.dk .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 8px}
body.dk .cta-row .pill{margin:0}

/* Status row w/ green dot */
body.dk .status{display:flex;align-items:flex-start;gap:12px;font:500 .95rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#7d86a8;margin:26px 0 0}
body.dk .status i{flex-shrink:0;margin-top:9px;width:9px;height:9px;background:#5ed13f;border-radius:50%;box-shadow:0 0 0 4px rgba(94,209,63,.15)}

/* Terminal */
body.dk .term{background:#0c1020;border:1px solid #232b4a;border-radius:26px;padding:0;overflow:hidden;font-size:.95rem;color:#c8d0f0}
body.dk .term .th{display:flex;align-items:center;gap:10px;padding:20px 26px;border-bottom:1px solid #232b4a;color:#6f7899;font:500 .92rem ui-monospace,monospace}
body.dk .term .th i{width:20px;height:20px;border-radius:50%;display:inline-block}
body.dk .term .th .r{background:#ff5f56}body.dk .term .th .y{background:#ffbd2e}body.dk .term .th .g{background:#27c93f}
body.dk .term .th span{margin-left:14px}
body.dk .term .tb{padding:26px;line-height:1.85;white-space:pre-wrap;word-break:break-word;font:400 .98rem/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.dk .term .tb .k{color:#7d86a8}body.dk .term .tb .a{color:#e9dc9c}body.dk .term .tb .b{color:#9d8bff}body.dk .term .tb .s{color:#b9ee6a}body.dk .term .tb .c{color:#5b6488}
body.dk .term .tf{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 26px 26px;color:#6f7899;font:500 .92rem ui-monospace,monospace}
body.dk .term .tf .ok{background:#14301a;color:#c6f24e;border-radius:8px;padding:5px 11px;font-weight:800}
body.dk .term pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:24px 26px;line-height:1.8;font-size:.9rem}

/* Marquee ticker */
body.dk .ticker{border-top:1px solid #1a2040;border-bottom:1px solid #1a2040;background:#080b18;padding:0;overflow:hidden;width:100%;contain:layout}
body.dk .ticker .tw{display:flex;align-items:stretch;padding:0;overflow:hidden;white-space:nowrap;width:100%;min-width:0;contain:layout}
body.dk .ticker .lv{display:flex;align-items:center;gap:10px;padding:0 24px;border-right:1px solid #1a2040;font:800 1rem ui-monospace,monospace;letter-spacing:.14em;color:#c6f24e;background:#080b18;position:relative;z-index:2;flex-shrink:0}
body.dk .ticker .lv i{width:11px;height:11px;border-radius:50%;background:#5ed13f;display:inline-block;animation:pulse 1.6s ease-in-out infinite}
body.dk .ticker .track{display:flex;gap:44px;padding:20px 0 20px 44px;font:500 1.05rem ui-monospace,monospace;color:#7d86a8;animation:marq 38s linear infinite;will-change:transform}
body.dk .ticker .track b{color:#c8cfe8;font-weight:600}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){body.dk .ticker .track{animation:none}}

/* Old way / With Dutch API comparison cards */
body.dk .cmp{display:grid;gap:22px;grid-template-columns:1fr 1fr;margin:38px 0}
@media(max-width:820px){body.dk .cmp{grid-template-columns:1fr}}
body.dk .cmp .cd{border-radius:32px;padding:34px 30px;border:1px solid #232b4a;background:#0d1122}
body.dk .cmp .cd.old{background:linear-gradient(180deg,#120e1c,#0d1122)}
body.dk .cmp .cd.new{border-color:#4a5a1f;background:linear-gradient(180deg,#0e1a12 0%,#0c1122 100%)}
body.dk .cmp .pl{display:inline-block;font:800 1rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;border-radius:12px;margin-bottom:28px}
body.dk .cmp .old .pl{background:#3a1519;color:#ff8c8c}
body.dk .cmp .new .pl{background:#c6f24e;color:#0a0e1a}
body.dk .cmp .it{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-bottom:28px;align-items:start}
body.dk .cmp .it:last-child{margin-bottom:0}
body.dk .cmp .it .n{font:800 1.5rem ui-monospace,monospace}
body.dk .cmp .old .it .n{color:#ff8c8c}
body.dk .cmp .new .it .n{color:#c6f24e}
body.dk .cmp .it h4{margin:0 0 6px;font-size:1.3rem;line-height:1.25;letter-spacing:-.02em}
body.dk .cmp .it p{margin:0;font-size:1.05rem;line-height:1.55;color:#7d86a8}
body.dk .cmp .new .it p{color:#a9b78a}
body.dk .cmp .old .it.dim h4,body.dk .cmp .old .it.dim p{color:#6d7394}

/* Big stat rows */
body.dk .bigstat{padding:34px 0;border-top:1px solid #151b33}
body.dk .bigstat .n{display:block;font-size:clamp(3.2rem,12vw,5.6rem);font-weight:700;letter-spacing:-.04em;color:#c6f24e;line-height:1}
body.dk .bigstat .n.wht{color:#fff}
body.dk .bigstat p{margin:12px 0 0;font:500 1.05rem ui-monospace,monospace;color:#6f7899}

/* Coverage stat trio */
body.dk .stats{display:flex;flex-wrap:wrap;gap:28px 44px;margin:26px 0}
body.dk .stats .sc{background:none;border:0;padding:0;text-align:left;min-width:120px}
body.dk .stats .sc .n{font-size:clamp(2.6rem,9vw,3.6rem);color:#c6f24e;letter-spacing:-.03em}
body.dk .stats .sc p{font:500 1.02rem ui-monospace,monospace;color:#6f7899}

/* Currency / network chips: rounded-square mono */
body.dk .chips{gap:14px}
body.dk .chips li,body.dk .chips.light li{background:#0f1428;border:1px solid #262f52;color:#c8cfe8;border-radius:18px;padding:18px 24px;font:500 1.1rem ui-monospace,monospace}

/* Green-check list */
body.dk .checks{list-style:none;margin:22px 0;padding:0;display:grid;gap:18px}
body.dk .checks li{display:flex;gap:16px;align-items:flex-start;color:#e3e7f6;font-size:1.12rem;line-height:1.45}
body.dk .checks li::before{content:"";flex-shrink:0;width:26px;height:26px;margin-top:1px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c6f24e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 10 18 20 6'/%3E%3C/svg%3E")}

/* Endpoint list card */
body.dk .eplist{border:1px solid #232b4a;border-radius:32px;background:#0c1020;overflow:hidden;margin:26px 0}
body.dk .eplist .row{display:grid;grid-template-columns:auto 1fr;gap:6px 26px;padding:28px 30px;border-bottom:1px solid #1a2140;align-items:center}
body.dk .eplist .row:last-child{border-bottom:0}
body.dk .eplist .mt{background:#c6f24e;color:#0a0e1a;font:800 1.05rem ui-monospace,monospace;padding:8px 15px;border-radius:10px;letter-spacing:.03em}
body.dk .eplist code{font:500 1.35rem ui-monospace,monospace;color:#e8ebf7}
body.dk .eplist p{grid-column:1/-1;margin:2px 0 0;font-size:1.12rem;line-height:1.5;color:#a3aac6}

/* "Not ready to re-plumb" highlight panel + steps */
body.dk .panel{border:1px solid #232b4a;border-radius:34px;background:#0d1122;padding:40px 32px;margin:24px 0}
body.dk .steps3{display:grid;gap:16px;margin-top:30px}
body.dk .steps3 .st{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;border:1px solid #232b4a;border-radius:24px;padding:26px 24px;background:#0b0f20}
body.dk .steps3 .st .n{font:500 1.25rem ui-monospace,monospace;color:#7d86a8}
body.dk .steps3 .st.dim{opacity:.7}
body.dk .steps3 .st.dim .n{color:#ff8c8c}
body.dk .steps3 .st.hl{border:2px solid #8b82ff;background:#14173a}
body.dk .steps3 .st.hl .n{color:#8b82ff}
body.dk .steps3 .st.hl .tx{color:#fff;font-weight:600}
body.dk .steps3 .st.soon{border-color:#4a5a1f;background:#10170f}
body.dk .steps3 .st .tx{font-size:1.2rem;line-height:1.45;color:#c8cfe8}
body.dk .btn-ghost{display:inline-flex;align-items:center;gap:12px;border:1px solid #3a4266;background:#12172b;color:#fff;border-radius:18px;padding:20px 30px;font-weight:700;font-size:1.15rem;text-decoration:none;margin-top:12px}
body.dk .btn-ghost:hover{background:#1a2140}
body.dk .btn-ghost svg{width:20px;height:20px;stroke:#8b82ff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* Calculator */
body.dk .calc{background:#0d1122;border:1px solid #232b4a;border-radius:32px;padding:34px 30px}
body.dk .calc label{color:#fff;font:600 1.05rem ui-monospace,monospace}
body.dk .calc .v{color:#c6f24e}
body.dk .calc .result{background:#080b18;border:1px solid #232b4a;border-radius:24px}
body.dk .calc .result .n{font-size:clamp(2.6rem,10vw,4rem);letter-spacing:-.03em}
body.dk .calc input[type=range]{height:34px}

/* Trust cards */
body.dk .trustgrid .tc{background:#0d1122;border:1px solid #232b4a;border-radius:24px;padding:26px}
body.dk .trustgrid .tc b{font-size:1.1rem}

/* Generic cards on dark */
body.dk .card,body.dk .card.light{background:#0d1122;border:1px solid #232b4a;border-radius:28px;color:#fff;box-shadow:none;font-family:inherit}
body.dk .card.light h3,body.dk .card h3{color:#fff;font-family:inherit;font-weight:700;letter-spacing:-.02em}
body.dk .card h3::before,body.dk .card h3::after,body.dk .card.light h3::before,body.dk .card.light h3::after{content:none}
body.dk .card p,body.dk .card.light p,body.dk .card:not(.light) p{color:#a3aac6;font-family:inherit}
body.dk .card .tag,body.dk .card.light .tag{background:none;color:#c6f24e;padding:0;font:700 .8rem ui-monospace,monospace;letter-spacing:.12em}
body.dk .card.light .meta,body.dk .card .meta{border-top-color:#1a2140;color:#6f7899}
body.dk .card a.l,body.dk .card.light a.l{color:#c6f24e}
body.dk .note.light,body.dk .note{background:#0d1122;border:1px solid #232b4a;color:#a3aac6;border-radius:20px}
body.dk .prose,body.dk .prose p{color:#a3aac6}
body.dk .flow .step,body.dk .flow .step.light{background:#0d1122;border:1px solid #232b4a;color:#fff;box-shadow:none}
body.dk .flow .step p,body.dk .flow .step.light p{color:#a3aac6}
body.dk .railcard{background:#0d1122;border:1px solid #232b4a;border-radius:24px;color:#fff}
body.dk .railcard p{color:#a3aac6}
body.dk .tabs button{background:#0f1428;border:1px solid #262f52;color:#c8cfe8}
body.dk .tabs button.on{background:#c6f24e;color:#0a0e1a;border-color:#c6f24e}
body.dk .methodrow .mb{background:#080b18;border:1px solid #232b4a;border-radius:18px}
body.dk .rate{background:#0d1122;border:1px solid #232b4a;color:#fff;border-radius:24px}
body.dk code{color:#b9ee6a}
body.dk .placeholder-note{background:#2a1a10;color:#ffb27a}
body.dk .dark{background:#0a0e1d}
body.dk .hero{background:radial-gradient(900px 420px at 15% -10%,rgba(106,92,255,.22),transparent 60%),radial-gradient(700px 360px at 90% 0%,rgba(198,242,78,.08),transparent 60%),#070a17}
body.dk .hero .blob{display:none}
body.dk .hero p{color:#a3aac6;font-size:1.2rem;max-width:620px}

/* Form on dark */
body.dk input,body.dk select,body.dk textarea{background:#0d1122;border:1px solid #262f52;color:#fff;border-radius:14px;padding:14px 16px;font:inherit;width:100%}
body.dk label{color:#c8cfe8;font-weight:600;display:block;margin:16px 0 6px}

/* Footer (mono columns, socials, tagline) */
body.dk footer{background:#050813;border-top:1px solid #151b33;color:#a3aac6;padding:64px 0 40px}
body.dk footer .flogo{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.7rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;margin-bottom:14px}
body.dk footer .flogo i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#6a5cff;color:#fff;font-style:normal;font-size:1.1rem}
body.dk footer .tagline{font-size:1.1rem;color:#8d95b5;max-width:420px;margin:0 0 22px}
body.dk footer .soc{display:flex;gap:12px;margin:0 0 40px}
body.dk footer .soc a{display:grid;place-items:center;min-width:64px;height:60px;border:1px solid #262f52;border-radius:16px;color:#e8ebf7;text-decoration:none;font-weight:700;font-size:1.1rem}
body.dk footer .soc a:hover{background:#12172b}
body.dk footer .cols{display:grid;gap:34px 30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
body.dk footer h3{font:800 1rem ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#8b82ff;margin:0 0 18px}
body.dk footer ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
body.dk footer li a{color:#c8cfe8;text-decoration:none;font-size:1.05rem}
body.dk footer li a:hover{color:#c6f24e}
body.dk footer .legal{margin-top:44px;padding-top:26px;border-top:1px solid #151b33;font-size:.9rem;color:#6f7899;line-height:1.7}
body.dk footer .cr{color:#6f7899;font:500 .9rem ui-monospace,monospace}
body.dk header{background:#070a17;border-bottom:1px solid #1a2040}
body.dk header .logo{font-size:1.5rem;letter-spacing:-.03em}
body.dk header .logo i{width:38px;height:38px;border-radius:12px}
body.dk #m{border-radius:14px;width:56px;height:56px;border-color:#262f52;background:#0d1122}
body.dk .bar{min-height:76px}
body.dk .closing{text-align:center;padding:96px 0;background:radial-gradient(800px 380px at 50% 0%,rgba(198,242,78,.07),transparent 70%),#080b18}
body.dk .closing h2{max-width:620px;margin-left:auto;margin-right:auto}
body.dk .closing .cta-row{justify-content:center}

/* Mobile mega menu (dark-page uses white panel like screenshot) */
body.dk .mm{background:#fff}
body.dk .mm .macc-h{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;padding:26px 0}
body.dk .mm .macc-link a{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;padding:26px 0}
body.dk .mm .macc-b-in a{font-size:1.2rem;padding:14px 0;color:#4a5068}
body.dk .mm .macc-b-in .who{font:800 .95rem ui-monospace,monospace;letter-spacing:.16em;color:#8a91ad;margin:22px 0 6px}
body.dk .mm .mm-cta .macc-so{font-size:1.3rem;font-weight:700}
body.dk .mm .mm-cta .pill.lime{background:#594ffe;color:#fff;border-radius:16px;font-size:1.25rem;min-height:66px}
@media(max-width:520px){
  body.dk section{padding:56px 0}
  body.dk .cmp .cd{padding:28px 22px;border-radius:28px}
  body.dk .eplist .row{padding:24px 22px}
  body.dk .eplist code{font-size:1.15rem}
}

/* Buttons sit side-by-side on phones, exactly as in the reference (lime + outlined) */
body.dk .cta-row{flex-wrap:nowrap;gap:12px}
body.dk .cta-row .pill{flex:1 1 0;justify-content:center;text-align:center;padding:16px 10px;font-size:1rem;white-space:normal;overflow-wrap:break-word;min-width:0}
@media(min-width:640px){body.dk .cta-row{justify-content:flex-start}body.dk .cta-row .pill{flex:0 0 auto;padding:17px 30px}}
body.dk .closing .cta-row .pill{flex:1 1 0}
@media(min-width:640px){body.dk .closing .cta-row{justify-content:center}}