/* bloemen.io homepage: two distinct service entry points (Webdesign / Cybersecurity).
   Scoped to the homepage Hero only; leaves the webdesign sections below untouched. */
.hero.hero-split {
  padding: clamp(62px, 6.7vw, 95px) 0 clamp(67px, 7vw, 100px);
  background: radial-gradient(ellipse at 79% 5%, #e7f1df 0, transparent 47%), #f5f7f2;
}
.hero-split .hero-grid { opacity: .24; }
.hero-split-content { position: relative; z-index: 1; }
.hero-split-intro { max-width: 1110px; margin-bottom: clamp(27px,3.8vw,45px); }
.hero-split-intro .eyebrow { color:#547243; font-size:11px; margin-bottom:22px; letter-spacing:.145em; }
.hero-split-intro h1 {
  max-width:1110px;
  font-size:clamp(43px,5.75vw,77px);
  font-weight:840; line-height:1.03; letter-spacing:-.068em;
  margin:0 0 23px;
}
.hero-split-intro h1 span { color:#6c942f; }
.hero-split-intro h1 span::after { content:none; display:none; }
.hero-split-intro p { font-size:clamp(14px,1.5vw,18px); max-width:780px; color:#546456; margin:0; line-height:1.75; }

.home-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; align-items:stretch; }
.home-service-card { position:relative; min-width:0; min-height:546px; display:flex; flex-direction:column; overflow:hidden; padding:clamp(22px,2.75vw,34px); border-radius:23px; border:1px solid #cfdbcb; box-shadow:0 20px 55px rgba(24,50,25,.075); }
.home-service-web { background:linear-gradient(155deg, #fff 0%,#fcfefa 48%,#f0f5ec 100%); color:#1c291e; }
.home-service-cyber { background: radial-gradient(circle at 96% 12%, rgba(140,208,87,.18),transparent 31%), linear-gradient(145deg,#1d3025,#0d1b17 92%); border-color:#3a5840; color:#f2f9ee; }
.home-service-topline { display:flex; align-items:center; justify-content:space-between; gap:15px; font-weight:830; font-size:10px; letter-spacing:.12em; line-height:1.5; }
.home-service-web .home-service-topline { color:#63854b; }
.home-service-cyber .home-service-topline { color:#bcde93; }
.home-service-index { display:grid; flex:0 0 auto; place-items:center; width:42px; height:38px; border:1px solid currentColor; border-radius:9px; font-size:12px; letter-spacing:0; opacity:.74; }
.home-service-card h2 { margin:27px 0 12px; max-width:520px; font-size:clamp(30px,3vw,41px); line-height:1.08; font-weight:830; letter-spacing:-.059em; }
.home-service-description { max-width:490px; margin:0; line-height:1.71; font-size:13px; min-height:65px; }
.home-service-web .home-service-description { color:#58695b; }
.home-service-cyber .home-service-description { color:#c5d4c1; }
.home-service-chips { margin:18px 0 0; display:flex; flex-wrap:wrap; gap:8px; }
.home-service-chips span { display:inline-flex; align-items:center; min-height:26px; max-width:100%; padding:5px 10px; border-radius:100px; font-size:10px; letter-spacing:.025em; font-weight:760; line-height:1.5; }
.home-service-web .home-service-chips span { background:#e5f0db; color:#4b693c; border:1px solid #d5e4cf; }
.home-service-cyber .home-service-chips span { background:rgba(201,255,53,.09); color:#cdf2a4; border:1px solid #49684d; }
.home-service-visual { display:flex; align-items:stretch; margin:23px 0; height:157px; overflow:hidden; border-radius:13px; }
.home-service-web-visual { background:radial-gradient(circle at 90% 10%,#e2f8b0,transparent 40%),#eaf1e5; border:1px solid #dfebdc; padding:14px 34px 0; }
.home-mini-browser { display:flex; flex-direction:column; width:100%; max-width:455px; background:#fcfdfa; border:1px solid #d4dfd1; border-bottom:0; border-radius:13px 13px 0 0; margin-inline:auto; overflow:hidden; box-shadow:0 10px 26px rgba(39,66,37,.09); transform:rotate(.6deg); }
.home-mini-toolbar { min-height:27px; display:flex; justify-content:space-between; align-items:center; gap:8px; padding:4px 11px; border-bottom:1px solid #e6ece2; background:#f9fcf8; }
.home-mini-dots { display:flex; gap:4px; }
.home-mini-dots i { width:5px; height:5px; border-radius:50%; background:#b2c6af; }
.home-mini-toolbar>span { font-size:9px; font-weight:750; color:#54714b; }
.home-mini-toolbar>b { color:#89af55; font-size:12px; line-height:1; }
.home-mini-page { padding:12px 21px; }
.home-mini-tag { font-size:8px; letter-spacing:.13em; font-weight:820; color:#819a78; }
.home-mini-title { display:flex; flex-direction:column; margin:5px 0 9px; line-height:1.06; letter-spacing:-.048em; font-size:clamp(15px,1.9vw,24px); }
.home-mini-title span { color:#192b1d; font-weight:800; }
.home-mini-title strong { color:#749b30; font-weight:820; }
.home-mini-progress { width:90px; height:4px; background:#dfebd5; border-radius:4px; }
.home-mini-progress i { display:block; height:4px; width:55%; background:#a2ce56; border-radius:4px; }
.home-mini-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:11px; }
.home-mini-tiles span { height:27px; border-radius:5px; background:#edf2e9; border:1px solid #e0e9dd; }
.home-service-cyber-visual { padding:13px 24px 0; background:linear-gradient(140deg,rgba(37,71,51,.72),rgba(13,32,24,.86)); border:1px solid #395844; }
.home-evidence-screen { display:flex; flex-direction:column; width:100%; max-width:455px; border:1px solid #47684d; border-bottom:0; border-radius:11px 11px 0 0; background:#0b1813; margin-inline:auto; overflow:hidden; box-shadow:0 10px 35px rgba(0,0,0,.26); }
.home-evidence-heading { min-height:29px; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:5px 12px; border-bottom:1px solid #294333; }
.home-evidence-heading>span { display:flex; gap:4px; }
.home-evidence-heading i { width:5px; height:5px; background:#4c7b56; border-radius:50%; }
.home-evidence-heading b { color:#c2dcad; font-size:8px; letter-spacing:.1em; font-weight:800; }
.home-evidence-heading em { font-size:13px; font-style:normal; color:#b8ec76; }
.home-evidence-items { display:grid; padding:6px 14px; }
.home-evidence-items > div { display:grid; grid-template-columns:20px 1fr 44px; gap:10px; align-items:center; min-height:30px; border-bottom:1px solid #294032; }
.home-evidence-items > div:last-child { border-bottom:0; }
.home-evidence-items span { color:#60876e; font-size:9px; font-weight:810; }
.home-evidence-items strong { color:#d4e6cc; font-weight:760; letter-spacing:.055em; font-size:10px; }
.home-evidence-items i { height:5px; border-radius:10px; background:linear-gradient(90deg,#97c95f 65%,#314a35 65%); }
.home-evidence-items > div:nth-child(2) i { background:linear-gradient(90deg,#97c95f 38%,#314a35 38%); }
.home-evidence-items > div:nth-child(3) i { background:linear-gradient(90deg,#97c95f 79%,#314a35 79%); }
.home-service-footer { margin-top:auto; border-top:1px solid #d4e1d1; padding-top:17px; }
.home-service-cyber .home-service-footer { border-color:#435b45; }
.home-service-meta { min-height:25px; font-size:11px; font-weight:770; letter-spacing:.02em; }
.home-service-web .home-service-meta { color:#61803b; }
.home-service-cyber .home-service-meta { color:#b5dd85; }
.home-service-actions { margin-top:10px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.home-service-button { display:inline-flex; justify-content:space-between; align-items:center; min-height:45px; gap:20px; text-decoration:none; border-radius:11px; padding:11px 16px; font-weight:840; font-size:13px; line-height:1.35; transition:transform .19s ease,background-color .19s ease; }
.home-service-button span { font-size:19px; line-height:1; }
.home-service-button-web { color:#fff; background:#1c2b20; }
.home-service-button-web:hover { background:#344936; transform:translateY(-2px); }
.home-service-button-cyber { color:#142310; background:#c9ff35; }
.home-service-button-cyber:hover { background:#e0ff81; transform:translateY(-2px); }
.home-service-link { text-decoration:none; display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:790; padding:10px 0; border-bottom:1px solid currentColor; line-height:1.35; }
.home-service-link span { font-size:17px; line-height:1; }
.home-service-web .home-service-link { color:#42583c; border-color:#9caf91; }
.home-service-cyber .home-service-link { color:#d6edcf; border-color:#789678; }
.home-service-link:hover { border-color:currentColor; }
.home-service-card a:focus-visible { outline:3px solid #84bb3d; outline-offset:4px; }
.primary-nav .nav-cyber { font-weight:760; color:#355f2d; }
.primary-nav .nav-cyber:hover { color:#1e4a20; }
/* With the additional Cybersecurity entry, collapse navigation before links overlap. */
@media(max-width:1120px) {
 .nav-toggle { display:block; position:relative; z-index:102; }
 .primary-nav {
   position:fixed; inset:76px 0 auto; display:none;
   flex-direction:column; align-items:stretch; gap:0;
   padding:18px 24px 28px; background:var(--bg); border-bottom:1px solid var(--line);
   box-shadow:0 22px 40px rgba(20,30,22,.08);
 }
 .primary-nav.open { display:flex; }
 .primary-nav > a { padding:13px 0; border-bottom:1px solid var(--line); }
 .primary-nav .nav-cta { margin-top:14px; text-align:center; border-bottom:0; }
 .site-language-menu { margin:12px 0 2px; width:max-content; }
 .site-language-options { position:static; margin-top:6px; min-width:180px; box-shadow:none; }
}
@media(max-width:1050px) {
 .home-service-card { min-height:570px; }
 .home-service-card h2 { font-size:clamp(27px,3.2vw,34px); }
 .home-service-actions { gap:9px 15px; }
}
@media(max-width:820px) {
 .hero.hero-split { padding:65px 0 75px; }
 .home-service-grid { grid-template-columns:1fr; max-width:700px; }
 .home-service-card { min-height:0; padding:29px; }
 .home-service-card h2 { font-size:clamp(30px,5.5vw,40px); }
 .home-service-description { min-height:0; }
 .home-service-visual { height:175px; }
 .hero-split-intro h1 { font-size:clamp(43px,8vw,67px); }
}
@media(max-width:480px) {
 .hero.hero-split { padding:51px 0 60px; }
 .hero-split-intro .eyebrow { font-size:9px; margin-bottom:17px; }
 .hero-split-intro h1 { font-size:clamp(35px,10.2vw,49px); line-height:1.08; letter-spacing:-.057em; }
 .hero-split-intro p { font-size:14px; }
 .home-service-card { padding:22px 19px; border-radius:17px; }
 .home-service-card h2 { font-size:clamp(27px,7.65vw,34px); margin-top:19px; }
 .home-service-visual { height:140px; margin:18px 0; }
 .home-service-web-visual { padding:12px 13px 0; }
 .home-service-cyber-visual { padding:11px 12px 0; }
 .home-evidence-heading b { font-size:7px; }
 .home-evidence-items strong { font-size:8px; }
 .home-mini-title { font-size:17px; }
 .home-service-actions { display:grid; gap:3px; }
 .home-service-button { width:100%; }
 .home-service-link { width:max-content; max-width:100%; }
}
@media(prefers-reduced-motion:reduce) {
 .home-service-button { transition:none; }
}