:root{--black:#17140f;--black2:#242018;--gold:#c9a45d;--gold2:#d8b96f;--cream:#f6f1e8;--paper:#fcfaf5;--olive:#4e5938;--text:#1b1813;--muted:#71695e;--line:#dfd5c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--paper);line-height:1.55}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.header{height:82px;background:var(--black);color:#fff;border-bottom:1px solid rgba(201,164,93,.22);position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;gap:28px}.logo{text-decoration:none;color:#fff;font-size:22px;font-weight:900;letter-spacing:-.8px;white-space:nowrap}.logo span{color:var(--gold)}nav{display:flex;gap:26px;margin-left:auto}nav a{color:#eee8dd;text-decoration:none;font-size:13px;font-weight:700}nav a:hover{color:var(--gold)}button{font:inherit}.login,.menu{border:0;background:none;color:#fff;font-weight:800;cursor:pointer}.menu{display:none;font-size:23px}.gold,.outline{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:14px 20px;font-weight:800;border:0;text-decoration:none;cursor:pointer}.gold{background:linear-gradient(135deg,var(--gold2),#b88c3d);color:#17130d}.gold.small{padding:11px 15px}.outline{border:1px solid var(--gold);color:#fff;background:transparent}.hero{position:relative;background:linear-gradient(110deg,#0f0e0b 0%,#1a1711 62%,#292315 100%);color:#fff;min-height:500px;display:flex;align-items:center;overflow:hidden}.hero-glow{position:absolute;width:580px;height:580px;border-radius:50%;right:-180px;top:-260px;background:radial-gradient(circle,rgba(201,164,93,.20),rgba(201,164,93,0) 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:center}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:900;color:#9a7431;margin-bottom:13px}.hero .eyebrow{color:var(--gold2)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif}.hero h1{font-size:clamp(48px,5.2vw,68px);line-height:1.01;font-weight:500;letter-spacing:-2px;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-copy>p{max-width:630px;font-size:17px;color:#ded6ca;margin:0}.actions{display:flex;gap:11px;margin-top:30px}.actions span{margin-left:20px}.search-card{background:var(--paper);color:var(--text);border-radius:14px;padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.28);border-top:3px solid var(--gold)}.search-card h2{font-size:28px;font-weight:500;margin:0 0 18px}.search-card form{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.search-card input{flex:1;border:0;outline:0;padding:14px;background:transparent;min-width:0}.search-card form button{border:0;background:var(--black);color:#fff;padding:0 18px;font-weight:800}.search-card #searchResult{font-size:12px;color:#8c6a2f;margin-top:10px;min-height:17px}.section{padding:88px 0}.intro{background:var(--paper)}.section-head{max-width:680px;margin-bottom:42px}.section-head h2,.split-head h2,.mine h2{font-size:44px;font-weight:500;line-height:1.05;letter-spacing:-1px;margin:0 0 14px}.section-head p,.split-head>p,.mine p{color:var(--muted);font-size:16px}.three{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.three article{padding:34px 34px 34px 0}.three article+article{border-left:1px solid var(--line);padding-left:34px}.number,.tool-mark{font-size:11px;font-weight:900;letter-spacing:1px;color:#a47b34}.three h3,.tool-grid h3{font-size:25px;font-weight:500;margin:13px 0 10px}.three p,.tool-grid p{color:var(--muted);font-size:14px}.three button,.tool-grid button,.all-tools button,.topics button,.text-light{border:0;background:none;padding:0;color:#8d692c;font-weight:800;cursor:pointer;text-align:left;margin-top:10px}.tools{background:var(--cream)}.split-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.split-head>p{max-width:440px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-grid article{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:30px;min-height:245px}.all-tools{text-align:right;margin-top:22px}.all-tools button{font-size:13px}.editorial{background:var(--black);color:#fff}.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.editorial-feature h2{font-size:45px;font-weight:500;line-height:1.05;margin:0 0 18px}.editorial-feature p{color:#d6cec1;max-width:480px}.eyebrow.light{color:var(--gold2)}.text-light{color:var(--gold2);margin-top:16px}.topics{border-top:1px solid #4a4235}.topics button{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a4235;color:#f2ece2;padding:20px 3px;margin:0;font-size:15px}.topics button b{color:var(--gold)}.mine{background:#f8f4ec}.mine-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.mine p{max-width:570px;margin-bottom:26px}.preview{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:12px;padding:28px;box-shadow:0 18px 50px rgba(39,30,18,.08)}.preview-top,.line{display:flex;justify-content:space-between}.preview-top{font-size:10px;letter-spacing:1px;color:#877b6c}.preview h3{font-size:27px;font-weight:500}.line{padding:12px 0;border-bottom:1px solid #ece5da;font-size:13px}.progress{height:6px;background:#e8e0d4;border-radius:99px;margin:7px 0 10px;overflow:hidden}.progress i{display:block;width:72%;height:100%;background:var(--olive)}footer{background:#100f0c;color:#cfc7ba;padding:50px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.foot>div{display:flex;flex-direction:column;gap:9px}.foot b{color:#fff;font-size:13px}.foot a:not(.logo){color:#aaa195;text-decoration:none;font-size:12px}.foot p{font-size:13px}.copyright{border-top:1px solid #302b23;margin-top:35px;padding-top:18px;font-size:11px;color:#817a70}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:100;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(460px,100%);background:var(--paper);border-radius:12px;padding:30px;position:relative}.modal-card h2{font-size:30px;font-weight:500}.modal-card p{color:var(--muted)}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:27px;cursor:pointer}
@media(max-width:900px){nav,.login{display:none}.menu{display:block;margin-left:auto}.hero-grid,.editorial-grid,.mine-grid{grid-template-columns:1fr;gap:42px}.hero{padding:65px 0}.three,.tool-grid{grid-template-columns:1fr}.three article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.split-head{display:block}.editorial-grid{gap:45px}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.shell{width:calc(100% - 30px)}.header{height:70px}.logo{font-size:19px}.gold.small{display:none}.hero h1{font-size:44px}.actions{flex-direction:column}.section{padding:65px 0}.section-head h2,.split-head h2,.mine h2,.editorial-feature h2{font-size:36px}.search-card{padding:22px}.search-card form{display:block;border:0}.search-card input{width:100%;border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.search-card form button{width:100%;padding:13px;border-radius:8px}.foot{grid-template-columns:1fr}.foot>div:first-child{grid-column:auto}}


/* ==========================================================
   V6 — PREMIUM PHOTO HERO
   Keeps the calm V5 structure; adds only a photographic
   hospitality layer with a soft fade into the dark background.
   ========================================================== */

.hero{
  position:relative;
  isolation:isolate;
  background:#17140f;
  min-height:520px;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:
    url("https://images.unsplash.com/photo-1774989423979-6a7bf5add3f0?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=80&w=2400");
  background-size:cover;
  background-position:center 55%;
  background-repeat:no-repeat;
  opacity:.76;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,
      rgba(15,14,11,.98) 0%,
      rgba(15,14,11,.93) 31%,
      rgba(15,14,11,.72) 53%,
      rgba(15,14,11,.36) 73%,
      rgba(15,14,11,.24) 100%),
    linear-gradient(180deg,
      rgba(15,14,11,.20) 0%,
      rgba(15,14,11,.08) 55%,
      rgba(15,14,11,.88) 100%);
}

.hero-glow{
  z-index:-1;
  width:620px;
  height:620px;
  right:-180px;
  top:-260px;
  background:radial-gradient(circle,rgba(201,164,93,.17),rgba(201,164,93,0) 68%);
}

.hero-copy{
  text-shadow:0 2px 20px rgba(0,0,0,.25);
}

.search-card{
  background:rgba(252,250,245,.96);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 28px 75px rgba(0,0,0,.34);
}

/* extra darkening on smaller screens keeps the text readable */
@media(max-width:900px){
  .hero::before{
    opacity:.58;
    background-position:62% center;
  }
  .hero::after{
    background:
      linear-gradient(90deg,rgba(15,14,11,.94),rgba(15,14,11,.70)),
      linear-gradient(180deg,rgba(15,14,11,.20),rgba(15,14,11,.88));
  }
}


/* ==========================================================
   V7 — SEARCH MOVED OUT OF HERO
   The hero is now clean and photographic.
   Search becomes a full-width utility strip directly below.
   ========================================================== */

.hero-grid{
  grid-template-columns:minmax(0,720px) 1fr;
}

.hero-copy{
  max-width:720px;
}

.global-search{
  position:relative;
  z-index:8;
  background:#f6f1e8;
  border-bottom:1px solid #dfd5c5;
  padding:25px 0;
}

.search-strip{
  display:grid;
  grid-template-columns:300px minmax(420px,1fr);
  column-gap:42px;
  align-items:center;
}

.search-intro .eyebrow{
  margin:0 0 3px;
  color:#9a7431;
}

.search-intro h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:500;
  line-height:1.1;
  margin:0;
}

.search-strip form{
  height:54px;
  display:flex;
  align-items:center;
  background:#fff;
  border:1px solid #d8cdbb;
  border-radius:9px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(36,28,18,.05);
}

.search-strip .magnify{
  font-size:25px;
  color:#8d692c;
  padding-left:17px;
}

.search-strip input{
  flex:1;
  min-width:0;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  padding:0 15px;
  color:#1b1813;
  font-size:14px;
}

.search-strip form button{
  align-self:stretch;
  min-width:105px;
  border:0;
  background:#17140f;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

.search-strip #searchResult{
  grid-column:2;
  min-height:0;
  margin-top:6px;
  font-size:12px;
  color:#8c6a2f;
}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .search-strip{
    grid-template-columns:1fr;
    gap:15px;
  }
  .search-strip #searchResult{grid-column:1}
}

@media(max-width:560px){
  .global-search{padding:20px 0}
  .search-strip form{
    height:auto;
    flex-wrap:wrap;
    background:transparent;
    border:0;
    box-shadow:none;
    overflow:visible;
  }
  .search-strip .magnify{display:none}
  .search-strip input{
    width:100%;
    flex-basis:100%;
    height:50px;
    background:#fff;
    border:1px solid #d8cdbb;
    border-radius:8px;
    margin-bottom:8px;
  }
  .search-strip form button{
    width:100%;
    height:48px;
    border-radius:8px;
  }
}


/* V8 — supplied Horeca Brands logo */
.logo-image{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.logo-image img{
  display:block;
  width:auto;
  height:61px;
  max-width:290px;
  object-fit:contain;
}
footer .logo-image img{
  height:78px;
  max-width:330px;
}
@media(max-width:700px){
  .logo-image img{height:48px;max-width:220px}
  footer .logo-image img{height:65px;max-width:260px}
}


/* V9 — exact supplied transparent logo */
.header .logo-image{
  height:100%;
  display:flex;
  align-items:center;
}
.header .logo-image img{
  width:auto;
  height:68px;
  max-width:310px;
  object-fit:contain;
  object-position:left center;
}
footer .logo-image img{
  width:auto;
  height:92px;
  max-width:360px;
  object-fit:contain;
}
@media(max-width:700px){
  .header .logo-image img{height:55px;max-width:245px}
  footer .logo-image img{height:72px;max-width:285px}
}


/* V10 — header logo sizing fix
   The source PNG contained a large transparent canvas. V10 uses a tightly
   cropped copy of the SAME artwork, so the visible logo can fill the header. */
.header{height:96px}
.header .nav{height:96px}
.header .logo-image{
  width:300px;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:visible;
}
.header .logo-image img{
  display:block;
  width:auto !important;
  height:82px !important;
  max-width:300px !important;
  object-fit:contain;
  object-position:left center;
}
footer .logo-image img{
  width:auto !important;
  height:100px !important;
  max-width:350px !important;
}
@media(max-width:700px){
  .header{height:78px}
  .header .nav{height:78px}
  .header .logo-image{width:220px;height:70px}
  .header .logo-image img{height:64px !important;max-width:220px !important}
}


/* V11 — exact artwork from newly supplied ORIGINAL logo */
.header{height:104px}
.header .nav{height:104px}
.header .logo-image{
  width:335px;
  height:96px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.header .logo-image img{
  display:block;
  width:320px !important;
  height:auto !important;
  max-width:320px !important;
  max-height:92px !important;
  object-fit:contain;
  object-position:left center;
}
footer .logo-image img{
  width:330px !important;
  height:auto !important;
  max-width:330px !important;
  max-height:none !important;
}
@media(max-width:700px){
  .header{height:82px}
  .header .nav{height:82px}
  .header .logo-image{width:235px;height:74px}
  .header .logo-image img{
    width:225px !important;
    max-width:225px !important;
    max-height:70px !important;
  }
}


/* V12 — final header logo sizing */
.header{height:118px}
.header .nav{height:118px}
.header .logo-image{
  width:390px !important;
  height:110px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.header .logo-image img{
  width:365px !important;
  height:auto !important;
  max-width:none !important;
  max-height:104px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
@media(max-width:900px){
  .header{height:94px}
  .header .nav{height:94px}
  .header .logo-image{width:280px !important;height:88px !important}
  .header .logo-image img{width:265px !important;max-height:82px !important}
}
@media(max-width:560px){
  .header{height:82px}
  .header .nav{height:82px}
  .header .logo-image{width:230px !important;height:76px !important}
  .header .logo-image img{width:215px !important;max-height:70px !important}
}


/* V13 — EXACT ORIGINAL LOGO, NO COLOR MANIPULATION
   The original JPG has a white background, so the header gets a dedicated
   white logo field. This guarantees the supplied navy/gold colours remain exact. */
.header .logo-image{
  width:310px !important;
  height:92px !important;
  padding:7px 15px !important;
  background:#fff !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
.header .logo-image img{
  display:block !important;
  width:280px !important;
  height:78px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
footer .logo-image{
  background:#fff !important;
  padding:10px 15px !important;
  width:320px !important;
}
footer .logo-image img{
  width:290px !important;
  height:auto !important;
  opacity:1 !important;
  filter:none !important;
}
@media(max-width:700px){
  .header .logo-image{width:235px !important;height:72px !important;padding:5px 10px !important}
  .header .logo-image img{width:215px !important;height:62px !important}
}


/* =========================================================
   V14 — HOMEPAGE CONTENT EXPANSION
   Calm, editorial, premium. No dashboard clutter.
   ========================================================= */

.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.path-card{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:36px 30px 38px 0}
.path-card+.path-card{border-left:1px solid var(--line);padding-left:30px}
.path-card.featured{background:linear-gradient(180deg,rgba(201,164,93,.06),rgba(201,164,93,0))}
.path-no{font-size:11px;font-weight:900;color:#a47b34;padding-top:3px}
.path-card h3{font-size:28px;font-weight:500;margin:5px 0 12px}
.path-card p{color:var(--muted);font-size:14px;margin-bottom:19px}
.path-card ul{list-style:none;margin:0 0 22px;padding:0}
.path-card li{font-size:13px;padding:6px 0;border-bottom:1px solid #eee7dc}
.path-card li:before{content:"—";color:var(--gold);margin-right:9px}
.path-card button{border:0;background:none;padding:0;color:#8d692c;font-weight:800;cursor:pointer}

.tool-card{position:relative}
.secondary-tools{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border-top:1px solid #d8cdbd;border-bottom:1px solid #d8cdbd}
.secondary-tools button{border:0;border-right:1px solid #d8cdbd;background:transparent;padding:17px 15px;text-align:left;font-weight:800;font-size:12px;cursor:pointer;color:#39332a}
.secondary-tools button:last-child{border-right:0}.secondary-tools button span{float:right;color:#a47b34}

.verified{font-size:12px!important;color:#a99169!important;border-left:2px solid var(--gold);padding-left:12px;margin-top:22px}
.topics small{color:#a88a55;font-size:9px;margin-right:15px}

.current{background:#fff}
.section-head.compact{max-width:760px}
.current-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.current-grid article{border-top:2px solid #d3b166;padding:25px 4px 10px}
.current-grid article>span{font-size:9px;letter-spacing:1.7px;font-weight:900;color:#9a7431}
.current-grid h3{font-size:24px;font-weight:500;margin:11px 0 9px}
.current-grid p{color:var(--muted);font-size:14px}
.current-grid button{border:0;background:none;padding:0;color:#8d692c;font-weight:800;cursor:pointer}

.mine-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0 0 28px;color:#625a50;font-size:13px}
.mine-benefits span::first-letter{color:#9a7431}

.newsletter{background:var(--olive);color:#fff;padding:60px 0}
.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.newsletter h2{font-size:38px;line-height:1.05;font-weight:500;margin:0}
.newsletter p{color:#e6e7df;margin:0 0 18px}
.newsletter button{border:1px solid #d9bd79;background:transparent;color:#fff;border-radius:7px;padding:12px 17px;font-weight:800;cursor:pointer}

@media(max-width:900px){
 .path-grid,.current-grid{grid-template-columns:1fr}
 .path-card+.path-card{border-left:0;border-top:1px solid var(--line);padding-left:0}
 .secondary-tools{grid-template-columns:1fr 1fr}
 .secondary-tools button{border-bottom:1px solid #d8cdbd}
 .newsletter-grid{grid-template-columns:1fr;gap:25px}
}
@media(max-width:560px){
 .path-card{grid-template-columns:30px 1fr;padding-right:0}
 .secondary-tools{grid-template-columns:1fr}
 .secondary-tools button{border-right:0}
 .mine-benefits{grid-template-columns:1fr}
}


/* =========================================================
   V15 — STRONGER THREE PATHS
   Removes numbering and turns the section into three strong
   premium editorial entry cards.
   ========================================================= */

.path-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  border:0;
}

.path-card,
.path-card+.path-card{
  position:relative;
  display:block;
  min-height:465px;
  padding:38px 34px 34px !important;
  border:1px solid #ded4c4 !important;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 35px rgba(35,28,18,.055);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.path-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:6px;
  background:#c9a45d;
}

.path-card:after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-90px;top:-92px;
  border-radius:50%;
  background:rgba(201,164,93,.08);
  pointer-events:none;
}

.path-card:hover{
  transform:translateY(-4px);
  border-color:#cdb889 !important;
  box-shadow:0 20px 50px rgba(35,28,18,.10);
}

.path-card.featured{
  background:#17140f;
  border-color:#17140f !important;
  color:#fff;
  box-shadow:0 18px 46px rgba(23,20,15,.16);
}

.path-card.featured:before{background:#c9a45d}
.path-card.featured:after{background:rgba(201,164,93,.12)}
.path-card.featured .eyebrow{color:#d5b66f}
.path-card.featured p{color:#c9c2b7}
.path-card.featured li{color:#f7f1e7;border-bottom-color:rgba(255,255,255,.11)}
.path-card.featured button{color:#d7b66b}

.path-card .eyebrow{
  display:block;
  min-height:28px;
  margin-bottom:18px;
  font-size:10px;
  letter-spacing:2px;
}

.path-card h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  line-height:1.05;
  margin:0 0 17px;
  max-width:310px;
}

.path-card p{
  min-height:76px;
  margin:0 0 20px;
  font-size:14px;
  line-height:1.65;
}

.path-card ul{margin:0 0 27px}
.path-card li{
  padding:8px 0;
  font-size:13px;
}

.path-card button{
  position:absolute;
  left:34px;
  bottom:32px;
  font-size:14px;
  letter-spacing:.1px;
}

.path-start{background:linear-gradient(145deg,#fff 0%,#faf6ee 100%)}
.path-knowledge{background:linear-gradient(145deg,#fff 0%,#f4f1e8 100%)}
.path-knowledge:before{background:#59643f}
.path-knowledge:after{background:rgba(79,93,54,.08)}
.path-knowledge .eyebrow{color:#657044}

@media(max-width:900px){
 .path-grid{grid-template-columns:1fr;gap:14px}
 .path-card,.path-card+.path-card{min-height:auto;padding:30px 28px 78px !important}
 .path-card p{min-height:0}
 .path-card button{left:28px;bottom:27px}
}


/* V16 — refined step markers
   Keep V15 cards exactly as approved; replace dash bullets only. */
.path-card li{
  position:relative;
  padding:9px 0 9px 24px !important;
}
.path-card li:before{
  content:"" !important;
  position:absolute;
  left:1px;
  top:50%;
  width:7px;
  height:7px;
  margin:0 !important;
  border-radius:50%;
  background:#c9a45d;
  transform:translateY(-50%);
}
.path-card.featured li:before{
  background:#d7b66b;
}
.path-knowledge li:before{
  background:#68734b;
}


/* V17 — centered CTA buttons in approved path cards */
.path-card button{
  left:50% !important;
  bottom:28px !important;
  transform:translateX(-50%);
  width:calc(100% - 68px);
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px !important;
  border:1px solid #c9a45d !important;
  border-radius:7px;
  background:transparent !important;
  color:#8d692c !important;
  text-align:center !important;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.path-card button:hover{
  background:#c9a45d !important;
  color:#17140f !important;
}
.path-card.featured button{
  border-color:#d7b66b !important;
  color:#d7b66b !important;
}
.path-card.featured button:hover{
  background:#d7b66b !important;
  color:#17140f !important;
}
.path-knowledge button{
  border-color:#68734b !important;
  color:#59643f !important;
}
.path-knowledge button:hover{
  background:#68734b !important;
  color:#fff !important;
}
@media(max-width:900px){
 .path-card button{
   left:50% !important;
   width:calc(100% - 56px);
 }
}


/* V18 — more breathing room between steps and CTA */
.path-card,
.path-card+.path-card{
  min-height:500px;
  padding-bottom:104px !important;
}
.path-card ul{
  margin-bottom:34px !important;
}
.path-card button{
  bottom:30px !important;
}
@media(max-width:900px){
  .path-card,
  .path-card+.path-card{
    min-height:auto;
    padding-bottom:108px !important;
  }
}


/* =========================================================
   V19 — PREMIUM TOOLS SECTION
   Stronger hierarchy, calmer cards, clear primary tools.
   V18 path cards remain untouched.
   ========================================================= */

.tools{
  background:#f3eee5;
  position:relative;
  overflow:hidden;
}
.tools:before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-190px;top:-210px;
  border-radius:50%;
  background:rgba(201,164,93,.08);
  pointer-events:none;
}
.tools .split-head{
  position:relative;
  align-items:end;
  padding-bottom:28px;
  border-bottom:1px solid #d9cfbf;
}
.tools .split-head h2{
  max-width:650px;
  margin-bottom:0;
}
.tools .split-head>p{
  max-width:470px;
  margin-bottom:4px;
  color:#6b6258;
}

.tools .tool-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.tools .tool-card{
  min-height:340px;
  padding:34px 31px 31px;
  border:1px solid #d9cfbf;
  border-radius:14px;
  background:#fffdf9;
  box-shadow:0 12px 34px rgba(35,28,18,.05);
  display:flex;
  flex-direction:column;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.tools .tool-card:hover{
  transform:translateY(-4px);
  border-color:#c8b27f;
  box-shadow:0 20px 44px rgba(35,28,18,.09);
}
.tools .tool-card:nth-child(1){
  background:#17140f;
  border-color:#17140f;
  color:#fff;
}
.tools .tool-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  width:auto;
  min-width:92px;
  height:27px;
  padding:0 11px;
  border-radius:999px;
  background:#f1e5cc;
  color:#8c6729;
  font-size:0;
  font-weight:900;
  letter-spacing:1px;
}
.tools .tool-card:nth-child(1) .tool-mark{
  background:rgba(201,164,93,.15);
  color:#d9b86d;
}
.tools .tool-card:nth-child(1) .tool-mark:after{content:"HOOFDTOOL";font-size:9px}
.tools .tool-card:nth-child(2) .tool-mark:after{content:"RENDEMENT";font-size:9px}
.tools .tool-card:nth-child(3) .tool-mark:after{content:"STARTSCAN";font-size:9px}

.tools .tool-card h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:29px;
  line-height:1.08;
  font-weight:500;
  margin:26px 0 14px;
}
.tools .tool-card p{
  color:#6b6258;
  line-height:1.65;
  font-size:14px;
  margin:0 0 27px;
}
.tools .tool-card:nth-child(1) p{color:#c9c2b7}

.tools .tool-card button{
  margin-top:auto;
  width:100%;
  min-height:46px;
  border:1px solid #c9a45d;
  border-radius:7px;
  background:transparent;
  color:#8d692c;
  font-weight:800;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.tools .tool-card button:hover{
  background:#c9a45d;
  color:#17140f;
}
.tools .tool-card:nth-child(1) button{
  color:#d9b86d;
  border-color:#d9b86d;
}
.tools .tool-card:nth-child(1) button:hover{
  background:#d9b86d;
  color:#17140f;
}

.tools .secondary-tools{
  margin-top:24px;
  border:1px solid #d9cfbf;
  border-radius:11px;
  overflow:hidden;
  background:rgba(255,255,255,.55);
}
.tools .secondary-tools button{
  min-height:64px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:transparent;
  transition:background .18s ease,color .18s ease;
}
.tools .secondary-tools button:hover{
  background:#fff;
  color:#8d692c;
}
.tools .all-tools{
  display:flex;
  justify-content:center;
  padding-top:26px;
}
.tools .all-tools button{
  min-width:220px;
  min-height:44px;
  padding:10px 22px;
  border:0;
  border-bottom:1px solid #9c7837;
  background:transparent;
  color:#7f6028;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:900px){
 .tools .tool-grid{grid-template-columns:1fr}
 .tools .tool-card{min-height:285px}
 .tools .secondary-tools{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .tools .secondary-tools{grid-template-columns:1fr}
 .tools .split-head{display:block}
 .tools .split-head>p{margin-top:18px}
}


/* V20 — approved HorecaBrands.be master logo
   Use the supplied transparent PNG directly, without colour/background edits. */
.header .logo-image{
  background:transparent !important;
  padding:0 !important;
  width:350px !important;
  height:104px !important;
  overflow:visible !important;
}
.header .logo-image img{
  display:block !important;
  width:335px !important;
  height:96px !important;
  max-width:335px !important;
  max-height:96px !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
footer .logo-image{
  background:transparent !important;
  padding:0 !important;
  width:350px !important;
}
footer .logo-image img{
  width:335px !important;
  height:auto !important;
  max-width:335px !important;
  opacity:1 !important;
  filter:none !important;
}
@media(max-width:700px){
  .header .logo-image{width:250px !important;height:76px !important}
  .header .logo-image img{
    width:235px !important;height:70px !important;
    max-width:235px !important;max-height:70px !important;
  }
}


/* V21 — supplied white-background HorecaBrands.be logo
   Keep the white field intentionally: it gives the dark green/gold logo
   enough contrast and preserves the supplied artwork exactly. */
.header .logo-image{
  width:335px !important;
  height:96px !important;
  padding:6px 12px !important;
  background:#fff !important;
  border-radius:4px !important;
  overflow:hidden !important;
}
.header .logo-image img{
  display:block !important;
  width:305px !important;
  height:84px !important;
  max-width:305px !important;
  max-height:84px !important;
  object-fit:contain !important;
  object-position:center center !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
footer .logo-image{
  width:345px !important;
  padding:10px 14px !important;
  background:#fff !important;
  border-radius:4px !important;
}
footer .logo-image img{
  width:315px !important;
  height:auto !important;
  max-width:315px !important;
  opacity:1 !important;
  filter:none !important;
}
@media(max-width:700px){
  .header .logo-image{
    width:245px !important;
    height:74px !important;
    padding:5px 9px !important;
  }
  .header .logo-image img{
    width:225px !important;
    height:64px !important;
    max-width:225px !important;
    max-height:64px !important;
  }
}


/* =========================================================
   V22 — PREMIUM KENNISBANK
   Editorial knowledge hub, without numbered category styling.
   ========================================================= */

.editorial{
  background:#153f38;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.editorial:before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  left:-270px;bottom:-330px;
  border-radius:50%;
  border:1px solid rgba(213,182,111,.16);
  pointer-events:none;
}
.editorial-grid{
  position:relative;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  align-items:start;
}
.editorial-feature{
  padding:12px 0 8px;
}
.editorial-feature h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:46px;
  line-height:1.06;
  font-weight:500;
  margin:15px 0 22px;
  max-width:520px;
}
.editorial-feature>p{
  max-width:520px;
  color:#d9e0dc;
  font-size:15px;
  line-height:1.7;
}
.editorial .verified{
  margin-top:28px;
  padding:12px 15px;
  border:1px solid rgba(213,182,111,.25);
  border-left:3px solid #d5b66f;
  border-radius:5px;
  background:rgba(255,255,255,.035);
  color:#d7cba9 !important;
}
.editorial-feature .text-light{
  margin-top:24px;
  min-width:210px;
  min-height:45px;
  padding:10px 20px;
  border:1px solid #d5b66f;
  border-radius:7px;
  background:transparent;
  color:#f5e7c3;
  font-weight:800;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.editorial-feature .text-light:hover{
  background:#d5b66f;
  color:#153f38;
}

.editorial .topics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.editorial .topics button,.editorial .topics a{
  position:relative;
  min-height:116px;
  padding:22px 21px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.045);
  color:#fff;
  text-align:left;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.editorial .topics button:before,.editorial .topics a:before{
  content:"";
  position:absolute;
  top:20px;
  left:21px;
  width:22px;
  height:3px;
  border-radius:3px;
  background:#d5b66f;
}
.editorial .topics button:hover,.editorial .topics a:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.075);
  border-color:rgba(213,182,111,.48);
}
.editorial .topics button b,.editorial .topics a b{
  color:#d5b66f;
  font-size:18px;
  font-weight:500;
}

@media(max-width:900px){
 .editorial-grid{grid-template-columns:1fr;gap:38px}
 .editorial-feature h2{font-size:39px}
}
@media(max-width:560px){
 .editorial .topics{grid-template-columns:1fr}
 .editorial-feature h2{font-size:34px}
}

/* =========================================================
   V23 — FUNCTIONELE KENNISBANK
   ========================================================= */
.kb-back{margin-left:auto;color:#f2ece2;text-decoration:none;font-size:13px;font-weight:800}.kb-back:hover{color:var(--gold2)}
.kb-hero{background:#153f38;color:#fff;padding:72px 0 64px;border-bottom:1px solid rgba(213,182,111,.22)}
.kb-hero h1,.article-head h1{font-size:clamp(40px,5vw,62px);line-height:1.03;font-weight:500;letter-spacing:-1.5px;max-width:880px;margin:10px 0 18px}
.kb-hero>div>p{max-width:760px;color:#d9e0dc;font-size:16px}
.kb-search{display:flex;max-width:760px;margin-top:30px;border:1px solid rgba(255,255,255,.23);border-radius:9px;overflow:hidden;background:#fff}
.kb-search input{flex:1;min-width:0;border:0;padding:15px 17px;font-size:14px;outline:0}.kb-search button{border:0;background:#d5b66f;color:#153f38;padding:0 24px;font-weight:900;cursor:pointer}
.kb-body{background:#f8f4ec;padding:58px 0 90px}.kb-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:48px;align-items:start}
.kb-categories{position:sticky;top:132px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.kb-categories strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:20px;margin-bottom:12px}.kb-categories a{display:block;padding:10px 8px;border-bottom:1px solid #eee6da;color:#5f584e;text-decoration:none;font-size:13px}.kb-categories a:last-child{border-bottom:0}.kb-categories a:hover,.kb-categories a.active{color:#153f38;font-weight:900}
.kb-results-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.kb-results-head h2{font-size:34px;font-weight:500;margin:0}.kb-results-head>span{font-size:12px;color:#7b7164;white-space:nowrap}
.kb-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kb-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px;display:flex;flex-direction:column;min-height:290px;transition:transform .18s ease,box-shadow .18s ease}.kb-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(45,35,22,.07)}
.kb-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.8px;font-weight:900;color:#8d692c}.kb-meta b,.premium-badge{display:inline-flex;align-items:center;background:#d5b66f;color:#153f38;border-radius:99px;padding:5px 9px;font:900 9px Arial,sans-serif;letter-spacing:1px}
.kb-card h3{font-size:25px;line-height:1.15;font-weight:500;margin:16px 0 11px}.kb-card h3 a{color:var(--text);text-decoration:none}.kb-card p{color:var(--muted);font-size:14px;margin:0 0 22px}.kb-card-foot{margin-top:auto;border-top:1px solid #eee6da;padding-top:15px;display:flex;justify-content:space-between;align-items:end;gap:18px}.kb-card-foot small{color:#8d8376;font-size:10px}.kb-card-foot a,.kb-empty a{color:#8d692c;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.kb-empty{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px}.kb-empty h3{font-size:26px;font-weight:500;margin-top:0}
.article-head{background:#153f38;color:#fff;padding:70px 0 56px}.article-shell{width:min(820px,calc(100% - 48px));margin:auto}.article-category{display:inline-block;color:#e5c77e;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:1px;margin-right:10px}.article-head .premium-badge{vertical-align:middle}.article-head>div>p{max-width:760px;color:#d9e0dc;font-size:17px;line-height:1.7}.article-info{margin-top:24px;color:#bfcac5;font-size:12px}.article-info span{padding:0 8px}.article-content{padding-top:58px;padding-bottom:88px}.article-content section{margin-bottom:42px}.article-content h2{font-size:31px;line-height:1.15;font-weight:500;margin:0 0 13px;color:#242018}.article-content section p{font-size:16px;line-height:1.85;color:#5f584e}.article-note{margin-top:56px;padding:22px;border-left:3px solid #c9a45d;background:#f6f1e8}.article-note strong{font-family:Georgia,"Times New Roman",serif;font-size:20px}.article-note p{font-size:13px;color:#71695e;margin-bottom:0}.premium-lock{margin:52px 0;padding:34px;border:1px solid #d7c696;border-radius:12px;background:#f7f0df}.premium-lock h2{font-size:30px}.premium-lock p{color:#6f6558;max-width:650px}.premium-lock .gold{margin-top:12px}
@media(max-width:900px){.kb-layout{grid-template-columns:1fr}.kb-categories{position:static;display:grid;grid-template-columns:1fr 1fr}.kb-categories strong{grid-column:1/-1}.kb-cards{grid-template-columns:1fr}.kb-back{margin-left:auto}}
@media(max-width:560px){.kb-hero{padding:52px 0}.kb-search{display:block;background:transparent;border:0;overflow:visible}.kb-search input{width:100%;border-radius:8px}.kb-search button{width:100%;height:48px;border-radius:8px;margin-top:8px}.kb-categories{grid-template-columns:1fr}.kb-results-head{display:block}.kb-results-head>span{display:block;margin-top:8px}.kb-card-foot{display:block}.kb-card-foot a{display:block;margin-top:12px}.article-shell{width:calc(100% - 30px)}.article-head{padding:52px 0 42px}.article-content{padding-top:42px}.premium-lock{padding:24px}}

.path-link{display:inline-block;margin-top:10px;color:#8d692c;text-decoration:none;font-weight:800;font-size:13px}.editorial .topics a{text-decoration:none}.editorial-feature a.text-light{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* V23.2 — article sources */
.article-sources{margin:42px 0 28px;padding:24px 26px;border:1px solid rgba(20,63,56,.14);border-radius:18px;background:#f8faf9}
.article-sources h2{margin-top:0}
.article-sources ul{margin:14px 0 0;padding-left:20px}
.article-sources li{margin:8px 0}
.article-sources a{color:#153f38;font-weight:700;text-decoration:none}
.article-sources a:hover{text-decoration:underline}

/* =========================================================
   V24 — MIJN HORECA & ACCOUNTS
   ========================================================= */
.account-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.article-nav{margin-left:auto;display:flex;align-items:center;gap:18px}.article-nav .kb-back{margin-left:0}
.auth-body{background:#f5f0e7;min-height:100vh}.auth-main{min-height:calc(100vh - 110px);display:grid;place-items:center;padding:58px 24px}.auth-card{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:38px;box-shadow:0 24px 70px rgba(34,29,20,.08)}.auth-card-wide{width:min(720px,100%)}.auth-card h1{font-size:42px;line-height:1.05;font-weight:500;margin:10px 0 12px}.auth-card>p{color:var(--muted);margin-bottom:28px}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#4c463d}.auth-form label small{font-weight:500;color:#8e8579}.auth-form input{width:100%;border:1px solid #d9d0c3;border-radius:8px;padding:13px 14px;font:inherit;background:#fff;color:#262119;outline:none}.auth-form input:focus{border-color:#a98746;box-shadow:0 0 0 3px rgba(213,182,111,.18)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-form .gold{border:0;cursor:pointer;margin-top:5px}.auth-switch{border-top:1px solid #eee7dc;margin-top:25px;padding-top:20px;font-size:13px;color:#71695e}.auth-switch a{color:#153f38;font-weight:900}.form-alert{padding:12px 14px;border-radius:8px;margin-bottom:18px;font-size:13px}.form-alert.error{background:#fff0ed;border:1px solid #edc5bc;color:#842f21}
.dashboard{background:#f7f3eb;min-height:calc(100vh - 110px);padding-bottom:90px}.dashboard-hero{background:#153f38;color:#fff;padding:60px 0}.dashboard-hero h1{font-size:48px;font-weight:500;margin:10px 0 12px}.dashboard-hero p{color:#d4ded9}.account-nav{margin-left:auto;display:flex;gap:24px;align-items:center}.account-nav a{color:#f2ece2;text-decoration:none;font-size:13px;font-weight:800}.account-nav a:hover{color:#d5b66f}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.dash-card h2{font-size:28px;font-weight:500;margin:8px 0 10px}.dash-card p{color:#71695e}.dash-wide{grid-column:1/-1}.dash-label{font-size:10px;font-weight:900;letter-spacing:1px;color:#8d692c}.plan-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.plan-pill{border-radius:99px;padding:6px 10px;background:#eee8dd;color:#6b6256;font-size:9px;font-weight:900;letter-spacing:1px}.plan-pill.is-premium{background:#d5b66f;color:#153f38}.dash-note{margin-top:18px;padding:12px 14px;border-left:3px solid #d5b66f;background:#f8f4ec;color:#6d655b;font-size:12px}.business-name{font-weight:800;color:#153f38!important}.placeholder-card{opacity:.82}
@media(max-width:780px){.form-grid,.dashboard-grid{grid-template-columns:1fr}.dash-wide{grid-column:auto}.auth-card{padding:26px}.auth-card h1,.dashboard-hero h1{font-size:36px}.article-nav{gap:10px}.account-nav{gap:12px}}

/* ==========================================================
   V27 — LIVE TOOLS + PREMIUM CHECKLIST
   ========================================================== */
.tool-live-link,.all-tools-link,.secondary-tool-live{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;cursor:pointer}
.tool-live-link{margin-top:18px;color:#17140f;border-bottom:1px solid #b38a45;padding-bottom:4px}
.secondary-tools .secondary-tool-live{background:#fff;border:1px solid var(--line);padding:18px 20px;color:#201c16;justify-content:space-between}
.all-tools-link{border:1px solid #1c1914;padding:12px 18px;border-radius:6px;color:#1c1914}
.tools-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tool-page-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-height:270px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 14px 38px rgba(45,35,22,.05)}
.tool-page-card.live{border-top:3px solid var(--gold)}.tool-page-card h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500;margin:15px 0 8px}.tool-page-card p{color:var(--muted);line-height:1.65;flex:1}.tool-status{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#8d692c}.tool-soon{font-size:12px;font-weight:800;color:#8d8478}
.tool-hero{background:#153f38;color:#fff;padding:64px 0 54px}.tool-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:52px;font-weight:500;margin:8px 0 12px}.tool-hero p{max-width:700px;color:#dbe5e0;font-size:17px}.tool-shell{max-width:1050px}.tool-work{padding:55px 0 80px;background:#f7f3ec}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:28px;align-items:start}.calculator-card,.calculator-results,.access-gate,.tool-explain{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px}.calculator-card h2,.access-gate h2,.tool-explain h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:500;margin-top:0}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calc-fields label{font-size:12px;font-weight:800;color:#50483d}.calc-fields input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #d5ccbf;border-radius:7px;background:#fff;font:inherit;color:#1b1813}.calc-hint{font-size:12px;color:#877e71;line-height:1.55;margin:20px 0 0}.calculator-results{background:#153f38;color:#fff;border:0;position:sticky;top:25px}.calculator-results .eyebrow{color:#d5b879}.result-primary{padding:18px 0 22px;border-bottom:1px solid rgba(255,255,255,.16)}.result-primary small,.result-grid small,.target-box small{display:block;color:#bed0c9;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.result-primary strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:500;margin-top:5px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:10px 0}.result-grid>div{padding:16px 10px 16px 0;border-bottom:1px solid rgba(255,255,255,.12)}.result-grid b{display:block;font-size:20px;margin-top:4px}.target-box{background:rgba(255,255,255,.08);border-radius:8px;padding:18px;margin:18px 0}.target-box strong{display:block;font-size:30px;margin-top:6px;color:#efd59e}.print-btn{width:100%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;padding:13px;border-radius:7px;font-weight:800;cursor:pointer}.tool-explain{margin-top:28px}.tool-explain p{color:var(--muted);line-height:1.75}.access-gate{text-align:center;max-width:700px;margin:0 auto;padding:48px}.access-gate p{color:var(--muted);line-height:1.7}.outline-dark{display:inline-flex;text-decoration:none;border:1px solid #242019;color:#242019;padding:12px 17px;border-radius:6px;font-weight:800}
.article-action-box{margin:38px 0;background:#f5efe3;border:1px solid #ded0b9;border-left:4px solid #b38a45;border-radius:8px;padding:26px}.article-action-box h2{margin-top:8px}.article-action-box p{margin-bottom:20px}.checklist-head{padding:56px 0 35px;background:#f4efe6;border-bottom:1px solid #ded4c6}.checklist-shell{max-width:900px}.checklist-head h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:500;line-height:1.08;margin:8px 0 14px}.checklist-head p{color:var(--muted);max-width:760px}.checklist-body{padding:35px 0 70px}.checklist-toolbar{display:flex;gap:12px;margin-bottom:22px}.checklist-document{background:#fff;border:1px solid var(--line);padding:35px}.checklist-ident{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:28px}.checklist-ident div{font-size:12px}.checklist-ident span{display:block;height:28px;border-bottom:1px solid #aaa296}.check-item{display:grid;grid-template-columns:24px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #ece5da;line-height:1.55}.check-box{width:18px;height:18px;border:1.5px solid #34302a;margin-top:2px}.check-note{font-size:11px;color:#91887b;margin-top:10px}.dashboard .outline-dark{margin-top:8px}
@media(max-width:900px){.tools-page-grid{grid-template-columns:1fr 1fr}.calculator-layout{grid-template-columns:1fr}.calculator-results{position:static}.checklist-ident{grid-template-columns:1fr}.tool-hero h1{font-size:42px}}
@media(max-width:600px){.tools-page-grid{grid-template-columns:1fr}.calc-fields{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.tool-hero{padding:45px 0}.tool-hero h1,.checklist-head h1{font-size:36px}.calculator-card,.calculator-results,.access-gate,.tool-explain,.checklist-document{padding:22px}.checklist-toolbar{flex-direction:column}}
@media print{.no-print,.header,footer{display:none!important}.tool-work,.checklist-body{background:#fff;padding:0}.calculator-layout{grid-template-columns:1fr 1fr}.calculator-results{background:#fff!important;color:#111!important;border:1px solid #aaa!important}.calculator-results small,.target-box small{color:#555!important}.target-box{background:#f2f2f2!important}.print-btn{display:none}.checklist-document{border:0;padding:0}.checklist-head{padding:0 0 20px;background:#fff}.checklist-head h1{font-size:30px}.check-item{break-inside:avoid}.article-note{break-inside:avoid}}

/* ==========================================================
   V28 — ONDERNEMINGSPLAN
   ========================================================== */
.bp-list-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.bp-list-head h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:500;margin:7px 0 0}.bp-empty{background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px}.bp-empty h3{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500;margin-top:0}.bp-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bp-plan-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.bp-plan-card h2{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;margin:13px 0 8px}.bp-plan-card p{color:var(--muted)}.bp-plan-card small{display:block;color:#91887c;margin-top:24px}.bp-card-actions{display:flex;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid #ece4d7}.bp-card-actions a{color:#8d692c;font-weight:900;text-decoration:none;font-size:12px}
.bp-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}.bp-progress a{display:flex;align-items:center;gap:9px;padding:12px;background:#eee8dd;border-radius:8px;color:#6b6256;text-decoration:none;font-size:11px;font-weight:800}.bp-progress a b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff}.bp-progress a.active{background:#153f38;color:#fff}.bp-progress a.active b{background:#d5b66f;color:#153f38}.bp-form{display:grid;gap:18px}.bp-title,.bp-section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px}.bp-title label,.bp-grid label{font-size:12px;font-weight:800;color:#50483d}.bp-title input,.bp-grid input,.bp-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #d5ccbf;border-radius:7px;background:#fff;font:inherit;color:#1b1813}.bp-grid textarea{resize:vertical;min-height:105px}.bp-section h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:500;margin:8px 0 24px}.bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bp-grid .bp-wide{grid-column:1/-1}.bp-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bp-actions button{font:inherit;cursor:pointer;border-radius:6px}.bp-actions .gold{border:0}.bp-premium-note{font-size:12px;color:#8d692c;font-weight:800}.bp-success{background:#edf7f0;border:1px solid #b7d9bf;color:#275a34}.bp-finance-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.bp-finance-preview>div{padding:18px;background:#153f38;border-radius:9px;color:#fff}.bp-finance-preview small{display:block;color:#c7d5cf;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.bp-finance-preview strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:500;margin-top:5px}.bp-summary{margin-top:24px;padding:22px;background:#f7f2e9;border-left:4px solid #d5b66f}.bp-summary h3{margin-top:0;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500}
.bp-print-body{background:#eee9e0}.bp-print-toolbar{max-width:900px;margin:24px auto;display:flex;justify-content:space-between;gap:12px}.bp-print-toolbar button{border:0;cursor:pointer}.bp-document{width:min(900px,calc(100% - 40px));margin:0 auto 50px;background:#fff;padding:56px 64px;box-shadow:0 20px 60px rgba(30,25,18,.09)}.bp-document header{border-bottom:2px solid #153f38;padding-bottom:28px}.bp-document header>span{font-size:10px;font-weight:900;letter-spacing:1.4px;color:#8d692c}.bp-document header h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:500;margin:10px 0}.bp-document header p{color:#5f584e}.bp-document section{padding:32px 0;border-bottom:1px solid #e8e0d4}.bp-document h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:500;color:#153f38}.bp-document h3{font-size:13px;text-transform:uppercase;letter-spacing:.7px;margin:22px 0 7px}.bp-document p{line-height:1.7;color:#5f584e}.bp-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bp-doc-grid>div{background:#f7f3eb;padding:16px;border-radius:7px}.bp-doc-grid small{display:block;color:#7f7568;font-size:10px;text-transform:uppercase}.bp-doc-grid strong{display:block;font-size:18px;margin-top:5px}.bp-disclaimer{font-size:11px!important;color:#857d72!important}.bp-document .muted{color:#aaa197;font-style:italic}.bp-document footer{display:flex;justify-content:space-between;gap:20px;padding-top:25px;color:#7a7166;font-size:11px}
@media(max-width:760px){.bp-list-head{align-items:flex-start;flex-direction:column}.bp-plan-grid,.bp-grid,.bp-finance-preview,.bp-doc-grid{grid-template-columns:1fr}.bp-grid .bp-wide{grid-column:auto}.bp-progress{grid-template-columns:1fr}.bp-progress a:not(.active){display:none}.bp-title,.bp-section{padding:22px}.bp-document{padding:30px 24px}.bp-document header h1{font-size:34px}}
@media print{.bp-print-body{background:#fff}.bp-document{width:auto;margin:0;padding:0;box-shadow:none}.bp-document section{break-inside:avoid}.bp-document footer{margin-top:20px}.bp-print-toolbar{display:none!important}}

/* ==========================================================
   V29 — DOCUMENTEN & MODELLEN
   ========================================================== */
.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.doc-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.doc-card h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500;margin:12px 0}.doc-card p{color:var(--muted);line-height:1.65}.doc-card.locked{background:#f5f1e9}.doc-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.7px;color:#7d7468}.doc-meta b{color:#9a7334}.doc-workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.doc-inputs{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;position:sticky;top:20px}.doc-inputs h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500;margin-top:0}.doc-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.doc-field-grid label{font-size:12px;font-weight:800;color:#50483d}.doc-field-grid input,.doc-field-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #d5ccbf;border-radius:7px;font:inherit}.doc-field-grid .doc-wide{grid-column:1/-1}.doc-help{font-size:11px;color:#8b8275;line-height:1.5;margin-bottom:0}.doc-print-title{border-bottom:2px solid #153f38;padding-bottom:18px;margin-bottom:20px}.doc-print-title small{color:#8d692c;text-transform:uppercase;font-weight:900;letter-spacing:.8px}.doc-print-title h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:500;margin:8px 0}.doc-print-title p{color:#82786b;font-size:12px}.doc-answer{padding:13px 0;border-bottom:1px solid #ece5da}.doc-answer small{display:block;color:#847b6f;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;margin-bottom:5px}.doc-answer>div{line-height:1.6;min-height:22px}.doc-empty{color:#b6ada0}.doc-check-items{margin-top:18px}.doc-legal-note{margin-top:24px;padding:15px;background:#f5efe3;border-left:3px solid #b38a45;font-size:11px;line-height:1.6;color:#6f6659}.doc-print-footer{border-top:1px solid #ded6ca;margin-top:28px;padding-top:15px;font-size:10px;color:#8b8276}.doc-page .checklist-body{background:#f7f3ec}
@media(max-width:850px){.doc-grid,.doc-workspace{grid-template-columns:1fr}.doc-inputs{position:static}}@media(max-width:600px){.doc-grid,.doc-field-grid{grid-template-columns:1fr}.doc-field-grid .doc-wide{grid-column:auto}}
@media print{.doc-page .checklist-head{padding:0 0 15px}.doc-page .checklist-head p{display:none}.doc-workspace{display:block}.doc-preview{border:0;padding:0}.doc-print-footer{display:block!important}.doc-page .checklist-body{background:#fff}.doc-page .checklist-document{padding:0}}

/* V30 Horeca Startscan */
.ss-mini-progress,.ss-progress{height:8px;background:#ebe4d8;border-radius:999px;overflow:hidden}.ss-mini-progress{margin:18px 0 10px}.ss-mini-progress i,.ss-progress i{display:block;height:100%;background:#153f38;border-radius:999px}.ss-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.ss-summary>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.ss-summary span{display:block;color:#7d7468;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.ss-summary strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500;color:#153f38;margin-top:5px}.ss-progress{margin-bottom:24px;height:10px}.ss-form{display:grid;gap:18px}.ss-section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.ss-section-head{margin-bottom:15px}.ss-section h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500;margin:6px 0}.ss-row{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px;align-items:center;padding:15px 0;border-top:1px solid #eee7dc}.ss-row strong{font-size:13px;line-height:1.5}.ss-row select{width:100%;padding:11px 12px;border:1px solid #d5ccbf;border-radius:7px;background:#fff;font:inherit;color:#29251f}.ss-print-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:12px 0;border-top:1px solid #ece5da}.ss-print-status{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;padding:7px 10px;border-radius:999px;background:#eee8de;color:#655d52}.ss-done{background:#e7f3e9;color:#275a34}.ss-progress{background:#f4ead1;color:#7c5d1e}.ss-todo{background:#f2e3df;color:#7c3d31}.ss-na{background:#ece9e3;color:#756e65}.tool-direct-link{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;border:0;background:transparent;color:inherit;text-decoration:none;font:inherit;cursor:pointer}
@media(max-width:700px){.ss-summary{grid-template-columns:1fr 1fr}.ss-row{grid-template-columns:1fr;gap:9px}.ss-section{padding:22px}.ss-print-row{grid-template-columns:1fr;gap:8px}}
@media print{.ss-document .ss-print-row{break-inside:avoid}.ss-document section{break-inside:auto}}


/* V31 Financiële haalbaarheid */
.hf-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.hf-card-metrics span{background:#f7f3eb;border-radius:8px;padding:12px;color:#7d7468;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.5px}.hf-card-metrics b{display:block;color:#153f38;font-size:16px;margin-top:4px;text-transform:none;letter-spacing:0}.hf-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.hf-summary>div{background:#153f38;color:#fff;border-radius:10px;padding:20px}.hf-summary span{display:block;color:#c7d5cf;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.6px}.hf-summary strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:500;margin-top:6px}.hf-detail-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.hf-detail-results>div{background:#f7f3eb;border:1px solid var(--line);border-radius:8px;padding:16px}.hf-detail-results small{display:block;color:#7d7468;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.5px}.hf-detail-results b{display:block;color:#153f38;font-size:20px;margin-top:5px}@media(max-width:800px){.hf-summary{grid-template-columns:1fr 1fr}.hf-detail-results{grid-template-columns:1fr}}@media(max-width:520px){.hf-summary{grid-template-columns:1fr}.hf-card-metrics{grid-template-columns:1fr}}

/* V32 — vergunningen & verplichtingen */
.permit-disclaimer{margin-bottom:28px}.permit-disclaimer p{margin:8px 0 0}.permit-intro{max-width:820px}.permit-item{background:#fff;border:1px solid rgba(30,39,37,.14);border-radius:18px;padding:22px;margin:18px 0}.permit-item-head{display:flex;gap:16px;align-items:center;justify-content:space-between}.permit-name{font-size:1.08rem!important;font-weight:750!important}.permit-remove{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:#7a303f}.permit-hint{display:block;margin:8px 0 18px;color:#6d655d;line-height:1.5}.permit-grid{margin-top:16px}.permit-print{max-width:980px;margin:40px auto;background:#fff;padding:48px;border-radius:24px}.permit-print-row{border-top:1px solid #ddd3c7;padding:24px 0}.permit-print-row h2{margin:8px 0}.permit-print-row dl{display:grid;grid-template-columns:210px 1fr;gap:6px 18px}.permit-print-row dt{font-weight:700}.permit-print-row dd{margin:0}.print-actions{display:flex;justify-content:space-between;gap:12px;margin-bottom:36px}.print-foot{margin-top:32px;color:#777;font-size:.9rem}@media(max-width:720px){.permit-item-head{align-items:flex-start;flex-direction:column}.permit-print{margin:0;padding:24px}.permit-print-row dl{grid-template-columns:1fr}.print-actions{flex-direction:column}}

/* =========================================================
   V36.1 — HOMEPAGE VISUAL PASS
   Homepage only: stronger CTAs, tighter path cards, stronger
   knowledge section. Functional behaviour remains unchanged.
   ========================================================= */

/* Three main entry cards */
.path-card,
.path-card+.path-card{
  min-height:470px;
  padding:36px 34px 96px !important;
}
.path-card>div{height:100%}
.path-card .eyebrow{margin-bottom:14px}
.path-card h3{margin-bottom:14px}
.path-card p{min-height:68px;margin-bottom:17px}
.path-card ul{margin-bottom:18px !important}
.path-card li{padding-top:7px !important;padding-bottom:7px !important}

.path-card .path-link{
  position:absolute;
  left:34px;
  right:34px;
  bottom:28px;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  margin:0;
  border:1px solid #c9a45d;
  border-radius:8px;
  background:#c9a45d;
  color:#17140f;
  text-decoration:none;
  text-align:center;
  font-size:13px;
  font-weight:900;
  letter-spacing:.05px;
  box-shadow:0 8px 18px rgba(141,105,44,.12);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.path-card .path-link:hover{
  transform:translateY(-2px);
  background:#b98d3d;
  border-color:#b98d3d;
  box-shadow:0 12px 24px rgba(141,105,44,.18);
}
.path-card.featured .path-link{
  background:#d7b66b;
  border-color:#d7b66b;
  color:#17140f;
}
.path-card.featured .path-link:hover{
  background:#e2c57f;
  border-color:#e2c57f;
}
.path-knowledge .path-link{
  background:#657044;
  border-color:#657044;
  color:#fff;
}
.path-knowledge .path-link:hover{
  background:#56613a;
  border-color:#56613a;
}

/* Knowledge block: denser, stronger 3x3 category grid */
.editorial{padding:84px 0}
.editorial-grid{
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.42fr);
  gap:64px;
  align-items:center;
}
.editorial-feature{
  padding:0;
  max-width:520px;
}
.editorial-feature h2{
  font-size:48px;
  margin:14px 0 18px;
}
.editorial-feature>p{
  font-size:15px;
  line-height:1.75;
  margin-bottom:0;
}
.editorial .verified{
  margin-top:24px;
  padding:14px 16px 14px 18px;
  border:1px solid rgba(213,182,111,.34);
  border-left:4px solid #d5b66f;
  border-radius:8px;
  background:rgba(255,255,255,.055);
  color:#efe4c8 !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.editorial-feature .text-light{
  min-width:230px;
  min-height:49px;
  margin-top:26px;
  padding:12px 22px;
  border:0;
  border-radius:8px;
  background:#d5b66f;
  color:#153f38;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.editorial-feature .text-light:hover{
  background:#ead091;
  color:#153f38;
  transform:translateY(-2px);
}
.editorial .topics{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  border-top:0;
}
.editorial .topics a,
.editorial .topics button{
  min-height:128px;
  padding:22px 20px 18px;
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.editorial .topics a:before,
.editorial .topics button:before{
  width:26px;
  height:3px;
  background:#d5b66f;
}
.editorial .topics a span,
.editorial .topics button span{
  max-width:150px;
  line-height:1.25;
}
.editorial .topics a:hover,
.editorial .topics button:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.10);
  border-color:rgba(213,182,111,.58);
  box-shadow:0 14px 28px rgba(0,0,0,.12);
}

@media(max-width:1100px){
  .editorial .topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editorial-grid{grid-template-columns:.85fr 1.15fr;gap:46px}
}
@media(max-width:900px){
  .path-card,.path-card+.path-card{min-height:auto;padding:30px 28px 98px !important}
  .path-card .path-link{left:28px;right:28px;bottom:26px}
  .editorial{padding:68px 0}
  .editorial-grid{grid-template-columns:1fr;gap:34px;align-items:start}
  .editorial-feature{max-width:650px}
  .editorial-feature h2{font-size:40px}
  .editorial .topics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .path-card .path-link{left:24px;right:24px}
  .editorial .topics{grid-template-columns:1fr}
  .editorial .topics a,.editorial .topics button{min-height:104px}
  .editorial-feature h2{font-size:34px}
}

/* V36.2 homepage tools visual fix */
.tools .secondary-tools{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:24px;
  border:1px solid #d8cdbd;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.tools .secondary-tools > a{
  min-width:0;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-sizing:border-box;
  padding:18px 20px;
  border:0;
  border-right:1px solid #d8cdbd;
  border-bottom:1px solid #d8cdbd;
  background:#fff;
  color:#201c16;
  text-decoration:none;
  font-weight:800;
  line-height:1.3;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.tools .secondary-tools > a:nth-child(3n){border-right:0;}
.tools .secondary-tools > a:nth-last-child(-n+3){border-bottom:0;}
.tools .secondary-tools > a:hover{
  background:#f5efe4;
  color:#8e651f;
}
.tools .secondary-tools > a span{
  flex:0 0 auto;
  color:#a47b34;
  font-size:17px;
}
.tools .all-tools{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}
.tools .all-tools .all-tools-link{
  min-height:50px;
  padding:0 22px;
  border-radius:8px;
  border:1px solid #191610;
  background:#191610;
  color:#fff;
  font-weight:800;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.tools .all-tools .all-tools-link + .all-tools-link{
  background:transparent;
  color:#191610;
}
.tools .all-tools .all-tools-link:hover{
  transform:translateY(-1px);
  background:#9b7430;
  border-color:#9b7430;
  color:#fff;
}
@media (max-width:900px){
  .tools .secondary-tools{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tools .secondary-tools > a:nth-child(3n){border-right:1px solid #d8cdbd;}
  .tools .secondary-tools > a:nth-child(2n){border-right:0;}
  .tools .secondary-tools > a:nth-last-child(-n+3){border-bottom:1px solid #d8cdbd;}
  .tools .secondary-tools > a:nth-last-child(-n+2){border-bottom:0;}
}
@media (max-width:560px){
  .tools .secondary-tools{grid-template-columns:1fr;}
  .tools .secondary-tools > a,
  .tools .secondary-tools > a:nth-child(2n),
  .tools .secondary-tools > a:nth-child(3n){border-right:0;}
  .tools .secondary-tools > a:nth-last-child(-n+2){border-bottom:1px solid #d8cdbd;}
  .tools .secondary-tools > a:last-child{border-bottom:0;}
  .tools .all-tools{align-items:stretch;}
  .tools .all-tools .all-tools-link{width:100%;}
}

/* V36.3 — homepage toolcard CTA alignment */
.tools .tool-card .tool-live-link{
  margin-top:auto;
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  border:1px solid #b38a45;
  border-radius:7px;
  background:transparent;
  color:#17140f;
  text-decoration:none;
  font-weight:800;
  line-height:1.2;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.tools .tool-card .tool-live-link:hover{
  background:#c9a45d;
  border-color:#c9a45d;
  color:#17140f;
}
.tools .tool-card:nth-child(1) .tool-live-link{
  color:#d9b86d;
  border-color:#d9b86d;
}
.tools .tool-card:nth-child(1) .tool-live-link:hover{
  background:#d9b86d;
  color:#17140f;
}

/* ==========================================================
   V36.5 — ABOUT / NEWSLETTER / CONTACT VISUAL FINISH
   ========================================================== */
.about-hero p{max-width:760px}
.about-intro-grid,.about-access-grid,.about-ecosystem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.about-intro h2,.about-access h2,.about-ecosystem h2{font-size:42px;line-height:1.08;font-weight:500;margin:0}
.about-intro p,.about-access p,.about-ecosystem p{color:var(--muted);font-size:16px;margin:0 0 16px}
.about-value{background:var(--cream)}
.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-cards article{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px;min-height:280px;display:flex;flex-direction:column}
.about-cards article>span{font-size:11px;font-weight:900;letter-spacing:1px;color:#9a7431}
.about-cards h3{font-size:28px;font-weight:500;margin:18px 0 10px}
.about-cards p{color:var(--muted);font-size:14px;margin:0 0 24px}
.about-cards a{margin-top:auto;color:#8e651f;font-weight:800;text-decoration:none;border-top:1px solid var(--line);padding-top:18px}
.about-access{background:#fff}
.access-list{border-top:1px solid var(--line)}
.access-list>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.access-list strong{color:#17140f}.access-list span{color:var(--muted)}
.about-ecosystem{background:#f8f4ec}
.about-cta-card{background:var(--black);color:#fff;border-radius:14px;padding:34px;box-shadow:0 22px 60px rgba(38,29,17,.12)}
.about-cta-card h3{font-size:32px;font-weight:500;margin:4px 0 12px}.about-cta-card p{color:#d6cec1;margin-bottom:24px}
.about-cta-card .gold{margin-right:10px}.about-secondary{display:inline-flex;color:var(--gold2);font-weight:800;text-decoration:none;margin-top:16px}

.lead-page{background:var(--cream);min-height:520px}
.lead-shell{max-width:1000px}
.lead-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(47,36,22,.08);overflow:hidden}
.newsletter-card{display:grid;grid-template-columns:.9fr 1.1fr}
.lead-copy{background:var(--black);color:#fff;padding:48px}
.lead-copy h2,.contact-aside h2{font-size:38px;line-height:1.05;font-weight:500;margin:0 0 16px}
.lead-copy p{color:#d6cec1;margin-bottom:22px}.lead-copy ul{padding-left:19px;margin:0;color:#eee8dd}.lead-copy li{margin:9px 0}
.lead-form-wrap{padding:48px}
.hb-form{display:flex;flex-direction:column;gap:20px}
.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:12px;font-weight:800;color:#4d463d;letter-spacing:.1px}
.hb-form input,.hb-form select,.hb-form textarea{width:100%;border:1px solid #d7ccbb;border-radius:9px;background:#fff;color:#17140f;padding:14px 15px;font:inherit;outline:0;transition:border-color .18s ease,box-shadow .18s ease}
.hb-form input,.hb-form select{min-height:50px}.hb-form textarea{resize:vertical;min-height:190px}
.hb-form input:focus,.hb-form select:focus,.hb-form textarea:focus{border-color:#b88c3d;box-shadow:0 0 0 3px rgba(201,164,93,.14)}
.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-submit{min-height:50px;align-self:flex-start;padding-left:24px;padding-right:24px;font-size:15px}
.form-privacy{font-size:11px;line-height:1.5;color:#837a6e;margin:0}.form-privacy a{color:#8e651f}
.form-alert{border-radius:9px;padding:16px 18px;margin-bottom:20px}.form-alert.error{background:#fff0ed;border:1px solid #e8b7ad;color:#8a3021}.bp-success{background:#eef3e9;border:1px solid #cfdac5;color:#40502d}
.lead-success{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;margin:0}.lead-success strong{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500}.lead-success a{color:#8e651f;font-weight:800;text-decoration:none}
.contact-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:52px;align-items:start}.contact-aside{padding-top:16px}.contact-aside p{color:var(--muted)}
.contact-help{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.contact-help strong{color:#17140f;margin-bottom:4px}.contact-card{padding:38px}.form-actions{display:flex;align-items:center;gap:20px}.form-actions .form-privacy{max-width:470px}

@media(max-width:900px){
  .about-intro-grid,.about-access-grid,.about-ecosystem-grid,.newsletter-card,.contact-layout{grid-template-columns:1fr;gap:38px}
  .about-cards{grid-template-columns:1fr}
  .lead-copy,.lead-form-wrap{padding:34px}.contact-card{padding:30px}
}
@media(max-width:560px){
  .about-intro h2,.about-access h2,.about-ecosystem h2,.lead-copy h2,.contact-aside h2{font-size:32px}
  .access-list>div{grid-template-columns:1fr;gap:5px}
  .form-grid.two{grid-template-columns:1fr}
  .lead-copy,.lead-form-wrap,.contact-card{padding:24px}
  .form-actions{align-items:stretch;flex-direction:column}.form-submit{width:100%}
}