/* bloemen.io | Business priorities + functional services | 2026-10-09
   Scoped additions. Existing demo studio, packages and booking styles remain untouched. */
.business-focus-section{position:relative;overflow:clip;padding-bottom:88px}
.business-focus-head{margin-bottom:20px;grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);gap:45px}
.business-focus-head h2{max-width:900px}
.business-focus-head p{max-width:440px;line-height:1.65}
.focus-hint{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#657266;font-size:12px;font-weight:700}
.focus-hint-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#acd820;box-shadow:0 0 0 4px rgba(201,255,53,.22)}
.business-focus-section .feature-grid{gap:12px;border:0}
.business-focus-section .feature-card{border:1px solid #dce3da;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.46);transition:background-color .16s ease,border-color .16s ease}
.business-focus-section .feature-card:hover{border-color:#acb9aa;background:#fff}
.business-focus-section .feature-card.is-active{border-color:#1d281f;background:#1d281f;color:#fff;box-shadow:inset 0 -3px var(--accent)}
.business-focus-section .feature-trigger{min-height:258px;padding:25px 24px 21px}
.business-focus-section .feature-index{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:48px;color:#899488;font-size:11px}
.business-focus-section .feature-card.is-active .feature-index{color:#d7fa74}
.business-focus-section .focus-card-symbol{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d8e0d5;border-radius:50%;font-size:17px;font-weight:500;line-height:1;color:#667566}
.business-focus-section .focus-card-symbol svg{width:17px;height:17px;display:block}
.business-focus-section .feature-card.is-active .focus-card-symbol{border-color:rgba(255,255,255,.35);color:#d7fa74}
.business-focus-section .feature-title{font-size:clamp(21px,2.05vw,27px);line-height:1.12;margin-bottom:13px;letter-spacing:-.047em}
.business-focus-section .feature-intro{min-height:0;color:#58665a;font-size:13px;line-height:1.63}
.business-focus-section .feature-card.is-active .feature-intro{color:#d2dbd0}
.business-focus-section .feature-more{padding-top:23px;font-size:10px;letter-spacing:.06em;color:#526453}
.business-focus-section .feature-card.is-active .feature-more{color:#e2eddf}
.business-focus-section .feature-card.is-active .feature-more i{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.business-focus-section .feature-shared{border:1px solid transparent;border-radius:22px;background:#fff;overflow:hidden}
.business-focus-section .feature-shared.is-open{border-color:#dce4d9;box-shadow:0 17px 48px rgba(32,49,34,.055)}
.business-focus-section .feature-pane{grid-template-columns:minmax(125px,.48fr) minmax(0,1.55fr) minmax(210px,.94fr);gap:30px;min-height:248px;padding:36px 35px}
.business-focus-section .feature-pane-label{align-content:start;gap:9px}
.business-focus-section .feature-pane-label strong{line-height:1.3;font-size:12px;letter-spacing:.045em}
.business-focus-section .feature-pane-story h3{max-width:600px;font-size:clamp(26px,3vw,38px)}
.business-focus-section .feature-pane-story p{font-size:14px;line-height:1.7}
.business-focus-section .feature-pane-points{border-top-color:#dce3da}
.business-focus-section .feature-pane-points span{grid-template-columns:26px minmax(0,1fr);padding:12px 0}
.business-focus-section .feature-pane-points i{font-size:12px;line-height:1.5}
.feature-pane-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.feature-pane-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:9px;font-size:12px;font-weight:820;line-height:1.35;text-align:center;text-decoration:none}
.feature-pane-actions .feature-flow-link{background:#eaf2db;color:#284017}
.feature-pane-actions .feature-flow-link:hover{background:#ddecbe}
.feature-pane-actions .feature-meeting-link{background:#1d281f;color:#fff}
.feature-pane-actions .feature-meeting-link:hover{background:#314132}
.focus-closing-note{margin:19px 0 0;color:#69746c;font-size:12px;line-height:1.6}

.solutions-section{background:radial-gradient(circle at 91% 9%,rgba(201,255,53,.11),transparent 35%),#eef2ec}
.solutions-head{margin-bottom:35px}
.solutions-head p{line-height:1.65;max-width:480px}
.solutions-section .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.solutions-section .solution-card{position:relative;min-height:354px;padding:28px;border:1px solid #d6dfd3;border-radius:23px;background:rgba(255,255,255,.88);box-shadow:0 12px 40px rgba(24,42,27,.035);scroll-margin-top:100px;transition:border-color .16s ease,box-shadow .16s ease}
.solutions-section .solution-card.is-focus-target,
.solutions-section .solution-card:target{border-color:#769324;box-shadow:0 0 0 2px rgba(141,187,45,.18),0 18px 45px rgba(30,53,30,.07)}
.solution-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.solution-card-top .solution-category{max-width:80%;color:#758273;font-size:10px;font-weight:830;text-transform:uppercase;letter-spacing:.075em;text-align:right}
.solutions-section .solution-index{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#1d281f}
.solutions-section .solution-flow{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:7px;margin-top:25px;padding:13px;border-radius:13px;border:1px solid #e0e7db;background:#f4f8f0}
.solutions-section .solution-flow span{min-width:0;display:grid;place-items:center;min-height:42px;padding:6px 8px;border:1px solid #d9e4d0;border-radius:8px;background:#fff;color:#354735;font-size:10px;font-weight:800;line-height:1.35;text-align:center;overflow-wrap:break-word}
.solutions-section .solution-flow span:last-child{border-color:#b6cf75;background:#e8f4c9;color:#274215}
.solutions-section .solution-flow i{font-size:15px;font-weight:700;color:#82997d;font-style:normal;text-align:center}
.solutions-section .solution-card h3{max-width:540px;margin:23px 0 12px;font-size:clamp(24px,2.35vw,30px);line-height:1.11}
.solutions-section .solution-card>p{font-size:14px;line-height:1.65;color:#5b685d}
.solutions-section .solution-points{margin:18px 0 20px;gap:6px}
.solutions-section .solution-points span{font-size:11px;line-height:1.35;border-color:#dce6d6;color:#536353;padding:6px 10px}
.solutions-section .solution-card>a{min-height:46px;font-size:12px;letter-spacing:0}
.solutions-section .solution-card>a:focus-visible,
.feature-pane-actions a:focus-visible,
.solutions-extras a:focus-visible{outline:3px solid #8fac2b;outline-offset:3px}
.solutions-extras{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:16px;padding:18px 20px;border:1px solid #d4ded0;border-radius:18px;background:rgba(255,255,255,.67)}
.solutions-extras-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#d9edb4;color:#253b1c;font-size:26px;font-weight:600;line-height:1}
.solutions-extras strong{font-size:16px;letter-spacing:-.03em}
.solutions-extras p{max-width:720px;margin:5px 0 0;color:#69746b;font-size:12px;line-height:1.6}
.solutions-extras a{display:flex;justify-content:center;align-items:center;min-height:43px;padding:9px 15px;border:1px solid #1d281f;border-radius:9px;color:#243027;font-size:11px;font-weight:820;text-align:center;text-decoration:none}
.solutions-extras a:hover{background:#1d281f;color:#fff}
html[lang="zh"] .business-focus-head h2,
html[lang="ja"] .business-focus-head h2,
html[lang="zh"] .solutions-head h2,
html[lang="ja"] .solutions-head h2{line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}
@media(max-width:1120px){
  .business-focus-section .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .business-focus-section .feature-trigger{min-height:225px}
  .business-focus-section .feature-index{margin-bottom:30px}
  .business-focus-section .feature-shared{grid-column:1/-1}
  .business-focus-section .feature-pane{grid-template-columns:110px minmax(0,1.3fr) minmax(0,.9fr);gap:20px}
}
@media(max-width:900px){
  .business-focus-head{grid-template-columns:1fr;gap:18px}
  .business-focus-section .feature-pane{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}
  .business-focus-section .feature-pane-label{grid-column:1/-1;display:flex;align-items:baseline;gap:15px}
  .business-focus-section .feature-pane-story{grid-column:1}
  .business-focus-section .feature-pane-points{grid-column:2}
  .solutions-section .solutions-grid{grid-template-columns:1fr 1fr}
  .solutions-section .solution-card{min-height:0;padding:21px}
  .solutions-section .solution-flow{gap:4px;padding:8px}
  .solutions-section .solution-flow span{font-size:9px;padding:5px}
  .solutions-extras{grid-template-columns:42px minmax(0,1fr)}
  .solutions-extras a{grid-column:2;justify-self:start}
}
@media(max-width:800px){
  .business-focus-section{padding-bottom:68px}
  .business-focus-section .feature-grid{grid-template-columns:1fr;gap:9px}
  .business-focus-section .feature-trigger{min-height:0;padding:18px 18px 15px}
  .business-focus-section .feature-index{margin-bottom:15px}
  .business-focus-section .feature-title{font-size:23px;margin-bottom:6px}
  .business-focus-section .feature-intro{font-size:13px}
  .business-focus-section .feature-more{padding-top:13px}
  .business-focus-section .feature-card.is-active{box-shadow:inset 3px 0 var(--accent)}
  .business-focus-section .feature-shared{grid-column:1}
  .business-focus-section .feature-pane{grid-template-columns:1fr;padding:23px 20px;gap:19px}
  .business-focus-section .feature-pane-label,
  .business-focus-section .feature-pane-story,
  .business-focus-section .feature-pane-points{grid-column:1}
  .business-focus-section .feature-pane-label{flex-wrap:wrap}
  .business-focus-section .feature-pane-story h3{font-size:29px}
  .business-focus-section .feature-pane-actions a{flex:1 1 185px}
  .solutions-section .solutions-grid{grid-template-columns:1fr}
  .solutions-section .solution-card{padding:20px}
  .solutions-section .solution-flow{padding:9px;gap:5px}
  .solutions-section .solution-flow span{min-height:42px;font-size:10px}
  .solutions-extras{grid-template-columns:36px minmax(0,1fr);padding:16px}
  .solutions-extras-mark{width:35px;height:35px}
  .solutions-extras a{grid-column:1/-1;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .business-focus-section .feature-card,.solutions-section .solution-card{transition:none}
  .business-focus-section .feature-pane.is-active{animation:none}
}

/* Full-width custom process automation CTA — deliberately distinct from four goal cards. */
.custom-process-spotlight{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(25px,4.5vw,74px);
  align-items:center;
  margin-top:31px;
  padding:clamp(29px,4.1vw,57px);
  min-width:0;
  min-height:352px;
  border:1px solid #293d2d;
  border-radius:25px;
  background:
    radial-gradient(ellipse at 99% 0%,rgba(199,255,56,.17),transparent 45%),
    linear-gradient(135deg,#17251d 0%,#1b2b20 52%,#27392a 100%);
  color:#fff;
  box-shadow:0 22px 48px rgba(20,35,23,.11);
}
.custom-process-spotlight::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-140px;
  width:400px;
  height:400px;
  border:1px solid rgba(214,255,156,.13);
  border-radius:50%;
  box-shadow:0 0 0 78px rgba(214,255,156,.025),0 0 0 155px rgba(214,255,156,.018);
  z-index:-1;
  pointer-events:none;
}
.custom-process-copy,.custom-process-action-area{position:relative;z-index:1;min-width:0}
.custom-process-eyebrow{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:20px;
  color:#d8efba;
  font-size:11px;
  font-weight:840;
  text-transform:uppercase;
  letter-spacing:.12em;
  line-height:1.4;
}
.custom-process-eyebrow-mark{width:28px;height:2px;background:#c9ff35;flex:0 0 28px}
.custom-process-copy h3{
  margin:0 0 22px;
  font-size:clamp(33px,3.5vw,54px);
  line-height:1.055;
  letter-spacing:-.06em;
  font-weight:830;
  overflow-wrap:anywhere;
}
.custom-process-copy h3 span{color:#d8ff78}
.custom-process-copy>p{
  max-width:605px;
  margin:0;
  color:#c6d3c7;
  font-size:clamp(14px,1.18vw,16px);
  line-height:1.72;
}
.custom-process-action-area{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0 0 0 4px;
}
.custom-process-examples-label{
  margin-bottom:13px;
  color:#d0ddcf;
  font-size:11px;
  font-weight:780;
  letter-spacing:.09em;
  text-transform:uppercase;
  line-height:1.4;
}
.custom-process-examples{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-bottom:22px;
}
.custom-process-examples span{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:51px;
  padding:11px 13px;
  border:1px solid rgba(212,235,205,.17);
  border-radius:11px;
  background:rgba(255,255,255,.055);
  color:#ebf3e8;
  font-size:12px;
  font-weight:710;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.custom-process-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  width:100%;
  min-height:62px;
  padding:10px 11px 10px 19px;
  border:1px solid #d1fb70;
  border-radius:12px;
  background:#d3ff65;
  color:#172418;
  font-size:clamp(12px,1.06vw,15px);
  font-weight:870;
  line-height:1.4;
  text-align:left;
  text-decoration:none;
  transition:background-color .18s ease,box-shadow .18s ease;
}
.custom-process-cta:hover{background:#e0ff92;box-shadow:0 8px 30px rgba(201,255,53,.18)}
.custom-process-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.custom-process-cta-arrow{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:9px;
  background:#1e2c20;
  color:#e2ffb4;
  font-size:24px;
  font-weight:550;
}
.custom-process-reassurance{
  margin:11px 2px 0;
  color:#c7d7c6;
  font-size:12px;
  line-height:1.5;
}
html[lang="zh"] .custom-process-copy h3,
html[lang="ja"] .custom-process-copy h3{line-height:1.22;letter-spacing:-.042em}
@media(max-width:980px){
  .custom-process-spotlight{grid-template-columns:minmax(0,1fr);gap:29px;min-height:0}
  .custom-process-action-area{padding:0;max-width:680px}
  .custom-process-copy h3{font-size:clamp(35px,5.9vw,53px)}
}
@media(max-width:720px){
  .custom-process-spotlight{margin-top:17px;padding:27px 21px 24px;border-radius:20px;gap:26px}
  .custom-process-spotlight::after{right:-210px;top:-210px}
  .custom-process-eyebrow{margin-bottom:14px;font-size:10px}
  .custom-process-copy h3{margin-bottom:15px;font-size:clamp(30px,8.1vw,41px);line-height:1.095}
  .custom-process-copy>p{font-size:14px;line-height:1.66}
  .custom-process-examples{gap:7px;margin-bottom:17px}
  .custom-process-examples span{min-height:55px;padding:9px 10px;font-size:11px}
  .custom-process-cta{min-height:58px;padding:10px 10px 10px 14px;gap:8px;font-size:13px}
  .custom-process-cta-arrow{flex-basis:32px;width:32px;height:32px;font-size:21px}
  .custom-process-reassurance{font-size:12px}
}
@media(max-width:355px){
  .custom-process-examples{grid-template-columns:1fr}
  .custom-process-copy h3{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.custom-process-cta{transition:none}}