@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#fbf5ec;--ink:#18211c;--green:#425f50;--sage:#dcebe3;--yellow:#fae8a5;--white:#fff;--muted:#666e68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1190px;margin:0 auto;padding-left:32px;padding-right:32px}.site-header{position:fixed;z-index:100;top:16px;left:0;width:100%;padding:0 24px;pointer-events:none}.nav-shell{pointer-events:auto;max-width:1180px;margin:auto;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:9px 16px 9px 23px;background:rgba(255,255,255,.96);border:1px solid rgba(54,77,65,.08);border-radius:100px;box-shadow:0 12px 36px rgba(43,52,40,.08);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center}.brand img{display:block;width:104px;height:48px;object-fit:contain;object-position:left center}.nav-links{display:flex;gap:35px;align-items:center}.nav-links>a{font-size:14px;font-weight:700;white-space:nowrap}.nav-links>a:hover{color:var(--green)}.nav-cta{justify-self:end;border-radius:40px;background:var(--green);color:white;padding:13px 17px;font-weight:700;font-size:13px;display:flex;gap:20px;align-items:center}.nav-cta span{font-size:18px}.menu-toggle,.mobile-cta{display:none!important}.hero{padding-top:156px;padding-bottom:95px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;min-height:690px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--green);margin-bottom:18px}.eyebrow.mint{display:inline-block;background:#dfece5;border-radius:20px;padding:9px 13px;font-size:10px;letter-spacing:.5px}.hero h1{font-size:clamp(54px,6vw,89px);line-height:.99;letter-spacing:-5px;margin:13px 0 28px;font-weight:800}.underlined{position:relative;white-space:nowrap}.underlined:after{content:"";height:7px;border-radius:10px;background:#d85b4e;position:absolute;left:0;bottom:-7px;width:100%;transform:rotate(-2deg)}.hero-copy>p{max-width:485px;font-size:17px;line-height:1.65;color:#3f4842}.actions{display:flex;gap:12px;margin:29px 0 21px;flex-wrap:wrap}.btn{border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--green);color:white}.btn-outline{border:1px solid #b7c5bb}.hero-copy small{font-size:12px;color:#7a817a}.hero-art{height:480px;border-radius:36px;background:#dcece4;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.hero-art>img{width:100%;height:83%;object-fit:contain;object-position:bottom center}.speech{position:absolute;z-index:2;top:36px;right:35px;background:#fff;border-radius:19px;padding:24px 28px;font-weight:800;font-size:23px;line-height:1.12;box-shadow:0 7px 25px rgba(50,80,70,.05)}.speech-tail{position:absolute;bottom:-13px;left:25px;width:24px;height:24px;background:white;transform:rotate(45deg);border-radius:3px}.section{padding-top:64px;padding-bottom:72px}.section h2,.feature h2,.contact h2{font-size:clamp(29px,3.2vw,44px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 14px;font-weight:800}.section-sub{color:var(--muted);margin:0 0 29px;font-size:15px}.grid{display:grid;gap:16px;margin-top:28px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{background:#fff;border-radius:20px;padding:27px;min-height:225px;position:relative;display:flex;flex-direction:column}.tile h3{font-size:20px;line-height:1.2;letter-spacing:-.4px;margin:15px 0 10px}.tile p{font-size:14px;line-height:1.65;color:#657067;margin:0}.num{font-size:14px;font-weight:800;color:#7e9d8a}.emoji{font-size:20px;margin-top:20px}.service{min-height:285px}.service a{margin-top:auto;padding-top:25px;display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:var(--green)}.service.warm{background:var(--yellow)}.service.warm h3{font-size:27px;margin:20px 0}.feature{background:#dcece3;border-radius:26px;padding-top:47px;padding-bottom:47px;display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:34px;margin-bottom:34px}.feature>div:first-child{padding:14px 0}.feature p{max-width:440px;font-size:15px;line-height:1.7;color:#4e6257}.feature .btn{margin-top:12px}.feature-panel{background:white;border-radius:22px;padding:29px 35px}.feature-panel h3{margin:0 0 21px;font-size:18px}.line-item{display:flex;gap:16px;margin:16px 0}.line-item b{color:var(--green);font-size:20px}.line-item strong{font-size:15px}.line-item p{font-size:13px;margin:4px 0 0}.yellow{background:#f9e7a6}.team{gap:16px}.person{background:white;border-radius:17px;overflow:hidden}.person img{width:100%;height:270px;display:block;object-fit:cover;object-position:center 25%;background:#e4e8e3}.person>div{padding:19px 17px 24px}.person small{font-size:11px;color:#69766b}.person h3{font-size:16px;line-height:1.35;margin:10px 0}.person p{font-size:12px;line-height:1.6;color:#667067}.team-note{font-size:12px;color:#788079;margin-top:24px}.values .grid>div{border-top:2px solid #4c6757;padding:18px 0}.values h3{margin:0 0 8px;font-size:17px}.values p{font-size:13px;line-height:1.6;color:#6b746d}.faq .tile{min-height:145px}.faq .tile h3{font-size:18px;margin:0 0 10px}.contact{margin-top:38px;margin-bottom:75px;background:#425e4f;border-radius:25px;color:white;padding-top:40px;padding-bottom:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact .eyebrow{color:#e3eaa7}.contact h2{font-size:43px}.contact p{line-height:1.6;color:#e5ece5}.contact-box{width:230px;background:#fff;border-radius:17px;color:#21362a;text-align:center;padding:18px;display:flex;flex-direction:column;align-items:center}.contact-box img{width:128px;height:128px;object-fit:contain}.contact-box strong{font-size:14px;margin-top:6px}.contact-box p{color:#3c5546;margin:3px 0 11px;font-size:13px}.contact-box .btn{padding:11px 19px;font-size:12px}.footer{padding-bottom:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;padding-bottom:55px}.footer-logo{width:120px;height:70px;object-fit:contain;object-position:left}.footer h4{font-size:12px;letter-spacing:1px}.footer p,.footer a,.footer small{font-size:13px;line-height:1.9;color:#5b685e}.footer a{display:block}.footer-bottom{border-top:1px solid #d8d8ca;padding-top:21px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7a807a}@media(max-width:900px){.hero{gap:25px}.hero h1{font-size:60px;letter-spacing:-3px}.hero-art{height:410px}.speech{font-size:18px}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.person img{height:320px}.feature{gap:30px}}@media(max-width:650px){html{scroll-padding-top:90px}.wrap{padding-left:20px;padding-right:20px}.site-header{top:10px;padding:0 12px}.nav-shell{min-height:64px;padding:6px 9px 6px 15px;grid-template-columns:1fr auto auto;gap:9px}.brand img{width:85px;height:43px}.nav-cta{font-size:11px;padding:12px;gap:6px}.menu-toggle{display:block!important;border:0;background:#e7eee7;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer}.nav-links{display:none;position:absolute;top:72px;left:12px;right:12px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 18px 30px #263c2b20;flex-direction:column;align-items:stretch;gap:20px}.nav-links.open{display:flex}.nav-links .mobile-cta{display:block!important}.hero{padding-top:118px;padding-bottom:52px;grid-template-columns:1fr;gap:28px;min-height:0}.hero h1{font-size:clamp(48px,12vw,68px);letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-art{height:350px}.speech{top:18px;right:20px;padding:17px;font-size:17px}.section{padding-top:45px;padding-bottom:40px}.three,.two{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:0}.service{min-height:245px}.feature{grid-template-columns:1fr;gap:16px;margin:20px 12px;padding:25px!important}.feature-panel{padding:22px}.person img{height:220px}.person>div{padding:13px}.person h3{font-size:13px}.person p{font-size:11px}.contact{margin:30px 12px 50px;padding:28px!important;align-items:stretch;flex-direction:column}.contact-box{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.section h2,.feature h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Revisi 31 Oktober — layanan, tim, dan CTA */
.services{align-items:stretch;row-gap:22px}
.services .service{border-radius:30px;padding:30px 30px 25px;min-height:310px}
.services .service:not(.warm)>a{border-top:1px solid #deded5;padding-top:19px;margin-top:auto;align-items:center;gap:12px}
.services .service:not(.warm)>a span{font-size:22px;line-height:1}
.services .service.warm{background:#fae8a5;overflow:visible;isolation:isolate}
.services .service.warm::after{content:"";position:absolute;z-index:-1;bottom:-22px;left:48px;width:54px;height:54px;background:#fae8a5;clip-path:polygon(0 0,100% 0,0 100%);border-radius:0 0 0 9px}
.services .service.warm h3{font-size:clamp(26px,2.5vw,34px)}
.services .service.warm>a{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#425f50;color:#fff;border-radius:999px;padding:17px 22px;margin-top:auto;min-height:56px}
.services .service.warm>a span{font-size:22px;line-height:1}
.team .person{display:flex;flex-direction:column;border-radius:24px}
.team .person>div{display:grid;grid-template-rows:22px minmax(115px,auto) 1fr;align-content:start;flex:1;padding:22px 19px 26px}
.team .person small{align-self:start}
.team .person h3{margin:8px 0 14px;align-self:start}
.team .person p{margin:0;align-self:start}
.contact{border-radius:54px;overflow:hidden;padding-top:58px;padding-bottom:58px}
.contact-box{border-radius:28px}
@media(max-width:900px){.team .person>div{grid-template-rows:22px minmax(90px,auto) 1fr}}
@media(max-width:650px){.services .service{min-height:260px;padding:25px}.services .service.warm::after{left:35px;bottom:-18px;width:42px;height:42px}.team .person>div{grid-template-rows:18px minmax(120px,auto) 1fr;padding:15px 13px 19px}.team .person h3{margin:7px 0 10px}.contact{border-radius:36px}}

/* Hero spacing and underline refinement */
@media(min-width:651px){.hero{padding-top:112px}}
@media(max-width:650px){.hero{padding-top:98px}}
.hero .underlined::after{content:none!important;display:none!important}

/* Rounded cards: proportional to content and consistent spacing */
.feature{border-radius:36px;padding:44px 48px;gap:clamp(24px,4vw,58px);align-items:center;overflow:hidden}
.feature>div:first-child{padding:0;min-width:0}
.feature-panel{border-radius:26px;padding:32px 36px;min-width:0;width:100%}
.feature .btn{border-radius:999px}
.contact{border-radius:36px;padding:46px 50px;gap:40px;align-items:center;overflow:hidden}
.contact>div:first-child{min-width:0}
.contact-box{border-radius:26px;padding:22px 25px;width:240px;flex-shrink:0}
.contact-box .btn{border-radius:999px}
@media(max-width:900px){.feature{padding:34px 32px;gap:24px}.contact{padding:36px 32px;gap:24px}}
@media(max-width:650px){.feature{border-radius:28px;margin:20px 12px;padding:26px!important;gap:20px}.feature-panel{border-radius:22px;padding:24px}.contact{border-radius:28px;margin:30px 12px 50px;padding:28px!important;gap:22px}.contact-box{width:100%;border-radius:22px;padding:22px}}

/* Refinements */
.hero{padding-top:90px}.num{display:inline-flex!important;align-items:center;justify-content:center;min-width:54px;height:43px;padding:0 14px;border-radius:15px;background:#e0eee7;color:#365d4c;font-weight:800;font-size:18px;line-height:1}.tile,.service,.person,.feature-panel,.contact-box{transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover){.tile:hover,.service:hover,.person:hover,.feature-panel:hover,.contact-box:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(37,61,48,.12)}}@media(prefers-reduced-motion:reduce){.tile,.service,.person,.feature-panel,.contact-box{transition:none}}@media(max-width:650px){.hero{padding-top:90px}}

/* SPK banner update — scoped to homepage hero; admin untouched */
.spk-hero{position:relative;isolation:isolate;display:block;max-width:none;min-height:760px;padding:138px max(32px,calc((100vw - 1190px)/2 + 32px)) 74px;overflow:hidden;background:#faf6ef url('/assets/spk-hero-abstract.png') center center/cover no-repeat}
.spk-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,247,241,.98) 0%,rgba(250,247,241,.97) 30%,rgba(250,247,241,.86) 43%,rgba(250,247,241,.08) 66%,transparent 100%)}
.spk-hero-inner{max-width:1126px;margin:auto;position:relative;min-height:620px;display:flex;align-items:center}.spk-hero .hero-copy{position:relative;z-index:2;width:55%;max-width:635px}.spk-hero-eyebrow{display:flex;align-items:center;gap:18px;letter-spacing:3px;font-size:12px;font-weight:800;color:#244c3c}.spk-hero-eyebrow span{width:55px;height:2px;background:#2e7051}.spk-hero h1{font-size:clamp(56px,6.1vw,86px);line-height:.99;letter-spacing:-4.5px;margin:24px 0 23px}.spk-hero h1 em{color:#317c59;font-style:italic}.spk-hero .hero-copy>p{font-size:16px;line-height:1.52;max-width:500px;color:#424d47}.spk-hero-photo{position:absolute;z-index:0;top:-35px;right:-7vw;bottom:-45px;width:64%;background:url('/assets/spk-consulting-team.png') center center/cover no-repeat;mask-image:linear-gradient(to right,transparent 0%,#000 26%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 26%)}.spk-benefits{display:flex;align-items:center;margin:28px 0 26px;max-width:675px;width:max-content;max-width:calc(100vw - 64px)}.spk-benefit{display:flex;align-items:center;gap:8px;padding:0 12px;border-right:1px solid #c9d1c9;font-size:10px;font-weight:800;line-height:1.3;white-space:nowrap;color:#173a2d}.spk-benefit:first-child{padding-left:0}.spk-benefit:last-child{border-right:0}.spk-benefit-icon{width:37px;height:37px;flex:0 0 37px;border-radius:12px;background:#cfe8cb;display:grid;place-items:center;color:#155b40}.spk-benefit-icon svg{width:23px;height:23px}.spk-hero .actions{margin:0;gap:14px}.spk-hero .btn{padding:16px 24px}.spk-hero .btn-dark{background:#06472e}.spk-hero .btn-outline{border-color:#38765a;background:rgba(255,255,255,.72)}
@media(max-width:900px){.spk-hero{padding:125px 25px 60px}.spk-hero-inner{min-height:630px}.spk-hero .hero-copy{width:65%}.spk-hero-photo{right:-30%;width:90%;opacity:.72}.spk-benefits{flex-wrap:wrap;width:auto;gap:12px}.spk-benefit{border-right:0;padding:0}}
@media(max-width:640px){.spk-hero{padding:112px 22px 38px;min-height:0}.spk-hero-inner{display:block;min-height:0}.spk-hero .hero-copy{width:100%;max-width:none}.spk-hero h1{font-size:clamp(46px,11vw,68px);letter-spacing:-2.5px}.spk-hero .hero-copy>p{font-size:15px}.spk-hero-photo{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:290px;margin-top:20px;border-radius:25px;opacity:1;mask-image:none;-webkit-mask-image:none;background-position:center}.spk-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.spk-benefit{font-size:10px}.spk-hero:before{background:linear-gradient(180deg,rgba(250,247,241,.94),rgba(250,247,241,.74))}}

/* Hero 2026-11-02: photo with seamless left and bottom fades */
.spk-hero{background:#fbf5ec;min-height:760px;padding-top:126px;padding-bottom:90px}
.spk-hero:before{background:none}
.spk-hero:after{content:"";position:absolute;z-index:1;pointer-events:none;inset:auto 0 0;height:175px;background:linear-gradient(to bottom,rgba(251,245,236,0),#fbf5ec 100%)}
.spk-hero-inner{z-index:2}
.spk-hero .hero-copy{z-index:3}
.spk-hero h1{margin-top:10px}
.spk-hero-photo{z-index:0;top:-126px;bottom:-90px;right:calc(-1 * max(32px,(100vw - 1190px)/2 + 32px));width:calc(72% + max(32px,(100vw - 1190px)/2 + 32px));background-image:linear-gradient(to right,#fbf5ec 0%,rgba(251,245,236,.96) 13%,rgba(251,245,236,.68) 31%,rgba(251,245,236,0) 53%),linear-gradient(to bottom,rgba(251,245,236,0) 68%,#fbf5ec 100%),url('/assets/spk-consulting-team.png');background-size:cover,cover,cover;background-position:center,center,center center;mask-image:none;-webkit-mask-image:none}
@media(max-width:900px){.spk-hero-photo{right:-25px;width:90%;opacity:.75;top:-125px;bottom:-60px}}
@media(max-width:640px){.spk-hero{padding-top:112px;padding-bottom:45px}.spk-hero-photo{position:relative;right:auto;top:auto;bottom:auto;width:calc(100% + 44px);height:300px;margin:18px -22px -45px;border-radius:0;opacity:1;background-image:linear-gradient(to bottom,#fbf5ec 0%,rgba(251,245,236,0) 23%,rgba(251,245,236,0) 65%,#fbf5ec 100%),url('/assets/spk-consulting-team.png');background-position:center,center;background-size:cover,cover}.spk-hero:after{height:70px}.spk-hero h1{margin-top:0}}

/* 2026-11-03: responsive hero refinement. Admin and Worker unchanged. */
@media (min-width: 901px) {
  .spk-hero { min-height: 690px; padding-top: 112px; padding-bottom: 65px; }
  .spk-hero-inner { min-height: 510px; align-items: center; }
  .spk-hero .hero-copy { width: 54%; }
  .spk-hero h1 { font-size: clamp(54px, 5.5vw, 78px); margin: 8px 0 18px; }
  .spk-hero-photo {
    top: -112px; bottom: -65px; width: calc(67% + max(32px,(100vw - 1190px)/2 + 32px));
    opacity: 1;
    background-image: linear-gradient(to right,#fbf5ec 0%,rgba(251,245,236,.97) 12%,rgba(251,245,236,.65) 27%,rgba(251,245,236,0) 47%),linear-gradient(to bottom,rgba(251,245,236,0) 76%,#fbf5ec 100%),url('/assets/spk-consulting-team.png');
  }
}
@media (min-width: 641px) and (max-width: 900px) {
  .spk-hero { padding-top: 108px; min-height: 650px; }
  .spk-hero-inner { min-height: 510px; }
  .spk-hero-photo { opacity: 1; top: -108px; bottom: -60px; width: 87%; }
}
@media (max-width: 640px) {
  .spk-hero { padding: 104px 22px 38px; min-height: 0; }
  .spk-hero-inner { position: relative; display: block; min-height: 0; }
  .spk-hero .hero-copy { position: relative; z-index: 3; width: 100%; }
  .spk-hero h1 { font-size: clamp(44px, 10.5vw, 62px); line-height: 1.02; margin: 0 0 18px; }
  .spk-hero-photo {
    position: absolute; z-index: 0; inset: -104px -22px -38px;
    width: auto; height: auto; margin: 0; border-radius: 0; opacity: 1;
    background-image: linear-gradient(90deg,rgba(251,245,236,.89),rgba(251,245,236,.82)),linear-gradient(to bottom,rgba(251,245,236,.2) 60%,#fbf5ec 100%),url('/assets/spk-consulting-team.png');
    background-size: cover,cover,cover; background-position: center,center,60% center;
    pointer-events: none;
  }
  .spk-hero:after { height: 85px; }
  .spk-benefits { position: relative; z-index: 3; }
  .spk-hero .actions { position: relative; z-index: 3; }
}

/* Floating conversation graphics, layered over the original unmodified hero photo. */
.spk-hero-photo { pointer-events:none; }
.spk-floating-bubble { position:absolute; z-index:2; display:block; height:auto; object-fit:contain; filter:drop-shadow(0 8px 14px rgba(15,65,43,.12)); animation:spkBubbleFloat 4.6s ease-in-out infinite; will-change:transform; }
.spk-floating-bubble-woman { width:clamp(160px,17vw,245px); top:9%; left:24%; }
.spk-floating-bubble-man { width:clamp(160px,17vw,245px); top:9%; right:8%; animation-delay:-2.3s; }
@keyframes spkBubbleFloat { 0%,100% {transform:translateY(0)} 50% {transform:translateY(-11px)} }
@media(min-width:641px) and (max-width:1000px) { .spk-floating-bubble-woman {left:22%;width:clamp(145px,19vw,195px)} .spk-floating-bubble-man {right:5%;width:clamp(145px,19vw,195px)} }
/* Mobile: do not obstruct the hero copy or its CTAs. */
@media(max-width:640px) { .spk-floating-bubble {display:none} }
@media(prefers-reduced-motion:reduce) { .spk-floating-bubble {animation:none;will-change:auto} }

/* 2026-11-03: left-aligned compact navigation, free space above hero portraits */
@media (min-width: 901px) {
  .site-header { padding-left: clamp(18px,3.4vw,54px); padding-right: 0; }
  .nav-shell { max-width: 920px; margin: 0; grid-template-columns: 135px 1fr; gap: 28px; padding-right: 29px; }
  .nav-links { justify-content: flex-end; gap: clamp(16px,2vw,31px); }
  .nav-cta { display: none; }
  .spk-floating-bubble-woman { top: 13%; left: 24%; }
  .spk-floating-bubble-man { top: 13%; right: 8%; }
}
@media (min-width: 901px) and (max-width: 1120px) {
  .nav-shell { max-width: 790px; grid-template-columns: 115px 1fr; gap: 12px; }
  .nav-links { gap: 16px; }
}
/* On small screens keep a compact menu and leave contact action floating. */
@media (max-width: 900px) {
  .nav-cta { display: none; }
  .nav-shell { grid-template-columns: 1fr auto; }
  .menu-toggle { display: block!important; }
}
.spk-wa-float {
  position: fixed; right: clamp(16px,2.3vw,34px); bottom: clamp(18px,2.4vw,34px);
  z-index: 250; display: inline-flex; align-items: center; justify-content: center;
  gap: 11px; padding: 14px 19px; min-height: 58px;
  border-radius: 999px; color: #fff; background: #075e43;
  box-shadow: 0 10px 30px rgba(0,70,45,.24); font-size: 14px; font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}
.spk-wa-float:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(0,70,45,.32); }
.spk-wa-float svg { width: 26px; height: 26px; flex-shrink: 0; fill: currentColor; }
@media (max-width: 640px) {
  .spk-wa-float { right: 15px; bottom: 17px; min-height: 54px; padding: 13px 15px; font-size: 12px; gap: 8px; }
  .spk-wa-float svg { width: 23px; height: 23px; }
}
@media (prefers-reduced-motion: reduce) { .spk-wa-float { transition: none; } }

/* Compact desktop pill: rounded edge immediately after Insight */
@media (min-width: 901px) {
  .site-header .nav-shell {
    width: max-content;
    max-width: calc(100vw - 2 * clamp(18px,3.4vw,54px));
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    min-height: 72px;
    padding: 9px 24px 9px 23px;
    margin: 0;
    border-radius: 999px;
  }
  .site-header .brand {
    flex: 0 0 auto;
    padding-right: 20px;
    border-right: 1px solid rgba(42,65,53,.30);
  }
  .site-header .nav-links {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: clamp(18px,2vw,31px);
  }
  .site-header .nav-links > a { font-size: 14px; }
}

/* Responsive dropdown and WhatsApp icon revision */
@media(max-width:900px){
.site-header{z-index:300}.site-header .nav-shell{position:relative;display:flex;align-items:center;justify-content:space-between}
.site-header .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto;min-width:94px;height:44px;padding:0 14px;border-radius:999px;background:#eaf1ec;color:#193b2c;font-size:14px;font-weight:750;line-height:1}
.site-header .menu-icon{width:19px;height:19px;display:block;flex:none}.site-header .menu-toggle.is-open{background:#dcebe1}
.site-header .nav-links{display:none;position:absolute;z-index:350;top:calc(100% + 10px);left:0;right:0;width:100%;margin:0;padding:10px;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border:1px solid #e4ebe5;border-radius:22px;box-shadow:0 18px 42px rgba(20,50,35,.17)}
.site-header .nav-links.open{display:flex}.site-header .nav-links>a{display:flex;align-items:center;min-height:47px;padding:12px 16px;border-radius:13px;font-size:15px;font-weight:700}
.site-header .nav-links>a:hover,.site-header .nav-links>a:focus-visible{background:#edf4ee;color:#075e43}
.site-header .nav-links>a.mobile-cta{display:flex!important;margin-top:5px;background:#075e43;color:#fff;justify-content:center}
}
@media(max-width:640px){.site-header{padding:0 14px}.site-header .nav-shell{padding:8px 12px 8px 17px;min-height:72px}.site-header .brand img{width:94px}.spk-wa-float{right:16px;bottom:max(16px,env(safe-area-inset-bottom));min-height:52px;padding:12px 16px;gap:9px;font-size:13px;box-shadow:0 8px 24px rgba(0,70,45,.22)}}
.spk-wa-float svg{display:block;width:26px;height:26px;flex:0 0 auto;fill:#fff}.spk-wa-float{white-space:nowrap}.spk-wa-float:focus-visible,.menu-toggle:focus-visible{outline:3px solid #6dc49a;outline-offset:3px}

/* Floating WhatsApp: icon-only circular button on mobile */
@media (max-width: 900px) {
  a.spk-wa-float {
    position: fixed;
    right: 18px;
    bottom: max(20px, env(safe-area-inset-bottom));
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    max-width: 56px;
    padding: 0;
    gap: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: #075e43;
    box-shadow: 0 7px 22px rgba(0, 65, 42, .25);
    z-index: 450;
  }
  a.spk-wa-float > span { display: none !important; }
  a.spk-wa-float > svg { width: 30px; height: 30px; flex: none; display: block; }
}