{"id":4796,"date":"2026-10-26T14:26:04","date_gmt":"2026-10-26T14:26:04","guid":{"rendered":"https:\/\/hashtagknights.com\/?page_id=4796"},"modified":"2026-10-30T12:03:52","modified_gmt":"2026-10-30T12:03:52","slug":"etude-de-cas-velore","status":"publish","type":"page","link":"https:\/\/hashtagknights.com\/fr\/work\/velore-case-study\/","title":{"rendered":"Velore Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4796\" class=\"elementor elementor-4796\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7c7a1d e-flex e-con-boxed e-con e-parent\" data-id=\"a7c7a1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2c0b7b elementor-widget elementor-widget-html\" data-id=\"d2c0b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\"><head><meta charset=\"utf-8\"\/><meta content=\"width=device-width,initial-scale=1\" name=\"viewport\"\/><title>VELORE \u2014 Car Rental Website Case Study | #KNIGHTS<\/title><meta content=\"Explore the VELORE car-rental website: fleet catalogue, vehicle pages, reservation flow, mobile experience, customer portal and agency dashboard.\" name=\"description\"\/><style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Geist:wght@400;500;600;700;800&display=swap');\n\n.hk-coach{\n  --o:#ff7900;\n  --o2:#b94200;\n  --k:#000000;\n  --k2:#0b0b0b;\n  --k3:#171717;\n  --soft:#F7F5F2;\n  --line:#e7e3df;\n  --text:#666;\n  width:100%;\n  overflow:clip; \n  background:#fff;\n  color:#0b0b0b;\n  font-family:'Geist',Arial,sans-serif!important;\n  -webkit-font-smoothing:antialiased;\n}\n.hk-coach,.hk-coach *,.hk-coach *::before,.hk-coach *::after{box-sizing:border-box}\n.hk-coach h1,.hk-coach h2,.hk-coach h3,.hk-coach h4,.hk-coach p{margin:0!important;padding:0!important;font-family:inherit!important;text-transform:none!important}\n.hk-coach img,.hk-coach video{display:block;width:100%;max-width:100%}\n.hk-coach a{text-decoration:none!important}\n.hk-coach button{font:inherit}\n.hk-coach .hk-wrap{width:100%;max-width:1200px;margin:auto;padding:0 24px}\n.hk-coach .hk-sec{padding:110px 0}\n.hk-coach .hk-soft{background:var(--soft)}\n.hk-coach .hk-dark{background:#0b0b0b;color:#fff}\n.hk-coach .hk-kick{display:block;color:var(--o);font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}\n.hk-coach .hk-h2{font-size:clamp(32px,4vw,51px);font-weight:500;letter-spacing:-.047em;line-height:1.1}\n.hk-coach .hk-h2 span{color:var(--o)}\n.hk-coach .hk-sub{color:var(--text);font-size:17px;line-height:1.7;max-width:720px;margin-top:16px!important}\n.hk-coach .hk-btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:21px;\n  min-height:56px;padding:18px 31px;border:1px solid transparent;border-radius:999px;\n  background:linear-gradient(115deg,#c94700 0%,#f57600 52%,#ff8500 100%);\n  color:#fff!important;font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.1;\n  transition:background .25s,transform .25s,box-shadow .25s\n}\n.hk-coach .hk-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,106,0,.2);background:linear-gradient(115deg,#df5700,#ff8c00)}\n.hk-coach .hk-btn-outline{background:transparent!important;border:1px solid #fff!important}\n.hk-coach :is(a,button):focus-visible{outline:3px solid #ffb273;outline-offset:3px}\n.hk-coach .hk-hero{\n  background:#000000;color:#fff;position:relative;isolation:isolate;overflow:hidden;\n  padding:74px 0 48px;border-radius:0 0 40px 40px\n}\n.hk-coach .hk-hero::before{\n  content:\"\";position:absolute;z-index:-1;right:-160px;bottom:-290px;width:560px;height:560px;border-radius:50%;\n  background:radial-gradient(circle,rgba(255,121,0,.26),transparent 68%);filter:blur(12px)\n}\n.hk-coach .hk-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:center}\n.hk-coach .hk-eyebrow{display:inline-flex;align-items:center;gap:9px;background:#151515;border:1px solid #252525;color:#ccc;padding:6px 14px;border-radius:999px;font-size:12.5px}\n.hk-coach .hk-eyebrow::before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 5px rgba(255,121,0,.13)}\n.hk-coach .hk-hero h1{color:#fff;font-size:clamp(38px,4.45vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:20px 0!important}\n.hk-coach .hk-hero h1 span{color:var(--o)}\n.hk-coach .hk-hero-art{min-height:0;aspect-ratio:1625\/832;overflow:hidden;border-radius:26px;border:1px solid #242424;background:#111;position:relative}\n.hk-coach .hk-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}\n.hk-coach .hk-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #202020;border-bottom:1px solid #202020}\n.hk-coach .hk-kpi{padding:24px 0}\n.hk-coach .hk-kpi+.hk-kpi{border-left:1px solid #202020;padding-left:28px}\n.hk-coach .hk-kpi b{display:block;color:var(--o);font-size:42px;line-height:1;font-weight:600;letter-spacing:-.05em}\n.hk-coach .hk-kpi span{display:block;color:#888;font-size:13px;margin-top:9px}\n.hk-coach .hk-hero-review{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  margin-top:24px;\n  padding:8px 14px 8px 8px;\n  border:1px solid #2b2b2b;\n  border-radius:999px;\n  background:#0b0b0b;\n}\n.hk-coach .hk-review-person{display:inline-flex;align-items:center;gap:10px;min-width:0}\n.hk-coach .hk-review-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.14)}\n.hk-coach .hk-review-id{display:flex;flex-direction:column;line-height:1.08;min-width:0}\n.hk-coach .hk-review-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap}\n.hk-coach .hk-review-role{margin-top:4px;color:#8f8f8f;font-size:10.5px;font-weight:400;white-space:nowrap}\n.hk-coach .hk-review-sep{width:1px;height:28px;background:#282828;flex:0 0 1px}\n.hk-coach .hk-hero-stars{display:flex;gap:2px;color:var(--o);font-size:17px;letter-spacing:0;white-space:nowrap}\n.hk-coach .hk-hero-review a{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-size:13px;font-weight:600;white-space:nowrap}\n.hk-coach .hk-hero-review a:hover{color:var(--o)!important}\n@media(max-width:620px){.hk-coach .hk-hero-review{display:grid;grid-template-columns:auto 1fr;width:100%;border-radius:22px;gap:10px 12px;padding:10px}\n.hk-coach .hk-review-person{grid-column:1\/-1}\n.hk-coach .hk-review-sep{display:none}\n.hk-coach .hk-hero-review a{justify-self:end}}\n.hk-coach .hk-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start;margin-top:50px}\n.hk-coach .hk-overview-copy{font-size:23px;line-height:1.48;letter-spacing:-.02em}\n.hk-coach .hk-overview-copy+.hk-overview-copy{margin-top:22px!important;font-size:19px;color:#444}\n.hk-coach .hk-overview-copy strong{font-weight:600;color:#0b0b0b}\n.hk-coach .hk-facts{border-top:1px solid var(--line)}\n.hk-coach .hk-fact{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}\n.hk-coach .hk-fact span{color:#888}\n.hk-coach .hk-fact strong{font-weight:600}\n.hk-coach .hk-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}\n.hk-coach .hk-tag{padding:7px 11px;border:1px solid #dedbd7;border-radius:999px;background:#fff;font-size:12px;color:#333}\n.hk-coach .hk-section-head{text-align:center}\n.hk-coach .hk-section-head .hk-kick{margin-left:auto;margin-right:auto}\n.hk-coach .hk-section-head .hk-h2{text-align:center}\n.hk-coach .hk-section-head .hk-sub{text-align:center;margin-left:auto!important;margin-right:auto!important}\n.hk-coach .hk-panel{border-radius:40px}\n.hk-coach .hk-light-panel{background:#F7F5F2;border-radius:40px}\n.hk-coach .hk-dark-panel{background:#0b0b0b;color:#fff;border-radius:40px}\n.hk-coach .hk-dark-panel .hk-h2{color:#fff}\n.hk-coach .hk-dark-panel .hk-sub{color:#a8a8a8}\n.hk-coach .hk-closing{margin-top:28px!important;max-width:900px}\n.hk-coach .hk-closing strong{color:#111;font-weight:600}\n.hk-coach .hk-dark-panel .hk-closing strong{color:#fff}\n@media(max-width:860px){.hk-coach .hk-panel,.hk-coach .hk-light-panel,.hk-coach .hk-dark-panel{border-radius:28px}}\n.hk-coach .hk-case-bento-card{\n  position:relative;\n  overflow:hidden;\n  min-height:220px;\n  padding:28px 30px;\n  border:1px solid transparent;\n  border-radius:18px;\n  background:radial-gradient(circle at 85% 10%,#ffe9d9 0,rgba(255,233,217,0) 55%),#F6F5F8;\n  transition:transform .3s,border-color .3s,box-shadow .3s;\n}\n.hk-coach .hk-case-bento-card:nth-child(2){background:radial-gradient(circle at 15% 90%,#fff0e4 0,rgba(255,240,228,0) 60%),#F6F5F8}\n.hk-coach .hk-case-bento-card:nth-child(3){background:radial-gradient(circle at 80% 85%,#ffe3cf 0,rgba(255,227,207,0) 55%),#F6F5F8}\n.hk-coach .hk-case-bento-card:nth-child(4){background:radial-gradient(circle at 85% 10%,#ffe9d9 0,rgba(255,233,217,0) 55%),#F6F5F8}\n.hk-coach .hk-case-bento-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.5);box-shadow:0 14px 40px rgba(0,0,0,.06)}\n.hk-coach .hk-case-bento-head{display:flex;gap:12px;align-items:center;position:relative;z-index:2}\n.hk-coach .hk-case-bento-num{font-size:11px;color:#666;border:1px solid #d7d7d7;border-radius:999px;padding:3px 10px;background:#fff;flex:0 0 auto}\n.hk-coach .hk-case-bento-card h3{font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.2;letter-spacing:-.035em}\n.hk-coach .hk-case-bento-card p{position:relative;z-index:2;margin-top:22px!important;color:#5f5f5f;font-size:15px;line-height:1.7;max-width:95%}\n.hk-coach .hk-case-bigno{\n  position:absolute;right:22px;bottom:-18px;color:transparent;\n  -webkit-text-stroke:2px rgba(255,106,0,.25);\n  font-size:clamp(110px,12vw,180px);font-weight:800;line-height:1;pointer-events:none;letter-spacing:-.06em\n}\n.hk-coach .hk-case-bento4{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:14px;margin-top:54px}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(1){grid-column:1;grid-row:1\/3;min-height:500px}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(2){grid-column:2;grid-row:1}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(3){grid-column:2;grid-row:2}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(4){grid-column:3;grid-row:1\/3;min-height:500px}\n.hk-coach .hk-approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}\n.hk-coach .hk-approach-grid .hk-case-bento-card{\n  min-height:320px;\n  background:radial-gradient(circle at 85% 10%,rgba(255,106,0,.11),rgba(255,106,0,0) 58%),#151515;\n  border-color:#252525\n}\n.hk-coach .hk-approach-grid .hk-case-bento-card:nth-child(2n){background:radial-gradient(circle at 15% 90%,rgba(255,106,0,.09),rgba(255,106,0,0) 58%),#151515}\n.hk-coach .hk-approach-grid .hk-case-bento-num{background:#1d1d1d;border-color:#3a3a3a;color:#ccc}\n.hk-coach .hk-approach-grid h3{color:#fff;font-size:21px}\n.hk-coach .hk-approach-grid p{color:#aaa;font-size:14px;max-width:100%}\n.hk-coach .hk-approach-grid .hk-case-bigno{-webkit-text-stroke:2px rgba(255,121,0,.28);font-size:clamp(90px,7vw,120px);right:16px}\n.hk-coach .hk-services-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}\n.hk-coach .hk-solution-bento-card{\n  position:relative;overflow:hidden;min-height:220px;padding:26px;border:1px solid transparent;border-radius:18px;\n  background:radial-gradient(circle at 85% 10%,#ffe9d9 0,rgba(255,233,217,0) 55%),#F6F5F8;\n  transition:transform .3s,border-color .3s,box-shadow .3s\n}\n.hk-coach .hk-solution-bento-card:nth-child(2n){background:radial-gradient(circle at 15% 90%,#fff0e4 0,rgba(255,240,228,0) 60%),#F6F5F8}\n.hk-coach .hk-solution-bento-card:hover{transform:translateY(-4px);border-color:rgba(255,106,0,.5);box-shadow:0 14px 40px rgba(0,0,0,.06)}\n.hk-coach .hk-solution-bento-card h3{font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.03em}\n.hk-coach .hk-solution-bento-card p{margin-top:24px!important;color:#5f5f5f;font-size:14px;line-height:1.65}\n@media(max-width:860px){.hk-coach .hk-case-bento4{grid-template-columns:1fr 1fr;grid-template-rows:auto}\n.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:260px}\n.hk-coach .hk-approach-grid{grid-template-columns:1fr 1fr}\n.hk-coach .hk-approach-grid .hk-case-bento-card{min-height:260px}\n.hk-coach .hk-services-bento{grid-template-columns:1fr 1fr}}\n@media(max-width:600px){.hk-coach .hk-case-bento4,.hk-coach .hk-approach-grid,.hk-coach .hk-services-bento{grid-template-columns:1fr}\n.hk-coach .hk-case-bento-card{min-height:240px!important}\n.hk-coach .hk-case-bigno{font-size:110px}}\n.hk-coach .hk-deliv-intro{margin-bottom:28px}\n.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-media{order:2}\n.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-copy{order:1}\n.hk-coach .hk-deliv-number{display:inline-flex;color:var(--o);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:13px}\n.hk-coach .hk-deliv-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.05;letter-spacing:-.045em;font-weight:500}\n.hk-coach .hk-deliv-copy p{font-size:16px;line-height:1.72;color:#666;margin-top:18px!important;max-width:560px}\n.hk-coach .hk-deliv-copy p strong{color:#111;font-weight:600}\n.hk-coach .hk-deliv-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}\n.hk-coach .hk-deliv-meta span{font-size:11px;color:#555;padding:6px 9px;border-radius:999px;background:#f4f2ef;border:1px solid #e6e1dc}\n.hk-coach .hk-gallery-hint{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#111;font-weight:600;font-size:13px}\n.hk-coach .hk-gallery-hint::before{content:\"\u2197\";width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--o);color:#fff}\n.hk-coach .hk-deliv-media{\n  position:relative;overflow:hidden;border-radius:22px;background:#111;border:1px solid #e0ddd9;\n  cursor:zoom-in;aspect-ratio:3\/2;min-height:0\n}\n.hk-coach .hk-deliv-media img,.hk-coach .hk-deliv-media video{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;background:#111}\n.hk-coach .hk-deliv-media::after{content:\"View gallery\";position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;backdrop-filter:blur(10px)}\n.hk-coach .hk-deliv-media img{transition:transform .45s ease}\n.hk-coach .hk-deliv-media:hover img{transform:scale(1.018)}\n.hk-coach .hk-play{\n  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--o);color:#fff;font-size:18px;z-index:2;pointer-events:none\n}\n.hk-coach .hk-deliv-media.hk-ph{border:1px dashed rgba(255,121,0,.6);background:#111}\n.hk-coach .hk-deliv-media.hk-ph::before{\n  content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;\n  color:var(--o);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.6\n}\n.hk-coach .hk-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}\n.hk-coach .hk-result{background:#151515;border:1px solid #282828;border-radius:16px;min-height:245px;padding:27px}\n.hk-coach .hk-result b{display:block;color:var(--o);font-size:clamp(42px,5vw,64px);line-height:1;font-weight:600;letter-spacing:-.06em}\n.hk-coach .hk-result span{display:block;margin-top:12px;color:#d2d2d2;font-size:14px}\n.hk-coach .hk-result p{margin-top:54px!important;color:#8e8e8e;font-size:13px;line-height:1.6}\n.hk-coach .hk-results-note{margin:28px auto 0!important;max-width:820px;text-align:center;color:#aaa;font-size:16px;line-height:1.7}\n.hk-coach .hk-results-note strong{color:#fff;font-weight:600}\n.hk-coach .hk-takeaways{margin-top:44px;border-top:1px solid var(--line)}\n.hk-coach .hk-takeaway{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}\n.hk-coach .hk-takeaway b{color:var(--o);font-size:13px;font-weight:700;letter-spacing:.12em;padding-top:5px}\n.hk-coach .hk-takeaway h3{font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.2}\n.hk-coach .hk-takeaway p{margin-top:8px!important;color:#666;font-size:15px;line-height:1.7;max-width:720px}\n.hk-coach .hk-quote{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center;padding:26px;background:var(--soft);border-radius:26px}\n.hk-coach .hk-quote-photo{overflow:hidden;border-radius:18px}\n.hk-coach .hk-quote-photo img{aspect-ratio:1;object-fit:cover}\n.hk-coach .hk-qmark{font:700 60px\/1 Georgia,serif;color:var(--o)}\n.hk-coach .hk-quote-text{font-size:clamp(25px,3.5vw,42px);line-height:1.12;letter-spacing:-.04em;font-weight:500;margin-top:8px}\n.hk-coach .hk-author{font-size:13px;color:#777;margin-top:22px}\n.hk-coach .hk-author strong{color:#111}\n.hk-coach .hk-quote-review{display:flex;align-items:center;gap:14px;margin-top:18px}\n.hk-coach .hk-quote-review .hk-stars{color:var(--o);font-size:22px;letter-spacing:2px}\n.hk-coach .hk-quote-review a{color:#111!important;font-size:14px;font-weight:600}\n.hk-coach .hk-quote-review a:hover{color:var(--o)!important}\n.hk-coach .hk-final{background:#000!important;color:#fff;padding:112px 0 120px;border-radius:55px 55px 0 0;position:relative;overflow:hidden;isolation:isolate}\n.hk-coach .hk-final::after{content:\"\";position:absolute;z-index:-1;width:600px;height:600px;border-radius:50%;right:-160px;bottom:-280px;background:radial-gradient(circle,rgba(255,121,0,.23),transparent 67%)}\n.hk-coach .hk-final h2{max-width:870px;color:#fff;font-size:clamp(45px,6vw,78px);line-height:1.04;letter-spacing:-.055em;font-weight:500}\n.hk-coach .hk-final h2 span{color:var(--o)}\n.hk-coach .hk-final p{max-width:580px;color:#aaa;font-size:17px;line-height:1.7;margin:20px 0 29px!important}\n.hk-coach-lightbox{\n  position:fixed;inset:0;z-index:999999;display:none;background:rgba(0,0,0,.96);color:#fff;\n  font-family:'Geist',Arial,sans-serif!important\n}\n.hk-coach-lightbox.is-open{display:block}\n.hk-coach-lightbox *{box-sizing:border-box}\n.hk-coach-lightbox__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:72px 92px 92px}\n.hk-coach-lightbox__media{width:min(1200px,calc(100vw - 184px));aspect-ratio:3\/2;max-height:calc(100vh - 164px);display:flex;align-items:center;justify-content:center;touch-action:pan-y;overflow:hidden;border-radius:18px;background:#0a0a0a}\n.hk-coach-lightbox__media img,.hk-coach-lightbox__media video{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;background:#0a0a0a}\n.hk-coach-lightbox__close,.hk-coach-lightbox__arrow{\n  position:absolute;z-index:5;border:1px solid #343434;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s\n}\n.hk-coach-lightbox__close{right:24px;top:22px;width:46px;height:46px;border-radius:50%;font-size:24px}\n.hk-coach-lightbox__arrow{top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;font-size:22px}\n.hk-coach-lightbox__prev{left:24px}\n.hk-coach-lightbox__next{right:24px}\n.hk-coach-lightbox__close:hover,.hk-coach-lightbox__arrow:hover{background:var(--o);border-color:var(--o)}\n.hk-coach-lightbox__bottom{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}\n.hk-coach-lightbox__caption{font-size:13px;color:#ddd}\n.hk-coach-lightbox__count{font-size:12px;color:#999;font-variant-numeric:tabular-nums}\n@media(max-width:900px){.hk-coach .hk-hero-grid,.hk-coach .hk-overview{grid-template-columns:1fr}\n.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-media,.hk-coach .hk-deliverable-section:nth-child(even) .hk-deliv-copy{order:initial}\n.hk-coach .hk-results{grid-template-columns:1fr 1fr}\n.hk-coach .hk-quote{grid-template-columns:230px 1fr}}\n@media(max-width:680px){.hk-coach .hk-wrap{padding:0 18px}\n.hk-coach .hk-sec{padding:76px 0}\n.hk-coach .hk-hero{padding:55px 0 42px;border-radius:0 0 28px 28px}\n.hk-coach .hk-kpis,.hk-coach .hk-results{grid-template-columns:1fr}\n.hk-coach .hk-kpi+.hk-kpi{border-left:0;border-top:1px solid #202020;padding-left:0}\n.hk-coach .hk-takeaway{grid-template-columns:1fr;gap:6px}\n.hk-coach .hk-quote{grid-template-columns:1fr;padding:18px}\n.hk-coach .hk-quote-photo{max-width:250px}\n.hk-coach .hk-final{padding:80px 0 90px;border-radius:32px 32px 0 0}\n.hk-coach-lightbox__stage{padding:70px 14px 94px}\n.hk-coach-lightbox__media{width:100%;aspect-ratio:3\/2;max-height:calc(100vh - 164px)}\n.hk-coach-lightbox__arrow{top:auto;bottom:18px;transform:none}\n.hk-coach-lightbox__prev{left:18px}\n.hk-coach-lightbox__next{right:18px}\n.hk-coach-lightbox__bottom{left:78px;right:78px;bottom:31px;justify-content:center}\n.hk-coach-lightbox__caption{display:none}}\n.hk-coach{--hk-header-offset:0px;--hk-admin-offset:0px;overflow:visible}\nbody.admin-bar .hk-coach{--hk-admin-offset:32px}\n.hk-coach .hk-case-layout{max-width:1500px;margin:auto;padding:0 28px;display:grid;grid-template-columns:174px minmax(0,1fr);gap:38px;align-items:start}\n.hk-coach .hk-case-content{min-width:0}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 24px)}\n.hk-coach .hk-case-content .hk-overview{gap:32px}\n.hk-coach .hk-case-content .hk-approach-grid{grid-template-columns:1fr 1fr}\n.hk-coach .hk-card-count{position:absolute;right:28px;top:20px;color:#999;font-size:10px;letter-spacing:.1em}\n.hk-coach .hk-stack .hk-deliv-copy h3{font-size:clamp(26px,2.6vw,36px)}\n.hk-coach .hk-stack .hk-deliv-copy p{font-size:15px}\n@media(max-width:1150px){.hk-coach .hk-case-layout{grid-template-columns:155px minmax(0,1fr);gap:22px;padding:0 20px}\n.hk-coach .hk-case-content .hk-overview{grid-template-columns:1fr}\n.hk-coach .hk-case-content .hk-case-bento4{grid-template-columns:1fr 1fr;grid-template-rows:auto}\n.hk-coach .hk-case-content .hk-case-bento4 .hk-case-bento-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:260px}\n.hk-coach .hk-case-content .hk-services-bento{grid-template-columns:1fr 1fr}\n.hk-coach .hk-stack .hk-deliv-media,.hk-coach .hk-stack .hk-deliv-copy{order:initial!important}\n.hk-coach .hk-case-content .hk-quote{grid-template-columns:150px 1fr;gap:24px}}\n@media(max-width:900px){.hk-coach .hk-case-layout{display:block;padding:0}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 84px)}}\n@media(max-width:782px){body.admin-bar .hk-coach{--hk-admin-offset:46px}}\n@media(max-width:600px){.hk-coach .hk-case-content .hk-case-bento4,.hk-coach .hk-case-content .hk-approach-grid,.hk-coach .hk-case-content .hk-services-bento,.hk-coach .hk-case-content .hk-quote{grid-template-columns:1fr}\n.hk-coach .hk-case-content .hk-quote-photo{max-width:200px}}\n.hk-coach #coach-services .hk-services-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}\n.hk-coach .hk-service-tile{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #e4e0da;border-radius:20px;background:#f7f5f1;color:#141414;transition:background .22s,border-color .22s,box-shadow .22s}\n.hk-coach .hk-service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}\n.hk-coach .hk-service-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ded8cf;border-radius:14px;color:#a74600;background:#fff}\n.hk-coach .hk-service-icon svg{display:block;overflow:visible}\n.hk-coach .hk-service-index{font-size:11px;letter-spacing:.1em;color:#827b71;font-variant-numeric:tabular-nums}\n.hk-coach .hk-service-category{display:block;font-size:9px;letter-spacing:.13em;color:#8b5b36;margin-bottom:12px;line-height:1.5}\n.hk-coach .hk-service-main{flex:1}\n.hk-coach .hk-service-tile h3{font-size:clamp(23px,2.2vw,30px);font-weight:500;letter-spacing:-.045em;line-height:1.12;color:inherit}\n.hk-coach .hk-service-tile p{font-size:14px;line-height:1.7;color:#6a645b;margin-top:17px!important;max-width:430px}\n.hk-coach .hk-service-link{position:static;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding-top:18px;border-top:1px solid #ded8cf;color:#25211c!important;font-size:12px;font-weight:500;min-height:48px}\n.hk-coach .hk-service-link:after{content:\"\";position:absolute;inset:0;border-radius:20px}\n.hk-coach .hk-service-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #d5cec3;font-size:19px;transition:background .22s,color .22s,transform .22s}\n.hk-coach .hk-service-tile:hover,.hk-coach .hk-service-tile:focus-within{border-color:#e5aa77;background:#fffaf4;box-shadow:0 10px 30px #452a1210}\n.hk-coach .hk-service-tile:hover .hk-service-arrow{background:#ff7900;border-color:#ff7900;color:#111;transform:rotate(45deg)}\n.hk-coach .hk-service-tile:first-child{background:#151515;border-color:#151515;color:#fff}\n.hk-coach .hk-service-tile:first-child .hk-service-icon{background:#25201b;border-color:#4b3726;color:#ff9238}\n.hk-coach .hk-service-tile:first-child .hk-service-index{color:#8e8982}\n.hk-coach .hk-service-tile:first-child .hk-service-category{color:#ff9238}\n.hk-coach .hk-service-tile:first-child p{color:#b7b2aa}\n.hk-coach .hk-service-tile:first-child .hk-service-link{border-color:#39352f;color:#fff!important}\n.hk-coach .hk-service-tile:first-child .hk-service-arrow{border-color:#555047}\n.hk-coach .hk-service-tile-wide{grid-column:1\/-1;display:grid;grid-template-columns:70px 1fr;column-gap:24px;background:#f5e4d4;border-color:#edd1b8}\n.hk-coach .hk-service-tile-wide .hk-service-top{flex-direction:column;justify-content:start;gap:18px;margin:0}\n.hk-coach .hk-service-tile-wide .hk-service-link{grid-column:2}\n.hk-coach .hk-service-tile-wide p{max-width:600px}\n@media(max-width:600px){.hk-coach #coach-services .hk-services-bento{grid-template-columns:1fr;gap:14px}\n.hk-coach .hk-service-tile{padding:24px}\n.hk-coach .hk-service-top{margin-bottom:26px}\n.hk-coach .hk-service-tile-wide{display:flex;gap:0}\n.hk-coach .hk-service-tile-wide .hk-service-top{flex-direction:row;justify-content:space-between;margin-bottom:26px}\n.hk-coach .hk-service-tile h3{font-size:27px}}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-service-tile,.hk-coach .hk-service-arrow{transition:none}\n.hk-coach .hk-service-tile:hover .hk-service-arrow{transform:none}}\n.hk-coach{--hk-page-width:1200px;--hk-header-offset:136px}\n.hk-coach .hk-case-layout{width:calc(100% - 48px);max-width:var(--hk-page-width);padding:0;grid-template-columns:180px minmax(0,1fr);gap:32px;margin-inline:auto}\n.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap{max-width:var(--hk-page-width);width:calc(100% - 48px);padding-inline:0}\n.hk-coach .hk-case-content>.hk-sec{padding:48px 0}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{max-width:none;padding-inline:30px}\n.hk-coach .hk-case-content .hk-section-head,.hk-coach .hk-case-content .hk-section-head .hk-h2,.hk-coach .hk-case-content .hk-section-head .hk-sub{text-align:left}\n.hk-coach .hk-case-content .hk-section-head .hk-sub{margin-left:0!important;margin-right:0!important}\n.hk-coach .hk-case-content .hk-section-head .hk-kick{margin-left:0;margin-right:0}\n.hk-coach .hk-case-content .hk-overview{margin-top:28px}\n.hk-coach #coach-services .hk-services-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}\n.hk-coach .hk-service-mention{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:15px 18px;border:1px solid #e3dfd8;border-radius:10px;background:#f7f5f2;color:#202020;font-size:14px;font-weight:500;line-height:1.35;transition:background .2s,border-color .2s}\n.hk-coach .hk-service-mention span{color:#a74700;font-size:18px;flex-shrink:0}\n.hk-coach .hk-service-mention:hover,.hk-coach .hk-service-mention:focus-visible{background:#fff0e2;border-color:#e4ad7e}\n.hk-coach #coach-approach{padding-block:38px;border-radius:24px}\n.hk-coach #coach-approach .hk-h2{font-size:clamp(28px,3vw,38px)}\n.hk-coach .hk-process-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:30px 0 0;padding:0}\n.hk-coach .hk-process-timeline li{position:relative;min-width:0;padding:0 14px 0 0;margin:0}\n.hk-coach .hk-process-timeline li:before{content:\"\";position:absolute;top:15px;left:32px;right:0;height:1px;background:#654328}\n.hk-coach .hk-process-timeline li:last-child:before{display:none}\n.hk-coach .hk-process-dot{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid #8f501e;border-radius:50%;background:#201a15;color:#ff9a48;font-size:10px;margin-bottom:16px}\n.hk-coach .hk-process-timeline li:last-child .hk-process-dot{background:#ff7900;color:#111;border-color:#ff7900}\n.hk-coach .hk-process-timeline h3{color:#fff;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.015em}\n.hk-coach .hk-process-timeline p{color:#aaa;font-size:12px;line-height:1.6;margin-top:8px!important}\n@media(max-width:1150px){.hk-coach .hk-case-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}\n.hk-coach #coach-services .hk-services-bento{grid-template-columns:1fr 1fr}\n.hk-coach .hk-process-timeline{grid-template-columns:1fr;gap:0;margin-top:24px}\n.hk-coach .hk-process-timeline li{display:grid;grid-template-columns:32px 1fr;column-gap:16px;padding:0 0 20px}\n.hk-coach .hk-process-timeline li:before{top:32px;bottom:0;left:15px;right:auto;width:1px;height:auto}\n.hk-coach .hk-process-dot{grid-row:1\/3;margin:0}\n.hk-coach .hk-process-timeline p{grid-column:2;margin-top:3px!important}\n.hk-coach .hk-process-timeline li:last-child{padding-bottom:0}}\n@media(max-width:900px){.hk-coach{--hk-header-offset:112px}\n.hk-coach .hk-case-layout{display:block;width:calc(100% - 32px)}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:20px}\n.hk-coach .hk-case-content>.hk-sec{padding-block:38px}\n.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap{width:calc(100% - 40px)}}\n@media(max-width:600px){.hk-coach{--hk-header-offset:96px}\n.hk-coach .hk-case-layout{width:calc(100% - 24px)}\n.hk-coach #coach-services .hk-services-bento{grid-template-columns:1fr;gap:8px}\n.hk-coach .hk-service-mention{min-height:50px;padding:12px 15px;font-size:14px}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:16px}\n.hk-coach #coach-approach{padding-block:28px}\n.hk-coach .hk-case-content .hk-h2{font-size:32px}}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-service-mention{transition:none}}\n.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap{width:100%;max-width:1200px;padding-inline:24px;margin-inline:auto}\n.hk-coach .hk-case-layout{width:100%;max-width:1200px;margin-inline:auto;padding:0;grid-template-columns:180px minmax(0,1fr);gap:24px}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{width:100%;max-width:1200px;padding-inline:24px}\n@media(max-width:1150px){.hk-coach .hk-case-layout{grid-template-columns:160px minmax(0,1fr);gap:20px}}\n@media(max-width:900px){.hk-coach .hk-case-layout{display:block;width:100%;padding:0}}\n@media(max-width:600px){.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-final>.hk-wrap,.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:18px}}\n@keyframes hkfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}\n@keyframes hkmarq{to{transform:translateX(-50%)}}\n.hk-coach .hk-final-cta{margin-top:10px;background:#080808;color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:112px 0 120px;border-radius:54px 54px 0 0;}\n.hk-coach .hk-final-cta-watermark{position:absolute;z-index:-1;right:-6%;top:-30%;width:min(73%,850px);height:155%;display:flex;align-items:center;justify-content:center;opacity:.075;transform:rotate(-13deg);pointer-events:none;filter:grayscale(1) brightness(2);}\n.hk-coach .hk-final-cta-watermark img{width:100%;height:100%;object-fit:contain;}\n.hk-coach .hk-final-decor{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1;pointer-events:none;}\n.hk-coach .hk-final-decor-one{width:380px;height:380px;background:rgba(236,95,0,.13);top:-240px;left:-160px;}\n.hk-coach .hk-final-decor-two{width:330px;height:330px;background:rgba(255,106,0,.09);bottom:-210px;right:-100px;}\n.hk-coach .hk-final-inner{position:relative;max-width:1200px;}\n.hk-coach .hk-final-label{font-size:13px;letter-spacing:.13em;color:#ff8f3d;font-weight:700;}\n.hk-coach .hk-final-cta h2{font-size:clamp(45px,6vw,78px)!important;line-height:1.04!important;letter-spacing:-.055em!important;color:#fff!important;margin:17px 0 23px!important;font-weight:750!important;}\n.hk-coach .hk-final-cta h2 span{color:#ff7900;}\n.hk-coach .hk-final-cta p{color:#aaa!important;font-size:17px!important;line-height:1.7!important;max-width:560px;margin-bottom:30px!important;}\n.hk-coach .hk-final-actions{display:flex;gap:12px;flex-wrap:wrap;}\n.hk-coach .hk-final-actions .hk-btn{min-width:204px;}\n.hk-coach .hk-final-actions .hk-btn-ghost{background:transparent!important;border:1px solid rgba(255,255,255,.55)!important;}\n.hk-coach .hk-final-actions .hk-btn-ghost:hover{background:rgba(255,255,255,.10)!important;}\n@media(max-width:860px){.hk-coach .hk-final-cta-watermark{width:95%;right:-24%;}}\n@media(max-width:600px){.hk-coach .hk-final-cta{padding:80px 0 90px;border-radius:32px 32px 0 0;}\n.hk-coach .hk-final-actions .hk-btn{width:100%;}\n.hk-coach .hk-final-cta h2{font-size:clamp(40px,10vw,60px)!important;}}\n.hk-cases{\n  --hk-max-width: 1200px;\n  --hk-accent: #b6f77a;\n  --hk-ink: #0b0b0b;\n  --hk-radius: 24px;\n  --hk-slide-gap: 18px;\n  width: 100%;\n  min-width: 0;\n  padding: clamp(40px, 5vw, 76px) 0;\n  background: #fff;\n  color: var(--hk-ink);\n  font-family: \"Geist\", sans-serif;\n  font-weight: 400;\n  -webkit-font-smoothing: antialiased;\n  direction: ltr;\n  text-align: left;\n  container: hk-cases \/ inline-size;\n}\n.hk-cases, .hk-cases *, .hk-cases *::before, .hk-cases *::after{\n  box-sizing: border-box;\n}\n.hk-cases [hidden]{ display: none !important; }\n.hk-cases .hk-cases__inner{\n  width: calc(100% - 40px);\n  max-width: var(--hk-max-width);\n  margin: 0 auto;\n}\n.hk-cases .hk-cases__header{\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin: 0 0 28px;\n}\n.hk-cases .hk-cases__heading{\n  margin: 0;\n  padding: 0;\n  color: var(--hk-ink);\n  font-family: inherit;\n  font-size: clamp(28px, 3.65vw, 46px);\n  font-size: clamp(28px, 3.65cqi, 46px);\n  font-weight: 500;\n  letter-spacing: -0.055em;\n  line-height: 1.1;\n  text-transform: none;\n}\n.hk-cases button, .hk-cases a{\n  font-family: inherit;\n  -webkit-tap-highlight-color: transparent;\n}\n.hk-cases button{\n  appearance: none;\n  -webkit-appearance: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  box-shadow: none;\n  background: none;\n  color: inherit;\n  font-size: inherit;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  text-transform: none;\n  cursor: pointer;\n}\n.hk-cases a{\n  text-decoration: none;\n  box-shadow: none;\n}\n.hk-cases a::before, .hk-cases a::after,\n.hk-cases button::before, .hk-cases button::after{\n  content: none;\n}\n.hk-cases :is(a,button,[tabindex]):focus-visible{\n  outline: 2px solid #50891f;\n  outline-offset: 5px;\n}\n.hk-cases .hk-cases__nav{\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 100px;\n  background: var(--hk-ink);\n  color: #fff;\n}\n.hk-cases .hk-cases__counter{\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 12px 0 14px;\n  font-size: 12px;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n  letter-spacing: 0.025em;\n  white-space: nowrap;\n}\n.hk-cases .hk-cases__total, .hk-cases .hk-cases__slash{ color: #a6a6a6; }\n.hk-cases .hk-cases__arrow{\n  display: grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  min-height: 44px;\n  flex: 0 0 44px;\n  border: 1px solid #383838;\n  border-radius: 50%;\n  background: transparent;\n  color: #fff;\n  transition: background 180ms ease, color 180ms ease, border-color 180ms ease;\n}\n.hk-cases .hk-cases__arrow--next{\n  border-color: #fff;\n  background: #fff;\n  color: var(--hk-ink);\n}\n.hk-cases .hk-cases__arrow:hover{\n  border-color: var(--hk-accent);\n  background: var(--hk-accent);\n  color: var(--hk-ink);\n}\n.hk-cases .hk-cases__icon{\n  display: block;\n  width: 20px;\n  height: 20px;\n  flex: 0 0 auto;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n.hk-cases .hk-cases__viewport{\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  gap: var(--hk-slide-gap);\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  border-radius: var(--hk-radius);\n  -webkit-overflow-scrolling: touch;\n}\n.hk-cases[data-hk-ready] .hk-cases__viewport{ scrollbar-width: none; }\n.hk-cases[data-hk-ready] .hk-cases__viewport::-webkit-scrollbar{ display: none; }\n.hk-cases .hk-cases__slide{\n  position: relative;\n  flex: 0 0 100%;\n  width: 100%;\n  min-width: 0;\n  min-height: 480px;\n  aspect-ratio: 2.04 \/ 1;\n  margin: 0;\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--hk-radius);\n  background: var(--hk-image-bg, #eef0ed);\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n}\n.hk-cases .hk-cases__media{\n  position: absolute;\n  inset: 0 auto 0 0;\n  width: 73%;\n  margin: 0;\n  overflow: hidden;\n  background: var(--hk-image-bg, #eef0ed);\n  cursor: grab;\n}\n.hk-cases .hk-cases__image{\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  object-fit: cover;\n  object-position: var(--hk-image-position, 50% 50%);\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.hk-cases .hk-cases__fallback{\n  display: none;\n  position: absolute;\n  inset: 0;\n  align-items: flex-start;\n  justify-content: flex-end;\n  flex-direction: column;\n  gap: 14px;\n  padding: clamp(28px, 5vw, 70px);\n  color: #16251c;\n}\n.hk-cases .hk-cases__fallback span{\n  max-width: 10ch;\n  font-size: clamp(36px, 5vw, 72px);\n  font-weight: 500;\n  line-height: 0.98;\n  letter-spacing: -0.06em;\n}\n.hk-cases .hk-cases__fallback small{\n  font-size: 12px;\n  letter-spacing: 0.02em;\n}\n.hk-cases .hk-cases__media--unavailable .hk-cases__image{ opacity: 0; }\n.hk-cases .hk-cases__media--unavailable .hk-cases__fallback{ display: flex; }\n.hk-cases .hk-cases__viewport--dragging,\n.hk-cases .hk-cases__viewport--dragging .hk-cases__media{ cursor: grabbing; }\n.hk-cases .hk-cases__panel{\n  position: absolute;\n  inset: 12px 12px 12px auto;\n  display: flex;\n  flex-direction: column;\n  width: 35.5%;\n  min-width: 310px;\n  padding: clamp(24px, 2.65vw, 34px);\n  padding: clamp(24px, 2.65cqi, 34px);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  border-radius: calc(var(--hk-radius) - 9px);\n  background: var(--hk-ink);\n  color: #fff;\n}\n.hk-cases .hk-cases__tags{\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  margin: 0 0 22px;\n}\n.hk-cases .hk-cases__tag{\n  display: inline-flex;\n  align-items: center;\n  min-height: 24px;\n  padding: 5px 8px;\n  border: 1px solid #303030;\n  border-radius: 5px;\n  background: #181818;\n  color: #e4e4e4;\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n.hk-cases .hk-cases__title{\n  margin: 0;\n  padding: 0;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(28px, 2.8vw, 36px);\n  font-size: clamp(28px, 2.8cqi, 36px);\n  font-weight: 500;\n  line-height: 1.08;\n  letter-spacing: -0.045em;\n  text-transform: none;\n  overflow-wrap: break-word;\n}\n.hk-cases .hk-cases__description{\n  max-width: 29ch;\n  margin: 14px 0 0;\n  padding: 0;\n  color: #c2c2c2;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.55;\n  letter-spacing: -0.012em;\n  text-transform: none;\n}\n.hk-cases .hk-cases__result{\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 12px;\n  margin: auto 0 0;\n  padding: 24px 0 22px;\n  border-top: 1px solid #292929;\n}\n.hk-cases .hk-cases__metric{\n  color: var(--hk-accent);\n  font-size: clamp(34px, 4vw, 52px);\n  font-size: clamp(34px, 4cqi, 52px);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -0.07em;\n  white-space: nowrap;\n}\n.hk-cases .hk-cases__metric--compact{\n  font-size: clamp(32px, 3.55vw, 47px);\n  font-size: clamp(32px, 3.55cqi, 47px);\n}\n.hk-cases .hk-cases__metric-label{\n  max-width: 110px;\n  margin-bottom: 3px;\n  color: #c8c8c8;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.45;\n  text-align: right;\n}\n.hk-cases .hk-cases__pill{\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 52px;\n  padding: 6px 6px 6px 20px;\n  border: 1px solid transparent;\n  border-radius: 100px;\n  background: #fff;\n  color: var(--hk-ink);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.3;\n  letter-spacing: -0.01em;\n  text-transform: none;\n  transition: background 180ms ease, color 180ms ease;\n}\n.hk-cases .hk-cases__pill--case{ width: 100%; }\n.hk-cases .hk-cases__pill-icon{\n  display: grid;\n  place-items: center;\n  flex: 0 0 38px;\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: var(--hk-ink);\n  color: #fff;\n}\n.hk-cases .hk-cases__pill-icon .hk-cases__icon{\n  width: 18px;\n  height: 18px;\n  transition: transform 180ms ease;\n}\n.hk-cases .hk-cases__pill:hover{ background: var(--hk-accent); color: var(--hk-ink); }\n.hk-cases .hk-cases__pill:hover .hk-cases__icon{ transform: translate(1px, -1px); }\n.hk-cases .hk-cases__footer{\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  padding-top: 16px;\n}\n.hk-cases .hk-cases__dots{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n}\n.hk-cases .hk-cases__dot{\n  display: grid;\n  place-items: center;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: transparent;\n}\n.hk-cases .hk-cases__dot-mark{\n  display: block;\n  width: 7px;\n  height: 7px;\n  border-radius: 50px;\n  background: #cfcfcf;\n  transition: width 220ms ease, background 220ms ease;\n}\n.hk-cases .hk-cases__dot:hover .hk-cases__dot-mark{ background: #777; }\n.hk-cases .hk-cases__dot[aria-current=\"true\"] .hk-cases__dot-mark{\n  width: 25px;\n  background: var(--hk-ink);\n}\n.hk-cases .hk-cases__pill--all{\n  min-height: 56px;\n  padding: 7px 7px 7px 24px;\n  gap: 32px;\n  background: var(--hk-ink);\n  color: #fff;\n  font-size: 14px;\n}\n.hk-cases .hk-cases__pill--all .hk-cases__pill-icon{ background: #fff; color: var(--hk-ink); }\n.hk-cases .hk-cases__pill--all:hover{ background: #292929; color: #fff; }\n.hk-cases .hk-cases__pill--all:hover .hk-cases__pill-icon{ background: var(--hk-accent); }\n.hk-cases .hk-cases__sr-only{\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n@container hk-cases (max-width: 760px){.hk-cases .hk-cases__inner{ width: calc(100% - 32px); }\n.hk-cases .hk-cases__header{ margin-bottom: 22px; }\n.hk-cases .hk-cases__slide{ display: grid; grid-template-rows: auto 1fr; aspect-ratio: auto; min-height: 0; border-radius: 20px; }\n.hk-cases .hk-cases__media{ position: relative; inset: auto; width: 100%; aspect-ratio: 4 \/ 3; }\n.hk-cases .hk-cases__image{ position: absolute; inset: 0; }\n.hk-cases .hk-cases__panel{ position: relative; inset: auto; z-index: 1; width: auto; min-width: 0; min-height: 350px; margin: -12px 10px 10px; padding: 24px; border-radius: 15px; }\n.hk-cases .hk-cases__tags{ margin-bottom: 18px; }\n.hk-cases .hk-cases__title{ font-size: 30px; }\n.hk-cases .hk-cases__description{ max-width: 46ch; margin-top: 12px; font-size: 14px; }\n.hk-cases .hk-cases__result{ padding: 20px 0; margin-top: auto; }\n.hk-cases .hk-cases__metric{ font-size: 44px; }\n.hk-cases .hk-cases__metric--compact{ font-size: 40px; }\n.hk-cases .hk-cases__metric-label{ max-width: 130px; }\n.hk-cases .hk-cases__footer{ gap: 10px; padding-top: 12px; }}\n@container hk-cases (max-width: 460px){.hk-cases .hk-cases__counter{ display: none; }\n.hk-cases .hk-cases__heading{ font-size: 28px; }\n.hk-cases .hk-cases__header{ gap: 10px; }\n.hk-cases .hk-cases__panel{ padding: 22px; }\n.hk-cases .hk-cases__description{ margin-bottom: 22px; }\n.hk-cases .hk-cases__metric-label{ max-width: 108px; font-size: 11px; }\n.hk-cases .hk-cases__metric--compact{ font-size: 35px; }}\n@supports not (container-type: inline-size){@media (max-width: 760px){.hk-cases .hk-cases__inner{ width: calc(100% - 32px); }\n.hk-cases .hk-cases__header{ margin-bottom: 22px; }\n.hk-cases .hk-cases__slide{ display: grid; grid-template-rows: auto 1fr; aspect-ratio: auto; min-height: 0; }\n.hk-cases .hk-cases__media{ position: relative; inset: auto; width: 100%; aspect-ratio: 4 \/ 3; }\n.hk-cases .hk-cases__image{ position: absolute; inset: 0; }\n.hk-cases .hk-cases__panel{ position: relative; inset: auto; width: auto; min-width: 0; min-height: 350px; margin: -12px 10px 10px; padding: 24px; }\n.hk-cases .hk-cases__title{ font-size: 30px; }\n.hk-cases .hk-cases__description{ max-width: 46ch; margin-bottom: 22px; font-size: 14px; }\n.hk-cases .hk-cases__metric{ font-size: 40px; }\n.hk-cases .hk-cases__metric--compact{ font-size: 35px; }}\n@media (max-width: 460px){.hk-cases .hk-cases__counter{ display: none; }\n.hk-cases .hk-cases__heading{ font-size: 28px; }\n.hk-cases .hk-cases__header{ gap: 10px; }\n.hk-cases .hk-cases__panel{ padding: 22px; }\n.hk-cases .hk-cases__metric-label{ max-width: 108px; font-size: 11px; }}}\n@media (prefers-reduced-motion: reduce){.hk-cases .hk-cases__viewport{ scroll-behavior: auto; }\n.hk-cases *, .hk-cases *::before, .hk-cases *::after{ transition: none !important; animation: none !important; }}\n.hk-coach .hk-cases{--hk-accent:#ff7900;--hk-ink:#0b0b0b;--hk-max-width:1200px;background:#fff;padding-top:85px;padding-bottom:85px}\n.hk-coach .hk-cases .hk-cases__metric{color:#ff7900}\n.hk-coach .hk-cases :is(a,button,[tabindex]):focus-visible{outline:2px solid #ff7900;outline-offset:4px}\n.hk-coach .hk-cases .hk-cases__dot[aria-current=\"true\"] .hk-cases__dot-mark{background:#ff7900}\n.hk-coach .hk-cases .hk-cases__pill:hover{background:#ff7900;color:#101010}\n.hk-coach .hk-cases .hk-cases__pill--all:hover{background:#e46a00;color:white}\n.hk-coach .hk-cases .hk-cases__pill--all:hover .hk-cases__pill-icon{background:#fff;color:#111}\n.hk-coach .hk-cases .hk-cases__heading{color:#111!important}\n.hk-coach .hk-cases .hk-cases__title{color:#fff!important;font-weight:500!important}\n.hk-coach .hk-cases .hk-cases__description{color:#c2c2c2!important}\n.hk-coach .hk-cases .hk-cases__metric-label{color:#c8c8c8}\n.hk-coach .hk-cases .hk-cases__pill{font-weight:500!important}\n.hk-coach .hk-final-cta{background:#000000!important;isolation:isolate;overflow:hidden;border-radius:55px 55px 0 0}\n.hk-coach .hk-final-cta-watermark{top:-20%;height:140%;right:0;width:clamp(720px,86vw,1600px);opacity:.13;transform:translateX(50%);filter:grayscale(1) brightness(2);z-index:-1;pointer-events:none;}\n.hk-coach .hk-final-cta-watermark img{width:100%;height:100%;object-fit:contain;object-position:center}\n.hk-coach .hk-final-cta .hk-final-inner{z-index:1}\n@media(max-width:767px){.hk-coach .hk-cases{padding-top:55px;padding-bottom:55px}\n.hk-coach .hk-final-cta{background:#000!important}\n.hk-coach .hk-final-cta-watermark{width:900px;right:0;opacity:.11;transform:translateX(50%)}}\n.hk-coach :is(h2,h3,h4,h5):not(.hk-cases__metric){font-family:'Geist',Arial,sans-serif!important;font-weight:500!important;letter-spacing:-.044em!important}\n.hk-coach .hk-final-cta h2{font-weight:500!important;letter-spacing:-.056em!important}\n.hk-coach .hk-cases .hk-cases__title{font-weight:500!important;letter-spacing:-.05em!important}\n.hk-coach a.hk-btn.hk-cta-special .hk-cta-arr{font-weight:500;font-size:20px;line-height:1;display:inline-block;flex-shrink:0}\n.hk-coach .hk-final-cta a.hk-btn.hk-cta-outline{background:transparent!important;border:1px solid #fff!important;color:#fff!important}\n.hk-coach .hk-final-cta a.hk-btn.hk-cta-outline:hover{background:#1c1c1c!important;border-color:#fff!important}\n.hk-coach :not(.hk-dark):not(.hk-final-cta) > a.hk-btn.hk-cta-outline{background:#151515!important;border:1px solid #151515!important}\n.hk-coach .hk-final-actions a.hk-btn.hk-cta-special{min-width:237px!important}\n.hk-coach .hk-final-cta .hk-final-actions > a.hk-cta-special.hk-cta-outline{background:transparent!important;border:1px solid #fff!important;color:#fff!important}\n.hk-coach .hk-final-cta .hk-final-actions > a.hk-cta-special.hk-cta-outline:hover{background:#171717!important;border-color:#fff!important}\n.hk-coach .hk-cases.hk-cases-compact{--hk-ink:#0b0b0b;--hk-accent:#ff7900;background:#0b0b0b!important;color:#fff!important;padding:40px 0 32px!important;margin:0!important}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__inner{max-width:1200px;width:calc(100% - 48px)}\n.hk-coach .hk-cases .hk-cases__heading{color:#fff!important;font-size:clamp(32px,4vw,51px)!important;font-weight:500!important;letter-spacing:-.047em!important;line-height:1.09!important}\n.hk-coach .hk-cases .hk-cases__header{margin-bottom:19px!important}\n.hk-coach .hk-cases .hk-cases__slide{height:410px!important;min-height:0!important;aspect-ratio:auto!important;background:#171717!important;border:1px solid #282828;border-radius:22px!important}\n.hk-coach .hk-cases .hk-cases__media{width:63%!important;background:#171717!important}\n.hk-coach .hk-cases .hk-cases__image{object-fit:contain!important;object-position:50% 50%!important}\n.hk-coach .hk-cases .hk-cases__panel{inset:9px 9px 9px auto!important;width:36%!important;min-width:0!important;padding:19px 23px!important;border-radius:16px!important;background:#111!important}\n.hk-coach .hk-cases .hk-cases__tags{margin-bottom:10px!important;gap:5px!important}\n.hk-coach .hk-cases .hk-cases__tag{padding:4px 8px!important;min-height:0!important;font-size:10px!important;color:#d7d7d7!important}\n.hk-coach .hk-cases .hk-cases__title{font-size:clamp(23px,2.7vw,32px)!important;line-height:1.05!important}\n.hk-coach .hk-cases .hk-cases__description{font-size:12.5px!important;line-height:1.4!important;margin-top:7px!important;color:#bcbcbc!important;max-width:56ch!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}\n.hk-coach .hk-cases .hk-cases__facts{display:flex;gap:6px 9px;flex-wrap:wrap;margin:9px 0 0;font-size:10.5px;line-height:1.25;color:#d6d6d6}\n.hk-coach .hk-cases .hk-cases__facts span{padding-left:10px;position:relative}\n.hk-coach .hk-cases .hk-cases__facts span:before{content:'';position:absolute;left:0;top:4px;width:4px;height:4px;background:#ff7900;border-radius:50%}\n.hk-coach .hk-cases .hk-cases__result{padding:11px 0 10px!important;margin-top:auto!important;gap:9px!important}\n.hk-coach .hk-cases .hk-cases__metric,.hk-coach .hk-cases .hk-cases__metric--compact{font-size:clamp(29px,3.6vw,44px)!important;font-weight:500!important;letter-spacing:-.06em!important}\n.hk-coach .hk-cases .hk-cases__metric-label{font-size:11px!important;max-width:145px!important}\n.hk-coach .hk-cases .hk-cases__pill--case{min-height:42px!important;padding:4px 4px 4px 15px!important;font-size:12px!important}\n.hk-coach .hk-cases .hk-cases__pill-icon{width:33px!important;height:33px!important;flex-basis:33px!important}\n.hk-coach .hk-cases .hk-cases__footer{padding-top:6px!important;gap:0!important}\n.hk-coach .hk-cases .hk-cases__dot[aria-current='true'] .hk-cases__dot-mark{background:#ff7900!important}\n.hk-coach .hk-cases .hk-cases__pill--all{background:transparent!important;color:#fff!important;border:1px solid #666!important;min-height:46px!important;padding:4px 5px 4px 19px!important;font-size:13px!important;margin-top:0}\n.hk-coach .hk-cases .hk-cases__pill--all .hk-cases__pill-icon{background:#ff7900!important;color:#fff!important}\n.hk-coach .hk-cases .hk-cases__pill--all:hover{border-color:#ff7900!important;background:#ff7900!important}\n.hk-coach .hk-cases .hk-cases__nav{background:#161616!important;border:1px solid #333}\n.hk-coach .hk-cases .hk-cases__arrow--next{background:#ff7900!important;color:#fff!important;border-color:#ff7900!important}\n.hk-coach .hk-cases .hk-cases__arrow:hover{background:#ff7900!important;border-color:#ff7900!important;color:#fff!important}\n.hk-coach .hk-final-cta{background:#000!important;border-radius:55px 55px 0 0!important}\n.hk-coach .hk-final-cta-watermark{top:-29%!important;height:165%!important;right:0!important;width:clamp(1000px,108vw,1850px)!important;transform:translateX(41%)!important;opacity:.17!important;filter:grayscale(1) brightness(2)!important}\n.hk-coach .hk-final-cta-watermark img{height:100%!important;width:100%!important;object-fit:contain!important}\n@media(max-width:860px){.hk-coach .hk-cases .hk-cases__slide{height:375px!important}\n.hk-coach .hk-cases .hk-cases__panel{width:43%!important;padding:16px!important}\n.hk-coach .hk-cases .hk-cases__media{width:56%!important}\n.hk-coach .hk-cases .hk-cases__description{-webkit-line-clamp:2}\n.hk-coach .hk-cases .hk-cases__metric{font-size:32px!important}}\n@media(max-width:760px){.hk-coach .hk-cases.hk-cases-compact{padding:34px 0 26px!important}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__inner{width:calc(100% - 32px)}\n.hk-coach .hk-cases .hk-cases__slide{display:grid!important;grid-template-rows:auto 1fr!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important}\n.hk-coach .hk-cases .hk-cases__media{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16\/9!important}\n.hk-coach .hk-cases .hk-cases__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}\n.hk-coach .hk-cases .hk-cases__panel{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;margin:-8px 8px 8px!important;padding:17px 17px 15px!important;border-radius:15px!important}\n.hk-coach .hk-cases .hk-cases__description{-webkit-line-clamp:3!important;font-size:12px!important}\n.hk-coach .hk-cases .hk-cases__facts{font-size:10px!important}\n.hk-coach .hk-cases .hk-cases__result{margin-top:16px!important;padding:11px 0!important}\n.hk-coach .hk-cases .hk-cases__metric{font-size:34px!important}\n.hk-coach .hk-cases .hk-cases__heading{font-size:clamp(30px,7vw,41px)!important}\n.hk-coach .hk-final-cta-watermark{width:1160px!important;transform:translateX(46%)!important;opacity:.12!important}\n.hk-coach .hk-final-actions a.hk-btn.hk-cta-special{min-width:0!important;width:100%}}\n.hk-coach .hk-cases.hk-cases-compact{\n  background:#ffffff!important;\n  color:#111111!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__heading{\n  color:#111111!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__pill--all{\n  background:#ffffff!important;\n  color:#141414!important;\n  border:1px solid #cfcfcf!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__pill--all:hover{\n  background:#ff7900!important;\n  color:#ffffff!important;\n  border-color:#ff7900!important;\n}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__dot-mark{background:#bababa}\n.hk-coach .hk-cases.hk-cases-compact .hk-cases__dot[aria-current=\"true\"] .hk-cases__dot-mark{background:#ff7900!important}\n.hk-coach .hk-cases.hk-cases-compact{\n  margin-top:28px!important;\n}\n.hk-coach .hk-cases .hk-cases__media{\n  padding-left:14px!important;\n}\n@media(max-width:760px){.hk-coach .hk-cases .hk-cases__media{\n    padding-left:0!important;\n  }\n.hk-coach .hk-cases .hk-cases__image{\n    left:14px!important;\n    width:calc(100% - 14px)!important;\n  }}\n@media (max-width:767px){.hk-coach .hk-cases .hk-cases__slide .hk-cases__media{\n    padding:0!important;\n    margin:0!important;\n  }\n.hk-coach .hk-cases .hk-cases__slide .hk-cases__image{\n    inset:0!important;\n    top:0!important;\n    left:0!important;\n    width:100%!important;\n    height:100%!important;\n    padding:0!important;\n    margin:0!important;\n    object-position:left top!important;\n  }\n.hk-coach .hk-final-cta h2#hk-cta-title{\n    font-size:clamp(25px,8vw,36px)!important;\n    line-height:1.1!important;\n    letter-spacing:-.055em!important;\n    white-space:nowrap!important;\n    text-wrap:nowrap!important;\n    max-width:100%!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner > p{\n    max-width:39ch!important;\n    font-size:16px!important;\n    line-height:1.65!important;\n    text-wrap:pretty;\n  }}\n.hk-coach .hk-final-cta{\n  width:calc(100% - 32px)!important;\n  max-width:1440px!important;\n  margin:32px auto 24px!important;\n  padding:clamp(58px,7.2vw,100px) clamp(16px,4vw,52px)!important;\n  border-radius:36px!important;\n  border:1px solid #272322!important;\n  isolation:isolate!important;\n  overflow:hidden!important;\n  background:\n    radial-gradient(ellipse 55% 65% at 50% 46%,rgba(255,114,13,.14) 0%,transparent 75%),\n    repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    #0b0b0b!important;\n  color:#fff!important;\n}\n.hk-coach .hk-final-cta::before{\n  content:\"\";\n  position:absolute;\n  z-index:0;\n  pointer-events:none;\n  inset:clamp(22px,4.5vw,55px);\n  border-left:1px dashed rgba(255,255,255,.06);\n  border-right:1px dashed rgba(255,255,255,.06);\n}\n.hk-coach .hk-final-cta .hk-final-inner{\n  position:relative!important;\n  isolation:isolate!important;\n  z-index:1!important;\n  display:flex!important;\n  flex-direction:column!important;\n  align-items:center!important;\n  justify-content:center!important;\n  width:100%!important;\n  max-width:910px!important;\n  min-height:410px!important;\n  margin:0 auto!important;\n  padding:clamp(42px,5vw,65px) clamp(25px,6vw,78px)!important;\n  border:1px solid rgba(255,187,125,.43)!important;\n  border-radius:21px!important;\n  text-align:center!important;\n  background:\n    radial-gradient(ellipse 100% 90% at 50% -22%,rgba(255,175,82,.83),transparent 75%),\n    linear-gradient(160deg,#d95b13 0%,#b7470d 52%,#812b0e 100%)!important;\n  box-shadow:0 0 0 1px rgba(255,137,45,.13),0 23px 80px rgba(0,0,0,.28),0 0 90px rgba(255,106,0,.14)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner::before{\n  content:\"\";\n  position:absolute;\n  z-index:-1;\n  pointer-events:none;\n  inset:0;\n  border-radius:inherit;\n  opacity:.38;\n  background:\n    repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(255,255,255,.035) 49px),\n    repeating-linear-gradient(0deg,transparent 0,transparent 48px,rgba(255,255,255,.035) 49px);\n}\n.hk-coach .hk-final-cta .hk-final-brand{\n  width:170px;\n  min-height:73px;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  padding:12px 19px;\n  margin:0 auto 22px;\n  background:rgba(0,0,0,.25);\n  border:1px solid rgba(255,255,255,.21);\n  border-radius:15px;\n}\n.hk-coach .hk-final-cta .hk-final-brand img{\n  width:100%!important;\n  max-width:130px!important;\n  height:46px!important;\n  object-fit:contain!important;\n  object-position:center!important;\n  filter:brightness(0) invert(1);\n}\n.hk-coach .hk-final-cta .hk-final-label{\n  display:block!important;\n  font-size:11px!important;\n  font-weight:700!important;\n  line-height:1.5!important;\n  letter-spacing:.15em!important;\n  color:#ffe5d2!important;\n  margin-bottom:15px!important;\n  text-align:center!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n  max-width:790px!important;\n  margin:0 auto 17px!important;\n  color:#ffffff!important;\n  font-size:clamp(35px,4.4vw,62px)!important;\n  font-weight:600!important;\n  line-height:1.08!important;\n  letter-spacing:-.057em!important;\n  text-align:center!important;\n  white-space:normal!important;\n  text-wrap:balance!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title span{\n  color:#fff3e9!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner > p{\n  width:100%!important;\n  max-width:580px!important;\n  margin:0 auto 26px!important;\n  color:#ffdfca!important;\n  font-size:15px!important;\n  line-height:1.65!important;\n  text-align:center!important;\n  text-wrap:pretty;\n}\n.hk-coach .hk-final-cta .hk-final-actions{\n  display:flex!important;\n  justify-content:center!important;\n  align-items:center!important;\n  gap:12px!important;\n  width:100%!important;\n  margin:0 auto!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{\n  width:auto!important;\n  min-width:172px!important;\n  min-height:47px!important;\n  padding:13px 24px!important;\n  border:1px solid #fff!important;\n  border-radius:999px!important;\n  background:#fff!important;\n  color:#141414!important;\n  font-size:13px!important;\n  font-weight:650!important;\n  box-shadow:none!important;\n  transition:transform .2s,background .2s,box-shadow .2s!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special:hover{\n  background:#f5e9df!important;\n  box-shadow:0 8px 22px rgba(0,0,0,.17)!important;\n  transform:translateY(-2px)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n  min-width:208px!important;\n  border:1px solid rgba(255,255,255,.82)!important;\n  background:rgba(0,0,0,.16)!important;\n  color:#fff!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline:hover{\n  background:rgba(0,0,0,.32)!important;\n  border-color:#fff!important;\n}\n@media (max-width:767px){.hk-coach .hk-final-cta{\n    width:calc(100% - 24px)!important;\n    margin:22px auto 14px!important;\n    padding:44px 15px!important;\n    border-radius:25px!important;\n  }\n.hk-coach .hk-final-cta::before{ inset:18px; }\n.hk-coach .hk-final-cta .hk-final-inner{\n    min-height:0!important;\n    padding:37px 20px 39px!important;\n    border-radius:17px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-brand{\n    width:140px;\n    min-height:62px;\n    padding:9px 15px;\n    margin-bottom:20px;\n  }\n.hk-coach .hk-final-cta .hk-final-brand img{ height:41px!important; }\n.hk-coach .hk-final-cta .hk-final-label{\n    font-size:9px!important;\n    letter-spacing:.095em!important;\n    margin-bottom:12px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n    font-size:clamp(25px,6.85vw,35px)!important;\n    line-height:1.12!important;\n    letter-spacing:-.055em!important;\n    max-width:100%!important;\n    margin:0 auto 15px!important;\n    white-space:normal!important;\n    text-wrap:balance!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner > p{\n    font-size:13px!important;\n    line-height:1.6!important;\n    max-width:34ch!important;\n    margin-bottom:24px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-actions{ flex-direction:column!important; gap:10px!important; }\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special,\n  .hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n    width:100%!important;\n    min-width:0!important;\n    max-width:310px!important;\n    min-height:48px!important;\n  }}\n.hk-coach .hk-final-cta{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:clamp(34px,5.2vw,64px) 0 48px!important;\n  border:none!important;\n  border-radius:42px 42px 0 0!important;\n  background:\n    radial-gradient(ellipse 56% 62% at 50% 42%,rgba(255,114,13,.12) 0%,transparent 76%),\n    repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.024) 80px),\n    #0b0b0b!important;\n}\n.hk-coach .hk-final-cta::before{\n  inset:clamp(18px,3vw,34px) clamp(24px,4vw,52px) 0!important;\n  border-top:1px dashed rgba(255,255,255,.06)!important;\n  border-left:1px dashed rgba(255,255,255,.06)!important;\n  border-right:1px dashed rgba(255,255,255,.06)!important;\n  border-bottom:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner{\n  max-width:1200px!important;\n  width:calc(100% - 52px)!important;\n  min-height:420px!important;\n  margin:0 auto!important;\n  padding:clamp(44px,5vw,72px) clamp(22px,4.6vw,64px) clamp(38px,4vw,56px)!important;\n  border-radius:26px!important;\n  background:\n    radial-gradient(circle at 50% -10%, rgba(255,186,115,.28) 0%, rgba(255,186,115,0) 42%),\n    linear-gradient(180deg, rgba(255,255,255,.055) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 54px),\n    linear-gradient(90deg, rgba(255,255,255,.055) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 54px),\n    linear-gradient(160deg,#d95b13 0%,#b7470d 52%,#812b0e 100%)!important;\n  background-size:auto,54px 54px,54px 54px,auto!important;\n  background-position:center,center,center,center!important;\n  box-shadow:0 18px 64px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.12)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner::before{\n  opacity:.0!important;\n}\n.hk-coach .hk-final-cta .hk-final-brand{\n  margin:0 auto 18px!important;\n}\n.hk-coach .hk-final-cta .hk-final-label{\n  display:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n  max-width:880px!important;\n  margin:0 auto 15px!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner > p{\n  max-width:640px!important;\n  margin:0 auto 28px!important;\n}\n.hk-coach .hk-final-cta .hk-final-actions{\n  gap:14px!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{\n  background:linear-gradient(135deg,#ff7900 0%,#f06d00 100%)!important;\n  border:1px solid #ff7900!important;\n  color:#fff!important;\n  box-shadow:0 10px 24px rgba(118,43,4,.22)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special:hover{\n  background:linear-gradient(135deg,#ff8518 0%,#f57708 100%)!important;\n  border-color:#ff8518!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n  background:#111111!important;\n  border:1px solid #111111!important;\n  color:#ffffff!important;\n  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline:hover{\n  background:#1c1c1c!important;\n  border-color:#1c1c1c!important;\n}\n@media (max-width:767px){.hk-coach .hk-final-cta{\n    padding:24px 0 30px!important;\n    border-radius:28px 28px 0 0!important;\n  }\n.hk-coach .hk-final-cta::before{\n    inset:12px 14px 0!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner{\n    width:calc(100% - 20px)!important;\n    min-height:0!important;\n    padding:34px 18px 30px!important;\n    border-radius:18px!important;\n    background-size:auto,40px 40px,40px 40px,auto!important;\n  }\n.hk-coach .hk-final-cta .hk-final-brand{\n    margin-bottom:16px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner h2#hk-cta-title{\n    font-size:clamp(26px,7.2vw,37px)!important;\n    line-height:1.1!important;\n    margin-bottom:13px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner > p{\n    max-width:34ch!important;\n    font-size:14px!important;\n    line-height:1.58!important;\n    margin-bottom:22px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-actions{\n    flex-direction:column!important;\n    gap:10px!important;\n  }\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special,\n  .hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n    width:100%!important;\n    min-width:0!important;\n  }}\n.hk-coach .hk-final-cta .hk-final-brand img{\n  object-fit:contain!important;\n}\n.hk-coach .hk-final-cta .hk-final-brand{\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  width:max-content!important;\n  max-width:100%!important;\n  min-height:0!important;\n  height:auto!important;\n  margin:0 auto 22px!important;\n  padding:0!important;\n  background:transparent!important;\n  border:0!important;\n  border-radius:0!important;\n  box-shadow:none!important;\n  overflow:visible!important;\n}\n.hk-coach .hk-final-cta .hk-final-brand img{\n  display:block!important;\n  width:auto!important;\n  max-width:min(210px,70vw)!important;\n  height:66px!important;\n  max-height:none!important;\n  border:0!important;\n  border-radius:0!important;\n  background:transparent!important;\n  box-shadow:none!important;\n  object-fit:contain!important;\n  filter:drop-shadow(0 0 9px rgba(255,255,255,.30)) drop-shadow(0 0 15px rgba(255,158,70,.20));\n  animation:hkLogoShine 4.5s ease-in-out infinite!important;\n}\n@keyframes hkLogoShine{\n  0%,100% {filter:drop-shadow(0 0 5px rgba(255,255,255,.18)) drop-shadow(0 0 10px rgba(255,150,60,.12));}\n  50% {filter:drop-shadow(0 0 12px rgba(255,255,255,.48)) drop-shadow(0 0 22px rgba(255,174,95,.30));}\n}\n@media(max-width:767px){.hk-coach .hk-final-cta .hk-final-brand{margin-bottom:18px!important;}\n.hk-coach .hk-final-cta .hk-final-brand img{\n    height:53px!important;\n    max-width:min(185px,70vw)!important;\n  }}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-final-cta .hk-final-brand img{animation:none!important;}}\n.hk-coach .hk-final-cta{\n  background:#000000!important;\n  background-image:none!important;\n  border-radius:42px 42px 0 0!important;\n}\n.hk-coach .hk-final-cta::before,\n.hk-coach .hk-final-cta::after{\n  content:none!important;\n  display:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner{\n  --hk-cta-cell:54px;\n  isolation:isolate!important;\n  overflow:hidden!important;\n  background:radial-gradient(ellipse at 50% -20%,rgba(255,186,115,.30),transparent 70%),\n             linear-gradient(160deg,#d95b13 0%,#b7470d 52%,#812b0e 100%)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner::before{\n  content:\"\"!important;\n  display:block!important;\n  position:absolute!important;\n  inset:0!important;\n  z-index:0!important;\n  opacity:1!important;\n  pointer-events:none!important;\n  border-radius:inherit!important;\n  background:\n    linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px) 0 0\/var(--hk-cta-cell) var(--hk-cta-cell),\n    linear-gradient(0deg,rgba(255,255,255,.075) 1px,transparent 1px) 0 0\/var(--hk-cta-cell) var(--hk-cta-cell)!important;\n}\n.hk-coach .hk-final-cta .hk-final-grid-tiles{\n  position:absolute!important;\n  inset:0!important;\n  z-index:1!important;\n  pointer-events:none!important;\n  overflow:hidden!important;\n}\n.hk-coach .hk-final-cta .hk-final-grid-tiles span{\n  position:absolute;\n  width:var(--hk-cta-cell);\n  height:var(--hk-cta-cell);\n  background:rgba(255,231,209,.11);\n}\n.hk-coach .hk-final-grid-tiles span:nth-child(1){left:calc(var(--hk-cta-cell) * 1);top:0;opacity:.55}\n.hk-coach .hk-final-grid-tiles span:nth-child(2){left:calc(var(--hk-cta-cell) * 4);top:calc(var(--hk-cta-cell) * 1);opacity:.85}\n.hk-coach .hk-final-grid-tiles span:nth-child(3){left:calc(var(--hk-cta-cell) * 2);bottom:calc(var(--hk-cta-cell) * 1);opacity:.45}\n.hk-coach .hk-final-grid-tiles span:nth-child(4){left:calc(var(--hk-cta-cell) * 5);bottom:0;opacity:.75}\n.hk-coach .hk-final-grid-tiles span:nth-child(5){right:calc(var(--hk-cta-cell) * 2);top:0;opacity:.62}\n.hk-coach .hk-final-grid-tiles span:nth-child(6){right:calc(var(--hk-cta-cell) * 5);top:calc(var(--hk-cta-cell) * 1);opacity:.82}\n.hk-coach .hk-final-grid-tiles span:nth-child(7){right:calc(var(--hk-cta-cell) * 1);top:calc(var(--hk-cta-cell) * 3);opacity:.6}\n.hk-coach .hk-final-grid-tiles span:nth-child(8){right:calc(var(--hk-cta-cell) * 4);bottom:calc(var(--hk-cta-cell) * 1);opacity:.72}\n.hk-coach .hk-final-grid-tiles span:nth-child(9){left:0;top:calc(var(--hk-cta-cell) * 3);opacity:.76}\n.hk-coach .hk-final-grid-tiles span:nth-child(10){left:calc(var(--hk-cta-cell) * 7);top:0;opacity:.4}\n.hk-coach .hk-final-grid-tiles span:nth-child(11){right:0;bottom:0;opacity:.48}\n.hk-coach .hk-final-grid-tiles span:nth-child(12){right:calc(var(--hk-cta-cell) * 7);bottom:0;opacity:.5}\n.hk-coach .hk-final-cta .hk-final-inner > :not(.hk-final-grid-tiles){\n  position:relative;\n  z-index:2;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{\n  display:inline-flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  gap:21px!important;\n  min-height:56px!important;\n  padding:18px 31px!important;\n  border:1px solid transparent!important;\n  border-radius:999px!important;\n  font-family:Geist,Arial,sans-serif!important;\n  font-size:15px!important;\n  font-weight:600!important;\n  line-height:1.1!important;\n  letter-spacing:-.02em!important;\n  color:#fff!important;\n  background:linear-gradient(115deg,#c94700 0%,#f57600 52%,#ff8500 100%)!important;\n  box-shadow:none!important;\n  transition:background .25s,transform .25s,box-shadow .25s!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special:hover{\n  background:linear-gradient(115deg,#df5700,#ff8c00)!important;\n  transform:translateY(-2px)!important;\n  box-shadow:0 10px 26px rgba(255,106,0,.2)!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n  background:#111111!important;\n  color:#fff!important;\n  border:1px solid rgba(255,255,255,.85)!important;\n  box-shadow:none!important;\n}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline:hover{\n  background:#1d1d1d!important;\n  border-color:#fff!important;\n  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;\n}\n@media(max-width:767px){.hk-coach .hk-final-cta .hk-final-inner{--hk-cta-cell:40px;}\n.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special,\n  .hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special.hk-cta-outline{\n    width:100%!important;\n    min-height:53px!important;\n    padding:16px 23px!important;\n    font-size:14px!important;\n  }}\n@media(prefers-reduced-motion:reduce){.hk-coach .hk-final-cta .hk-final-inner .hk-final-actions > a.hk-btn.hk-cta-special{transition:none!important;}}\n.hk-coach .hk-final-cta .hk-final-inner > picture.hk-final-cta-artwork{\n  display:block!important;\n  width:100%!important;\n  max-width:640px!important;\n  margin:0 auto 30px!important;\n  padding:0!important;\n  line-height:0!important;\n}\n.hk-coach .hk-final-cta .hk-final-cta-artwork img{\n  display:block!important;\n  width:100%!important;\n  height:auto!important;\n  max-width:100%!important;\n  object-fit:contain!important;\n  object-position:center!important;\n  border:0!important;\n  border-radius:0!important;\n  box-shadow:none!important;\n}\n@media(max-width:767px){.hk-coach .hk-final-cta .hk-final-inner > picture.hk-final-cta-artwork{\n    max-width:420px!important;\n    margin:0 auto 24px!important;\n  }}\n.hk-coach .hk-cases h3{font-family:inherit!important}\n.hk-coach .hk-cases .hk-cases__summary p{margin-top:14px!important}\n.hk-coach .hk-cases .hk-cases__inner{max-width:1152px}\n.hk-coach .hk-case-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;padding:0;margin:0;gap:0;align-items:start;isolation:isolate}\n.hk-coach .hk-case-content{grid-area:1\/1;min-width:0;width:100%}\n.hk-coach .hk-case-content>.hk-sec{width:100%;max-width:none;border-radius:0;margin:0}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap{width:100%;max-width:1200px;padding-inline:24px;margin-inline:auto}\n.hk-coach #coach-approach{border-radius:0;padding-block:40px}\n@media(max-width:900px){.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:24px}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 72px)}}\n@media(max-width:600px){.hk-coach .hk-case-content>.hk-sec>.hk-wrap{padding-inline:18px}}\n.hk-coach{width:var(--hk-viewport-width,100vw);max-width:none;margin-left:calc(50% - var(--hk-viewport-width,100vw)\/2);margin-right:calc(50% - var(--hk-viewport-width,100vw)\/2)}\n.hk-coach .hk-case-layout{display:block;width:100%;max-width:none;margin:0;padding:0}\n.hk-coach .hk-case-content{display:block;width:100%;max-width:none}\n.hk-coach .hk-case-content>.hk-sec,.hk-coach>.hk-hero,.hk-coach>.hk-cases,.hk-coach>.hk-final-cta{width:100%;max-width:none;margin-inline:0}\n.hk-coach .hk-case-content>.hk-sec>.hk-wrap,.hk-coach .hk-hero>.hk-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}\n.hk-coach .hk-cases .hk-cases__inner{width:100%;max-width:1200px;padding-inline:24px;margin-inline:auto}\n.hk-coach .hk-case-content>section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset) + 24px)}\n@media(max-width:600px){.hk-coach .hk-case-content>.hk-sec>.hk-wrap,.hk-coach .hk-hero>.hk-wrap,.hk-coach .hk-cases .hk-cases__inner{padding-inline:18px}}\n#mico-case-study.hk-coach{box-sizing:border-box!important;display:block!important;width:var(--hk-viewport-width,100%)!important;max-width:none!important;margin-left:var(--hk-bleed-offset,0px)!important;margin-right:0!important;padding-inline:0!important}\n#mico-case-study .hk-case-layout,#mico-case-study .hk-case-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\n#mico-case-study .hk-case-content>section,#mico-case-study>section{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}\n#mico-case-study .hk-case-content>section>.hk-wrap,#mico-case-study>.hk-hero>.hk-wrap,#mico-case-study>.hk-cases>.hk-cases__inner{box-sizing:border-box!important;width:calc(100% - 48px)!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}\n@media(max-width:600px){#mico-case-study .hk-case-content>section>.hk-wrap,#mico-case-study>.hk-hero>.hk-wrap,#mico-case-study>.hk-cases>.hk-cases__inner{width:calc(100% - 36px)!important}}\n\/* One authoritative deliverables layout. Cards always occupy their entire wrapper. *\/\n#mico-case-study #deliverables>.hk-wrap{display:block!important;flex:none!important;width:calc(100% - 48px)!important;max-width:1200px!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important}\n#mico-case-study .hk-stack{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;margin:32px 0 0!important;padding:0 0 32px!important;isolation:isolate}\n#mico-case-study .hk-stack>.hk-deliverable-section{display:block!important;position:relative!important;float:none!important;flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0 0 32px!important;padding:0!important;border:0!important;transform:none!important;filter:none!important;top:auto!important;background:#fff!important;border-radius:24px!important;z-index:auto;box-shadow:0 10px 35px #0000000d;overflow:visible!important}\n#mico-case-study .hk-stack>.hk-deliverable-section.hk-can-pin{position:sticky!important;top:var(--hk-safe-pin,150px)!important;z-index:var(--hk-card-order,1)}\n#mico-case-study .hk-card-surface{display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;padding:48px 32px 32px!important;border:1px solid #e6e1dc!important;border-radius:24px!important;background:#fff!important;transform:none!important;filter:none!important;opacity:1!important;box-sizing:border-box!important}\n#mico-case-study .hk-deliv-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important;align-items:center!important;width:100%!important;min-width:0!important}\n#mico-case-study .hk-deliv-media,#mico-case-study .hk-deliv-copy{min-width:0!important;width:100%!important;max-width:none!important}\n#mico-case-study .hk-deliv-copy h3{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.12!important;overflow-wrap:normal!important;word-break:normal!important}\n#mico-case-study .hk-deliv-copy p{font-size:15px!important;line-height:1.7!important}\n@media(max-width:1000px){#mico-case-study .hk-deliv-grid{grid-template-columns:minmax(0,1fr)!important}#mico-case-study .hk-stack>.hk-deliverable-section.hk-can-pin{position:relative!important;top:auto!important}#mico-case-study .hk-deliv-media,#mico-case-study .hk-deliv-copy{order:initial!important}}\n@media(max-width:600px){#mico-case-study #deliverables>.hk-wrap{width:calc(100% - 36px)!important}#mico-case-study .hk-card-surface{padding:40px 20px 24px!important}}\n@media(prefers-reduced-motion:reduce){#mico-case-study .hk-stack>.hk-deliverable-section.hk-can-pin{position:relative!important;top:auto!important}}\n\n\/* Section contents: one consistent 1200px maximum, including hero, work and CTA. *\/\n#mico-case-study section>.hk-wrap,\n#mico-case-study section>.hk-cases__inner,\n#mico-case-study .hk-final-cta>.hk-final-inner{\n box-sizing:border-box!important;\n width:calc(100% - 48px)!important;\n max-width:1200px!important;\n min-width:0!important;\n margin-left:auto!important;\n margin-right:auto!important;\n}\n@media(max-width:600px){\n #mico-case-study section>.hk-wrap,\n #mico-case-study section>.hk-cases__inner,\n #mico-case-study .hk-final-cta>.hk-final-inner{width:calc(100% - 36px)!important}\n}\n\n\/* ===========================================================\n   COACH360 \u2014 FULL-BLEED PAGE + VIRTUAL DEPARTMENT SPACING\n   Section backgrounds: edge to edge, including Elementor embeds.\n   Content, grids and cards: centered within max 1200px.\n   Desktop spacing: 110px \/ tablet: 80px \/ phone: 76px.\n   =========================================================== *\/\n#mico-case-study.hk-coach{\n  --hk-content-max:1200px;\n  --hk-section-space:110px;\n  box-sizing:border-box!important;\n  display:block!important;\n  width:var(--hk-viewport-width,100vw)!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin-left:var(--hk-bleed-offset,calc(50% - 50vw))!important;\n  margin-right:0!important;\n  padding:0!important;\n}\n\n\/* Full-bleed article wrapper. The contents rail is overlaid separately. *\/\n#mico-case-study .hk-case-layout,\n#mico-case-study .hk-case-content{\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin:0!important;\n  padding:0!important;\n}\n#mico-case-study > .hk-hero,\n#mico-case-study > .hk-final-cta,\n#mico-case-study .hk-case-content > section.hk-sec{\n  display:block;\n  box-sizing:border-box!important;\n  width:100%!important;\n  max-width:none!important;\n  margin-left:0!important;\n  margin-right:0!important;\n}\n\n\/* Match the generous section rhythm on the virtual department page. *\/\n#mico-case-study .hk-case-content > section.hk-sec{\n  padding:var(--hk-section-space) 0!important;\n  border-radius:0!important;\n}\n#mico-case-study .hk-case-content > #coach-approach.hk-sec{\n  padding-block:var(--hk-section-space)!important;\n}\n\/* Keep the testimonial attached to the takeaways rather than double-gapped. *\/\n#mico-case-study .hk-case-content > #coach-testimonial.hk-sec{\n  padding-top:0!important;\n}\n\n\/* Universal centered inner gutter: 1200px content, NOT 1200px backgrounds. *\/\n#mico-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n#mico-case-study > .hk-hero > .hk-wrap,\n#mico-case-study > .hk-final-cta > .hk-final-inner,\n#mico-case-study > .hk-cases > .hk-cases__inner{\n  box-sizing:border-box!important;\n  width:calc(100% - 48px)!important;\n  max-width:var(--hk-content-max)!important;\n  min-width:0!important;\n  margin-left:auto!important;\n  margin-right:auto!important;\n  \/* Prevent doubled Elementor + section gutters. *\/\n}\n#mico-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n#mico-case-study > .hk-hero > .hk-wrap,\n#mico-case-study > .hk-cases > .hk-cases__inner{\n  padding-left:0!important;\n  padding-right:0!important;\n}\n\/* Let the orange closing card keep its own carefully designed inner padding. *\/\n#mico-case-study > .hk-final-cta > .hk-final-inner{\n  padding:clamp(44px,5vw,72px) clamp(22px,4.6vw,64px) clamp(38px,4vw,56px)!important;\n}\n\n\/* Interior breathing room follows the service-page's 40\u201354px component gaps. *\/\n#mico-case-study #coach-overview .hk-overview{margin-top:54px!important;gap:64px}\n#mico-case-study #coach-problems .hk-case-bento4{margin-top:54px}\n#mico-case-study #coach-approach .hk-process-timeline{margin-top:46px}\n#mico-case-study #coach-services .hk-services-bento{margin-top:46px}\n#mico-case-study #deliverables .hk-stack{margin-top:48px!important}\n#mico-case-study #coach-results .hk-results{margin-top:50px}\n#mico-case-study #coach-takeaways .hk-takeaways{margin-top:50px}\n\n@media(max-width:900px){\n  #mico-case-study.hk-coach{--hk-section-space:80px}\n  #mico-case-study #coach-overview .hk-overview{gap:34px}\n  #mico-case-study #coach-approach .hk-process-timeline,\n  #mico-case-study #coach-services .hk-services-bento{margin-top:34px}\n  #mico-case-study #deliverables .hk-stack{margin-top:36px!important}\n}\n@media(max-width:600px){\n  #mico-case-study.hk-coach{--hk-section-space:76px}\n  #mico-case-study .hk-case-content > section.hk-sec > .hk-wrap,\n  #mico-case-study > .hk-hero > .hk-wrap,\n  #mico-case-study > .hk-final-cta > .hk-final-inner,\n  #mico-case-study > .hk-cases > .hk-cases__inner{\n    width:calc(100% - 36px)!important;\n  }\n  #mico-case-study #coach-overview .hk-overview{margin-top:34px!important;gap:30px}\n  #mico-case-study #coach-problems .hk-case-bento4{margin-top:34px}\n  #mico-case-study #coach-services .hk-services-bento{margin-top:30px}\n  #mico-case-study #deliverables .hk-stack{margin-top:28px!important}\n  #mico-case-study #coach-results .hk-results,\n  #mico-case-study #coach-takeaways .hk-takeaways{margin-top:34px}\n  #mico-case-study > .hk-final-cta > .hk-final-inner{\n    width:calc(100% - 36px)!important;\n    padding:34px 18px 30px!important;\n  }\n}\n\n<\/style>\n<style id=\"hk-coach-contents-styles\">\n\/* CONTENTS RAIL \u2014 full-bleed backgrounds and a centered 1200px article.\n   On screens >=1650px, the Contents rail floats entirely OUTSIDE the article.\n   Below that width it becomes a compact sticky disclosure above the article,\n   keeping Hero, all middle sections and CTA perfectly aligned.\n   --hk-header-offset remains the existing fixed theme-header setting. *\/\n#mico-case-study.hk-coach {\n  --hk-toc-width:180px;\n  --hk-toc-gap:24px;\n  --hk-toc-edge:20px;\n  --hk-toc-reserve:calc(var(--hk-toc-edge) + var(--hk-toc-width) + var(--hk-toc-gap));\n  --hk-toc-top:calc(var(--hk-header-offset,0px) + var(--hk-admin-offset,0px) + 24px);\n}\n#mico-case-study .hk-case-layout {position:relative!important;isolation:isolate}\n#mico-case-study .hk-toc-rail {\n  position:absolute;\n  top:var(--hk-section-space,110px);\n  bottom:var(--hk-section-space,110px);\n  left:max(var(--hk-toc-edge),calc((100% - var(--hk-content-max,1200px)) \/ 2 - var(--hk-toc-width) - var(--hk-toc-gap)));\n  width:var(--hk-toc-width);\n  z-index:50;\n  pointer-events:none;\n}\n#mico-case-study .hk-toc {\n  position:sticky;\n  top:var(--hk-toc-top);\n  width:100%;\n  min-width:0;\n  margin:0;\n  padding:0;\n  border:1px solid #e5e0da;\n  border-radius:18px;\n  background:#fff;\n  color:#181818;\n  box-shadow:0 8px 32px rgba(26,17,9,.075),0 2px 6px rgba(26,17,9,.03);\n  pointer-events:auto;\n  font-family:'Geist',Arial,sans-serif;\n}\n#mico-case-study .hk-toc-summary {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  min-height:57px;\n  padding:19px 16px 16px;\n  margin:0;\n  list-style:none;\n  cursor:pointer;\n  user-select:none;\n  color:#191919;\n  line-height:1.2;\n}\n#mico-case-study .hk-toc-summary::-webkit-details-marker {display:none}\n#mico-case-study .hk-toc-summary::marker {content:\"\"}\n#mico-case-study .hk-toc-title {\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-size:13px;\n  font-weight:650;\n  letter-spacing:-.02em;\n}\n#mico-case-study .hk-toc-title::before {\n  content:\"\";width:5px;height:5px;border-radius:50%;background:#ff7900;\n  box-shadow:0 0 0 3px rgba(255,121,0,.12);flex:0 0 5px;\n}\n#mico-case-study .hk-toc-current {display:none}\n#mico-case-study .hk-toc-chevron {\n  display:block;width:14px;height:14px;flex:0 0 14px;margin-left:auto;\n  color:#8d857c;transition:transform .2s;\n}\n#mico-case-study .hk-toc[open] .hk-toc-chevron {transform:rotate(180deg)}\n#mico-case-study .hk-toc-nav {padding:0 8px 10px;margin:0}\n#mico-case-study .hk-toc-list {\n  display:grid;gap:3px;list-style:none!important;\n  padding:0!important;margin:0!important;\n}\n#mico-case-study .hk-toc-list li {\n  padding:0!important;margin:0!important;list-style:none!important;min-width:0;\n}\n#mico-case-study .hk-toc-list a {\n  position:relative;display:flex;align-items:center;gap:9px;\n  min-height:37px;padding:10px 9px;border:0;border-radius:8px;\n  background:transparent;box-shadow:none;text-decoration:none!important;\n  color:#68615a!important;font-size:12px;font-weight:450;line-height:1.35;\n  letter-spacing:-.015em;transition:background .18s,color .18s;\n}\n#mico-case-study .hk-toc-list a::before {\n  content:\"\";position:absolute;left:0;top:11px;bottom:11px;width:2px;\n  border-radius:2px;background:transparent;\n}\n#mico-case-study .hk-toc-list a:hover {background:#f6f3ef;color:#191919!important}\n#mico-case-study .hk-toc-list a[aria-current=\"location\"] {\n  background:#fff1e4;color:#a24604!important;font-weight:600;\n}\n#mico-case-study .hk-toc-list a[aria-current=\"location\"]::before {background:#ff7900}\n#mico-case-study .hk-toc-number {\n  flex:0 0 15px;font-size:9px;letter-spacing:.03em;font-variant-numeric:tabular-nums;\n  color:#a69c92;\n}\n#mico-case-study .hk-toc-list a[aria-current=\"location\"] .hk-toc-number {color:#cf690f}\n#mico-case-study .hk-toc-summary:focus-visible,\n#mico-case-study .hk-toc-list a:focus-visible {outline:2px solid #ff7900;outline-offset:3px}\n#mico-case-study .hk-toc-footer {margin:0 16px;padding:14px 0 17px;border-top:1px solid #ece7e1}\n#mico-case-study .hk-toc-reading {\n  display:flex;justify-content:space-between;align-items:center;gap:8px;\n  margin-bottom:10px;color:#9a8f84;font-size:9px;line-height:1.3;\n}\n#mico-case-study .hk-toc-percent {font-variant-numeric:tabular-nums;color:#6d6257}\n#mico-case-study .hk-toc-progress {height:3px;background:#f0eae3;border-radius:10px;overflow:hidden}\n#mico-case-study .hk-toc-progress>span {\n  display:block;width:100%;height:100%;background:#ff7900;border-radius:inherit;\n  transform:scaleX(0);transform-origin:left center;\n}\n\/* Stop sticking on very short screens rather than introducing an inner scrollbar. *\/\n#mico-case-study .hk-toc-rail.hk-toc-unpinned .hk-toc {position:relative;top:0}\n\n\/* No content-width or left-margin override at wide desktop widths:\n   all page sections retain the shared centered 1200px content container. *\/\n@media(max-width:1649px) {\n  #mico-case-study .hk-toc-rail {\n    position:sticky;top:var(--hk-toc-top);bottom:auto;left:auto;\n    width:calc(100% - 48px);max-width:var(--hk-content-max,1200px);\n    margin:24px auto 0;\n  }\n  #mico-case-study .hk-toc {position:relative;top:0;border-radius:13px}\n  #mico-case-study .hk-toc-summary {min-height:53px;padding:16px 18px}\n  #mico-case-study .hk-toc-current {\n    display:block;margin-left:auto;font-size:11px;line-height:1.3;color:#8e7964;\n    max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\n  }\n  #mico-case-study .hk-toc-chevron {margin-left:0}\n  #mico-case-study .hk-toc-nav {padding:0 10px 10px}\n  #mico-case-study .hk-toc-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}\n  #mico-case-study .hk-toc-list a {font-size:13px;min-height:41px;padding:11px 12px;gap:10px}\n  #mico-case-study .hk-toc-footer {margin:0 20px;padding:12px 0 16px}\n  #mico-case-study .hk-toc-reading {font-size:10px}\n  #mico-case-study .hk-toc-rail.hk-toc-unpinned {position:relative;top:auto}\n}\n@media(max-width:600px) {\n  #mico-case-study .hk-toc-rail {width:calc(100% - 36px);margin-top:20px}\n  #mico-case-study .hk-toc-list {grid-template-columns:1fr;gap:2px}\n  #mico-case-study .hk-toc-list a {min-height:35px;padding:9px 12px;font-size:12px}\n}\n@media(prefers-reduced-motion:reduce) {\n  #mico-case-study .hk-toc-chevron,#mico-case-study .hk-toc-list a {transition:none}\n}\n@media print {\n  #mico-case-study .hk-toc-rail {display:none!important}\n  #mico-case-study .hk-case-layout>.hk-case-content>section.hk-sec>.hk-wrap,\n  #mico-case-study .hk-case-layout>.hk-case-content>#deliverables.hk-sec>.hk-wrap {\n    width:calc(100% - 48px)!important;margin-inline:auto!important;\n  }\n}\n<\/style>\n<style id=\"hk-coach-v6-side-by-side-layout\">\n\/* V6 \u2014 side-by-side reading layout within a single 1200px desktop shell.\n   A dedicated 15% left rail + 24px breathing space, 85% article allocation.\n   Section backgrounds remain full-bleed; only inner content shifts right.\n   Navbar stays above the sticky table via --hk-header-offset. *\/\n#mico-case-study.hk-coach{\n  --hk-sbs-max:1200px;\n  --hk-sbs-gap:24px;\n  --hk-sbs-edge:24px;\n}\n@media (min-width:1024px){\n  #mico-case-study.hk-coach{\n    --hk-sbs-shell:min(var(--hk-sbs-max),calc(100% - var(--hk-sbs-edge) * 2));\n    --hk-sbs-sidebar:calc(var(--hk-sbs-shell) * .15);\n    --hk-sbs-main:calc(var(--hk-sbs-shell) * .85 - var(--hk-sbs-gap));\n    --hk-sbs-left:calc((100% - var(--hk-sbs-shell)) \/ 2);\n    --hk-sbs-main-left:calc(var(--hk-sbs-left) + var(--hk-sbs-sidebar) + var(--hk-sbs-gap));\n  }\n  \/* The TOC is a true left column \u2014 not layered on top of text. *\/\n  #mico-case-study .hk-case-layout > .hk-toc-rail{\n    position:absolute!important;\n    left:var(--hk-sbs-left)!important;\n    top:var(--hk-section-space,110px)!important;\n    bottom:var(--hk-section-space,110px)!important;\n    width:var(--hk-sbs-sidebar)!important;\n    max-width:none!important;\n    margin:0!important;\n    padding:0!important;\n    z-index:5!important;\n    pointer-events:none;\n  }\n  #mico-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{\n    position:sticky!important;\n    top:var(--hk-toc-top)!important;\n    width:100%!important;\n    border-radius:18px!important;\n    pointer-events:auto!important;\n  }\n  #mico-case-study .hk-case-layout > .hk-toc-rail.hk-toc-unpinned > .hk-toc{\n    position:relative!important;\n    top:0!important;\n  }\n  #mico-case-study .hk-toc-current{display:none!important}\n  #mico-case-study .hk-toc-list{grid-template-columns:1fr!important;gap:3px!important}\n  #mico-case-study .hk-toc-list a{font-size:12px!important;padding:10px 9px!important;min-height:37px!important;gap:8px!important}\n  #mico-case-study .hk-toc-nav{padding:0 8px 10px!important}\n  \/* The eight sections retain full-width background bands. Their inner\n     wrappers occupy only the remaining column, with no overlap. *\/\n  #mico-case-study .hk-case-layout > .hk-case-content > section.hk-sec > .hk-wrap,\n  #mico-case-study .hk-case-layout > .hk-case-content > #deliverables.hk-sec > .hk-wrap{\n    box-sizing:border-box!important;\n    width:var(--hk-sbs-main)!important;\n    max-width:none!important;\n    min-width:0!important;\n    margin-left:var(--hk-sbs-main-left)!important;\n    margin-right:0!important;\n    padding-inline:0!important;\n  }\n  #mico-case-study .hk-case-layout > .hk-case-content > #deliverables.hk-sec > .hk-wrap{\n    display:block!important;\n  }\n}\n\/* At tablet\/phone widths, give the article the full available width. The\n   TOC becomes a non-sticky expandable bar instead of crushing the columns. *\/\n@media (max-width:1023px){\n  #mico-case-study .hk-case-layout > .hk-toc-rail{\n    position:relative!important;\n    top:auto!important;\n    left:auto!important;\n    bottom:auto!important;\n    width:calc(100% - 48px)!important;\n    max-width:1200px!important;\n    margin:24px auto 0!important;\n    z-index:5!important;\n  }\n  #mico-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{position:relative!important;top:0!important}\n}\n@media (max-width:600px){\n  #mico-case-study .hk-case-layout > .hk-toc-rail{width:calc(100% - 36px)!important;margin-top:20px!important}\n}\n@media print{\n  #mico-case-study .hk-case-layout > .hk-toc-rail{display:none!important}\n  #mico-case-study .hk-case-layout > .hk-case-content > section.hk-sec > .hk-wrap,\n  #mico-case-study .hk-case-layout > .hk-case-content > #deliverables.hk-sec > .hk-wrap{\n    width:calc(100% - 48px)!important;\n    max-width:1200px!important;\n    margin-inline:auto!important;\n  }\n}\n<\/style>\n<style id=\"hk-coach-v7-alternating-deliverable-cards\">\n\/* Alternating card surfaces in the scrolling deliverables stack:\n   01 white, 02 black, 03 white, 04 black, and so on.\n   All existing stack positioning, widths and gallery interactions are retained. *\/\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even){\n  background:#0b0b0b!important;\n  box-shadow:0 14px 38px rgba(0,0,0,.19)!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) > .hk-card-surface{\n  color:#f8f8f8!important;\n  background:linear-gradient(145deg,#171717 0%,#0b0b0b 100%)!important;\n  border-color:#333!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy h3{\n  color:#fff!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy p{\n  color:#c4c4c4!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-copy p strong{\n  color:#fff!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-meta span{\n  color:#e0e0e0!important;\n  background:#242424!important;\n  border-color:#404040!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-gallery-hint{\n  color:#f4f4f4!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-card-count{\n  color:#bcbcbc!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section:nth-of-type(even) .hk-deliv-media:not(.hk-ph){\n  border-color:#414141!important;\n}\n<\/style>\n<style id=\"hk-coach-v9-elementor-safe-card-stack\">\n\/* Real scroll-driven overlap, independent of position:sticky.\n   Elementor may create overflow\/transform ancestors, which break CSS sticky.\n   The cards remain in normal document flow and a small scroll handler visually\n   pins each one until the following card moves on top of it. *\/\n#mico-case-study #deliverables .hk-stack {\n  position:relative!important;\n  isolation:isolate!important;\n  overflow:visible!important;\n}\n#mico-case-study #deliverables .hk-stack > article.hk-deliverable-section.hk-js-stack-live {\n  position:relative!important;\n  top:auto!important;\n  z-index:var(--hk-scroll-layer,1)!important;\n  transform-origin:top center!important;\n  transform:translate3d(0,var(--hk-scroll-offset,0px),0) scale(var(--hk-scroll-scale,1))!important;\n  filter:brightness(var(--hk-scroll-brightness,1))!important;\n  transition:none!important;\n  will-change:transform;\n  backface-visibility:hidden;\n}\n\/* Avoid the large vertical jump and oversized cards between 900\u20131000px. *\/\n@media (min-width:900px) and (max-width:1000px) {\n  #mico-case-study #deliverables .hk-deliv-grid {\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:22px!important;\n  }\n  #mico-case-study #deliverables .hk-card-surface {\n    padding:38px 24px 25px!important;\n  }\n  #mico-case-study #deliverables .hk-deliv-copy h3 {\n    font-size:clamp(23px,2.8vw,29px)!important;\n  }\n}\n@media (min-width:900px) and (max-height:690px) {\n  #mico-case-study #deliverables .hk-card-surface {padding-top:36px!important;padding-bottom:24px!important}\n  #mico-case-study #deliverables .hk-deliv-copy p {line-height:1.5!important}\n}\n@media (max-width:899px), (prefers-reduced-motion:reduce) {\n  #mico-case-study #deliverables .hk-stack > article.hk-deliverable-section {\n    position:relative!important;\n    top:auto!important;\n    transform:none!important;\n    filter:none!important;\n    will-change:auto!important;\n  }\n}\n<\/style>\n<style>body{margin:0}.hk-coach{--hk-header-offset:0px}.hk-coach .hk-hero-art{aspect-ratio:1400\/1095}.hk-coach .hk-hero-art img{object-fit:cover}.hk-coach .hk-hero-description{color:#aaa;font-size:17px;line-height:1.65;max-width:470px;margin:20px 0 24px!important}.hk-coach .hk-kpi b{font-size:clamp(24px,3.2vw,38px)}.hk-coach .hk-deliv-media{background:#20372e!important}.hk-coach .hk-deliv-media img{object-fit:cover;object-position:center top;background:#20372e}.hk-coach .hk-source-note{font-size:13px;line-height:1.7;color:#777;margin-top:28px!important}.hk-coach .hk-source-note a{color:#9a4200;text-decoration:underline!important}.hk-coach .hk-case-bento4 .hk-case-bento-card:nth-child(n){min-height:260px}.hk-coach .hk-hero-art:after{display:none}.hk-coach-lightbox__media{overflow:auto;touch-action:pan-y}.hk-coach-lightbox__media img{height:auto;max-height:none;object-fit:contain;align-self:flex-start}.hk-coach-lightbox__media{align-items:flex-start}.hk-coach .hk-final-cta .hk-final-inner{min-height:320px!important}.hk-coach .hk-final-cta .hk-final-inner>p{display:block!important}.hk-coach .hk-deliv-media:focus-visible{outline:3px solid var(--o);outline-offset:4px}@media(max-width:600px){.hk-coach .hk-kpi+.hk-kpi{padding-left:12px}.hk-coach .hk-kpi b{font-size:22px}.hk-coach .hk-kpi span{font-size:11px}}<\/style><style>#mico-case-study .hk-hero-art img{object-fit:contain!important;background:#f5f1e8!important}#mico-case-study .hk-deliv-media{background:#f5f1e8!important}#mico-case-study .hk-deliv-media img{object-fit:contain!important;object-position:center!important;background:#f5f1e8!important}#mico-case-study .hk-kpi b{font-size:clamp(23px,3vw,36px)!important}<\/style>\n<style id=\"mico-dedicated-card-image-fit\">\n\/* Dedicated 1536x1024 wide artworks, designed for the 3:2 card slot. *\/\n#mico-case-study #deliverables .hk-deliv-media {\n  aspect-ratio:3 \/ 2!important; width:100%!important; min-height:0!important;\n  background:#f6f2e9!important; border-radius:18px!important; overflow:hidden!important;\n}\n#mico-case-study #deliverables .hk-deliv-media img {\n  width:100%!important;height:100%!important;object-fit:contain!important;\n  object-position:center center!important; background:#f6f2e9!important;\n}\n#mico-case-study #deliverables .hk-deliv-grid {align-items:center!important;}\n@media(max-width:1000px) {\n  #mico-case-study #deliverables .hk-deliv-media {aspect-ratio:3\/2!important;}\n}\n@media(max-width:600px){\n  #mico-case-study #deliverables .hk-deliv-media {border-radius:12px!important;}\n}\n<\/style>\n<style id=\"velore-hero-image-fit\">\n\/* Let the artwork determine its height on desktop and mobile. *\/\n#mico-case-study .hk-hero-art {\n  width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n  aspect-ratio: auto !important;\n  background: transparent !important;\n  overflow: hidden !important;\n}\n#mico-case-study .hk-hero-art img {\n  display: block !important;\n  position: static !important;\n  inset: auto !important;\n  width: 100% !important;\n  height: auto !important;\n  object-fit: contain !important;\n  object-position: center !important;\n  background: transparent !important;\n}\n<\/style>\n<style id=\"mico-sticky-and-stack-fixes\">\n#mico-case-study{--hk-header-offset:136px;--hk-toc-top:calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 18px)}\n#mico-case-study .hk-toc-rail{z-index:30!important}\n#mico-case-study .hk-toc-rail > .hk-toc{top:var(--hk-toc-top)!important}\n#mico-case-study .hk-case-content > section{scroll-margin-top:calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 32px)!important}\n#mico-case-study #deliverables .hk-stack{overflow:visible!important;isolation:isolate!important}\n#mico-case-study #deliverables .hk-stack > article.hk-js-stack-live{will-change:transform;transform-style:preserve-3d}\n@media(min-width:1024px){#mico-case-study .hk-case-layout > .hk-toc-rail > .hk-toc{top:var(--hk-toc-top)!important}}\n@media(max-width:1023px){\n #mico-case-study .hk-case-layout > .hk-toc-rail{position:relative!important;top:auto!important}\n #mico-case-study .hk-toc-rail > .hk-toc{position:relative!important;top:auto!important}\n}\n@media(prefers-reduced-motion:reduce){#mico-case-study #deliverables .hk-stack > article{transform:none!important;filter:none!important}}\n<\/style>\n\n<style id=\"mico-direction-timeline-style\">\n#mico-case-study .hk-direction-intro{max-width:760px;margin:0 0 24px;color:#a7a7ad;font-size:16px;line-height:1.7} \n#mico-case-study .hk-direction-timeline{background:linear-gradient(180deg,#0b0b0f 0%,#121218 100%)}\n#mico-case-study .hk-direction-timeline .hk-section-head .hk-h2,\n#mico-case-study .hk-direction-timeline .hk-section-head .hk-kick{color:#fff}\n#mico-case-study .hk-direction-timeline .hk-h2 span{color:#d7d8de}\n#mico-case-study .hk-direction-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}\n#mico-case-study .hk-direction-flow::before{content:\"\";position:absolute;left:24px;right:24px;top:26px;height:2px;background:linear-gradient(90deg,rgba(255,146,18,.9),rgba(255,146,18,.25));border-radius:999px}\n#mico-case-study .hk-direction-step{position:relative;padding-top:54px}\n#mico-case-study .hk-direction-node{position:absolute;top:12px;left:18px;width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,146,18,.65);background:#111;display:grid;place-items:center;color:#ff9212;font-weight:700;font-size:12px;box-shadow:0 0 0 8px rgba(255,146,18,.06)}\n#mico-case-study .hk-direction-card{height:100%;padding:26px 22px 22px;border-radius:24px;background:radial-gradient(circle at 100% 100%,rgba(255,146,18,.14),rgba(255,146,18,0) 42%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 36px rgba(0,0,0,.18)}\n#mico-case-study .hk-direction-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ff9212;font-weight:700;margin-bottom:16px}\n#mico-case-study .hk-direction-label::before{content:\"\";display:block;width:18px;height:1px;background:currentColor}\n#mico-case-study .hk-direction-card h3{margin:0 0 12px;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:#fff}\n#mico-case-study .hk-direction-card p{margin:0;color:#c4c5cb;font-size:15px;line-height:1.72}\n#mico-case-study .hk-direction-meta{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#8f9098;font-size:13px;line-height:1.65}\n#mico-case-study .hk-direction-meta strong{color:#fff;font-weight:600}\n@media (max-width:1024px){\n#mico-case-study .hk-direction-flow{grid-template-columns:1fr 1fr}\n#mico-case-study .hk-direction-flow::before{left:22px;right:22px;top:auto;bottom:auto}\n}\n@media (max-width:680px){\n#mico-case-study .hk-direction-flow{grid-template-columns:1fr;gap:16px}\n#mico-case-study .hk-direction-flow::before{left:17px;top:0;bottom:0;right:auto;width:2px;height:auto;background:linear-gradient(180deg,rgba(255,146,18,.9),rgba(255,146,18,.18))}\n#mico-case-study .hk-direction-step{padding-top:0;padding-left:48px}\n#mico-case-study .hk-direction-node{top:18px;left:2px}\n#mico-case-study .hk-direction-card h3{font-size:24px}\n}\n<\/style>\n<style id=\"mico-timeline-compact-overrides\">\n#mico-case-study .hk-direction-timeline .hk-direction-intro{font-size:14px;line-height:1.5;margin-bottom:16px}\n#mico-case-study .hk-direction-timeline .hk-direction-card{padding:22px 20px 24px;min-height:170px}\n#mico-case-study .hk-direction-timeline .hk-direction-card h3{font-size:clamp(22px,2.4vw,27px);margin-bottom:10px}\n#mico-case-study .hk-direction-timeline .hk-direction-card p{font-size:14px;line-height:1.55}\n#mico-case-study .hk-direction-timeline .hk-direction-label{margin-bottom:12px}\n@media(max-width:680px){#mico-case-study .hk-direction-timeline .hk-direction-card{min-height:0;padding:20px}}\n<\/style><\/head><body><div class=\"hk-coach\" id=\"mico-case-study\"><section class=\"hk-hero\"><div class=\"hk-wrap\"><div class=\"hk-hero-grid\"><div><span class=\"hk-eyebrow\">Car Rental \u00b7 Website Design \u00b7 Booking Experience<\/span><h1>VELORE. <span>Your next journey starts here.<\/span><\/h1><p class=\"hk-hero-description\">A premium car-rental experience that brings fleet discovery, clear pricing and a guided reservation journey together. Explore the website, mobile layouts and booking interfaces designed for VELORE.<\/p><a class=\"hk-btn\" href=\"#deliverables\">Explore the project <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><div class=\"hk-hero-art\" data-gallery=\"mico\" data-index=\"0\"><img alt=\"V\u00e9lore wordmark and luxury car overlooking an alpine lake\" decoding=\"async\" fetchpriority=\"high\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-case-study-hero-lossless-1.webp\"\/><\/div><\/div><div class=\"hk-kpis\"><div class=\"hk-kpi\"><b>Web design<\/b><span>A premium rental experience<\/span><\/div><div class=\"hk-kpi\"><b>Reservation<\/b><span>From trip search to confirmation<\/span><\/div><div class=\"hk-kpi\"><b>Mobile UI<\/b><span>One journey across every screen<\/span><\/div><\/div><\/div><\/section><div class=\"hk-case-layout\">\n<!-- Left contents rail: scoped to the article; ends before the final CTA. -->\n<aside aria-label=\"Case study contents\" class=\"hk-toc-rail\">\n<details class=\"hk-toc\" id=\"hk-mico-toc\" open=\"\">\n<summary class=\"hk-toc-summary\">\n<span class=\"hk-toc-title\">Contents<\/span>\n<span aria-hidden=\"true\" class=\"hk-toc-current\">Overview<\/span>\n<svg aria-hidden=\"true\" class=\"hk-toc-chevron\" fill=\"none\" height=\"16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" viewbox=\"0 0 24 24\" width=\"16\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n<\/summary>\n<nav aria-label=\"On this page\" class=\"hk-toc-nav\">\n<ol class=\"hk-toc-list\">\n<li><a aria-current=\"location\" href=\"#mico-overview\"><span aria-hidden=\"true\" class=\"hk-toc-number\">01<\/span><span>Overview<\/span><\/a><\/li>\n<li><a href=\"#mico-problems\"><span aria-hidden=\"true\" class=\"hk-toc-number\">02<\/span><span>The brief<\/span><\/a><\/li>\n<li><a href=\"#mico-approach\"><span aria-hidden=\"true\" class=\"hk-toc-number\">03<\/span><span>Design direction<\/span><\/a><\/li>\n<li><a href=\"#mico-services\"><span aria-hidden=\"true\" class=\"hk-toc-number\">04<\/span><span>Project scope<\/span><\/a><\/li>\n<li><a href=\"#deliverables\"><span aria-hidden=\"true\" class=\"hk-toc-number\">05<\/span><span>Design showcase<\/span><\/a><\/li>\n<li><a href=\"#mico-results\"><span aria-hidden=\"true\" class=\"hk-toc-number\">06<\/span><span>Design outcomes<\/span><\/a><\/li>\n<li><a href=\"#mico-takeaways\"><span aria-hidden=\"true\" class=\"hk-toc-number\">07<\/span><span>Key takeaways<\/span><\/a><\/li>\n<\/ol>\n<\/nav>\n<div aria-hidden=\"true\" class=\"hk-toc-footer\">\n<div class=\"hk-toc-reading\"><span>Reading progress<\/span><span class=\"hk-toc-percent\">0%<\/span><\/div>\n<div class=\"hk-toc-progress\"><span><\/span><\/div>\n<\/div>\n<\/details>\n<\/aside>\n<div class=\"hk-case-content\"><section class=\"hk-sec\" id=\"mico-overview\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Overview<\/span><h2 class=\"hk-h2\">More than a fleet. <span>A complete rental experience.<\/span><\/h2><\/div><div class=\"hk-overview\"><div><p class=\"hk-overview-copy\">VELORE brings the confidence of a premium automotive brand to a practical rental website. The experience helps visitors find a suitable vehicle, understand the rental terms and move naturally into a reservation.<\/p><p class=\"hk-overview-copy\">We connected the homepage, fleet catalogue and booking screens through a consistent black, white and blue interface. The scope extends to mobile layouts, the customer account and the agency\u2019s fleet-management view.<\/p><div class=\"hk-tags\"><span class=\"hk-tag\">Website design<\/span><span class=\"hk-tag\">Fleet catalogue<\/span><span class=\"hk-tag\">Reservation UX<\/span><span class=\"hk-tag\">Mobile experience<\/span><span class=\"hk-tag\">Customer portal<\/span><span class=\"hk-tag\">Agency dashboard<\/span><\/div><\/div><div class=\"hk-facts\"><div class=\"hk-fact\"><span>Project<\/span><strong>VELORE<\/strong><\/div><div class=\"hk-fact\"><span>Industry<\/span><strong>Automotive \/ Car Rental<\/strong><\/div><div class=\"hk-fact\"><span>Product<\/span><strong>Car-rental website concept<\/strong><\/div><div class=\"hk-fact\"><span>Audience<\/span><strong>Leisure and business travellers<\/strong><\/div><div class=\"hk-fact\"><span>Focus<\/span><strong>Vehicle discovery and booking clarity<\/strong><\/div><div class=\"hk-fact\"><span>Year<\/span><strong>2026<\/strong><\/div><\/div><\/div><\/div><\/section><section class=\"hk-sec hk-soft hk-light-panel\" id=\"mico-problems\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">The brief<\/span><h2 class=\"hk-h2\">Make choosing a car <span>feel effortless.<\/span><\/h2><\/div><div class=\"hk-case-bento4\"><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">01<\/span><h3>Create a confident first impression<\/h3><\/div><p>Present the fleet with strong automotive imagery, clear categories and a visible trip-search entry point from the first screen.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">01<\/span><\/article><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">02<\/span><h3>Make the fleet easy to compare<\/h3><\/div><p>Show the details renters compare first: daily rate, capacity, transmission and included mileage, with useful filters to narrow the choice.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">02<\/span><\/article><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">03<\/span><h3>Explain every booking decision<\/h3><\/div><p>Keep dates, optional extras and the rental total visible as the customer moves from vehicle selection to checkout.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">03<\/span><\/article><article class=\"hk-case-bento-card\"><div class=\"hk-case-bento-head\"><span class=\"hk-case-bento-num\">04<\/span><h3>Connect the whole rental journey<\/h3><\/div><p>Extend the experience beyond checkout with pickup guidance, a manage-booking area and an operational view for the rental team.<\/p><span aria-hidden=\"true\" class=\"hk-case-bigno\">04<\/span><\/article><\/div><\/div><\/section><section class=\"hk-sec hk-dark-panel hk-direction-timeline\" id=\"mico-approach\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Design direction<\/span><h2 class=\"hk-h2\">One clear journey. <span>From browsing to booking.<\/span><\/h2><\/div><p class=\"hk-direction-intro\">Four design decisions connect the website, reservation flow and customer experience.<\/p><div class=\"hk-direction-flow\"><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">01<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Starting point<\/span><h3>Discovery<\/h3><p>Put fleet categories and trip search within easy reach.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">02<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Visual system<\/span><h3>Clarity<\/h3><p>Use black, white and blue to prioritise the next action.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">03<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">Booking journey<\/span><h3>Reservation<\/h3><p>Guide trip, car, extras, details, review and confirmation.<\/p><\/div><\/article><article class=\"hk-direction-step\"><span class=\"hk-direction-node\">04<\/span><div class=\"hk-direction-card\"><span class=\"hk-direction-label\">System check<\/span><h3>Continuity<\/h3><p>Carry the same interface into mobile, accounts and support.<\/p><\/div><\/article><\/div><\/div><\/section><section class=\"hk-sec\" id=\"mico-services\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Project scope<\/span><h2 class=\"hk-h2\">One rental platform. <span>Every step considered.<\/span><\/h2><\/div><div class=\"hk-services-bento\"><article class=\"hk-solution-bento-card\"><h3>Website experience<\/h3><p>A premium homepage connects vehicle imagery, category browsing and a direct route into trip search.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Fleet discovery<\/h3><p>Catalogue filters and detailed vehicle pages make capacity, specifications, rates and rental conditions easy to compare.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Reservation funnel<\/h3><p>Trip search, vehicle selection, extras, driver details, review and confirmation form one continuous booking journey.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Responsive layouts<\/h3><p>Mobile screens adapt the search, fleet cards and booking controls for touch without losing essential trip information.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Customer self-service<\/h3><p>Confirmation, pickup guidance and a customer area keep booking details, documents and support together.<\/p><\/article><article class=\"hk-solution-bento-card\"><h3>Rental operations<\/h3><p>A fleet dashboard and location-page template connect the customer-facing experience to everyday agency needs.<\/p><\/article><\/div><\/div><\/section><section class=\"hk-sec hk-soft hk-light-panel\" id=\"deliverables\"><div class=\"hk-wrap\"><div class=\"hk-deliv-intro\">Seventeen deliverables show the full rental experience: from the homepage, fleet and booking screens to vehicle comparison, longer rentals, booking changes, customer emails, pickup or return and social media posts. Each card pairs a focused visual with its role in the project.<\/div><div class=\"hk-stack\"><article class=\"hk-deliverable-section\" id=\"mico-deliverable-01\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"1\"><img alt=\"VELORE desktop homepage with a silver sedan hero, trip-search bar, vehicle categories and featured cars.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/Velore-Home-page.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">01 \u00b7 HOMEPAGE DESIGN<\/span><h3>Premium car-rental homepage<\/h3><p>The homepage pairs a strong automotive hero with an immediate trip-search entry point. Vehicle categories and featured cars introduce the fleet, while clear calls to action keep the next step close at hand.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">01 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-02\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"2\"><img alt=\"VELORE fleet catalogue with vehicle filters and four car cards showing rates and specifications.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-02-fleet.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">02 \u00b7 FLEET CATALOGUE<\/span><h3>Fleet catalogue &amp; filtering<\/h3><p>A structured catalogue brings vehicle imagery, daily rates and practical specifications into one view. Category, seat, transmission and price filters help customers compare suitable cars before opening a vehicle page.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">02 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-03\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"3\"><img alt=\"VELORE Premium SUV detail page with vehicle gallery, specifications, three-day rental summary and selection button.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-03-vehicle-details.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">03 \u00b7 VEHICLE DETAILS<\/span><h3>Vehicle pages that answer the essentials<\/h3><p>Large photographs and a focused specification panel explain the car before the customer commits. The reservation summary keeps the selected dates, rental duration and price visible, with the security hold shown separately.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">03 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-04\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"4\"><img alt=\"VELORE trip-search screen with pickup and return selectors, November calendars and a three-day rental summary.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-04-trip-search.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">04 \u00b7 DATES &amp; AVAILABILITY<\/span><h3>Trip search &amp; date selection<\/h3><p>Pickup and return locations, dates and times form the starting point of the reservation. A clear calendar range and rental-duration summary help customers check their trip before searching the fleet.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">04 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-05\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"5\"><img alt=\"VELORE extras screen showing a child-seat selection, additional-driver option and itemised rental total.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-05-extras.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">05 \u00b7 EXTRAS &amp; PRICING<\/span><h3>Optional extras. An itemised total.<\/h3><p>The extras screen presents choices such as a child seat or additional driver with their individual prices. A persistent summary separates the rental charge, selected extras and refundable hold so the customer can review the full cost.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">05 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-06\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"6\"><img alt=\"VELORE driver-details and review interface with a short form, rental terms and reservation summary.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-06-checkout.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">06 \u00b7 DRIVER DETAILS &amp; REVIEW<\/span><h3>A focused checkout experience<\/h3><p>Driver information, pickup-document reminders and rental terms sit alongside the booking summary. The final review gives customers one place to check their details, trip and total before confirming the reservation.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">06 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-07\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"7\"><img alt=\"VELORE booking confirmation with reference number, trip details, pickup checklist and manage-booking action.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-07-confirmation.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">07 \u00b7 BOOKING CONFIRMATION<\/span><h3>Confirmation &amp; pickup guidance<\/h3><p>The confirmation screen brings the booking reference, vehicle, dates and pickup location together. A preparation checklist and a direct route to manage the booking make the next step clear after the reservation is complete.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">07 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-08\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"8\"><img alt=\"Three VELORE mobile layouts showing the homepage search, fleet selection and booking confirmation.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-08-mobile.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">08 \u00b7 RESPONSIVE DESIGN<\/span><h3>The rental experience on mobile<\/h3><p>Mobile layouts carry the same visual identity through search, fleet browsing and confirmation. Stacked content, concise summaries and prominent actions keep the essential booking information usable on a smaller screen.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">08 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-09\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"9\"><img alt=\"VELORE customer portal with an upcoming reservation, documents, change request and pickup information.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-09-customer-account.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">09 \u00b7 CUSTOMER ACCOUNT<\/span><h3>Manage bookings in one place<\/h3><p>The customer area groups upcoming trips, pickup details, rental documents and support. Clear actions for viewing documents and requesting a change help customers manage the practical details after booking.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">09 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-10\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"10\"><img alt=\"VELORE agency dashboard with a vehicle availability calendar and recent reservations table using sample data.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-10-agency-dashboard.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">10 \u00b7 AGENCY DASHBOARD<\/span><h3>Fleet &amp; reservation management<\/h3><p>The operations interface brings vehicle schedules and recent reservations into a single view. Distinct available, reserved and maintenance states help the rental team read the fleet calendar and inspect bookings at a glance.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">10 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-11\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"11\"><img alt=\"VELORE Paris pickup page with location information, map, local fleet action and frequently asked questions.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-11-locations.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">11 \u00b7 LOCATION PAGES<\/span><h3>Local pickup pages &amp; customer support<\/h3><p>A dedicated location template connects local fleet discovery with collection information, opening hours and common questions. The page gives customers useful pickup context before they enter the reservation journey.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">11 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-12\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"12\"><img alt=\"VELORE vehicle comparison page with a Premium SUV and Electric GT, aligned specifications, daily rates and selection buttons.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-12-vehicle-comparison.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">12 \u00b7 VEHICLE COMPARISON<\/span><h3>The right car, side by side<\/h3><p>The comparison page places shortlisted vehicles next to each other with aligned prices, seating, luggage capacity and key specifications. Customers can weigh practical differences in one view and continue directly with their preferred car.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">12 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-13\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"13\"><img alt=\"VELORE longer-rental landing page with a silver sedan hero and weekly and monthly package cards.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-13-long-term-rentals.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">13 \u00b7 WEEKLY &amp; MONTHLY RENTALS<\/span><h3>A dedicated offer for longer journeys<\/h3><p>Weekly and monthly rental pages give longer stays their own place in the website. Clear package durations, daily equivalents and total prices help leisure and business customers understand the offer before exploring suitable vehicles.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">13 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-14\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"14\"><img alt=\"VELORE reservation modification screen showing updated trip dates, a revised itemised total and the additional amount to pay.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-14-booking-modification.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">14 \u00b7 BOOKING MODIFICATIONS<\/span><h3>Change the trip. Review the difference.<\/h3><p>The booking-change screen lets customers review new dates, pickup details and vehicle choices alongside a revised price. The original amount and any additional balance remain visible before the customer commits to the change.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">14 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-15\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"15\"><img alt=\"VELORE booking confirmation in a desktop inbox and pickup reminder in a mobile email app, both showing the same black SUV photograph.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-15-booking-emails.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">15 \u00b7 BOOKING EMAILS &amp; REMINDERS<\/span><h3>Email templates<\/h3><p>Branded confirmation and pickup-reminder emails carry the website experience beyond checkout. Shown in desktop and mobile inboxes, each template combines vehicle imagery, essential booking details and one clear next action.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">15 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-16\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"16\"><img alt=\"Two VELORE mobile handover screens for vehicle pickup and return with condition photographs, mileage and fuel-level fields.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-16-pickup-return.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">16 \u00b7 VEHICLE PICKUP &amp; RETURN<\/span><h3>A clear record at both ends of the trip<\/h3><p>The mobile handover screens bring vehicle-condition photos, mileage and fuel level into one guided record. Matching pickup and return layouts help customers and staff review the same information before confirming each handover.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">16 \/ 17<\/span><\/div><\/article><article class=\"hk-deliverable-section\" id=\"mico-deliverable-17\"><div class=\"hk-card-surface\"><div class=\"hk-deliv-grid\"><div class=\"hk-deliv-media\" data-gallery=\"mico\" data-index=\"17\"><img alt=\"An angled grid of VELORE social media posts with silver sedans, black SUVs and sports coupes, mixing minimal, blue, cinematic and travel designs with soft shadows and social reactions.\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-17-social-media.webp\"\/><\/div><div class=\"hk-deliv-copy\"><span class=\"hk-deliv-number\">17 \u00b7 SOCIAL MEDIA CAMPAIGN<\/span><h3>A social presence built for the journey<\/h3><p>A coordinated collection of social posts brings VELORE\u2019s rental experience into the feed. Minimal layouts, bold blue compositions, cinematic scenes and travel photography share one wordmark, clear headlines and consistent calls to action, presented together in an angled campaign mockup.<\/p><div class=\"hk-deliv-meta\"><\/div><span class=\"hk-gallery-hint\">View this deliverable<\/span><\/div><\/div><span aria-hidden=\"true\" class=\"hk-card-count\">17 \/ 17<\/span><\/div><\/article><\/div><\/div><\/section><section class=\"hk-sec hk-dark\" id=\"mico-results\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Design outcomes<\/span><h2 class=\"hk-h2\">A complete rental experience <span>across seventeen deliverables.<\/span><\/h2><\/div><div class=\"hk-results\"><article class=\"hk-result\"><b>Connected<\/b><span>From discovery to pickup<\/span><p>The homepage, fleet, booking screens and confirmation work together as one clear customer journey.<\/p><\/article><article class=\"hk-result\"><b>Clear<\/b><span>Visible choices and rental costs<\/span><p>Vehicle details, optional extras and itemised totals help customers understand the reservation before confirming.<\/p><\/article><article class=\"hk-result\"><b>Consistent<\/b><span>Desktop, mobile and account screens<\/span><p>The same visual language connects the public website, customer portal and the agency\u2019s operational interface.<\/p><\/article><\/div><p class=\"hk-results-note\">These outcomes describe the design and functionality presented. The visual concepts use illustrative booking data; conversion rates, reservation volumes and other business results have not been measured.<\/p><\/div><\/section><section class=\"hk-sec\" id=\"mico-takeaways\"><div class=\"hk-wrap\"><div class=\"hk-section-head\"><span class=\"hk-kick\">Key takeaways<\/span><h2 class=\"hk-h2\">A better rental experience <span>starts with clarity.<\/span><\/h2><\/div><div class=\"hk-takeaways\"><div class=\"hk-takeaway\"><b>01<\/b><div><h3>Show the vehicle and the decision together.<\/h3><p>Strong fleet imagery works best alongside practical specifications, visible rates and a clear action to continue.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>02<\/b><div><h3>Make every booking step understandable.<\/h3><p>Dates, extras, driver details and review need a consistent hierarchy, with the trip summary available throughout the journey.<\/p><\/div><\/div><div class=\"hk-takeaway\"><b>03<\/b><div><h3>Design beyond the confirmation screen.<\/h3><p>Pickup instructions, customer self-service and fleet operations complete the experience on both sides of the reservation.<\/p><\/div><\/div><\/div><p class=\"hk-source-note\">Presentation visuals use the VELORE name and sample vehicles, prices, dates and locations. Generated screens illustrate the proposed functionality; this case-study page is not a live reservation or payment service.<\/p><\/div><\/section><\/div><\/div><section aria-labelledby=\"hk-cta-title\" class=\"hk-final-cta\">\n<div class=\"hk-wrap hk-final-inner\">\n<div aria-hidden=\"true\" class=\"hk-final-grid-tiles\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n<div class=\"hk-final-brand\">\n<img alt=\"#Knights logo\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/hashtag-knights-logo.png\">\n<\/img><\/div>\n<h2 id=\"hk-cta-title\">Have a website or rental project? <span>Let\u2019s talk about it.<\/span><\/h2>\n<p>From a premium first impression to a clear booking journey, let\u2019s create a website experience that connects your business and your customers.<\/p>\n<div class=\"hk-final-actions\">\n<a class=\"hk-btn hk-cta-special\" href=\"https:\/\/hashtagknights.com\/contact\/\">Let\u2019s Discuss Your Growth<span aria-hidden=\"true\" class=\"hk-cta-arr\">\u2197<\/span><\/a>\n<a class=\"hk-btn hk-cta-special hk-cta-outline\" href=\"https:\/\/hashtagknights.com\/contact\/\">Request a Proposal<span aria-hidden=\"true\" class=\"hk-cta-arr\">\u2197<\/span><\/a>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<!-- LIGHTBOX -->\n<div aria-hidden=\"true\" aria-label=\"VELORE project gallery\" aria-modal=\"true\" class=\"hk-coach-lightbox\" id=\"hkCoachLightbox\" role=\"dialog\">\n<button aria-label=\"Close gallery\" class=\"hk-coach-lightbox__close\" type=\"button\">\u00d7<\/button>\n<button aria-label=\"Previous item\" class=\"hk-coach-lightbox__arrow hk-coach-lightbox__prev\" type=\"button\">\u2190<\/button>\n<div class=\"hk-coach-lightbox__stage\">\n<div class=\"hk-coach-lightbox__media\"><\/div>\n<\/div>\n<button aria-label=\"Next item\" class=\"hk-coach-lightbox__arrow hk-coach-lightbox__next\" type=\"button\">\u2192<\/button>\n<div class=\"hk-coach-lightbox__bottom\">\n<span class=\"hk-coach-lightbox__caption\"><\/span>\n<span class=\"hk-coach-lightbox__count\"><\/span>\n<\/div>\n<\/div>\n<script>\n(function(){\n  \"use strict\";\n\n  var galleries = {mico:[{\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-case-study-hero-lossless-1.webp\", \"caption\": \"VELORE \u00b7 Desktop and mobile website showcase\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/Velore-Home-page.webp\", \"caption\": \"VELORE \u00b7 Premium car-rental homepage\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-02-fleet.webp\", \"caption\": \"VELORE \u00b7 Fleet catalogue & filtering\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-03-vehicle-details.webp\", \"caption\": \"VELORE \u00b7 Vehicle pages that answer the essentials\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-04-trip-search.webp\", \"caption\": \"VELORE \u00b7 Trip search & date selection\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-05-extras.webp\", \"caption\": \"VELORE \u00b7 Optional extras. An itemised total.\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-06-checkout.webp\", \"caption\": \"VELORE \u00b7 A focused checkout experience\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-07-confirmation.webp\", \"caption\": \"VELORE \u00b7 Confirmation & pickup guidance\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-08-mobile.webp\", \"caption\": \"VELORE \u00b7 The rental experience on mobile\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-09-customer-account.webp\", \"caption\": \"VELORE \u00b7 Manage bookings in one place\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-10-agency-dashboard.webp\", \"caption\": \"VELORE \u00b7 Fleet & reservation management\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-11-locations.webp\", \"caption\": \"VELORE \u00b7 Local pickup pages & customer support\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-12-vehicle-comparison.webp\", \"caption\": \"VELORE \u00b7 The right car, side by side\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-13-long-term-rentals.webp\", \"caption\": \"VELORE \u00b7 A dedicated offer for longer journeys\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-14-booking-modification.webp\", \"caption\": \"VELORE \u00b7 Change the trip. Review the difference.\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-15-booking-emails.webp\", \"caption\": \"VELORE \u00b7 Email templates\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-16-pickup-return.webp\", \"caption\": \"VELORE \u00b7 A clear record at both ends of the trip\"}, {\"type\": \"image\", \"src\": \"https:\/\/hashtagknights.com\/wp-content\/uploads\/2026\/10\/velore-17-social-media.webp\", \"caption\": \"VELORE \u00b7 A social presence built for the journey\"}]};\n\n  var box=document.getElementById(\"hkCoachLightbox\");\n  if(!box)return;\n  var media=box.querySelector(\".hk-coach-lightbox__media\");\n  var caption=box.querySelector(\".hk-coach-lightbox__caption\");\n  var count=box.querySelector(\".hk-coach-lightbox__count\");\n  var close=box.querySelector(\".hk-coach-lightbox__close\");\n  var prev=box.querySelector(\".hk-coach-lightbox__prev\");\n  var next=box.querySelector(\".hk-coach-lightbox__next\");\n  var activeGallery=null, activeIndex=0, lastFocus=null, touchStartX=null;\n\n  function render(){\n    if(!activeGallery||!activeGallery.length)return;\n    var item=activeGallery[activeIndex];\n    media.innerHTML=\"\";\n    var el;\n    if(item.type===\"video\"){\n      el=document.createElement(\"video\");\n      el.controls=true; el.autoplay=true; el.playsInline=true;\n      el.src=item.src;\n      if(item.poster)el.poster=item.poster;\n    }else{\n      el=document.createElement(\"img\");\n      el.src=item.src; el.alt=item.caption||\"VELORE project asset\";\n    }\n    media.appendChild(el);\n    media.scrollTop=0;\n    caption.textContent=item.caption||\"\";\n    count.textContent=(activeIndex+1)+\" \/ \"+activeGallery.length;\n    prev.style.display=activeGallery.length>1?\"grid\":\"none\";\n    next.style.display=activeGallery.length>1?\"grid\":\"none\";\n  }\n  function openGallery(name,index){\n    activeGallery=galleries[name]||[];\n    if(!activeGallery.length)return;\n    activeIndex=Math.max(0,Math.min(Number(index)||0,activeGallery.length-1));\n    lastFocus=document.activeElement;\n    box.classList.add(\"is-open\");\n    box.setAttribute(\"aria-hidden\",\"false\");\n    document.documentElement.style.overflow=\"hidden\";\n    render();\n    close.focus();\n  }\n  function closeGallery(){\n    box.classList.remove(\"is-open\");\n    box.setAttribute(\"aria-hidden\",\"true\");\n    document.documentElement.style.overflow=\"\";\n    media.innerHTML=\"\";\n    if(lastFocus&&lastFocus.focus)lastFocus.focus();\n  }\n  function move(delta){\n    if(!activeGallery||activeGallery.length<2)return;\n    activeIndex=(activeIndex+delta+activeGallery.length)%activeGallery.length;\n    render();\n  }\n\n  document.querySelectorAll(\".hk-coach [data-gallery]\").forEach(function(trigger){\n    trigger.setAttribute(\"role\",\"button\");\n    trigger.setAttribute(\"tabindex\",\"0\");\n    trigger.setAttribute(\"aria-label\",\"Open project gallery\");\n    trigger.addEventListener(\"click\",function(){openGallery(trigger.dataset.gallery,trigger.dataset.index)});\n    trigger.addEventListener(\"keydown\",function(e){\n      if(e.key===\"Enter\"||e.key===\" \"){e.preventDefault();openGallery(trigger.dataset.gallery,trigger.dataset.index)}\n    });\n  });\n\n  close.addEventListener(\"click\",closeGallery);\n  prev.addEventListener(\"click\",function(){move(-1)});\n  next.addEventListener(\"click\",function(){move(1)});\n  box.addEventListener(\"click\",function(e){if(e.target===box||e.target.classList.contains(\"hk-coach-lightbox__stage\"))closeGallery()});\n  document.addEventListener(\"keydown\",function(e){\n    if(!box.classList.contains(\"is-open\"))return;\n    if(e.key===\"Tab\"){\n      var stops=[close,prev,next].filter(function(el){return el.style.display!==\"none\"});\n      var at=stops.indexOf(document.activeElement);\n      if(e.shiftKey && at<=0){e.preventDefault();stops[stops.length-1].focus();}\n      else if(!e.shiftKey && (at===stops.length-1||at<0)){e.preventDefault();stops[0].focus();}\n    }\n    if(e.key===\"Escape\")closeGallery();\n    if(e.key===\"ArrowLeft\")move(-1);\n    if(e.key===\"ArrowRight\")move(1);\n  });\n\n  media.addEventListener(\"touchstart\",function(e){touchStartX=e.changedTouches[0].clientX},{passive:true});\n  media.addEventListener(\"touchend\",function(e){\n    if(touchStartX===null)return;\n    var dx=e.changedTouches[0].clientX-touchStartX;\n    if(Math.abs(dx)>45)move(dx<0?1:-1);\n    touchStartX=null;\n  },{passive:true});\n})();\n<\/script>\n<script>\n(function(){\nvar root=document.getElementById('mico-case-study');if(!root)return;var pending=false;\nfunction size(){pending=false;root.style.setProperty('--hk-bleed-offset','0px');root.style.setProperty('--hk-viewport-width',document.documentElement.clientWidth+'px');var left=root.getBoundingClientRect().left;root.style.setProperty('--hk-bleed-offset',(-left)+'px');}\nfunction queue(){if(!pending){pending=true;requestAnimationFrame(size)}}\nsize();window.addEventListener('resize',queue,{passive:true});window.addEventListener('load',queue);if(document.fonts)document.fonts.ready.then(queue);\n})();\n<\/script><script id=\"mico-real-header-offset-fix\">\n(function(){\n  'use strict';\n  var root=document.getElementById('mico-case-study');\n  if(!root) return;\n  var raf=0;\n  function detect(){\n    raf=0;\n    var elements=document.querySelectorAll('header,.elementor-location-header,#masthead,.site-header,.ekit-template-content-header,.sticky-header,.elementor-sticky--active');\n    var highest=0;\n    elements.forEach(function(el){\n      if(root.contains(el)) return;\n      var st=window.getComputedStyle(el);\n      if(st.display==='none' || st.visibility==='hidden') return;\n      var rect=el.getBoundingClientRect();\n      if(rect.height<25 || rect.width<180 || rect.bottom<=0) return;\n      if(rect.top>90 || rect.bottom>300) return;\n      \/\/ Header is visible in the screen-top region, potentially sticky\/fixed.\n      if(st.position==='fixed' || st.position==='sticky' || rect.top<30){\n        highest=Math.max(highest,rect.bottom);\n      }\n    });\n    \/\/ Sticky #Knights navbar in the supplied screenshot ends around 120px.\n    var effective=Math.max(128,Math.min(240,Math.ceil(highest+12)));\n    var old=parseFloat(root.style.getPropertyValue('--hk-header-offset'));\n    if(Math.abs((old||0)-effective)>1){\n      root.style.setProperty('--hk-header-offset',effective+'px','important');\n      root.style.setProperty('--hk-toc-top','calc(var(--hk-header-offset) + var(--hk-admin-offset, 0px) + 18px)','important');\n      root.dispatchEvent(new Event('mico-header-offset-changed'));\n    }\n  }\n  function schedule(){if(!raf)raf=requestAnimationFrame(detect);}\n  window.addEventListener('load',schedule);\n  window.addEventListener('resize',schedule,{passive:true});\n  window.addEventListener('scroll',schedule,{passive:true});\n  if(document.fonts)document.fonts.ready.then(schedule);\n  schedule();\n})();\n<\/script>\n<script id=\"hk-coach-v9-elementor-safe-stack-scroll\">\n(function(){\n  'use strict';\n  var root=document.getElementById('mico-case-study');\n  if(!root || root.dataset.hkScrollStackReady)return;\n  var stack=root.querySelector('#deliverables .hk-stack');\n  if(!stack)return;\n  var cards=Array.prototype.filter.call(stack.children,function(el){\n    return el.classList.contains('hk-deliverable-section');\n  });\n  if(!cards.length)return;\n  root.dataset.hkScrollStackReady='true';\n\n  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)');\n  var enabled=false, raf=0, resizeRaf=0, pinTop=156;\n  var clamp=function(v){return Math.max(0,Math.min(1,v))};\n  function set(card,name,value){card.style.setProperty(name,value)}\n\n  function draw(){\n    raf=0;\n    if(!enabled)return;\n    var stackBox=stack.getBoundingClientRect();\n    var heights=cards.map(function(card){return card.offsetHeight});\n    \/\/ offsetTop is the untransformed, real document-flow position relative\n    \/\/ to .hk-stack, so measuring still works after cards are translated.\n    var bases=cards.map(function(card){return stackBox.top+card.offsetTop});\n    for(var i=0;i<cards.length;i++){\n      var base=bases[i], height=heights[i], next=bases[i+1];\n      \/\/ When a card reaches the line below the website header, hold it there.\n      \/\/ Release it only when the deliverables section itself scrolls away.\n      var limit=stackBox.bottom-height-24;\n      var pinned=(base<pinTop)?Math.min(pinTop,limit):base;\n      var translate=Math.max(0,pinned-base);\n      var depth=0;\n      if(i<cards.length-1 && base<=pinTop){\n        \/\/ Incoming card enters from below; underlying card recedes smoothly.\n        depth=clamp((pinTop+Math.min(height,470)-next)\/Math.max(140,Math.min(height,470)-36));\n      }\n      \/\/ The new card has a higher layer and physically covers the old one.\n      set(cards[i],'--hk-scroll-offset',(translate-15*depth).toFixed(2)+'px');\n      set(cards[i],'--hk-scroll-scale',(1-.045*depth).toFixed(4));\n      set(cards[i],'--hk-scroll-brightness',(1-.17*depth).toFixed(4));\n    }\n  }\n  function requestDraw(){if(!raf)raf=window.requestAnimationFrame(draw)}\n  function measure(){\n    resizeRaf=0;\n    var rootStyle=getComputedStyle(root);\n    var header=parseFloat(rootStyle.getPropertyValue('--hk-header-offset'))||0;\n    var admin=parseFloat(rootStyle.getPropertyValue('--hk-admin-offset'))||0;\n    \/\/ Matches the case study's existing fixed-site-header setting.\n    pinTop=Math.max(20,header+admin+20);\n    \/\/ No card-height or article-column-width restriction: these caused the\n    \/\/ stacking effect to disappear in laptop\/Elementor editor previews.\n    enabled=window.innerWidth>=900 && window.innerHeight>=480 && !reduce.matches;\n    cards.forEach(function(card,i){\n      card.classList.remove('hk-can-pin');\n      card.classList.toggle('hk-js-stack-live',enabled);\n      set(card,'--hk-scroll-layer',String(i+1));\n      if(!enabled){\n        set(card,'--hk-scroll-offset','0px');\n        set(card,'--hk-scroll-scale','1');\n        set(card,'--hk-scroll-brightness','1');\n      }\n    });\n    requestDraw();\n  }\n  function requestMeasure(){\n    if(!resizeRaf)resizeRaf=window.requestAnimationFrame(measure);\n  }\n\n  root.addEventListener('mico-header-offset-changed',requestMeasure);\n  window.addEventListener('scroll',requestDraw,{passive:true});\n  \/\/ Also supports Elementor's scrollable editor preview containers.\n  document.addEventListener('scroll',requestDraw,{passive:true,capture:true});\n  window.addEventListener('resize',requestMeasure,{passive:true});\n  window.addEventListener('load',requestMeasure);\n  if(reduce.addEventListener)reduce.addEventListener('change',requestMeasure);\n  else reduce.addListener(requestMeasure);\n  if('ResizeObserver' in window){\n    var observer=new ResizeObserver(requestMeasure);\n    observer.observe(stack);\n    cards.forEach(function(card){observer.observe(card)});\n  }\n  if(document.fonts)document.fonts.ready.then(requestMeasure);\n  measure();\n})();\n<\/script>\n<script id=\"hk-coach-contents-script\">\n(function () {\n  'use strict';\n  var root = document.getElementById('mico-case-study');\n  if (!root) return;\n  var toc = root.querySelector('#hk-mico-toc');\n  var rail = root.querySelector('.hk-toc-rail');\n  var content = root.querySelector('.hk-case-content');\n  if (!toc || !rail || !content || toc.dataset.ready) return;\n  toc.dataset.ready = 'true';\n  var links = Array.from(toc.querySelectorAll('.hk-toc-list a'));\n  var sections = links.map(function (link) {\n    return document.getElementById(link.getAttribute('href').slice(1));\n  });\n  var current = toc.querySelector('.hk-toc-current');\n  var percent = toc.querySelector('.hk-toc-percent');\n  var bar = toc.querySelector('.hk-toc-progress>span');\n  var mobile = window.matchMedia('(max-width:1023px)');\n  var reduced = window.matchMedia('(prefers-reduced-motion:reduce)');\n  var frame = 0;\n  var activeIndex = -1;\n  var header = 0;\n  var admin = 0;\n  var targets = [];\n  var start = 0;\n  var end = 0;\n  var needsMeasure = true;\n\n  function measure() {\n    var style = window.getComputedStyle(root);\n    header = parseFloat(style.getPropertyValue('--hk-header-offset')) || 0;\n    admin = parseFloat(style.getPropertyValue('--hk-admin-offset')) || 0;\n    targets = sections.map(function (section) {\n      return section.getBoundingClientRect().top + window.scrollY;\n    });\n    var bounds = content.getBoundingClientRect();\n    start = bounds.top + window.scrollY;\n    end = bounds.bottom + window.scrollY;\n    var canFit = toc.getBoundingClientRect().height <= window.innerHeight - header - admin - 48;\n    rail.classList.toggle('hk-toc-unpinned', !canFit);\n    needsMeasure = false;\n  }\n  function mark(index) {\n    if (activeIndex === index) return;\n    activeIndex = index;\n    links.forEach(function (link, i) {\n      if (i === index) link.setAttribute('aria-current', 'location');\n      else link.removeAttribute('aria-current');\n    });\n    current.textContent = links[index].lastElementChild.textContent;\n  }\n  function update() {\n    frame = 0;\n    \n    if (needsMeasure) measure();\n    var extra = mobile.matches ? toc.querySelector('summary').offsetHeight + 20 : 0;\n    var line = window.scrollY + header + admin + extra + 48;\n    var index = 0;\n    targets.forEach(function (top, i) { if (top <= line) index = i; });\n    if (window.scrollY + window.innerHeight >= end - 24) index = links.length - 1;\n    mark(index);\n    var travel = Math.max(1, end - start - window.innerHeight + header + admin + 24);\n    var progress = Math.min(1, Math.max(0, (window.scrollY + header + admin + 24 - start) \/ travel));\n    percent.textContent = Math.round(progress * 100) + '%';\n    bar.style.transform = 'scaleX(' + progress + ')';\n  }\n  function queue() {\n    if (!frame) frame = window.requestAnimationFrame(update);\n  }\n  function remeasure() { needsMeasure = true; queue(); }\n  function applyMode() {\n    toc.open = !mobile.matches;\n    remeasure();\n  }\n  function navigate(event, index) {\n    if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n    var section = sections[index];\n    if (!section) return;\n    event.preventDefault();\n    if (mobile.matches) toc.open = false;\n    \/\/ Keep target headings clear of both the site header and the compact contents bar.\n    window.requestAnimationFrame(function () {\n      measure();\n      var extra = mobile.matches ? toc.querySelector('summary').offsetHeight + 20 : 0;\n      var y = section.getBoundingClientRect().top + window.scrollY - header - admin - extra - 24;\n      if (!section.hasAttribute('tabindex')) {\n        section.setAttribute('tabindex', '-1');\n        section.addEventListener('blur', function () { section.removeAttribute('tabindex'); }, { once:true });\n      }\n      section.focus({ preventScroll:true });\n      window.scrollTo({ top:Math.max(0,y), behavior:reduced.matches ? 'instant' : 'smooth' });\n      try { window.history.replaceState(null, '', links[index].getAttribute('href')); } catch (e) { \/* file preview \/ sandbox *\/ }\n      mark(index);\n      queue();\n    });\n  }\n  links.forEach(function (link, index) {\n    link.addEventListener('click', function (event) { navigate(event, index); });\n  });\n  toc.addEventListener('toggle', remeasure);\n  toc.addEventListener('keydown', function (event) {\n    if (event.key === 'Escape' && mobile.matches && toc.open) {\n      toc.open = false;\n      toc.querySelector('summary').focus({ preventScroll:true });\n    }\n  });\n  window.addEventListener('scroll', queue, { passive:true });\n  window.addEventListener('resize', remeasure, { passive:true });\n  window.addEventListener('load', remeasure);\n  window.addEventListener('hashchange', remeasure);\n  if (mobile.addEventListener) mobile.addEventListener('change', applyMode);\n  else mobile.addListener(applyMode);\n  if ('ResizeObserver' in window) {\n    var observer = new ResizeObserver(remeasure);\n    observer.observe(root);\n    observer.observe(content);\n    observer.observe(toc);\n    sections.forEach(function (section) { observer.observe(section); });\n  }\n  if (document.fonts) document.fonts.ready.then(remeasure);\n  applyMode();\n  update();\n})();\n<\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VELORE \u2014 Car Rental Website Case Study | #KNIGHTS Car Rental \u00b7 Website Design \u00b7 Booking Experience VELORE. Your next journey starts here. A premium car-rental experience that brings fleet discovery, clear pricing and a guided reservation journey together. Explore the website, mobile layouts and booking interfaces designed for VELORE. Explore the project \u2197Web designA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":416,"menu_order":36,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ngg_post_thumbnail":0,"footnotes":""},"services":[],"industries":[],"class_list":["post-4796","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/comments?post=4796"}],"version-history":[{"count":12,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4796\/revisions"}],"predecessor-version":[{"id":5132,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/4796\/revisions\/5132"}],"up":[{"embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/pages\/416"}],"wp:attachment":[{"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/media?parent=4796"}],"wp:term":[{"taxonomy":"services","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/services?post=4796"},{"taxonomy":"industries","embeddable":true,"href":"https:\/\/hashtagknights.com\/fr\/wp-json\/wp\/v2\/industries?post=4796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}