
:root{
  --deep:#052346; --blue:#2ca8de; --blue2:#1680bb; --blue3:#0b5588;
  --cyan:#83e7ff; --gold:#f7c948; --gold2:#d99a24; --white:#fff;
  --line:rgba(220,248,255,.30); --shadow:0 30px 90px rgba(0,28,62,.28); --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:#fff;
  background:linear-gradient(180deg,#3bb4e8 0%,#1d86c2 52%,#0b5588 100%);
}
a{text-decoration:none;color:#fff}
p,li,span,label,.lead,.notice,.card p,.section-title p{color:#fff;line-height:1.75}
img{max-width:100%;display:block}
.container{width:min(1240px,calc(100% - 32px));margin:auto}
h1,h2{font-family:"Playfair Display",Georgia,serif;line-height:1;letter-spacing:-.035em;margin:0 0 18px;color:#fff}
h1{font-size:clamp(46px,6vw,84px)}
h2{font-size:clamp(34px,4vw,54px)}
h3{font-size:23px;margin:14px 0 10px;color:#fff}
.kicker{font-family:Montserrat,Inter,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--gold);margin-bottom:14px}
.topbar{position:sticky;top:0;z-index:100;background:rgba(5,35,70,.82);border-bottom:1px solid rgba(220,248,255,.22);backdrop-filter:blur(18px)}
.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;padding:0;border:none;background:none;box-shadow:none}
.logo img{width:380px;max-height:112px;object-fit:contain}
.menu{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}
.menu a{white-space:nowrap;font:800 14px Montserrat,Inter,sans-serif;padding:11px 14px;border:1px solid rgba(220,248,255,.32);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(131,231,255,.05));transition:.22s}
.menu a:hover,.menu a.active{color:#052346;background:#83e7ff;border-color:rgba(247,201,72,.8);transform:translateY(-1px)}
.nav-actions{display:flex;flex-shrink:0}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;font:900 14px Montserrat,Inter,sans-serif;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden}
.btn-primary{background:linear-gradient(135deg,#fff4b8,#f7c948 48%,#d99a24);color:#052346;box-shadow:0 16px 38px rgba(217,154,36,.35)}
.btn-ghost{background:rgba(255,255,255,.10);border-color:rgba(220,248,255,.45)}
.btn:after{content:"";position:absolute;top:0;left:-80%;height:100%;width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:.5s}.btn:hover:after{left:120%}
.hero{position:relative;overflow:hidden;min-height:790px;background:linear-gradient(180deg,#3bb4e8 0%,#1d86c2 60%,#0b5588 100%)}
.ai-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.ai-particles span{position:absolute;width:5px;height:5px;border-radius:50%;background:#83e7ff;box-shadow:0 0 18px rgba(131,231,255,.95);animation:particle linear infinite}.ai-particles span:nth-child(1){left:10%;top:24%;animation-duration:9s}.ai-particles span:nth-child(2){left:25%;top:66%;animation-duration:12s;animation-delay:-3s}.ai-particles span:nth-child(3){left:44%;top:30%;animation-duration:10s;animation-delay:-5s}.ai-particles span:nth-child(4){left:76%;top:66%;animation-duration:14s;animation-delay:-2s}.ai-particles span:nth-child(5){left:86%;top:24%;animation-duration:11s;animation-delay:-6s}
.hero-grid{position:relative;z-index:3;min-height:790px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,455px);gap:44px;align-items:center;padding:74px 0 112px}
.hero-copy{max-width:780px}.lead{font-size:clamp(18px,2vw,24px);max-width:730px;text-shadow:0 12px 32px rgba(5,35,70,.22)}
.highlight{color:#fff;font-weight:900}
.hero-points{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;margin:32px 0;max-width:760px}
.point{display:flex;gap:12px;align-items:flex-start;min-height:90px;background:rgba(255,255,255,.12);border:1px solid var(--line);border-radius:18px;padding:14px 16px;backdrop-filter:blur(10px)}
.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(131,231,255,.12);border:1px solid rgba(131,231,255,.5);color:#83e7ff;font-size:22px;flex-shrink:0}
.point strong{display:block}.point span{font-size:14px}
.hero-photo-card{border-radius:34px;overflow:hidden;border:1px solid rgba(220,248,255,.35);padding:10px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.hero-photo-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px}
.trust{position:relative;z-index:5;margin-top:26px;padding-top:12px}
.trust-box{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(47,140,196,.88),rgba(15,82,135,.76));box-shadow:var(--shadow)}
.trust-item{text-align:center;padding:24px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(131,231,255,.04))}.trust-item:last-child{border-right:0}.trust-item .big{font-size:32px;color:var(--gold);display:block}.trust-item strong{display:block;margin-top:8px}.trust-item p{font-size:14px;margin:5px 0 0}
.section{padding:90px 0}.section-soft{background:linear-gradient(180deg,rgba(34,126,184,.74),rgba(13,82,135,.45))}
.section-title{text-align:center;max-width:850px;margin:0 auto 46px}.section-title p{font-size:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card,.booking-info,.booking-widget,.cta,.about-panel{background:linear-gradient(145deg,rgba(47,140,196,.80),rgba(15,82,135,.70));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card{padding:28px;transition:.28s}.card:hover{transform:translateY(-5px);border-color:rgba(131,231,255,.62)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.photo-card{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);padding:10px;background:rgba(255,255,255,.1)}.photo-card img{aspect-ratio:4/5;object-fit:cover;border-radius:26px}.about-panel{padding:40px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);border-radius:18px;padding:18px}.stat strong{font-size:28px;color:#83e7ff;display:block}
.booking-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.booking-info,.booking-widget{padding:32px}.check{display:flex;gap:10px;margin:14px 0}.check b{color:var(--gold)}
.workshops{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.workshop-card{padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(131,231,255,.16),rgba(247,201,72,.08));border:1px solid var(--line)}.workshop-card span{font-size:28px;color:var(--gold);font-weight:900}
.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking-form label{font-weight:800}.booking-form input,.booking-form select,.booking-form textarea{width:100%;margin-top:7px;border:1px solid rgba(220,248,255,.35);border-radius:14px;padding:13px;font:inherit;background:rgba(255,255,255,.96);color:#052346!important}.booking-form textarea{min-height:110px}.full{grid-column:1/-1}.success{display:none;margin-top:14px;padding:14px;border-radius:14px;background:rgba(16,185,129,.22);border:1px solid rgba(16,185,129,.4)}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stars{color:var(--gold);letter-spacing:2px;font-size:22px}.cta{padding:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer{background:#052346;padding:48px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer img{width:320px}.footer a{display:block;margin:10px 0}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:14px}
@keyframes particle{0%{transform:translateY(40px);opacity:0}20%{opacity:.75}100%{transform:translateY(-120px);opacity:0}}
@media(max-width:1180px){.logo img{width:300px}.menu a{font-size:13px;padding:9px 10px}.nav-actions .btn{padding:11px 14px}}
@media(max-width:980px){.mobile-toggle{display:block}.menu{display:none;position:absolute;left:0;right:0;top:96px;flex-direction:column;align-items:flex-start;background:rgba(5,35,70,.97);padding:22px}.menu.open{display:flex}.menu a{width:100%;text-align:left}.hero-grid,.about-grid,.booking-grid{grid-template-columns:1fr}.hero-photo-card{max-width:460px}.hero-points{grid-template-columns:1fr}.trust-box{grid-template-columns:repeat(2,1fr)}.cards,.reviews,.workshops{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.booking-form{grid-template-columns:1fr}}
@media(max-width:620px){.logo img{width:240px}.nav-actions{display:none}.hero,.hero-grid{min-height:auto}.hero-grid{padding:58px 0 72px}.trust-box,.cards,.reviews,.workshops,.stats,.footer-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.cta{display:block}.btn{width:100%;margin:7px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* === User refinement update === */

/* Header logo: wider/less tall visually and closer to text/menu */
.logo img{
  width:410px !important;
  max-height:92px !important;
  object-fit:contain !important;
}

/* Remove dotted/particle visual noise */
.ai-particles{
  display:none !important;
}

/* Replace point background with very subtle AI-neural connections */
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 14% 22%, rgba(255,255,255,.24) 0 2px, transparent 3px),
    radial-gradient(circle at 25% 35%, rgba(255,255,255,.17) 0 2px, transparent 3px),
    radial-gradient(circle at 34% 18%, rgba(255,255,255,.15) 0 2px, transparent 3px),
    radial-gradient(circle at 43% 30%, rgba(255,255,255,.13) 0 2px, transparent 3px),
    linear-gradient(35deg, transparent 14.8%, rgba(255,255,255,.045) 15%, transparent 15.25%),
    linear-gradient(125deg, transparent 22%, rgba(255,255,255,.04) 22.25%, transparent 22.6%);
  opacity:.45 !important;
  pointer-events:none !important;
  animation:none !important;
}
.hero::after{
  display:none !important;
}

/* Four top value boxes: less high */
.hero-points{
  gap:12px !important;
  margin:24px 0 !important;
}
.point{
  min-height:66px !important;
  padding:10px 13px !important;
  border-radius:15px !important;
}
.point .icon{
  width:36px !important;
  height:36px !important;
  font-size:18px !important;
  border-radius:12px !important;
}
.point span{
  font-size:13px !important;
  line-height:1.35 !important;
}

/* Trust bar: title and much shorter boxes */
.trust{
  margin-top:10px !important;
  padding-top:34px !important;
}
.trust-title{
  text-align:center;
  margin:0 auto 20px;
  max-width:900px;
}
.trust-title h2{
  font-size:clamp(28px,3vw,42px);
  margin-bottom:10px;
}
.trust-title p{
  margin:0;
  font-size:17px;
  opacity:.95;
}
.trust-item{
  padding:13px 10px !important;
  min-height:104px !important;
}
.trust-item .big{
  font-size:24px !important;
}
.trust-item strong{
  margin-top:5px !important;
  font-size:14px !important;
}
.trust-item p{
  font-size:12px !important;
  line-height:1.35 !important;
  margin-top:3px !important;
}

/* More compact service cards */
.card{
  padding:22px !important;
}
.card .icon{
  width:38px !important;
  height:38px !important;
  font-size:20px !important;
}

/* Footer */
.copy{
  color:#ffffff !important;
}

/* Mobile logo */
@media(max-width:1180px){
  .logo img{width:320px !important;}
}
@media(max-width:620px){
  .logo img{width:245px !important;}
  .trust-item{min-height:auto !important;}
}


/* === Requested refinements v2 === */

/* Logo: previous visual style, bulb closer to text and height visually aligned */
.logo img{
  width:430px !important;
  max-height:86px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* More subtle AI neural connection lines on blue background */
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 10% 18%, rgba(255,255,255,.30) 0 2px, transparent 3px),
    radial-gradient(circle at 17% 32%, rgba(255,255,255,.24) 0 2px, transparent 3px),
    radial-gradient(circle at 26% 22%, rgba(255,255,255,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.20) 0 2px, transparent 3px),
    radial-gradient(circle at 46% 20%, rgba(255,255,255,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 56% 38%, rgba(255,255,255,.14) 0 2px, transparent 3px),
    linear-gradient(35deg, transparent 11.8%, rgba(255,255,255,.060) 12%, transparent 12.25%),
    linear-gradient(125deg, transparent 18%, rgba(255,255,255,.055) 18.25%, transparent 18.55%),
    linear-gradient(60deg, transparent 28%, rgba(255,255,255,.045) 28.25%, transparent 28.55%),
    linear-gradient(150deg, transparent 36%, rgba(255,255,255,.040) 36.25%, transparent 36.55%) !important;
  opacity:.60 !important;
  pointer-events:none !important;
}

/* WhatsApp button greenish */
a[href*="wa.me"].btn,
a[href*="wa.me"]{
  background:linear-gradient(135deg,#d8ffe6,#25d366 48%,#128c7e) !important;
  color:#052346 !important;
  border-color:rgba(37,211,102,.65) !important;
}

/* Keep this title on one line on desktop */
.one-line-title{
  white-space:nowrap;
}

/* Avoid too much height in the small feature boxes */
.trust-item{
  min-height:96px !important;
}

/* Mobile safety */
@media(max-width:1180px){
  .logo img{width:330px !important;}
  .one-line-title{white-space:normal;}
}
@media(max-width:620px){
  .logo img{width:250px !important;}
}


/* === Refinement v3 === */

/* More AI-network threads throughout the blue background */
body{
  background:
    radial-gradient(circle at 8% 10%, rgba(255,255,255,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 30% 12%, rgba(255,255,255,.16) 0 2px, transparent 3px),
    radial-gradient(circle at 46% 24%, rgba(255,255,255,.13) 0 2px, transparent 3px),
    radial-gradient(circle at 62% 14%, rgba(255,255,255,.12) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 26%, rgba(255,255,255,.10) 0 2px, transparent 3px),
    linear-gradient(38deg, transparent 9.8%, rgba(255,255,255,.040) 10%, transparent 10.25%),
    linear-gradient(128deg, transparent 18%, rgba(255,255,255,.040) 18.2%, transparent 18.55%),
    linear-gradient(62deg, transparent 30%, rgba(255,255,255,.035) 30.2%, transparent 30.55%),
    linear-gradient(148deg, transparent 42%, rgba(255,255,255,.033) 42.2%, transparent 42.55%),
    linear-gradient(180deg,#3bb4e8 0%,#1d86c2 52%,#0b5588 100%) !important;
}

/* More neural connection threads in hero too */
.hero::before{
  background:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.32) 0 2px, transparent 3px),
    radial-gradient(circle at 16% 30%, rgba(255,255,255,.25) 0 2px, transparent 3px),
    radial-gradient(circle at 26% 20%, rgba(255,255,255,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 36% 34%, rgba(255,255,255,.20) 0 2px, transparent 3px),
    radial-gradient(circle at 48% 18%, rgba(255,255,255,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 58% 36%, rgba(255,255,255,.15) 0 2px, transparent 3px),
    radial-gradient(circle at 72% 24%, rgba(255,255,255,.13) 0 2px, transparent 3px),
    linear-gradient(35deg, transparent 8%, rgba(255,255,255,.065) 8.25%, transparent 8.55%),
    linear-gradient(125deg, transparent 16%, rgba(255,255,255,.055) 16.25%, transparent 16.55%),
    linear-gradient(60deg, transparent 25%, rgba(255,255,255,.050) 25.25%, transparent 25.55%),
    linear-gradient(150deg, transparent 36%, rgba(255,255,255,.045) 36.25%, transparent 36.55%) !important;
  opacity:.66 !important;
}

/* Home button a little darker blue */
.menu a[href="index.html"].active,
.menu a[href="index.html"]{
  background:#176fa5 !important;
  color:#ffffff !important;
}

/* WhatsApp green only in main CTA buttons, not footer */
.footer a[href*="wa.me"]{
  background:transparent !important;
  color:#ffffff !important;
  border:none !important;
}
.footer .btn[href*="wa.me"]{
  background:linear-gradient(145deg,rgba(47,140,196,.80),rgba(15,82,135,.70)) !important;
  color:#ffffff !important;
}

/* Logo appears lighter; ensure enough display space */
.logo img{
  width:420px !important;
  max-height:92px !important;
}


/* === Final requested adjustments === */

/* Hero image: no horizontal cropping, image fits neatly inside the card */
.hero-photo-card{
  max-width:430px !important;
  margin-left:auto;
}
.hero-photo-card img{
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  background:linear-gradient(145deg,rgba(5,35,70,.32),rgba(255,255,255,.05));
  padding:0 !important;
}

/* Feature bar (Berichten schrijven etc): wider background and lower height */
.trust-box{
  width:min(1320px, calc(100% - 24px)) !important;
  max-width:1320px !important;
}
.trust-item{
  padding:9px 8px !important;
  min-height:82px !important;
}
.trust-item .big{
  font-size:22px !important;
}
.trust-item strong{
  font-size:13.5px !important;
  margin-top:3px !important;
}
.trust-item p{
  font-size:11.5px !important;
  line-height:1.25 !important;
  margin-top:2px !important;
}

/* Logo a touch larger in header after artwork adjustment */
.logo img{
  width:430px !important;
  max-height:95px !important;
}

@media(max-width:1180px){
  .logo img{width:330px !important;}
  .hero-photo-card{max-width:400px !important;margin-left:0;}
}
@media(max-width:620px){
  .logo img{width:250px !important;}
  .trust-box{width:min(100%, calc(100% - 24px)) !important;}
}


/* === Final polish: borders, typography, logo readability === */

/* Futuristic but still readable typography */
body{
  font-family:'Exo 2', Inter, system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
}
h1,h2,h3,.kicker,.menu a,.btn,.logo{
  font-family:'Orbitron','Exo 2',Arial,sans-serif !important;
  letter-spacing:.01em;
}
p,li,span,label,input,select,textarea{
  font-family:'Exo 2', Inter, Arial, sans-serif !important;
}

/* Make yellow/gold buttons clean: one clear border color all around */
.btn-primary,
button.btn-primary,
a.btn-primary{
  border:2px solid #ffe38a !important;
  box-shadow:
    0 16px 38px rgba(217,154,36,.30),
    inset 0 0 0 1px rgba(255,255,255,.25) !important;
  background:linear-gradient(135deg,#fff1a8 0%,#f2bd32 50%,#c88713 100%) !important;
  color:#052346 !important;
}

/* Remove weird side-color effect from button shimmer edges */
.btn-primary::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent) !important;
}

/* Also make workshop/CTA gold accents consistent */
.workshop-card span,
.kicker,
.check b,
.stars{
  color:#f7c948 !important;
}

/* One-line intro sentence */
.single-line-intro{
  white-space:nowrap;
  display:inline-block;
}

/* Logo: a touch larger so subtitle is readable */
.logo img{
  width:440px !important;
  max-height:100px !important;
}

/* Improve heading polish */
h1{
  font-weight:800 !important;
}
h2{
  font-weight:800 !important;
}

/* Mobile protection */
@media(max-width:1180px){
  .logo img{width:340px !important;}
  .single-line-intro{white-space:normal;}
}
@media(max-width:620px){
  .logo img{width:255px !important;}
}

/* === General Sans styling === */
body {
  font-family: 'General Sans', 'Inter', system-ui, Arial, sans-serif !important;
}

h1, h2, h3, .kicker, .menu a, .btn {
  font-family: 'General Sans', 'Inter', Arial, sans-serif !important;
  letter-spacing: 0.01em;
  font-weight: 600;
}

/* Make it feel premium */
h1 { font-weight: 700; }
h2 { font-weight: 700; }
h3 { font-weight: 600; }


/* === TYPOGRAFIE FINETUNE — General Sans premium polish === */

/* Base readability */
body{
  font-family:'General Sans','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important;
  font-size:16.5px;
  letter-spacing:-0.005em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

p, li, label, input, select, textarea{
  font-family:'General Sans','Inter',system-ui,sans-serif !important;
  font-weight:400;
  line-height:1.72;
}

/* Headings: clean, premium, not too decorative */
h1,h2,h3{
  font-family:'General Sans','Inter',system-ui,sans-serif !important;
  letter-spacing:-0.045em !important;
  color:#fff;
}

h1{
  font-weight:700 !important;
  line-height:.96 !important;
  max-width:840px;
}

h2{
  font-weight:650 !important;
  line-height:1.05 !important;
}

h3{
  font-weight:650 !important;
  letter-spacing:-0.02em !important;
  line-height:1.18 !important;
}

/* Paragraph hierarchy */
.lead{
  font-size:clamp(18px,1.7vw,22px) !important;
  line-height:1.58 !important;
  font-weight:430 !important;
  max-width:760px;
}

.section-title p{
  font-size:18px !important;
  line-height:1.62 !important;
  font-weight:430 !important;
}

/* Premium labels */
.kicker{
  font-family:'General Sans','Inter',system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase;
}

/* Navigation: less bulky, more refined */
.menu a{
  font-family:'General Sans','Inter',system-ui,sans-serif !important;
  font-size:13.5px !important;
  font-weight:650 !important;
  letter-spacing:.005em !important;
}

/* Buttons: strong but elegant */
.btn{
  font-family:'General Sans','Inter',system-ui,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}

/* Cards: better text contrast and hierarchy */
.card h3,
.trust-item strong,
.point strong{
  font-weight:650 !important;
  letter-spacing:-0.015em !important;
}

.card p,
.trust-item p,
.point span{
  font-weight:420 !important;
}

/* Make hero line read cleaner */
.single-line-intro{
  font-weight:450 !important;
  letter-spacing:-0.01em !important;
}

/* Numbers / prices */
.stat strong,
.workshop-card span,
.card strong{
  font-weight:700 !important;
}

/* Footer calmer */
.footer,
.footer p,
.footer a,
.copy{
  font-size:15px !important;
  line-height:1.62 !important;
}

/* Slightly more elegant spacing */
.section-title{
  margin-bottom:52px !important;
}

.cards{
  gap:24px !important;
}

@media(max-width:768px){
  body{font-size:16px;}
  h1{letter-spacing:-0.035em !important;}
  .lead{font-size:18px !important;}
}
