/* VURM public experience — navigation, readability and visual hierarchy */
:root{
  --mist:#c1c6d1;
  --slate:#4c5360;
  --vurm-panel:#111521;
  --vurm-panel-raised:#171c2b;
  --vurm-hairline:rgba(255,255,255,.14);
  --vurm-link-on-light:#3f35c2;
  --vurm-accent-on-light:#344600;
}

body{font-size:16px}
.lede{color:var(--mist);line-height:1.72}
.paper .lede,.sect-head .lede,.section-head .lede{color:var(--slate)}
.paper .eyebrow{color:var(--vurm-accent-on-light)}
.paper :where(p,li,dd,td,address,.form-note,.privacy,.references) a:not(.btn){color:var(--vurm-link-on-light)!important;text-decoration-thickness:1px;text-underline-offset:4px}
.paper :where(.facts span,.message-head span,.field label span,.metric.due b,.next time,.flow-state,.action-tag,.support-link,.nr,.briefing-samenvatting span,.reken .val,.reken .uitkomst b,.price-pill small){color:var(--vurm-accent-on-light)!important}
.eyebrow{font-size:.7rem;line-height:1.25;letter-spacing:.14em}
.logo-sub,.logo::after{font-size:.56rem!important;line-height:1.25!important;letter-spacing:.15em!important}

/* A calm navigation bar: one service cluster, three orientation links, one action. */
nav>.nav-inner{position:relative}
nav.breadcrumbs{
  position:static;inset:auto;z-index:auto;padding:0;border:0;background:transparent;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.breadcrumbs{font-size:max(.7rem,11px);color:var(--mist)}
.nav-links.vurm-nav-links{margin-left:auto;gap:18px}
.vurm-nav-primary,.vurm-nav-actions{display:flex;align-items:center}
.vurm-nav-primary{gap:6px}
.vurm-nav-actions{gap:10px}
.vurm-nav-primary>a,
.vurm-nav-dropdown>summary{
  min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:12px;
  color:var(--mist);font-size:.87rem;font-weight:720;text-decoration:none;cursor:pointer;transition:background .18s,color .18s;
}
.vurm-nav-primary>a::after{display:none!important}
.vurm-nav-primary>a:hover,.vurm-nav-primary>a:focus-visible,.vurm-nav-dropdown>summary:hover,.vurm-nav-dropdown[open]>summary{background:rgba(255,255,255,.07);color:var(--white)}
.vurm-nav-primary>a[aria-current="page"]{color:var(--white);background:rgba(255,255,255,.055)}
.vurm-nav-dropdown{position:relative}
.vurm-nav-dropdown>summary{list-style:none}
.vurm-nav-dropdown>summary::-webkit-details-marker{display:none}
.vurm-nav-chevron{width:14px;height:14px;transition:transform .2s}
.vurm-nav-dropdown[open] .vurm-nav-chevron{transform:rotate(180deg)}
.vurm-nav-popover{
  position:absolute;left:0;top:calc(100% + 14px);width:min(470px,calc(100vw - 32px));padding:12px;
  border:1px solid var(--vurm-hairline);border-radius:24px;background:rgba(17,21,33,.98);color:var(--white);
  box-shadow:0 32px 90px -30px rgba(0,0,0,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
}
.vurm-nav-popover::before{content:"";position:absolute;left:25px;top:-7px;width:13px;height:13px;border-left:1px solid var(--vurm-hairline);border-top:1px solid var(--vurm-hairline);background:var(--vurm-panel);transform:rotate(45deg)}
.vurm-nav-popover-label{display:block;padding:9px 11px 10px;color:var(--volt);font:700 .67rem/1.25 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.vurm-nav-popover-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.vurm-nav-card{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;min-height:86px;padding:14px;border:1px solid transparent;border-radius:16px;color:var(--white);text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.vurm-nav-card::after{display:none!important}
.vurm-nav-card:hover,.vurm-nav-card:focus-visible{background:rgba(255,255,255,.065);border-color:var(--vurm-hairline);transform:translateY(-1px)}
.vurm-nav-card-index{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(201,255,69,.1);color:var(--volt);font:700 .64rem/1 var(--font-mono)}
.vurm-nav-card b{display:block;margin:1px 0 5px;font-size:.88rem;line-height:1.2}
.vurm-nav-card small{display:block;color:var(--mist);font-size:.74rem;line-height:1.45;font-weight:500}
.vurm-nav-popover-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;padding:12px 14px;border-radius:14px;background:var(--volt);color:var(--night);font-size:.79rem;font-weight:850;text-decoration:none}
.vurm-nav-popover-foot::after{content:"\2197";font-size:1rem}
.vurm-nav-actions>.btn{min-height:42px;padding:.65em 1.18em;font-size:.84rem;white-space:nowrap}
.nav-login{min-height:42px;display:inline-flex;align-items:center;padding:0 5px;color:var(--mist);font-size:.79rem;font-weight:750;text-decoration:none;white-space:nowrap}
.nav-login:hover{color:var(--white)}
.nav-cta-short{display:none}

/* Structured mobile menu — no oversized, endless link wall. */
.mobile-nav,.sub-mobile-nav{background:radial-gradient(650px 460px at 94% 2%,rgba(101,88,255,.32),transparent 67%),linear-gradient(180deg,#0c0f19,#080a11 72%)}
.mobile-nav-inner,.sub-mobile-layout{gap:22px}
.mobile-menu-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--vurm-hairline)}
.mobile-menu-intro strong{display:block;max-width:15ch;font-size:clamp(1.45rem,5.4vw,2.05rem);line-height:1.03;letter-spacing:-.045em}
.mobile-menu-intro a{flex:none;color:var(--volt);font-size:.8rem;font-weight:800;text-decoration:none}
.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mobile-menu-group{padding:17px;border:1px solid var(--vurm-hairline);border-radius:20px;background:rgba(255,255,255,.035)}
.mobile-menu-label,.sub-mobile-label{display:block;margin-bottom:11px;color:var(--volt);font:700 .67rem/1.25 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}
.mobile-menu-group nav,.mobile-menu-group .mobile-menu-links,.mobile-menu-group .sub-mobile-menu{position:static;display:grid;padding:0;border:0;background:none;backdrop-filter:none}
.mobile-menu-group a,.mobile-menu-links.mobile-menu-compact a,.sub-mobile-menu.sub-mobile-compact a{
  min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:9px 0;border:0;border-bottom:1px solid rgba(255,255,255,.09);
  color:var(--white);font-size:clamp(.98rem,3.9vw,1.15rem);font-weight:760;line-height:1.25;letter-spacing:-.025em;text-decoration:none;
}
.mobile-menu-group a:last-child{border-bottom:0}
.mobile-menu-group a::after,.mobile-menu-links.mobile-menu-compact a::after,.sub-mobile-menu.sub-mobile-compact a::after{content:"\2192";color:var(--volt);font:400 .9rem/1 var(--font-mono)}
.mobile-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mobile-tool{display:block;min-height:104px;padding:17px;border:1px solid var(--vurm-hairline);border-radius:18px;background:rgba(255,255,255,.045);color:var(--white);text-decoration:none}
.mobile-tool b{display:block;margin-bottom:7px;color:inherit;font-size:.93rem;line-height:1.25}
.mobile-tool span{display:block;color:var(--mist);font-size:.78rem;line-height:1.45}
.mobile-tool:first-child{border-color:var(--volt);background:var(--volt);color:var(--night)}
.mobile-tool:first-child span{color:#30391a}
.mobile-menu-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px;color:var(--mist);font-size:.78rem}
.mobile-menu-meta>a{color:var(--white);font-weight:800;text-decoration:none}
.sub-mobile-nav .wrap{display:grid}
.menu-open [data-central-support-widget="vurm"],.sub-menu-open [data-central-support-widget="vurm"]{display:none!important}

/* Readable content: labels remain characterful without becoming microscopic. */
.hero-assurance,.hero-fact,.step .day,.service .num,.setup,.response,.reactietijd,.browser::before,.browser-tag,.project-info span,.plan-badge{font-size:max(.68rem,11px)}
.hero .lede{color:#c3c8d2}
.service p,.step p,.faq-list p,.manifesto-side p,.proof-item span,.project-form p,.card p,.answer-item dd{font-size:max(.93rem,15px);line-height:1.68}
.service:nth-child(1) p,.service:nth-child(4) p{color:rgba(255,255,255,.86)}
.plan ul{color:#e0e3e9;font-size:.93rem}
.plan.featured ul{color:#20260f}
.paper .plans .plan ul{color:#3f4652}
.plan-for,.setup,.amount span,.price-note{color:#bdc3ce}
.featured .plan-for,.featured .setup,.featured .amount span{color:#31391b}
.footer-brand p,.foot,.footer-links,.foot-links{line-height:1.65}
.footer-links,.foot-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 22px!important}
.footer-links a,.foot-links a{min-height:30px;display:flex;align-items:center}
.footer-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:26px;border-top:1px solid var(--vurm-hairline)}
.footer-directory>div{display:grid;align-content:start;gap:8px}
.footer-directory span{margin-bottom:5px;color:var(--volt);font:700 .68rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.footer-directory a{min-height:29px;display:flex;align-items:center;color:var(--mist);font-size:.84rem;text-decoration:none}
.footer-directory a:hover{color:var(--white)}
.prose{font-size:1rem;line-height:1.78}
.prose p,.prose li{font-size:1rem}
.compare,.decision-table,.pseo-decision{font-size:.86rem}
.card .k,.content-pill,.related-card small,.pseo-check-card .k{font-size:max(.66rem,11px)}
.project-form label.field.full>span{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;border:1px solid rgba(9,11,18,.12);border-radius:14px;background:var(--paper);font-size:.88rem;line-height:1.55;font-weight:600}
.project-form label.field.full>span input[type="checkbox"]{width:19px;height:19px;flex:0 0 19px;margin-top:2px;accent-color:var(--cobalt)}

@media(max-width:1080px){
  .vurm-nav-primary{gap:1px}
  .vurm-nav-primary>a,.vurm-nav-dropdown>summary{padding-inline:8px;font-size:.82rem}
  .logo-sub,.logo::after{display:none}
}
@media(max-width:980px){
  .vurm-nav-primary{display:none}
  .menu-toggle,.sub-menu-toggle{display:block!important}
  .nav-links.vurm-nav-links{margin-left:auto;gap:9px}
  .vurm-nav-actions>.locale-switcher{display:none}
  .nav-login{display:none}
  .mobile-nav,.sub-mobile-nav{padding-top:94px}
}
@media(max-width:700px){
  .footer-links,.foot-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .page-hero .lede{font-size:1.02rem}
  .sect,.section{padding-block:76px}
}
@media(max-width:560px){
  .nav-inner{gap:8px}
  .nav-cta-long{display:none}.nav-cta-short{display:inline}
  .vurm-nav-actions>.btn{min-height:42px;padding:.62em 1em}
  .menu-toggle,.sub-menu-toggle{width:44px;height:44px;flex-basis:44px}
  .mobile-menu-grid{grid-template-columns:1fr}
  .mobile-menu-group{padding:13px 16px}
  .mobile-menu-group a{min-height:40px;font-size:1rem}
  .mobile-tools{grid-template-columns:1fr 1fr}
  .mobile-tool{min-height:94px;padding:14px}
  .hero h1{font-size:clamp(2.85rem,14.8vw,4.5rem)!important;line-height:.92}
  .hero .lede{font-size:1rem;line-height:1.72}
  .hero-assurance{line-height:1.65}
  .page-hero h1{font-size:clamp(2.45rem,12vw,3.65rem);line-height:.98}
  .page-hero{padding-top:126px}
  .paper{border-radius:32px 32px 0 0}
  .footer-links,.foot-links{font-size:.84rem}
}
@media(max-width:380px){
  .vurm-nav-actions>.btn{display:none}
  .mobile-nav,.sub-mobile-nav{padding-top:86px}
  .mobile-menu-intro strong{font-size:1.32rem}
}