/* OnePageTrades v14 – premium layer (loaded after style.css on /nl/ and /fr/) */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/fraunces.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}
:root{--ink:#121a24;--muted:#5b6573;--navy:#0e1a27;--cta:#c8460f;--cta2:#a8390b;--gold:#e9b872;--line:#e6e2da;--bg2:#f7f4ef}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-feature-settings:"ss01","cv11";letter-spacing:-.005em}
h1,h2,.ph h1{font-family:Fraunces,Georgia,"Times New Roman",serif;font-weight:650;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(28px,3.4vw,42px)}h3{letter-spacing:-.01em}
section{padding-top:84px;padding-bottom:84px}section.alt{background:var(--bg2)}
.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:600;color:var(--cta)}
.card{border-radius:16px;border:1px solid var(--line);box-shadow:0 1px 0 rgba(18,26,36,.03),0 12px 32px -18px rgba(18,26,36,.18)}
.btn{border-radius:999px;letter-spacing:.01em;box-shadow:0 8px 20px -10px rgba(200,70,15,.7)}.btn.ghost{box-shadow:none}
header.top .logo{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.02em}
.topbar{background:#0a131d;font-size:13px;letter-spacing:.01em}
/* premium hero */
.phero{background:radial-gradient(1200px 600px at 85% -10%,rgba(233,184,114,.18),transparent 60%),linear-gradient(180deg,#0e1a27 0%,#122234 100%);color:#e9edf2;padding:72px 0 88px;overflow:hidden}
.phero .g{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.phero .ey{display:inline-flex;gap:8px;align-items:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:600}
.phero .ey:before{content:"";width:28px;height:1px;background:var(--gold)}
.phero h1,.hero.phero h1{color:#fff;font-size:clamp(38px,5vw,62px);margin:18px 0 18px}.hero.phero h1 em{font-style:italic;color:var(--gold);font-weight:600}
.hero.phero p.lead{color:#c3ccd7;font-size:18.5px;max-width:560px;margin:0 0 28px}
.phero .ctas{display:flex;gap:12px;flex-wrap:wrap}.phero .btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
.phero .btn.ghost:hover{border-color:#fff}
.phero .price{margin:22px 0 0;color:#aeb8c4;font-size:14.5px;font-weight:400;letter-spacing:0;word-spacing:normal}.phero .price b{color:#fff}
.phero ul.pt{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:14.5px;color:#d6dde6}
.phero ul.pt li:before{content:"✓";color:var(--gold);font-weight:700;margin-right:8px}
.stage{position:relative;min-height:420px}
.stage .lap{position:absolute;right:0;top:10px;width:96%;border-radius:12px;background:#1b2a3b;padding:26px 0 0;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.stage .lap:before{content:"";position:absolute;top:10px;left:14px;width:42px;height:8px;background:radial-gradient(circle,#ff6b5f 3px,transparent 3.5px) 0 0/14px 8px repeat-x;opacity:.9}
.stage .lap img,.stage .mob img{width:100%;height:auto;display:block}
.stage .mob{position:absolute;left:-4%;bottom:-36px;width:34%;border-radius:26px;border:7px solid #0a121b;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);background:#000}
.stage .tagv{position:absolute;right:10px;bottom:-26px;font-size:12.5px;color:#aeb8c4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:6px 12px;border-radius:999px}
@media (max-width:900px){.phero{padding:44px 0 64px}.phero .g{grid-template-columns:1fr;gap:34px}.stage{min-height:0;height:62vw;max-height:420px}.phero ul.pt{grid-template-columns:1fr}.phero .ctas .btn{width:100%}}
/* example designs: browser chrome */
.demos .demo{border-radius:16px;overflow:hidden}.demos .shot{position:relative;padding-top:22px;background:#e9e5de}
.demos .shot:before{content:"";position:absolute;top:8px;left:12px;width:40px;height:7px;background:radial-gradient(circle,#c9c2b6 3px,transparent 3.5px) 0 0/13px 7px repeat-x}
/* process + guarantee */
.proc{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.proc .card{position:relative;padding-top:58px}.proc .card:before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;top:18px;left:22px;font-family:Fraunces,Georgia,serif;font-size:28px;color:var(--cta);font-weight:700}
.proc .when{font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.guar{margin-top:26px;display:flex;gap:18px;align-items:flex-start;background:#0e1a27;color:#dfe5ec;border-radius:18px;padding:24px 26px}
.guar b{color:#fff}.guar .seal{flex:none;width:54px;height:54px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:Fraunces,serif;font-size:22px;font-weight:700}
@media (max-width:900px){.proc{grid-template-columns:1fr 1fr}}@media (max-width:560px){.proc{grid-template-columns:1fr}}
/* contact block */
.cx{background:var(--bg2);border-top:1px solid var(--line)}
.cx .cg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.cx a.ci{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;transition:transform .15s,box-shadow .15s}
.cx a.ci:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(18,26,36,.35)}
.cx .ci .k{font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}
.cx .ci .v{display:block;font-weight:700;font-size:17px;margin:6px 0 4px;word-break:break-word}.cx .ci .d{font-size:14px;color:var(--muted)}
.cx .ci.wa .v{color:#128c4a}.cx .rt{margin-top:18px;font-size:14.5px;color:var(--muted)}.cx .rt b{color:var(--ink)}
@media (max-width:900px){.cx .cg{grid-template-columns:1fr 1fr}}@media (max-width:520px){.cx .cg{grid-template-columns:1fr}}
.ph{padding:64px 0 10px}.ph h1{font-size:clamp(34px,4.5vw,52px);margin:10px 0}
@media (max-width:900px){.hero.phero h1{font-size:40px}.stage .mob{bottom:-20px;left:0;width:36%}}