/* zelf gehost: sneller en geen gegevens naar Google (AVG) */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url(fonts/barlow-condensed-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:url(fonts/barlow-condensed-latin-ext-800-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:url(fonts/barlow-condensed-latin-800-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url(fonts/fira-sans-extra-condensed-cyrillic-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url(fonts/fira-sans-extra-condensed-cyrillic-700-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:url(fonts/fira-sans-extra-condensed-cyrillic-ext-800-normal.woff2) format('woff2');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Fira Sans Extra Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:url(fonts/fira-sans-extra-condensed-cyrillic-800-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url(fonts/ibm-plex-sans-cyrillic-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url(fonts/ibm-plex-sans-cyrillic-400-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url(fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url(fonts/ibm-plex-sans-cyrillic-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url(fonts/ibm-plex-sans-cyrillic-600-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url(fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url(fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url(fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:url(fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:url(fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ============================================================
   NEXBIT — tokens
   ============================================================ */
:root{
  --ink:#08192a;--ink-2:#0d2338;--ink-3:#123049;
  --line:rgba(96,166,224,.20);--line-strong:rgba(96,166,224,.42);
  --chalk:#e9f1f8;--muted:#8aa6bf;--soft:#c6d8e8;
  --orange:#f2661e;--orange-soft:#ff8f4d;--green:#7fd6a3;
  --maxw:1180px;--pad:clamp(16px,5vw,48px);--r:3px;
  --dsp:"Barlow Condensed","Roboto Condensed","Arial Narrow",Impact,sans-serif;
  --body:"IBM Plex Sans",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--chalk);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(96,166,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(96,166,224,.055) 1px,transparent 1px),linear-gradient(rgba(96,166,224,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(96,166,224,.10) 1px,transparent 1px);
  background-size:24px 24px,24px 24px,120px 120px,120px 120px;
  mask-image:radial-gradient(140% 100% at 50% 0%,#000 25%,transparent 78%)}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(90% 60% at 78% -10%,rgba(242,102,30,.13),transparent 60%)}
body.locked{overflow:hidden}
.wrap{position:relative;z-index:1}
.container{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

h1,h2,h3{font-family:var(--dsp);font-weight:800;line-height:.92;letter-spacing:.005em;margin:0;text-transform:uppercase}
h1{font-size:clamp(2.4rem,6.6vw,5.6rem);overflow-wrap:break-word}
h2{font-size:clamp(1.95rem,5.2vw,4rem)}
h3{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1}
p{margin:0}
.lede{font-size:clamp(1rem,1.35vw,1.14rem);color:var(--soft);max-width:min(60ch,100%)}
.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.muted{color:var(--muted)}

.sheet{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.sheet__no{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:var(--orange)}
.sheet__name{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.sheet__rule{flex:1;height:1px;background:var(--line)}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(8,25,42,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;gap:20px;height:66px;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.logo{display:flex;align-items:baseline;gap:8px;text-decoration:none;font-family:var(--dsp);font-weight:800;font-size:1.5rem;letter-spacing:.03em;text-transform:uppercase;flex:none}
.logo b{color:var(--orange);font-weight:800}
.logo span{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;color:var(--muted)}
.nav__links{display:flex;gap:24px;margin-left:auto}
.nav__links a{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}
.nav__links a:hover{color:var(--chalk);border-color:var(--orange)}
.langbtn{display:flex;align-items:center;gap:8px;margin-left:auto;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;padding:7px 10px;background:none;border:1px solid var(--line-strong);border-radius:var(--r);color:var(--chalk);cursor:pointer;flex:none}
.langbtn:hover{border-color:var(--orange)}
.nav__links+.langbtn{margin-left:0}
@media(max-width:960px){.nav__links{display:none}.nav__links+.langbtn{margin-left:auto}}

.flag{width:26px;height:18px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.langbtn .flag{width:18px;height:12px}
.flag--nl{background:linear-gradient(#ae1c28 33.4%,#fff 0 66.6%,#21468b 0)}
.flag--be{background:linear-gradient(90deg,#111 33.4%,#fdda24 0 66.6%,#ef3340 0)}
.flag--bg{background:linear-gradient(#fff 33.4%,#00966e 0 66.6%,#d62612 0)}
.flag--en{background:var(--ink-3);display:grid;place-items:center;font-family:var(--mono);font-size:.5rem;letter-spacing:.06em;color:var(--chalk)}
.langbtn .flag--en{font-size:.38rem}
.flag--en::after{content:"EN"}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:15px 24px;border-radius:var(--r);border:1px solid var(--orange);background:var(--orange);color:#0a1420;font-weight:500;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{background:var(--orange-soft);border-color:var(--orange-soft);transform:translateY(-2px);box-shadow:0 10px 26px -12px rgba(242,102,30,.85)}
.btn--ghost{background:transparent;color:var(--chalk);border-color:var(--line-strong)}
.btn--ghost:hover{background:rgba(96,166,224,.08);border-color:var(--chalk);box-shadow:none}
.btn--sm{padding:10px 14px;font-size:.64rem;gap:8px}
.btn.is-on{background:transparent;color:var(--orange);border-color:var(--orange)}
.btn__arrow{transition:transform .18s}
.btn:hover .btn__arrow{transform:translateX(4px)}

/* ---------- language gate ---------- */
.gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(5,14,24,.84);backdrop-filter:blur(10px);overflow-y:auto}
.gate[hidden]{display:none}
.gate__box{width:min(500px,100%);border:1px solid var(--line-strong);background:var(--ink-2);border-radius:var(--r);padding:clamp(22px,5vw,32px);box-shadow:0 40px 80px -40px #000}
.gate__logo{font-family:var(--dsp);font-weight:800;font-size:1.3rem;letter-spacing:.03em;margin-bottom:18px}
.gate__logo b{color:var(--orange)}
.gate__t{font-family:var(--dsp);font-weight:800;text-transform:uppercase;font-size:clamp(1.7rem,6vw,2.4rem);line-height:.95}
.gate__alt{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px;line-height:1.7}
.gate__opts{display:grid;gap:10px;margin-top:22px}
.gate__opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--r);background:rgba(8,25,42,.6);color:var(--chalk);cursor:pointer;font:inherit;transition:border-color .2s,background .2s}
.gate__opt:hover,.gate__opt:focus-visible{border-color:var(--orange);background:rgba(242,102,30,.08)}
.gate__opt.is-guess{border-color:var(--orange)}
.gate__name{display:block;font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:1.25rem;line-height:1}
.gate__sub{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.gate__go{margin-left:auto;font-family:var(--mono);color:var(--orange)}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding:clamp(48px,8vw,96px) 0 clamp(40px,6vw,72px)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(34px,5vw,60px)}
.hero__grid>*,.chat-grid>*,.about>*,.cfg>*,.gbp>*{min-width:0}
.hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);margin-bottom:22px}
.dot{width:6px;height:6px;background:var(--orange);border-radius:50%;flex:none}
.hero__eyebrow span:last-child{flex:1;min-width:0}
.hero h1 .l{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .l i{display:block;font-style:normal;transform:translateY(102%);animation:rise .85s cubic-bezier(.2,.7,.2,1) forwards}
.hero h1 .l:nth-child(2) i{animation-delay:.09s}
.hero h1 em{font-style:normal;color:var(--orange)}
@keyframes rise{to{transform:translateY(0)}}
.hero__sub{margin-top:24px;opacity:0;animation:fade .7s ease .5s forwards}
@keyframes fade{to{opacity:1}}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;opacity:0;animation:fade .7s ease .65s forwards}
.hero__note{margin-top:16px;opacity:0;animation:fade .7s ease .75s forwards}
@media(min-width:980px){.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center}}

/* --- signature: the machine --- */
.machine{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--ink-2);overflow:hidden;box-shadow:0 40px 80px -50px #000}
.machine__top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(96,166,224,.05)}
.machine__ttl{font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:1.05rem;line-height:1}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(127,214,163,.55)}70%{box-shadow:0 0 0 9px rgba(127,214,163,0)}100%{box-shadow:0 0 0 0 rgba(127,214,163,0)}}
.machine__tag{margin-left:auto;font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);padding:3px 7px;border-radius:2px;white-space:nowrap}
.machine__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.mstat{padding:13px 14px;border-right:1px solid var(--line);min-width:0}
.mstat:last-child{border-right:0}
.mstat__n{font-family:var(--dsp);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.1rem);line-height:1;transition:color .3s}
.mstat__n.bump{color:var(--orange)}
.mstat__l{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:5px;line-height:1.35}
.feed{list-style:none;margin:0;padding:0;height:356px;overflow:hidden;position:relative}
.feed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--ink-2));pointer-events:none}
.ev{padding:12px 16px;border-bottom:1px dashed var(--line);animation:evin .55s cubic-bezier(.2,.7,.2,1)}
@keyframes evin{from{opacity:0;transform:translateY(-14px)}}
.ev__head{display:flex;align-items:baseline;gap:10px}
.ev__tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.ev__time{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--muted)}
.ev__txt{font-size:.88rem;color:var(--soft);margin-top:3px;line-height:1.45}
.ev__res{font-size:.84rem;color:var(--green);margin-top:2px;line-height:1.45}
.ev__res::before{content:"→ ";font-family:var(--mono)}

/* ---------- facts ---------- */
.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(13,35,56,.5)}
.facts__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:var(--maxw);margin:0 auto}
.fact{padding:22px var(--pad);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact:nth-child(2n){border-right:0}
.fact__n{font-family:var(--dsp);font-weight:800;font-size:clamp(2rem,3.6vw,2.9rem);line-height:.9;color:var(--orange)}
.fact__l{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px}
@media(min-width:820px){.facts__in{grid-template-columns:repeat(4,minmax(0,1fr))}.fact{border-bottom:0}.fact:nth-child(2n){border-right:1px solid var(--line)}.fact:last-child{border-right:0}}

/* ---------- sections ---------- */
.sec{padding:clamp(64px,9vw,116px) 0}
.sec--alt{background:rgba(13,35,56,.42);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec__head{max-width:66ch;margin-bottom:clamp(32px,5vw,52px)}
.sec__head p{margin-top:18px}
.note{margin-top:18px;font-size:.88rem;color:var(--muted);max-width:80ch}

/* ---------- services ---------- */
.svc{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:640px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.svc{grid-template-columns:repeat(4,minmax(0,1fr))}}
.svc__c{background:var(--ink);padding:26px 22px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:background .25s}
.svc__c:hover{background:var(--ink-2)}
.svc__n{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;color:var(--orange)}
.svc__c p{font-size:.92rem;color:#b9cee0}
.svc__p{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--chalk);display:flex;justify-content:space-between;gap:8px}
.svc__p span:last-child{color:var(--orange)}

/* ---------- packages ---------- */
.plans{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:940px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
.plan{border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);padding:28px 22px 24px;display:flex;flex-direction:column;position:relative}
.plan--pick{border-color:var(--orange);background:linear-gradient(180deg,rgba(242,102,30,.09),transparent 40%),var(--ink-2)}
.flagtag{position:absolute;top:-1px;right:18px;background:var(--orange);color:#0a1420;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:0 0 2px 2px}
.plan__name{font-family:var(--dsp);font-weight:800;text-transform:uppercase;font-size:1.7rem;line-height:1}
.plan__tag{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.plan__price{font-family:var(--dsp);font-weight:800;font-size:clamp(2.4rem,4.6vw,3.2rem);line-height:1;margin-top:18px}
.plan__once{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.plan__mo{margin-top:12px;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;color:var(--orange)}
.list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.list li{display:flex;gap:10px;font-size:.92rem;color:var(--soft);line-height:1.45}
.list li::before{content:"";width:6px;height:6px;margin-top:8px;flex:none;background:var(--orange);transform:rotate(45deg)}
.plan__care{margin:22px 0 24px;padding-top:18px;border-top:1px dashed var(--line-strong)}
.plan__care .list{margin-top:12px;gap:8px}
.plan__care .list li{font-size:.86rem;color:#b9cee0}
.plan__care .list li::before{background:none;border:1px solid var(--orange)}
.plan__caret{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.plan .btn{margin-top:auto;justify-content:center}

/* ---------- automations ---------- */
.bundle{border:1px solid var(--orange);border-radius:var(--r);background:linear-gradient(140deg,rgba(242,102,30,.13),transparent 55%),var(--ink-2);padding:clamp(22px,4vw,32px);display:grid;gap:20px;position:relative;margin-bottom:16px}
@media(min-width:900px){.bundle{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}}
.bundle h3{font-size:clamp(1.6rem,3.4vw,2.4rem)}
.bundle p{margin-top:12px;color:var(--soft)}
.bundle__inc{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.bundle__price{font-family:var(--dsp);font-weight:800;font-size:clamp(2rem,4vw,2.8rem);line-height:1}
.bundle__mo{font-family:var(--mono);font-size:.78rem;color:var(--orange);margin-top:6px}
.bundle__save{font-size:.86rem;color:var(--green);margin:12px 0 18px}
.autos{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.auto{border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);padding:22px 20px 20px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.auto:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.auto.is-on{border-color:var(--orange)}
.auto__prob{margin-top:12px;font-size:.9rem;color:var(--muted);border-left:2px solid var(--line-strong);padding-left:12px}
.auto__how{margin-top:12px;font-size:.92rem;color:var(--soft)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chip{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:#9fd0f5;padding:5px 9px;border-radius:20px}
.auto__foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}
.auto__price{font-family:var(--dsp);font-weight:800;font-size:1.5rem;line-height:1}
.auto__price small{display:block;font-family:var(--mono);font-size:.62rem;font-weight:400;letter-spacing:.08em;color:var(--orange);margin-top:5px}

/* ---------- nexchat ---------- */
.chat-grid{display:grid;gap:clamp(28px,5vw,52px);align-items:center}
@media(min-width:920px){.chat-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}}
.chatbox{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--ink-2);overflow:hidden;box-shadow:0 34px 60px -44px #000}
.chatbox__top{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:rgba(96,166,224,.06)}
.chatbox__av{width:28px;height:28px;border-radius:50%;background:var(--orange);color:#0a1420;display:grid;place-items:center;font-family:var(--dsp);font-weight:800;font-size:1rem}
.chatbox__ttl{font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:1rem;line-height:1}
.chatbox__st{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:var(--green);text-transform:uppercase}
.chatbox__body{padding:18px 16px;display:flex;flex-direction:column;gap:10px;min-height:330px}
.bub{max-width:84%;padding:10px 13px;border-radius:10px;font-size:.88rem;line-height:1.5;animation:evin .45s}
.bub--them{background:rgba(96,166,224,.11);border:1px solid var(--line);border-bottom-left-radius:2px;align-self:flex-start}
.bub--me{background:var(--orange);color:#0a1420;border-bottom-right-radius:2px;align-self:flex-end}
.typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:10px;background:rgba(96,166,224,.11);border:1px solid var(--line)}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:.25}}
.chatbox__foot{border-top:1px solid var(--line);padding:10px 16px;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--green);text-transform:uppercase;min-height:37px}
.ctiers{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:clamp(32px,5vw,48px)}
@media(min-width:760px){.ctiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ctier{border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);padding:22px 20px;display:flex;flex-direction:column;position:relative}
.ctier--pick{border-color:var(--orange)}
.ctier__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ctier__name{font-family:var(--dsp);font-weight:800;text-transform:uppercase;font-size:1.4rem;line-height:1}
.ctier__price{font-family:var(--dsp);font-weight:800;font-size:1.9rem;line-height:1;white-space:nowrap}
.ctier__price small{font-family:var(--mono);font-size:.62rem;font-weight:400;color:var(--muted)}
.ctier .list{margin-bottom:20px}
.ctier .list li{font-size:.88rem}
.ctier .btn{margin-top:auto;justify-content:center}

/* ---------- google ---------- */
.gbp{display:grid;gap:clamp(28px,5vw,52px);align-items:center}
@media(min-width:900px){.gbp{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.gbpbox{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--ink-2);padding:26px 24px}
.gbpbox__price{font-family:var(--dsp);font-weight:800;font-size:clamp(2.6rem,5vw,3.4rem);line-height:1;margin-top:8px}
.gbpbox__free{margin-top:14px;display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;background:var(--orange);color:#0a1420;padding:6px 10px;border-radius:2px}
.gbpbox .btn{margin-top:22px;width:100%;justify-content:center}
.map{margin-top:22px;border:1px dashed var(--line-strong);border-radius:var(--r);padding:14px;display:flex;gap:12px;align-items:center;background:repeating-linear-gradient(45deg,rgba(96,166,224,.05) 0 6px,transparent 6px 12px)}
.map__pin{width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--orange);flex:none;display:grid;place-items:center}
.map__pin::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink-2)}
.map__n{font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:1.1rem;line-height:1}
.map__s{font-size:.8rem;color:#f5c14d;margin-top:4px}
.map__s span{color:var(--muted)}

/* ---------- method ---------- */
.steps{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:760px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.step{background:var(--ink);padding:28px 22px;position:relative;transition:background .25s}
.step:hover{background:var(--ink-2)}
.step__n{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:var(--orange);margin-bottom:18px}
.step h3{margin-bottom:10px}
.step p{font-size:.9rem;color:#b9cee0}
.step__free{position:absolute;top:22px;right:18px;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:#0a1420;background:var(--orange);padding:3px 7px;border-radius:2px;text-transform:uppercase}

/* ---------- about ---------- */
.about{display:grid;gap:clamp(28px,5vw,56px)}
@media(min-width:900px){.about{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.about__quote{font-family:var(--dsp);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.6rem);line-height:1;text-transform:uppercase;border-left:3px solid var(--orange);padding-left:22px}
.about p+p{margin-top:16px}
.about p{color:var(--soft)}
.portrait{margin-top:28px;display:flex;align-items:center;gap:15px}
.portrait img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong);display:block}
.portrait__ph{width:78px;height:78px;border-radius:50%;display:none;place-items:center;flex:none;border:1px dashed var(--line-strong);background:repeating-linear-gradient(45deg,rgba(96,166,224,.08) 0 6px,transparent 6px 12px);font-family:var(--dsp);font-weight:800;font-size:1.7rem;color:#7fb4dd}
.portrait--empty .portrait__ph{display:grid}
.portrait__cap{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.8}
.portrait__cap b{display:block;font-family:var(--dsp);font-weight:700;font-size:1.2rem;letter-spacing:.02em;color:var(--chalk)}

/* ---------- faq ---------- */
.faq{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;font-family:var(--dsp);font-weight:700;font-size:clamp(1.15rem,2vw,1.5rem);text-transform:uppercase;line-height:1.1}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:"+";position:absolute;right:6px;top:20px;font-family:var(--mono);color:var(--orange);font-size:1.4rem;transition:transform .22s}
.q[open] summary::after{transform:rotate(45deg)}
.q p{padding:0 0 24px;max-width:72ch;color:#b9cee0;font-size:.96rem}

/* ---------- configurator ---------- */
.cfg{display:grid;gap:20px;align-items:start}
@media(min-width:980px){.cfg{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}}
.cfg__groups{display:grid;gap:16px}
.grp{border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);padding:20px 18px}
.grp__t{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.opts{display:grid;gap:8px}
@media(min-width:620px){.opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;background:rgba(8,25,42,.5);transition:border-color .2s,background .2s;min-width:0}
.opt:hover{border-color:var(--line-strong)}
.opt:has(input:checked){border-color:var(--orange);background:rgba(242,102,30,.08)}
.opt.is-locked{opacity:.6;cursor:default}
.opt input{accent-color:var(--orange);width:18px;height:18px;flex:none;margin:0}
.opt__b{flex:1;min-width:0}
.opt__n{display:block;font-size:.92rem;line-height:1.3}
.opt__p{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--muted);margin-top:3px}
.opt--bundle{border-style:dashed;border-color:var(--orange)}
.sum{border:1px solid var(--orange);border-radius:var(--r);background:linear-gradient(160deg,rgba(242,102,30,.10),transparent 45%),var(--ink-2);padding:22px 20px}
@media(min-width:980px){.sum{position:sticky;top:86px}}
.sum__t{font-family:var(--dsp);font-weight:800;text-transform:uppercase;font-size:1.6rem;line-height:1}
.sum__lines{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.sum__lines li{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;color:var(--soft);border-bottom:1px dashed var(--line);padding-bottom:8px}
.sum__lines li span:last-child{font-family:var(--mono);font-size:.72rem;color:var(--chalk);text-align:right;white-space:nowrap}
.sum__empty{color:var(--muted);font-size:.9rem;margin-top:14px}
.sum__tot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.sum__k{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sum__v{font-family:var(--dsp);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.3rem);line-height:1;margin-top:4px}
.sum__v--mo{color:var(--orange)}
.sum__vat{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.form{display:grid;gap:11px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.field label{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.field input{width:100%;padding:13px 15px;border-radius:var(--r);border:1px solid var(--line-strong);background:rgba(8,25,42,.55);color:var(--chalk);font-family:var(--body);font-size:1rem}
.field input::placeholder{color:#5d7f9e}
.field input:focus{outline:2px solid var(--orange);outline-offset:2px;border-color:var(--orange)}
.form__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}
.form__btns .btn{flex:1;justify-content:center;min-width:160px;font-size:.72rem}
.form__err{color:var(--orange);font-size:.88rem;min-height:1.3em}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:34px 0 90px;background:rgba(13,35,56,.5)}
@media(min-width:820px){.foot{padding-bottom:34px}}
.stamp{border:1px solid var(--line-strong);border-radius:var(--r);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.stamp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stamp__c{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.stamp__c:nth-child(2n){border-right:0}
@media(min-width:760px){.stamp__c{border-bottom:0}.stamp__c:nth-child(2n){border-right:1px solid var(--line)}.stamp__c:last-child{border-right:0}}
.stamp__k{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.stamp__v{font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:1.05rem;margin-top:5px;line-height:1.1;overflow-wrap:anywhere}
.stamp__v a{text-decoration:none}
.stamp__v a:hover{color:var(--orange)}
.foot__end{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ---------- sticky mobile ---------- */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;align-items:center;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:rgba(8,25,42,.95);backdrop-filter:blur(12px);border-top:1px solid var(--line-strong);transform:translateY(130%);transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.sticky.on{transform:none}
.sticky .btn{flex:1;justify-content:center;padding:14px 16px}
.sticky__price{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none}
@media(min-width:820px){.sticky{display:none}}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  .hero h1 .l i{transform:none}
  .hero__sub,.hero__cta,.hero__note{opacity:1}
  html{scroll-behavior:auto}
}

/* ============================================================
   MULTI-PAGE — navigatie, paginakoppen, contact, meldingen
   ============================================================ */
.nav__links a.is-active{color:var(--chalk);border-color:var(--orange)}
.navcta{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:9px 13px;border-radius:var(--r);background:var(--orange);color:#0a1420;border:1px solid var(--orange);white-space:nowrap;flex:none;transition:background .2s}
.navcta:hover{background:var(--orange-soft)}
.badge{min-width:18px;height:18px;border-radius:9px;background:#0a1420;color:var(--orange);font-size:.6rem;display:inline-grid;place-items:center;padding:0 5px;letter-spacing:0}
.badge:empty{display:none}
.nav__links{margin-left:auto}
.nav__right{display:flex;align-items:center;gap:10px;flex:none}
.nav__links+.nav__right{margin-left:0}
.burger{display:none;width:42px;height:38px;border:1px solid var(--line-strong);border-radius:var(--r);background:none;color:var(--chalk);cursor:pointer;place-items:center;flex:none}
.burger span{display:block;width:18px;height:2px;background:currentColor;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}
.burger span::before{top:-6px}.burger span::after{top:6px}
@media(max-width:1120px){
  .nav__links{display:none}
  .nav__right{margin-left:auto}
  .burger{display:grid}
}
@media(max-width:520px){.navcta{display:none}}
.langbtn{margin-left:0}
.mnav{position:fixed;inset:66px 0 0 0;z-index:49;background:rgba(8,25,42,.97);backdrop-filter:blur(12px);padding:18px var(--pad) 40px;overflow-y:auto}
.mnav[hidden]{display:none}
.mnav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:1.5rem;line-height:1}
.mnav a.is-active{color:var(--orange)}
.mnav a span{font-family:var(--mono);font-size:.8rem;color:var(--orange)}
.mnav .btn{margin-top:22px;width:100%;justify-content:center;font-size:.8rem}

/* paginakop voor subpagina's */
.phero{padding:clamp(48px,7vw,88px) 0 0}
.phero h1{font-size:clamp(2.3rem,6vw,5rem)}
.phero .lede{margin-top:20px}
.crumb{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--chalk)}
.crumb b{color:var(--orange);font-weight:400}
.sec--first{padding-top:clamp(40px,5vw,64px)}

/* afsluitende call-to-action */
.band{border:1px solid var(--line-strong);border-radius:var(--r);background:linear-gradient(150deg,rgba(242,102,30,.14),transparent 50%),var(--ink-2);padding:clamp(28px,5vw,56px);display:grid;gap:22px;align-items:center}
@media(min-width:900px){.band{grid-template-columns:minmax(0,1.3fr) auto}}
.band h2{font-size:clamp(1.8rem,4.4vw,3.2rem)}
.band p{margin-top:14px;color:var(--soft);max-width:56ch}
.band__btns{display:flex;flex-wrap:wrap;gap:12px}

/* doorklik-strook */
.strip{margin-top:16px;border:1px dashed var(--line-strong);border-radius:var(--r);padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:rgba(13,35,56,.5)}
.strip p{color:var(--soft);font-size:.94rem}
.strip a{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);text-decoration:none;line-height:1.6}
.strip p:empty{display:none}

/* over-teaser op home */
.teaser{display:grid;gap:28px;align-items:center}
@media(min-width:900px){.teaser{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.teaser p{color:var(--soft)}
.teaser .btn{margin-top:22px}

/* contact */
.contact{display:grid;gap:20px;align-items:start}
@media(min-width:980px){.contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.ccards{display:grid;gap:12px}
.ccard{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:var(--r);background:var(--ink-2);padding:16px 18px;text-decoration:none;min-width:0;transition:border-color .2s}
a.ccard:hover{border-color:var(--orange)}
.ccard__i{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-family:var(--mono);font-size:.8rem;color:var(--orange);flex:none}
.ccard__k{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ccard__v{font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:1.15rem;line-height:1.1;margin-top:3px;overflow-wrap:anywhere}
.pkgbox{border:1px solid var(--orange);border-radius:var(--r);padding:16px 18px;background:rgba(242,102,30,.06)}
.pkgbox[hidden]{display:none}
.pkgbox .sum__lines{margin-top:10px}
.pkgbox a{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);text-decoration:none}
.formcard{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--ink-2);padding:clamp(20px,4vw,30px)}
.formcard .form{margin-top:0;padding-top:0;border-top:0}
.fgrid{display:grid;gap:11px}
@media(min-width:620px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.field--full{grid-column:1/-1}
.field textarea{width:100%;min-height:110px;resize:vertical;padding:13px 15px;border-radius:var(--r);border:1px solid var(--line-strong);background:rgba(8,25,42,.55);color:var(--chalk);font-family:var(--body);font-size:1rem}
.field textarea::placeholder{color:#5d7f9e}
.field textarea:focus{outline:2px solid var(--orange);outline-offset:2px;border-color:var(--orange)}
.field .req{color:var(--orange)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn[disabled]{opacity:.6;cursor:wait;transform:none}
.thanks{text-align:left}
.thanks[hidden]{display:none}
.thanks__ic{width:52px;height:52px;border-radius:50%;background:var(--orange);color:#0a1420;display:grid;place-items:center;font-size:1.5rem;margin-bottom:18px}
.thanks h3{font-size:clamp(1.6rem,3vw,2.2rem)}
.thanks p{margin-top:12px;color:var(--soft)}
.thanks .btn{margin-top:20px}

/* melding na toevoegen */
.toast{position:fixed;left:50%;bottom:20px;z-index:80;transform:translate(-50%,160%);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;gap:14px;align-items:center;background:var(--ink-3);border:1px solid var(--orange);border-radius:var(--r);padding:12px 16px;box-shadow:0 20px 40px -20px #000;width:max-content;max-width:calc(100% - 32px)}
.toast.on{transform:translate(-50%,0)}
.toast span{font-size:.9rem}
.toast a{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);text-decoration:none;white-space:nowrap}
@media(max-width:819px){.toast{bottom:86px}}

.sum__form .fgrid{grid-template-columns:minmax(0,1fr)}
.sum__form .form{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.sum__form .thanks{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.foot__nav a{text-decoration:none}
.foot__nav a:hover{color:var(--chalk)}
.form__err a{color:var(--orange)}
.form[hidden]{display:none}
.mnav .btn span{color:#0a1420;font-size:.8rem}
.mnav .btn .badge{background:#0a1420;color:var(--orange)}
.ccard__k,.ccard__v{display:block}
.toast{visibility:hidden;transform:translate(-50%,calc(100% + 40px));transition:transform .35s cubic-bezier(.2,.7,.2,1),visibility 0s .35s}
.toast.on{visibility:visible;transform:translate(-50%,0);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
/* ---------- schets → opgeleverd ---------- */
.reveal{
  position:relative;border:1px solid var(--line-strong);border-radius:var(--r);
  background:var(--ink-2);overflow:hidden;cursor:ew-resize;user-select:none;
  --x:56%;touch-action:pan-y;box-shadow:0 40px 80px -50px #000;
  aspect-ratio:16/11;width:100%;
}
@media(min-width:520px){.reveal{min-height:300px}}
.reveal__pane{position:absolute;inset:0}
.reveal__pane--plan{clip-path:inset(0 calc(100% - var(--x)) 0 0);background:var(--ink-2);z-index:2}
.reveal__pane--built{background:#f4f6f9}
.reveal__handle{
  position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:var(--orange);z-index:4;
  transform:translateX(-1px);box-shadow:0 0 22px rgba(242,102,30,.6)
}
.reveal__grip{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:40px;height:40px;border-radius:50%;background:var(--orange);color:#0a1420;
  display:grid;place-items:center;font-family:var(--mono);font-size:.9rem;border:0;cursor:ew-resize
}
.reveal__tag{position:absolute;bottom:12px;z-index:5;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border-radius:2px}
.reveal__tag--l{left:12px;color:#9fd0f5;background:rgba(8,25,42,.85);border:1px solid var(--line-strong)}
.reveal__tag--r{right:12px;color:#33506b;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.12)}

/* mockup — one structure, two skins */
.mk{height:100%;display:flex;flex-direction:column;font-family:var(--body)}
.mk__bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid;flex:none}
.mk__dot{width:8px;height:8px;border-radius:50%}
.mk__url{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;margin-left:6px;white-space:nowrap;overflow:hidden}
.mk__body{padding:clamp(12px,2.4vw,22px);flex:1;display:flex;flex-direction:column;gap:clamp(9px,1.6vw,15px);min-height:0}
.mk__nav{display:flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:1px solid}
.mk__brand{font-family:var(--dsp);font-weight:800;font-size:clamp(.85rem,1.7vw,1.15rem);text-transform:uppercase;letter-spacing:.02em}
.mk__links{display:flex;gap:10px;margin-left:auto}
.mk__link{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}
.mk__hero{display:flex;gap:clamp(10px,2vw,20px);align-items:stretch;flex:1;min-height:0}
.mk__copy{flex:1.15;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.mk__h1{font-family:var(--dsp);font-weight:800;text-transform:uppercase;line-height:.9;font-size:clamp(1.35rem,4.2vw,2.7rem)}
.mk__p{font-size:clamp(.62rem,1.15vw,.8rem);line-height:1.5;max-width:30ch}
.mk__btn{align-self:flex-start;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border-radius:2px;margin-top:2px}
.mk__img{flex:1;border-radius:2px;min-height:70px}
.mk__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(7px,1.4vw,12px);flex:none}
.mk__card{border-radius:2px;padding:clamp(7px,1.3vw,11px);display:flex;flex-direction:column;gap:6px;min-height:52px}
.mk__ct{font-family:var(--dsp);font-weight:700;text-transform:uppercase;font-size:clamp(.62rem,1.25vw,.85rem);line-height:1}
.mk__ln{height:4px;border-radius:2px}

/* skin: blueprint */
.skplan .mk__bar{border-color:var(--line);background:rgba(96,166,224,.05)}
.skplan .mk__dot{background:none;border:1px solid var(--line-strong)}
.skplan .mk__url,.skplan .mk__link{color:#6f9ec4}
.skplan .mk__nav{border-color:var(--line)}
.skplan .mk__brand{color:#9fd0f5}
.skplan .mk__h1{color:transparent;-webkit-text-stroke:1px #6aa7d8}
.skplan .mk__p{color:#5d89ae}
.skplan .mk__btn{border:1px dashed var(--line-strong);color:#7fb4dd}
.skplan .mk__img,.skplan .mk__card{border:1px dashed var(--line-strong);background:repeating-linear-gradient(45deg,rgba(96,166,224,.07) 0 6px,transparent 6px 12px)}
.skplan .mk__img{position:relative}
.skplan .mk__img::after{content:"IMG 1200×800";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;color:#6aa7d8;white-space:nowrap}
.skplan .mk__ct{color:#7fb4dd}
.skplan .mk__ln{background:rgba(96,166,224,.22)}

/* skin: delivered */
.built{background:#f4f6f9;color:#16283a}
.built .mk__bar{border-color:#dde4ec;background:#e9eef4}
.built .mk__dot{background:#c6d0da}
.built .mk__url{color:#7b8b9c}
.built .mk__nav{border-color:#e2e8ef}
.built .mk__brand{color:#16283a}
.built .mk__link{color:#7b8b9c}
.built .mk__h1{color:#16283a}
.built .mk__p{color:#5a6b7d}
.built .mk__btn{background:#f2661e;color:#fff}
.built .mk__img{background:linear-gradient(135deg,#2b4763,#16283a 55%,#3d6a4f);position:relative;overflow:hidden}
.built .mk__img::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 30% 20%,rgba(255,255,255,.22),transparent 60%)}
.built .mk__card{background:#fff;border:1px solid #e4eaf0;box-shadow:0 2px 6px rgba(20,40,60,.05)}
.built .mk__ct{color:#16283a}
.built .mk__ln{background:#e4eaf0}
.built .mk__card:first-child .mk__ct{color:#f2661e}

/* dimension line under the drawing */
.dim{display:flex;align-items:center;gap:10px;margin-top:12px;color:#5d89ae}
.dim__line{flex:1;height:1px;background:var(--line-strong);position:relative}
.dim__line::before,.dim__line::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--line-strong)}
.dim__line::before{left:0}.dim__line::after{right:0}
.dim__txt{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}

/* ============================================================
   V2 — "de bouwtekening komt tot leven"
   Eén signatuur: lijnwerk dat zichzelf tekent en oranje leads
   die erdoorheen stromen. Al het andere blijft rustig.
   ============================================================ */
:root{
  --ink:#071726;          /* nachtblauw papier */
  --ink-2:#0c2238;        /* vlak */
  --ink-3:#123250;
  --wire:#5aa7e0;         /* tekenlijn */
  --line:rgba(90,167,224,.18);
  --line-strong:rgba(90,167,224,.40);
  --chalk:#eaf2f9;
  --muted:#8fa9c2;
  --soft:#c8d9e9;
  --orange:#ff6a1f;       /* signaaloranje = een lead, een actie */
  --orange-soft:#ff8a4a;
  --green:#7fd6a3;
  --dsp:"Barlow Condensed","Fira Sans Extra Condensed","Arial Narrow",sans-serif;
}

/* rustiger: geen fade-in per sectie, geen sectienummers */
.rv{opacity:1!important;transform:none!important;transition:none!important}
.sheet{display:none}
.btn__arrow,.mnav a span:not(.badge){display:none}

/* labels: gewoon zinnen, geen gespatieerde hoofdletters */
.nav__links a,.navcta,.langbtn,.crumb,.plan__tag,.plan__once,.plan__mo,.plan__caret,.grp__t,.sum__k,.sum__vat,
.ccard__k,.fact__l,.mstat__l,.stamp__k,.chip,.flagtag,.step__free,.svc__p,.opt__p,.ctier__price small,
.auto__price small,.bundle__mo,.gbpbox__free,.foot__end,.machine__tag,.sticky__price,.strip a,.pkgbox a,
.form .mono,.hero__note,.gbpbox .mono,.chatbox__foot,.chatbox__st,.gate__alt,.gate__sub,.field label,.ev__tag,.svc__n,.step__n{
  font-family:var(--body);text-transform:none;letter-spacing:0;
}
.nav__links a{font-size:.9rem;color:var(--soft)}
.navcta{font-size:.88rem;font-weight:600;padding:9px 14px}
.langbtn{font-size:.8rem;font-weight:600}
.crumb{font-size:.88rem}
.plan__tag{font-size:.92rem;margin-top:8px}
.plan__once{font-size:.82rem}
.plan__mo{font-size:.92rem;font-weight:600}
.plan__caret{font-size:.86rem;font-weight:600;color:var(--chalk)}
.grp__t{font-size:.95rem;font-weight:600;color:var(--chalk)}
.sum__k{font-size:.82rem}
.sum__vat{font-size:.8rem}
.ccard__k,.stamp__k{font-size:.8rem}
.fact__l{font-size:.86rem;line-height:1.35}
.mstat__l{font-size:.74rem}
.chip{font-size:.74rem;padding:4px 10px}
.flagtag{font-size:.74rem;font-weight:600;padding:5px 10px}
.step__free{font-size:.72rem;font-weight:600}
.svc__p,.opt__p{font-size:.8rem;font-variant-numeric:tabular-nums}
.opt__p{color:var(--muted)}
.auto__price small,.bundle__mo{font-size:.84rem;font-weight:600}
.gbpbox__free{font-size:.82rem;font-weight:600}
.foot__end{font-size:.82rem}
.machine__tag{font-size:.72rem}
.sticky__price{font-size:.8rem}
.strip a,.pkgbox a{font-size:.9rem;font-weight:600}
.form .mono,.hero__note{font-size:.86rem;color:var(--muted)}
.chatbox__foot{font-size:.78rem}
.chatbox__st{font-size:.72rem}
.gate__alt{font-size:.82rem}
.gate__sub{font-size:.78rem}
.field label{font-size:.84rem;color:var(--soft)}
.ev__tag{font-size:.8rem;font-weight:600}
.svc__n,.step__n{font-size:.82rem;font-weight:600}
.svc__n{display:none}
.hero h1 em,.phero h1 em{color:inherit}

/* knoppen: duidelijk, rechte hoek zoals een tekenhaak */
.btn{font-family:var(--body);font-size:.96rem;font-weight:600;letter-spacing:0;text-transform:none;padding:14px 24px}
.btn--sm{font-size:.86rem;padding:9px 14px}
.form__btns .btn{font-size:.94rem}

/* koppen: condensed, groot, de tekst zelf is het beeld */
h2{font-size:clamp(2.1rem,5.6vw,4.4rem);line-height:.9}
.sec__head{margin-bottom:clamp(36px,5vw,60px)}

/* ============================================================
   HOME — HERO
   ============================================================ */
.hero{padding:clamp(40px,6vw,80px) 0 0;position:relative}
.hero__grid{align-items:end}
.hero__eyebrow{font-family:var(--body);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--soft);margin-bottom:18px}
.hero__eyebrow .dot{display:none}
.hero h1{font-size:clamp(3rem,10.4vw,9.6rem);line-height:.84;letter-spacing:-.005em;position:relative}
.hero h1 .l{overflow:visible;padding:0}
.hero h1 .l i{transform:none;animation:none;
  color:transparent;-webkit-text-stroke:1.5px var(--wire);
  animation:ink 1s cubic-bezier(.6,0,.2,1) forwards}
.hero h1 .l:nth-child(1) i{animation-delay:.45s}
.hero h1 .l:nth-child(2) i{animation-delay:.85s}
@keyframes ink{to{color:var(--chalk);-webkit-text-stroke-color:rgba(90,167,224,0)}}
.hero h1::after{content:"";position:absolute;left:-2%;right:-2%;height:2px;top:0;background:var(--orange);
  box-shadow:0 0 18px 2px rgba(255,106,31,.7);opacity:0;animation:scan 1.5s cubic-bezier(.5,0,.3,1) .35s forwards;pointer-events:none}
@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
.hero__lower{display:grid;gap:clamp(28px,4vw,48px);margin-top:clamp(28px,4vw,44px)}
.hero__lower>*{min-width:0}
@media(min-width:980px){.hero__lower{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start}}
.hero__sub,.hero__cta,.hero__note{opacity:1;animation:none}
.hero__sub{margin-top:0;font-size:clamp(1.05rem,1.4vw,1.2rem)}
.feed{height:300px}

/* de leidingen: bronnen → Nexbit → resultaat */
.pipe{position:relative;margin-top:clamp(40px,6vw,72px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(12,34,56,.55),rgba(7,23,38,.2))}
.pipe canvas{display:block;width:100%;height:clamp(300px,34vw,400px);cursor:pointer;touch-action:manipulation}
.pipe__hint{position:absolute;left:var(--pad);bottom:12px;font-size:.84rem;color:var(--muted);pointer-events:none}
.pipe__hint b{color:var(--orange);font-weight:600}

/* ============================================================
   SUBPAGINA'S — elke pagina opent met haar eigen bouwtekening
   ============================================================ */
.phero{padding:clamp(36px,6vw,72px) 0 0;position:relative}
.phero__grid{display:grid;gap:28px;align-items:center}
.phero__grid>*{min-width:0}
@media(min-width:900px){.phero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.phero h1{font-size:clamp(2.6rem,7vw,6.2rem);line-height:.86}
.phero .lede{font-size:clamp(1.02rem,1.35vw,1.16rem)}
.bp{width:100%;max-width:520px;justify-self:end;display:block;overflow:visible}
@media(max-width:899px){.bp{max-width:380px;justify-self:start;margin-top:4px}}
.bp *{vector-effect:non-scaling-stroke}
.bp .w{fill:none;stroke:var(--wire);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.bp .w2{fill:none;stroke:rgba(90,167,224,.45);stroke-width:1;stroke-dasharray:4 5}
.bp .o{fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bp .of{fill:var(--orange);stroke:none}
.bp .hatch{fill:url(#hatch)}
.bp text{font-family:var(--mono);font-size:11px;fill:#7fb4dd;letter-spacing:.08em}
.bp text.t-o{fill:var(--orange)}
.bp .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.6s cubic-bezier(.6,0,.2,1) forwards}
.bp .d2{animation-delay:.35s}.bp .d3{animation-delay:.7s}.bp .d4{animation-delay:1.05s}.bp .d5{animation-delay:1.4s}
@keyframes draw{to{stroke-dashoffset:0}}
.bp .fade{opacity:0;animation:fadein .6s ease forwards;animation-delay:1.5s}
.bp .fade.late{animation-delay:2s}
@keyframes fadein{to{opacity:1}}
.bp .pulse-o{animation:fadein .6s ease 2s forwards, blinko 1.6s ease-in-out 2.6s infinite;opacity:0}
@keyframes blinko{50%{opacity:.35}}

/* ============================================================
   WEBSITES — schets → opgeleverd
   ============================================================ */
.sketch{display:grid;gap:clamp(24px,4vw,48px);align-items:center;margin-bottom:clamp(48px,7vw,88px)}
.sketch>*{min-width:0}
@media(min-width:940px){.sketch{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
.sketch h2{font-size:clamp(1.9rem,4.4vw,3.4rem)}
.sketch p{margin-top:16px;color:var(--soft);max-width:44ch}
.reveal__tag{font-family:var(--body)!important;letter-spacing:0!important;text-transform:none!important;font-size:.78rem!important}
.dim__txt{letter-spacing:.08em}

/* ============================================================
   KLEINE VERFIJNINGEN
   ============================================================ */
.plan--pick{box-shadow:0 0 0 1px var(--orange),0 30px 70px -40px rgba(255,106,31,.55)}
.svc__c h3{font-size:clamp(1.5rem,2.4vw,1.9rem)}
.about__quote{font-size:clamp(1.8rem,3.8vw,3rem)}
.fact__n{font-size:clamp(2.4rem,4.2vw,3.6rem)}
.band h2{font-size:clamp(2rem,5vw,3.8rem)}
.q summary{font-size:clamp(1.2rem,2.2vw,1.7rem)}
.faqhead{margin-bottom:28px}

@media(prefers-reduced-motion:reduce){
  .hero h1 .l i{color:var(--chalk);-webkit-text-stroke:0}
  .hero h1::after{display:none}
  .bp .draw{stroke-dashoffset:0}
  .bp .fade,.bp .pulse-o{opacity:1}
}

@media(max-width:679px){
  .pipe__hint{position:static;padding:0 var(--pad) 14px;margin-top:-6px}
}
/* Bulgaars: standaard cyrillische vormen, zoals de meeste BG-sites */
html[lang="bg"] body{font-feature-settings:"locl" 0}
.portrait__cap{font-family:var(--body);letter-spacing:0;text-transform:none;font-size:.88rem}
@media(min-width:980px){.hero h1{font-size:clamp(3rem,12.4vw,11.6rem)}}

/* strakkere hero */
.hero__sub{max-width:34em}
@media(max-width:640px){
  .hero{padding-top:28px}
  .hero__eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
  .hero h1{font-size:clamp(2.5rem,12.5vw,3.8rem);line-height:.9}
  .hero__lower{margin-top:20px;gap:28px}
  .hero__sub{font-size:1.02rem;line-height:1.5}
  .hero__cta{margin-top:20px;gap:10px}
  .hero__cta .btn{flex:1 1 100%;justify-content:center;text-align:center}
  .hero__note{margin-top:12px}
}

/* desktop: kop in twee regels, knoppen boven de vouw */
@media(min-width:980px){.hero h1{font-size:clamp(3rem,7vw,7.4rem);line-height:.88}}
/* e-mail in footer niet afbreken in hoofdletters */
.stamp__v a[data-mail]{text-transform:none;letter-spacing:0;overflow-wrap:anywhere;font-size:.92em}

/* klantenwerk */
.work{display:grid;gap:18px}
@media(min-width:760px){.work{grid-template-columns:1fr 1fr}}
.work__c{display:flex;flex-direction:column;border:1px solid var(--line-strong);background:var(--ink-2);text-decoration:none;color:var(--chalk);transition:transform .25s,border-color .25s}
.work__c:hover{transform:translateY(-3px);border-color:var(--orange)}
.work__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--ink-3)}
.work__url{margin-left:8px;font-family:var(--mono);font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.work__body{display:flex;flex-direction:column;gap:12px;padding:26px 22px 24px;flex:1}
.work__loc{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.work__n{font-family:var(--dsp);font-weight:800;font-size:clamp(2.2rem,5vw,3.2rem);line-height:.9;text-transform:uppercase}
.work__p{color:var(--soft);font-size:.96rem;line-height:1.55}
.work__t{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--muted)}
.work__go{margin-top:auto;padding-top:8px;font-weight:600;color:var(--orange)}
/* mobiel: werkdag-blok weg, de leidingen vertellen hetzelfde */
@media(max-width:640px){.hero .machine{display:none}}
.work__bar .mk__dot{background:var(--line-strong)}
/* reviews */
.rev{display:grid;gap:clamp(24px,4vw,56px);align-items:center;border:1px solid var(--line-strong);background:linear-gradient(135deg,var(--ink-2),var(--ink));padding:clamp(28px,5vw,56px)}
@media(min-width:860px){.rev{grid-template-columns:auto 1fr}}
.rev__score{display:flex;flex-direction:column;gap:6px}
.rev__n{font-family:var(--dsp);font-weight:800;font-size:clamp(4.5rem,12vw,8rem);line-height:.85;color:var(--chalk)}
.rev__stars{color:var(--orange);font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:.08em}
.rev__c{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rev__txt h2{margin-bottom:14px}
.rev__txt .btn{margin-top:22px}
[data-reviews][hidden]{display:none!important}