/* v34: delen uit versie B en C, herschreven in de stijlregels van versie A (tokens uit style.css). */

/* --- tijdlijn 21:40 tot 08:15 (uit B) --- */
.n34{background:var(--navy);color:var(--on-navy-2)}
.n34 h2,.n34 h3,.n34 b{color:#fff}
.n34 .acc{color:var(--gold-2)}
.n34-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);column-gap:clamp(32px,5vw,88px);align-items:start}
.n34-ben{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:clamp(36px,4vw,56px)}
.n34-ben>div{padding:22px 0 26px;border-top:1px solid var(--navy-line)}
.n34-ben h3{font-size:18px;font-weight:600;letter-spacing:-.012em;line-height:1.3;margin:0}
.n34-ben p{margin:8px 0 0;font-size:15.5px;line-height:1.55}
.n34-feed{padding-top:6px}
.n34-feed ul{list-style:none;margin:0;padding:0}
.n34-feed-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;font-size:13.5px}
.n34-feed-h b{font-size:15px;font-weight:600}
.n34-feed li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 18px;padding:17px 0 18px;border-top:1px solid var(--navy-line)}
.n34-feed li:last-child{border-bottom:1px solid var(--navy-line)}
.n34-feed time{font-size:16px;font-weight:600;color:var(--gold-2);font-variant-numeric:tabular-nums;letter-spacing:-.01em;padding-top:1px}
.n34-feed q{quotes:none;font-size:17.5px;line-height:1.4;color:#fff;font-weight:500;letter-spacing:-.008em}
.n34-feed small{grid-column:2;display:flex;align-items:center;gap:8px;font-size:13.5px}
.n34-feed small svg{width:13px;height:13px;color:var(--gold);flex:none}
.n34-feed li.hl::before{content:"";position:absolute;left:-20px;top:-1px;bottom:-1px;width:3px;background:var(--gold)}
.n34-fine{margin:16px 0 0;font-size:13.5px;line-height:1.5}

/* --- dag 1 intake, dag 10 live (uit C): navy als ingekaderde kaart --- */
.d10{background:var(--navy);border-radius:20px;padding:clamp(28px,4.6vw,72px);color:var(--on-navy-2)}
.d10 h2{color:#fff;margin:0}
.d10 .acc{color:var(--gold-2)}
.d10-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.d10-top p{margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--on-navy-2)}
.d10-top p b{color:#fff;font-weight:600}
.d10-dagen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.d10-dagen li{border:1px solid var(--navy-line);border-radius:12px;padding:12px 12px 14px;min-height:104px;display:flex;flex-direction:column;font-size:12.5px;line-height:1.3;color:var(--on-navy-3)}
.d10-dagen b{font-size:clamp(24px,2.3vw,32px);font-weight:600;line-height:1.1;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.d10-dagen em{font-style:normal;margin-top:auto;font-weight:600;font-size:13px;color:var(--navy)}
.d10-dagen .mark{background:var(--gold);border-color:var(--gold);color:var(--navy-2)}
.d10-dagen .mark b{color:var(--navy)}
.d10-voet{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:clamp(28px,3.4vw,48px);padding-top:24px;border-top:1px solid var(--navy-line);font-size:15px}
.d10 .link{color:#fff;text-decoration-color:rgba(255,255,255,.35)}
.d10 .link:hover{text-decoration-color:#fff}

/* --- prijstabel (uit C) in het kader van A --- */
.p34{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto;background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--card-line,var(--line));overflow:hidden}
.p34-col{padding:clamp(24px,3vw,36px);border-left:1px solid var(--line)}
.p34-col:first-child{border-left:0}
.p34-col.best{box-shadow:inset 0 3px 0 var(--gold)}
.p34-col h3{margin:0;font-size:18px;font-weight:600;color:var(--ink)}
.p34-prijs{margin:18px 0 12px;font-size:16px;color:var(--muted)}
.p34-prijs b{display:block;font-size:clamp(34px,3.2vw,46px);line-height:1.05;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.p34-col p:last-child{margin:0;font-size:16px;line-height:1.5}
.p34 + .founding{margin-top:16px;max-width:980px}

/* --- footer (uit B) --- */

/* --- verschijnen bij scrollen, zelfde gevoel als de rest van A --- */
.v34-js .rv34{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .9s var(--out);transition-delay:calc(var(--i,0) * 90ms)}
.v34-js .rv34.in{opacity:1;transform:none}
.v34-js .d10-dagen li{opacity:0;transform:translateY(8px)}
.v34-js .d10-dagen li.on{opacity:1;transform:none;transition:opacity .55s var(--out),transform .55s var(--out)}
@media (prefers-reduced-motion:reduce){.v34-js .rv34,.v34-js .d10-dagen li{opacity:1;transform:none;transition:none}}

@media (max-width:980px){
  .n34-grid{grid-template-columns:minmax(0,1fr)}
  .n34-feed{margin-top:48px}
}
@media (max-width:899px){
  .d10-top{grid-template-columns:minmax(0,1fr)}
  .d10-dagen{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .d10-dagen li{min-height:78px;padding:9px 8px 10px;font-size:11.5px}
  .d10-dagen em{font-size:11.5px}
}
@media (max-width:799px){
  .p34{grid-template-columns:minmax(0,1fr);max-width:520px}
  .p34-col{border-left:0;border-top:1px solid var(--line)}
  .p34-col:first-child{border-top:0}
  .p34 + .founding{max-width:520px}
}
@media (max-width:640px){
  .n34-ben{grid-template-columns:minmax(0,1fr)}
  .n34-feed li{grid-template-columns:52px minmax(0,1fr);gap:4px 12px}
  .n34-feed q{font-size:16.5px}
  .n34-feed li.hl::before{left:-12px}
}

/* ===== footer v34.2: strak raster, bedrijfsgegevens als vaste strook ===== */
.f34{background:var(--navy);color:var(--on-navy-2);padding-block:clamp(64px,7vw,104px) 32px;font-size:15px;line-height:1.55}
.f34 ul{list-style:none;margin:0;padding:0}
.f34 a:not(.btn):not(.logo){color:inherit;text-decoration:none;transition:color .15s var(--ease)}
.f34 a:not(.btn):not(.logo):hover{color:#fff}
.f34 :focus-visible{outline-color:var(--gold-2)}
.f34-top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px clamp(40px,6vw,96px);align-items:start}
.f34-brand p{margin:22px 0 28px;max-width:26em;font-size:15.5px;line-height:1.6}
.f34-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
.f34 h4{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-3)}
.f34-nav li{margin:0 0 11px}
.f34-nav a{font-size:15px}
.f34-gegevens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(48px,5.5vw,80px) 0 0;border:1px solid var(--navy-line);border-radius:14px;background:rgba(255,255,255,.03)}
.f34-gegevens>div{padding:22px 26px 24px;border-left:1px solid var(--navy-line)}
.f34-gegevens>div:first-child{border-left:0}
.f34-gegevens dt{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-3)}
.f34-gegevens dd{margin:0;font-size:15px;line-height:1.6;color:#fff;font-variant-numeric:tabular-nums}
.f34-gegevens dd a:not(.btn):not(.logo){color:#fff}
.f34-gegevens dd a:not(.btn):not(.logo):hover{color:var(--gold-2)}
.f34-bottom{display:grid;grid-template-columns:auto 1fr auto;gap:12px 40px;align-items:center;margin-top:28px;font-size:13.5px;color:var(--on-navy-3)}
.f34-legal,.f34-notes{display:flex;flex-wrap:wrap;gap:6px 24px}
.f34-legal a{color:var(--on-navy-2)!important}
.f34-notes{justify-content:flex-end}
@media (max-width:1080px){
  .f34-top{grid-template-columns:minmax(0,1fr)}
  .f34-gegevens{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f34-gegevens>div:nth-child(3){border-left:0}
  .f34-gegevens>div:nth-child(n+3){border-top:1px solid var(--navy-line)}
  .f34-bottom{grid-template-columns:minmax(0,1fr)}
  .f34-notes{justify-content:flex-start}
}
@media (max-width:640px){
  .f34-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f34-gegevens{grid-template-columns:minmax(0,1fr)}
  .f34-gegevens>div{border-left:0;padding:18px 20px}
  .f34-gegevens>div+div{border-top:1px solid var(--navy-line)}
}

/* ===== chatknop: altijd zichtbaar, af en toe een trilling, nooit vanzelf open ===== */
.launch{right:24px;bottom:24px;gap:16px}
.launch-btn,.launch.show .launch-btn,.launch.mute .launch-btn{position:relative;width:60px;height:60px;transform:none;opacity:1;pointer-events:auto;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 32px rgba(8,18,36,.38);transition:transform .25s var(--out),box-shadow .25s var(--ease),background-color .2s var(--ease)}
.launch-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 18px 40px rgba(8,18,36,.45)}
.launch-btn svg{width:22px;height:22px}
.launch-btn::after{content:"";position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#35C47C;box-shadow:0 0 0 3px #fff}
.launch.open .launch-btn::after{display:none}
.launch-btn.buzz{animation:v34buzz .9s var(--ease) both}
@keyframes v34buzz{0%,100%{transform:none}12%{transform:rotate(-9deg) scale(1.04)}26%{transform:rotate(8deg) scale(1.05)}40%{transform:rotate(-6deg) scale(1.04)}54%{transform:rotate(5deg)}68%{transform:rotate(-3deg)}82%{transform:rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.launch-btn.buzz{animation:none}}
@media (max-width:600px){.launch{right:16px;bottom:16px}}

/* ===== chatvenster: ruim, rustig, modern ===== */
.launch-panel{width:min(424px,calc(100vw - 24px))}
.launch-panel .w{max-width:none;height:min(680px,calc(100vh - 124px));border-radius:22px;box-shadow:0 0 0 1px rgba(14,31,61,.07),0 30px 80px rgba(8,18,36,.30)}
.w[data-assistant]{border-radius:22px}
.w[data-assistant] .w-head{padding:20px 18px 20px 22px;gap:14px}
.w[data-assistant] .w-av{width:42px;height:42px;border-radius:12px}
.w[data-assistant] .w-av svg{width:18px;height:18px}
.w[data-assistant] .w-name b{font-size:16px;font-weight:600;letter-spacing:-.005em}
.w[data-assistant] .w-name span{display:flex;align-items:center;gap:7px;margin-top:2px;font-size:13px}
.w[data-assistant] .w-name span::before{content:"";width:7px;height:7px;border-radius:50%;background:#35C47C;flex:none}
.w[data-assistant] .w-tools button{width:36px;height:36px;border-radius:9px}
.w[data-assistant] .w-log{position:relative;padding:26px 22px 14px;gap:14px;scroll-behavior:smooth}
.w[data-assistant] .w-log::after{content:"";flex:none;height:4px}
.w[data-assistant] .msg{max-width:86%;font-size:15.5px;line-height:1.58;padding:13px 17px;border-radius:18px}
.w[data-assistant] .msg.b{border-top-left-radius:6px}
.w[data-assistant] .msg.u{border-top-right-radius:6px}
.w[data-assistant] .msg br+br{display:block;content:"";margin-top:8px}
.w[data-assistant] .sugg{margin-top:10px;border-top:0;display:grid;gap:8px}
.w[data-assistant] .sugg button{padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-size:14.5px;transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.w[data-assistant] .sugg button:hover{border-color:var(--line-2);background:var(--light);color:var(--ink)}
.w[data-assistant] .w-form{margin:4px 18px 12px;padding:8px 8px 8px 18px;border-radius:16px}
.w[data-assistant] .w-form textarea{font-size:15.5px;padding:9px 0}
.w[data-assistant] .w-send{width:40px;height:40px;border-radius:12px}
.w[data-assistant] .w-foot{padding:0 22px 16px;font-size:12px}
@media (max-width:600px){
  .launch-panel{width:calc(100vw - 20px)}
  .launch-panel .w{height:min(640px,calc(100dvh - 104px));border-radius:20px}
  .w[data-assistant] .w-log{padding:22px 16px 12px}
  .w[data-assistant] .w-form{margin:4px 12px 10px}
}