:root{--navy:#101536;--blue:#1749cb;--red:#ec2938;--ink:#161c3b;--muted:#73798c;--pale:#f4f8ff;--font:'DM Sans',Arial,sans-serif;--head:'Outfit',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;background:white}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;width:calc(100% - 64px);margin:auto}.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(32px,calc((100% - 1120px)/2));background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 3px 18px #17265a0a}.brand img{width:145px;height:auto;display:block}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:700;color:#353951}.site-header nav a:hover{color:var(--blue)}.button{background:var(--red);color:white;border-radius:30px;padding:13px 22px;display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:700;box-shadow:0 5px 14px #ed29382b;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ed29384a}.button span{font-size:17px;line-height:1}.button.small{padding:10px 17px;font-size:12px}.menu{display:none;background:none;border:0;font-size:24px;color:var(--ink)}.hero{height:490px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{padding:0 0 0 4px;z-index:1}.eyebrow{margin:0 0 8px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.06em}.eyebrow i{display:inline-block;width:9px;height:9px;background:var(--red);border-radius:50%;margin-right:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--head)}h1{font-size:clamp(46px,5.1vw,66px);line-height:.99;letter-spacing:-.045em;margin:10px 0 13px;color:#1546c4;font-weight:800}h1 br{line-height:1.05}.lead{font-size:16px;line-height:1.5;color:#42485d;max-width:410px;margin-bottom:21px}.actions{display:flex;align-items:center;gap:18px}.watch{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.watch b{width:36px;height:36px;border:1px solid #c7d3ef;color:#1646c7;border-radius:50%;display:grid;place-items:center;padding-left:2px;font-size:11px}.proof{display:flex;align-items:center;gap:10px;margin-top:23px;font-size:12px;color:#4d5367}.avatars,.mini-avatars{display:flex}.avatars img{width:28px;height:28px;object-fit:cover;border:2px solid white;border-radius:50%;margin-left:-7px}.avatars img:first-child{margin-left:0}.hero-art{height:450px;position:relative;align-self:end;overflow:hidden}.wash{position:absolute;inset:20px 4px 0 10px;border-radius:52% 48% 0 0;background:radial-gradient(ellipse at 75% 28%,#cee3ff 0,#e9f3ff 45%,#f8fbff 76%)}.kevin{mix-blend-mode:multiply;position:absolute;height:430px;max-width:96%;width:auto;bottom:0;left:50%;transform:translateX(-45%);object-fit:contain;object-position:bottom;z-index:2}.social{position:absolute;z-index:3;border-radius:13px;box-shadow:0 8px 22px #24335e20;font-weight:800;background:white;display:grid;place-items:center}.instagram{left:13%;top:90px;background:linear-gradient(135deg,#ffcb56,#fa3478 55%,#9047cd);color:white;font-size:31px;width:48px;height:48px}.tiktok{left:5%;top:175px;background:#101010;color:white;font-size:32px;width:47px;height:47px}.linkedin{left:10%;top:268px;background:#1582bd;color:white;font-size:21px;width:50px;height:50px}.facebook{right:8%;top:228px;background:#1877f2;color:white;font-family:Arial;font-size:30px;width:48px;height:48px}.float-card{position:absolute;z-index:4;background:white;padding:13px 15px;border-radius:14px;box-shadow:0 12px 35px #203a6d18}.float-card small{font-size:11px;display:block;color:#525a70;font-weight:700}.float-card strong{display:block;font-family:var(--head);font-size:24px;color:#111832;line-height:1.15}.growth{top:95px;right:1%;transform:rotate(-7deg);width:160px}.growth svg{width:100%;height:35px;overflow:visible}.growth path{fill:none;stroke:#23be83;stroke-width:4;stroke-linecap:round}.clients{bottom:50px;right:2%;min-width:146px}.mini-avatars img{width:23px;height:23px;object-fit:cover;border:2px solid white;border-radius:50%;margin-left:-5px}.clients b{position:absolute;right:12px;bottom:9px;color:#21b779;font-size:26px}.orbit{position:absolute;border:2px solid #e54051;border-left-color:transparent;border-top-color:transparent;border-radius:50%;width:130px;height:90px;left:0;bottom:48px;transform:rotate(27deg)}.trusted{background:#f7f9fc;text-align:center;padding:22px 24px 25px;color:#777e8b}.trusted p{font-size:10px;letter-spacing:.08em;font-weight:800;margin:0 0 16px}.trusted div{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--head);font-size:17px}.trusted .google{font-size:21px;letter-spacing:-1px}.trusted span{background:#717887;color:white;padding:1px 2px}.section{padding-top:56px;padding-bottom:52px}.section h2,.process h2,.review-inner h2,.faq-section h2{font-size:32px;letter-spacing:-.025em;line-height:1.08;margin:0 0 24px;color:#11183c}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service{position:relative;min-height:198px;border-radius:17px;background:linear-gradient(145deg,#f6faff,#f3f7fd);padding:22px 25px;box-shadow:0 8px 20px #22396308}.emoji{display:grid;place-items:center;width:58px;height:52px;margin:0 0 9px;border-radius:14px;background:linear-gradient(145deg,#e5f1ff,#c8ddff);color:#1754dc;box-shadow:0 6px 12px #1954c426;position:relative}.emoji svg{width:24px;height:24px;display:block}.step-icon{font:800 16px var(--head);color:#1749cb}.plan-icon{position:relative}.plan-icon:before{font:800 25px var(--head)}.plan-starter:before{content:">"}.plan-growth:before{content:"G"}.plan-scale:before{content:"S"}.button span:empty:after{content:">"}.menu{font-family:Arial,sans-serif}.menu:before{content:none}.instagram:before{content:"IG"}.tiktok:before{content:"Tk"}.arrow:before{content:">"}.watch b:after{content:"play";font-size:7px;font-weight:800}.clients b:after{content:"+"}.scribble b:after{content:"->"}.quote strong:before{content:"*****"}.room:before{content:"HOME"}.food:before{content:"MENU"}.event:before{content:"EVENT"}.menu:before{content:""}.service h3{font-size:17px;margin:0 0 4px;color:#151a3a}.service p{font-size:12px;line-height:1.45;color:#70778a;max-width:185px;margin:0}.arrow{position:absolute;right:-14px;top:45%;width:32px;height:32px;background:white;box-shadow:0 3px 12px #1b2e531c;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#263558;z-index:1}.process{background:linear-gradient(105deg,#f4f9ff,#edf6ff 65%,#f5fbff);padding:45px 0 38px;position:relative;overflow:hidden}.process .wrap{position:relative}.process h2{margin-bottom:39px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center;position:relative}.steps:before{content:"";position:absolute;top:48px;left:12%;width:76%;border-top:2px dashed #c3d8fa}.steps article{position:relative;z-index:1}.steps article>b{position:absolute;left:calc(50% + 3px);top:-8px;background:#e72e3d;color:white;border-radius:50%;width:25px;height:25px;line-height:25px;font-size:12px;box-shadow:0 3px 8px #e72e3d44}.steps article>span{display:grid;place-items:center;width:76px;height:76px;margin:auto auto 12px;background:white;border:1px solid #edf2fc;border-radius:50%;font-size:32px;box-shadow:0 7px 18px #23396110}.steps h3{font-size:14px;margin:0 0 4px}.steps p{font-size:11px;color:#798195;line-height:1.45;margin:0}.scribble{position:absolute;right:15px;top:10px;color:#2453bb;font-family:var(--head);font-style:italic;font-weight:700;transform:rotate(-8deg);font-size:13px}.scribble b{font-size:35px;color:#e13c49;position:absolute;right:-20px;top:9px}.pricing{padding-top:48px;padding-bottom:50px}.pricing h2{margin-bottom:19px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 3px}.price{position:relative;border:1px solid #e4e8f0;border-radius:13px;min-height:265px;text-align:center;padding:17px 20px 15px;box-shadow:0 7px 18px #132c5810;background:#fff}.plan-icon{font-size:29px;display:block;color:#3b80ed;height:39px}.price:nth-child(3) .plan-icon{color:#f1a44a}.price h3{font-size:18px;margin:3px 0 1px}.price>p{font-size:11px;color:#7b8192;margin:0 0 5px}.price>strong{font-family:var(--head);font-size:27px;color:#142559}.price>strong small{font-family:var(--font);font-size:13px;font-weight:500}.price ul{list-style:none;text-align:left;padding:0;margin:8px auto 12px;max-width:205px;font-size:11px;color:#667085}.price li{margin:4px 0}.price li:before{content:'';font-weight:900;color:#fff;background:#2865e9;border-radius:50%;font-size:9px;padding:1px 3px;margin-right:9px}.price>a{border:1px solid #d6d9e1;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px;border-radius:30px;font-weight:700;font-size:11px}.featured{background:#f4f8ff;border-color:#deebff;box-shadow:0 9px 24px #1b4fc518}.featured label{position:absolute;right:12px;top:8px;background:#1652d5;color:#fff;border-radius:15px;padding:4px 10px;font-size:9px;font-weight:700}.featured>a{background:#1856e6;border-color:#1856e6;color:white}.custom{font-size:25px!important}.content-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;padding:0 3px}.post{border:1px solid #e6e9f0;border-radius:12px;padding:9px;background:white;box-shadow:0 5px 15px #12295012;min-width:0}.post small{font-size:10px;font-weight:700;display:block;margin-bottom:7px}.post>b{font-size:11px;display:block;padding:7px 3px 2px}.photo{height:145px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-family:var(--head);font-weight:800;font-size:21px;text-shadow:0 2px 9px #0008;overflow:hidden}.room{background:linear-gradient(180deg,#8bb3bd,#e4dfd0 52%,#78634f);font-size:60px}.people{background:linear-gradient(130deg,#273748,#bc794e 55%,#1f2734)}.house{background:linear-gradient(140deg,#b6c4c4,#5d7b62 40%,#c5ab7d);font-size:17px}.food{background:linear-gradient(130deg,#ea6748,#a9b73a 55%,#f1d497)}.event{background:linear-gradient(140deg,#111b37,#824556 55%,#df9d56)}.testimonial{background:#f3f8ff;padding:40px 0}.review-inner{display:grid;grid-template-columns:.9fr 1.5fr;align-items:center;gap:42px}.review-inner h2{margin:0}.quote{padding:21px 26px;background:white;border-radius:17px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 26px #14336210}.quote>img{width:58px;height:58px;object-fit:cover;border-radius:50%}.quote p{font-size:13px;margin:0 0 7px;line-height:1.5}.quote small{display:block;font-size:11px;color:#6f7687}.quote strong{color:#f3a820;font-size:14px;letter-spacing:2px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;padding-top:54px;padding-bottom:52px}.faq-section h2{margin:0}.faq-list details{border-bottom:1px solid #e6eaf2;padding:13px 4px;font-size:12px}.faq-list summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font-size:17px;color:#343a50}.faq-list details[open] summary:after{content:''}.faq-list details p{margin:10px 26px 0 0;color:#73798b;line-height:1.55}.cta{background:linear-gradient(110deg,#2187f4,#333ce2 55%,#6923be);color:white;padding:38px 0 42px;position:relative;overflow:hidden}.cta-inner{display:flex;align-items:center;justify-content:space-between;position:relative}.cta .eyebrow{color:#ffc234}.cta .eyebrow i{background:#ffc234}.cta h2{font-size:41px;line-height:1.03;color:white;margin:0;letter-spacing:-.025em}.cta-inner>div:nth-child(2)>p{font-size:13px;margin:0 0 15px}.cta-inner .button{padding:12px 20px}.cta-inner small{margin-left:15px;font-size:10px}.cta-arrow{font-size:70px;position:absolute;left:48%;bottom:-40px;transform:rotate(-30deg);font-family:var(--head)}footer{background:#0e101a;color:#ebedf4;padding:34px 0 15px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:35px}.foot-grid img{width:150px;filter:brightness(1.2);margin-bottom:10px}.foot-grid p{max-width:260px;font-size:11px;color:#b2b5c0;line-height:1.6;margin:0}.foot-grid>div:not(:first-child){display:flex;flex-direction:column;gap:7px;font-size:11px;color:#c1c4cf}.foot-grid b{font-size:12px;color:white;margin-bottom:4px}.footer-bottom{border-top:1px solid #ffffff20;margin-top:26px;padding-top:13px;display:flex;justify-content:space-between;color:#a7aab4;font-size:9px}
@media(max-width:800px){.site-header{height:62px;padding:0 24px}.site-header nav{display:none;position:absolute;top:62px;left:0;right:0;background:white;padding:18px 24px;box-shadow:0 10px 20px #18255017;flex-direction:column;gap:18px}.nav-open nav{display:flex}.site-header>.button{margin-left:auto}.menu{display:block}.wrap{width:calc(100% - 48px)}.hero{height:auto;min-height:490px;grid-template-columns:1.05fr .95fr}.hero-art{height:400px}.kevin{height:385px}.growth{right:0;width:130px}.clients{right:0}.trusted div{flex-wrap:wrap;justify-content:center;gap:16px 30px}.service-grid{grid-template-columns:repeat(2,1fr);gap:16px}.service{min-height:175px}.service:nth-child(2) .arrow{display:none}.price-grid{gap:13px}.price{padding:17px 12px}.price>a{font-size:10px}.content-grid{gap:10px}.photo{height:120px}.faq-section{gap:22px}.foot-grid{gap:22px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{padding:0 18px}.brand img{width:125px}.site-header>.button{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:48px}.lead{font-size:14px;max-width:350px}.actions{gap:10px;flex-wrap:wrap}.actions .button{padding:12px 15px;font-size:11px}.watch{font-size:11px}.watch b{width:32px;height:32px}.proof{margin-top:16px}.hero-art{align-self:stretch;width:100%;flex:0 0 350px;height:350px;margin-top:5px}.kevin{height:345px;left:50%;transform:translateX(-50%);max-width:100%}.wash{inset:15px 0 0}.instagram{left:8%;top:52px}.tiktok{left:2%;top:135px}.linkedin{left:5%;top:220px}.facebook{right:5%;top:190px}.growth{top:50px;right:0;width:118px;padding:10px}.growth strong{font-size:20px}.clients{bottom:25px;right:0;padding:10px}.orbit{bottom:22px}.trusted{padding:18px 18px}.trusted div{font-size:14px;gap:13px 22px}.trusted .google{font-size:18px}.section{padding-top:42px;padding-bottom:40px}.section h2,.process h2,.review-inner h2,.faq-section h2{font-size:28px}.service-grid{gap:11px}.service{padding:17px 15px;min-height:166px}.emoji{font-size:33px}.service h3{font-size:15px}.service p{font-size:11px}.arrow{width:27px;height:27px;right:-10px}.process{padding:38px 0}.steps{grid-template-columns:repeat(2,1fr);row-gap:28px}.steps:before{display:none}.scribble{display:none}.price-grid{grid-template-columns:1fr;gap:13px}.price{min-height:0;padding:16px 20px}.price ul{max-width:220px}.content-grid{grid-template-columns:repeat(2,1fr);gap:12px}.post:last-child{display:none}.photo{height:145px}.review-inner{grid-template-columns:1fr;gap:18px}.quote{padding:17px}.faq-section{grid-template-columns:1fr;gap:16px}.cta{padding:34px 0}.cta-inner{display:block}.cta h2{font-size:36px;margin-bottom:20px}.cta-inner>div:nth-child(2)>p{font-size:12px}.cta-inner .button{padding:11px 15px}.cta-inner small{font-size:9px;margin-left:9px}.cta-arrow{left:auto;right:12px;bottom:-37px}.foot-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.foot-grid>div:first-child{grid-column:1/-1}.footer-bottom{font-size:8px;gap:12px;line-height:1.5}}
.price li:before{content:'+'}.faq-list details[open] summary:after{content:'-'}.cta-arrow:after{content:'->'}.watch b:after{content:'';width:0;height:0;border-left:8px solid #1646c7;border-top:5px solid transparent;border-bottom:5px solid transparent}.instagram:before,.tiktok:before{font-size:12px}.social.instagram,.social.tiktok{font-size:0}.kevin{mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}@media(max-width:560px){.kevin{mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}}/* Refined marks and simplified section headings */
.eyebrow{display:none}.social svg{width:26px;height:26px;display:block}.social.instagram,.social.tiktok{font-size:0}.instagram:before,.tiktok:before{content:none}.cta-arrow{left:47%;bottom:4px;width:72px;height:76px;font-size:0;transform:none}.cta-arrow:after{content:none}.cta-arrow svg{width:100%;height:100%;overflow:visible}.cta-arrow path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){.cta-arrow{left:auto;right:22px;bottom:0;width:58px;height:63px}}
/* Remove decorative arrow graphics and card chevrons */
.orbit,.cta-arrow,.service .arrow,.scribble b{display:none!important}

/* Hide the secondary video link in the hero */
.hero .watch{display:none!important}

/* Scroll reveal and interaction motion */
body.motion-enabled .scroll-reveal,
body.motion-enabled .scroll-item{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);
}
body.motion-enabled .scroll-item{transition-delay:var(--reveal-delay,0ms)}
body.motion-enabled .scroll-reveal.is-visible,
body.motion-enabled .scroll-item.is-visible{opacity:1;transform:translate3d(0,0,0)}

.button,.price>a,.site-header nav a,.foot-grid a,.service,.post,.price{
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,color .25s ease,background-color .25s ease;
}
.button:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 10px 24px #ed29384a}
.button:active,.price>a:active{transform:translateY(0) scale(.98)}
.price>a:hover{transform:translateY(-2px);box-shadow:0 6px 16px #193f9a1a}
.site-header nav a{display:inline-block}
.site-header nav a:hover{transform:translateY(-2px)}
.foot-grid a:hover{transform:translateX(3px);color:#fff}
.service:hover,.post:hover,.price:hover{transform:translateY(-5px);box-shadow:0 14px 30px #19366018}
.language-switch{display:flex;align-items:center;gap:14px;white-space:nowrap}
.language-switch button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:7px 2px;color:#50566d;font:700 12px var(--font);cursor:pointer;transition:color .2s ease,transform .2s ease;position:relative}
.language-switch button svg{width:18px;height:12px;border-radius:1px;box-shadow:0 0 0 1px #17203a12}
.language-switch button:hover{color:var(--red);transform:translateY(-1px)}
.language-switch button.active{color:var(--red)}
.language-switch button.active:after{content:"";height:2px;position:absolute;left:0;right:0;bottom:1px;background:var(--red);border-radius:2px}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}
@media(max-width:560px){
  .site-header{gap:10px}
  .brand img{width:108px}
  .language-switch{gap:6px;margin-left:auto}
  .language-switch button{font-size:10px;gap:4px;padding:7px 0}
  .language-switch button svg{width:16px;height:11px}
  .menu{flex:0 0 auto;padding:4px}
}
body.motion-enabled .service.scroll-item.is-visible:hover,body.motion-enabled .post.scroll-item.is-visible:hover,body.motion-enabled .price.scroll-item.is-visible:hover{transform:translateY(-5px);box-shadow:0 14px 30px #19366018}

.plan-icon:before{content:none!important}.plan-icon{height:44px}.plan-icon svg{display:block;width:44px;height:44px;margin:0 auto;overflow:visible}.price h3{margin-top:0}

/* Section labels (replace hidden eyebrow where needed) */
.section-label{margin:0 0 10px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cta .section-label,.cta-label{color:#ffc234}

/* Pain + lead magnet */
.pain-section{padding-top:52px;padding-bottom:48px}
.pain-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}
.pain-copy h2{margin-bottom:14px}
.pain-lead{font-size:15px;line-height:1.55;color:#4a5166;max-width:540px;margin:0 0 22px}
.pain-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:14px}
.pain-list li{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:start}
.pain-icon{grid-row:1 / span 2;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#e5f1ff,#c8ddff);color:#1754dc;display:grid;place-items:center;box-shadow:0 6px 12px #1954c426}
.pain-icon svg{width:20px;height:20px}
.pain-list b{font-size:14px;color:#151a3a;font-family:var(--head)}
.pain-list li>span:last-child{font-size:12px;color:#70778a;line-height:1.45}
.pain-close{font-size:14px;line-height:1.55;color:#2a3148;max-width:520px;margin:0;font-weight:600}
.lead-magnet{background:linear-gradient(160deg,#f4f8ff,#e8f0ff 55%,#f7faff);border:1px solid #d7e4fb;border-radius:18px;padding:26px 24px;box-shadow:0 10px 28px #1a3f8a12}
.lead-magnet h3{font-size:22px;margin:0 0 10px;letter-spacing:-.02em;color:#11183c}
.lead-magnet>p{font-size:13px;line-height:1.5;color:#5a6278;margin:0 0 18px}
.lead-magnet .button{width:100%;justify-content:center;margin-bottom:12px}
.lead-whatsapp{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--blue)}
.lead-whatsapp:hover{text-decoration:underline}

/* Cases grid */
.cases-grid{grid-template-columns:repeat(4,1fr)}
.case-card{display:block;color:inherit;min-width:0}
.case-card .case-tag{display:block;font-size:10px;font-weight:700;color:#667085;padding:0 3px 4px}
.case-visual{padding:0!important;overflow:hidden;background:#dfe6f2}
.case-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.case-efoot{background:linear-gradient(135deg,#0b1f3a,#1f6feb 55%,#39d0ff)}
.case-ewerk{background:linear-gradient(135deg,#1a2744,#3d5afe 50%,#90caf9)}
.case-dmc{background:linear-gradient(135deg,#1c1424,#6b3fa0 45%,#c9a227)}
.case-fc{background:linear-gradient(135deg,#101820,#245b8a 50%,#4db6ac)}
/* Case detail pages */
.case-page .site-header nav a[href*="resultaten"]{color:var(--blue)}
.case-hero{padding:42px 0 18px}
.case-back{display:inline-block;font-size:12px;font-weight:700;color:var(--blue);margin-bottom:18px}
.case-hero h1{font-size:clamp(40px,5vw,56px);margin:8px 0 14px;color:#1546c4}
.case-intro{font-size:16px;line-height:1.55;color:#42485d;max-width:680px;margin:0 0 18px}
.case-channels{display:flex;flex-wrap:wrap;gap:8px}
.case-channels span{font-size:11px;font-weight:700;color:#3a4560;background:#eef3ff;border:1px solid #d7e2f8;border-radius:999px;padding:6px 12px}
.case-block{padding:28px 0 8px;max-width:760px}
.case-block h2{font-size:22px;margin:0 0 10px;color:#11183c}
.case-block>p{font-size:14px;line-height:1.6;color:#4a5166;margin:0}
.case-results{list-style:none;margin:18px 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.case-results li{background:#f4f8ff;border-radius:14px;padding:16px 14px}
.case-results strong{display:block;font-family:var(--head);font-size:20px;color:#1546c4;margin-bottom:4px}
.case-results span{font-size:12px;color:#667085}
.case-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 10px}
.case-shot{margin:0;position:relative;min-height:180px;border-radius:14px;overflow:hidden;padding:0;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 22px #12295018;background:#dfe6f2}
.case-shot img{width:100%;height:100%;min-height:180px;object-fit:cover;object-position:center top;display:block}
.case-shot figcaption{position:absolute;left:12px;bottom:10px;z-index:1;text-shadow:0 1px 6px #0009}
.case-quote{padding:28px 0 10px}
.case-quote blockquote{margin:0;max-width:720px;background:#f3f8ff;border-radius:18px;padding:26px 28px;box-shadow:0 8px 24px #14336210}
.case-quote p{font-size:17px;line-height:1.55;margin:0 0 12px;color:#1b2238;font-family:var(--head);font-weight:600}
.case-quote cite{font-style:normal;font-size:12px;font-weight:700;color:#667085}
.case-others{padding:36px 0 48px}
.case-others .cases-grid{grid-template-columns:repeat(3,1fr)}
.case-page footer{padding:18px 0}
.case-page .footer-bottom{margin-top:0;border-top:0;padding-top:0;align-items:center}
.case-page .footer-bottom a{font-size:11px;font-weight:700;color:#c1c4cf}
.case-page .footer-bottom a:hover{color:#fff}

@media(max-width:800px){
  .pain-grid{grid-template-columns:1fr;gap:24px}
  .cases-grid{grid-template-columns:repeat(2,1fr)!important}
  .case-results{grid-template-columns:1fr}
  .case-shots{grid-template-columns:1fr 1fr}
  .case-shots .shot-c{grid-column:1 / -1}
  .case-others .cases-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  .pain-section{padding-top:36px;padding-bottom:36px}
  .lead-magnet{padding:20px 18px}
  .cases-grid{grid-template-columns:1fr!important}
  .case-hero{padding-top:28px}
  .case-shots{grid-template-columns:1fr}
  .case-shots .shot-c{grid-column:auto}
  .case-others .cases-grid{grid-template-columns:1fr!important}
  .case-quote blockquote{padding:20px}
  .case-quote p{font-size:15px}
}

/* Keep last case card visible on mobile (old rule hid 5th post) */
@media(max-width:560px){.post:last-child{display:block}}
