/* A brighter Crydogs concept: the site keeps its mission-control controls. */
body.homepage-light-preview {--cyan:#1594ce}
body.homepage-light-preview .brand-mark path:last-child {fill:#1594ce}
body.homepage-light-preview .brand-word small {color:#1594ce!important}
body.homepage-light-preview .mobile-nav-toggle {display:none}
body.homepage-light-preview .nav-cta {border-color:#0877b5;border-radius:999px}
body.homepage-light-preview .nav-cta span {color:#1594ce}
body.homepage-light-preview .btn {background:linear-gradient(#36a3e2,#0877b5);border-color:#0877b5;border-radius:999px;clip-path:none;color:#fff;box-shadow:inset 0 1px #ffffff80,0 3px 10px #0877b52e}
body.homepage-light-preview .btn:hover {background:linear-gradient(#2494d6,#00669f);border-color:#00669f}
body.homepage-light-preview .hp-led {background:#159bd7;box-shadow:0 0 0 2px #159bd71c,0 0 11px #159bd785}
body.homepage-light-preview .hp-mission-ticker {color:#377fa6}
body.homepage-light-preview .hp-hero {
  color:#142522;
  background:#fff;
}
body.homepage-light-preview .hp-grid {
  background:none;
}
body.homepage-light-preview .hp-hero:after {
  background:none;
}
body.homepage-light-preview .hp-topline,
body.homepage-light-preview .hp-module-head {color:#4c625f;border-color:#b9c8c1}
body.homepage-light-preview .hp-topline .hp-led {background:#159bd7}
body.homepage-light-preview .hp-guide {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;grid-column:1/-1;list-style:none;margin:22px 0 0;padding:0 0 17px;border-bottom:1px solid #d7e1e5;color:#3d5965;font:600 11px var(--mono);letter-spacing:.2px;text-transform:uppercase}
body.homepage-light-preview .hp-guide li {display:flex;align-items:center;gap:11px;position:relative;white-space:nowrap}
body.homepage-light-preview .hp-guide li:not(:last-child):after {content:'→';position:absolute;right:5px;color:#8aabb9;font-size:17px;font-weight:400}
body.homepage-light-preview .hp-guide b {display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#e7f4fb;color:#0877b5;font:600 10px var(--mono)}
body.homepage-light-preview .hp-eyebrow {color:#216e9e}
body.homepage-light-preview #hp-title {color:#142522}
body.homepage-light-preview #hp-title em {color:#b46d2e}
body.homepage-light-preview .hp-intro {color:#425753}
body.homepage-light-preview .hp-module-head {color:#8a5b35}
body.homepage-light-preview .hp-result-note {color:#526761}
/* An open instrument rail gives the hero its own layout. */
body.homepage-light-preview .hp-command {
  width:100%;max-width:510px;margin:44px auto 0;padding:0 0 0 22px;
  background:transparent;border:0;border-left:2px solid #ad7445;clip-path:none;
  box-shadow:none;
}
body.homepage-light-preview .hp-command:before {border:0}
body.homepage-light-preview .hp-command-head {color:#397293;border-color:#ccd9df}
body.homepage-light-preview .hp-command-title {margin:22px 0 6px;color:#142522;font:600 clamp(30px,2.7vw,39px)/1 var(--display);text-transform:uppercase;letter-spacing:.1px}
body.homepage-light-preview .hp-command-intro {max-width:430px;margin:0 0 22px;color:#425753;font:14px/1.55 var(--sans)}
body.homepage-light-preview .hp-command label {color:#30483f}
body.homepage-light-preview .hp-entry {background:transparent;border:0}
body.homepage-light-preview .hp-entry .hp-prompt {background:#102022;border:1px solid #4c6d66;border-right:0;border-radius:12px 0 0 12px}
body.homepage-light-preview .hp-entry input {background:#102022;border:1px solid #4c6d66;border-left:0;border-radius:0 12px 12px 0;color:#f1f5f1}
body.homepage-light-preview .hp-entry input::placeholder {color:#a0b8ad}
body.homepage-light-preview .hp-honesty {color:#536b61;line-height:1.6}
body.homepage-light-preview .hp-status {color:#216d95;border-color:#ccd9df}
body.homepage-light-preview .hp-status-mark {color:#7f998b}
body.homepage-light-preview .hp-button-change {margin-top:5px;padding:8px 0;min-height:40px;background:transparent;border:0;border-radius:0;box-shadow:none}
body.homepage-light-preview .hp-button-change:hover {text-decoration:underline;filter:none;transform:none}
body.homepage-light-preview .hp-modules {gap:0;overflow:hidden;border:1px solid #cfdee5;border-radius:16px}
body.homepage-light-preview .hp-module {
  min-height:142px;padding:20px 18px;background:transparent;color:#172b25;
  border:0;border-right:1px solid #cfdee5;border-bottom:1px solid #cfdee5;
  box-shadow:none;clip-path:none;transform:none;
}
body.homepage-light-preview .hp-module:before {display:none}
body.homepage-light-preview .hp-module:hover,
body.homepage-light-preview .hp-module[aria-pressed=true] {background:#f1f8fc;border-color:#cfdee5;transform:none}
body.homepage-light-preview .hp-module[aria-pressed=true] {box-shadow:inset 3px 0 #ad7445}
body.homepage-light-preview .hp-module-top,
body.homepage-light-preview .hp-module small {color:#52685c}
body.homepage-light-preview .hp-module strong {font-size:clamp(21px,2.2vw,32px)}
body.homepage-light-preview .hp-button-scan,
body.homepage-light-preview .hp-sticky button:first-of-type {background:linear-gradient(#36a3e2,#0877b5);color:#fff;border-color:#0877b5;border-radius:999px;box-shadow:inset 0 1px #ffffff80,0 3px 10px #0877b52e}
body.homepage-light-preview .hp-button-scan:hover,
body.homepage-light-preview .hp-sticky button:first-of-type:hover {background:#00669f}
body.homepage-light-preview .hp-entry .hp-button-scan {grid-column:1/-1;justify-self:start;width:auto;min-width:174px;min-height:46px;margin-top:12px;padding:12px 24px;border-radius:999px}
body.homepage-light-preview .hp-button-change {color:#0877b5}
body.homepage-light-preview .hp-sticky button:last-of-type {color:#0877b5;border-color:#0877b5;border-radius:999px}
body.homepage-light-preview .hp-proof-band {background:#0d1518;border-color:#344548;padding:18px 0}
body.homepage-light-preview .hp-proof-band .hero-clients__label {color:#a8b9b5}
body.homepage-light-preview .hp-proof-band .hero-clients__label strong {color:#1594ce}
body.homepage-light-preview .hp-proof-band .hero-clients__logos {gap:12px}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a {height:58px;border:1px solid #304044;background:#111a1d}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a:hover {border-color:#1594ce;background:#172428}
body.homepage-light-preview .hp-proof-band .hero-clients__logos img {filter:grayscale(1) brightness(0) invert(.82);opacity:.88}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a:nth-child(2) img {filter:grayscale(1) brightness(1.15);opacity:.95}
body.homepage-light-preview .hp-proof-band .hero-clients__logos a:hover img {filter:none;opacity:1}
body.homepage-light-preview .hp-partner-band {background:#fff;border-color:#dce2da}
body.homepage-light-preview .maintenance-band {padding:56px 0;background:#fff;color:#182a27}
body.homepage-light-preview .maintenance-band__inner {background:transparent;border:0;border-top:1px solid #b8c9bc;box-shadow:none;padding:34px 0 10px}
body.homepage-light-preview .maintenance-band p {color:#485e57}
body.homepage-light-preview .maintenance-band__points {color:#20342e}
body.homepage-light-preview .maintenance-band__points li {background:#fff;border-color:#b46d2e}
body.homepage-light-preview .maintenance-band__cta {color:#94531d}
body.homepage-light-preview .maintenance-band__note {color:#526b61}
/* A dark pause after the light introduction, before the next light case study. */
body.homepage-light-preview .workflow {background:#101d20;color:#e9eee8}
body.homepage-light-preview .workflow .eyebrow {color:#f0ba75}
body.homepage-light-preview .workflow .section-head p {color:#b3c7c1}
body.homepage-light-preview .workflow .steps {border-color:#425657}
body.homepage-light-preview .workflow .step:before {background:#80d9d0}
body.homepage-light-preview .workflow .step .mono {color:#85aba2}
body.homepage-light-preview .workflow .step p {color:#b3c7c1}
body.homepage-light-preview #geo-klanten {background:#fff;color:#182a27}
body.homepage-light-preview #geo-klanten .eyebrow {color:#925f34}
body.homepage-light-preview #geo-klanten .section-head p {color:#4d625b}
body.homepage-light-preview #geo-klanten .package {background:transparent;color:#182a27;border:0;border-top:1px solid #b9c9be;box-shadow:none;padding:25px 0}
body.homepage-light-preview #geo-klanten .package .mono {color:#216e9e}
body.homepage-light-preview #geo-klanten .package .plan-intro {color:#4d625b}
body.homepage-light-preview #geo-klanten .package .link {color:#216e9e}
body.homepage-light-preview #geo-klanten .presence-trigger {background:#172b2a;color:#f2f6f2}
body.homepage-light-preview .customer-voice {background:#fff;color:#182a27;border-color:#eadfcb}
body.homepage-light-preview .customer-voice .section-head p {color:#50635b}
body.homepage-light-preview .customer-voice-card {background:transparent;border:0;border-top:1px solid #c3d0c4;border-radius:0;padding:30px 0}
body.homepage-light-preview .customer-voice-card blockquote p,
body.homepage-light-preview .customer-voice-card figcaption strong {color:#1b2d28}
body.homepage-light-preview .customer-voice-card figcaption small {color:#52675c}
/* A person and a clear service promise lead; the diagnostic controls follow. */
body.homepage-light-preview .editorial-hero {background:#f6f7f4;color:#142522;border-bottom:1px solid #d9e1df;padding:66px 0 60px}
body.homepage-light-preview .editorial-hero__grid {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.85fr);gap:clamp(50px,7vw,108px);align-items:center}
body.homepage-light-preview .editorial-hero__copy {max-width:670px}
body.homepage-light-preview .editorial-hero__eyebrow {margin:0 0 25px;color:#187fad;font:700 12px var(--mono);letter-spacing:2px}
#hero-preview .editorial-hero h1 {margin:0 0 25px;color:#152824;font:750 clamp(46px,3.9vw,60px)/1.09 var(--sans);text-transform:none;letter-spacing:-2.7px}
#hero-preview .editorial-hero h1 em {font-style:normal;color:#0877b5}
body.homepage-light-preview .editorial-hero__lead {max-width:580px;margin:0 0 28px;color:#384d49;font:500 clamp(18px,1.55vw,22px)/1.55 var(--sans)}
body.homepage-light-preview .editorial-hero__actions {display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body.homepage-light-preview .editorial-hero__primary {display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 23px;min-height:53px;border-radius:999px;background:#0877b5;color:#fff;font:700 14px var(--sans);box-shadow:0 7px 18px #0877b526}
body.homepage-light-preview .editorial-hero__primary:hover {background:#00669f}
body.homepage-light-preview .editorial-hero__secondary {color:#126b9e;font:700 13px var(--sans);border-bottom:1px solid #8fbdce;padding:6px 0}
body.homepage-light-preview .editorial-hero__secondary:hover {color:#005b8a}
body.homepage-light-preview .editorial-hero__platforms {margin:30px 0 0;color:#586b67;font:600 11px var(--mono);letter-spacing:1.4px}
body.homepage-light-preview .editorial-hero__platforms span {color:#0877b5;margin:0 9px}
body.homepage-light-preview .editorial-hero__person {position:relative;margin:0;background:#152529;aspect-ratio:1.22;overflow:hidden;border-radius:3px;box-shadow:none;border-bottom:5px solid #0877b5}
body.homepage-light-preview .editorial-hero__person img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}
body.homepage-light-preview .editorial-hero__person:after {content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#101719ad);pointer-events:none}
body.homepage-light-preview .editorial-hero__person figcaption {position:absolute;z-index:1;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:23px 26px;color:#fff}
body.homepage-light-preview .editorial-hero__person figcaption strong {font:700 17px var(--sans)}
body.homepage-light-preview .editorial-hero__person figcaption span {font:500 12px var(--sans);color:#d7e7e9}
body.homepage-light-preview .editorial-hero__work {margin:0;background:#142125;color:#e8f0ed;padding:17px 17px 12px;border-radius:3px;box-shadow:0 16px 40px #102b2b1f}
body.homepage-light-preview .editorial-hero__work-head {display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 13px;color:#afc9ca;font:600 10px var(--mono);letter-spacing:1px}
body.homepage-light-preview .editorial-hero__work-head span:last-child {color:#74bfe2}
body.homepage-light-preview .editorial-hero__work-images {display:grid;grid-template-columns:1.05fr .95fr;gap:12px;height:347px}
body.homepage-light-preview .editorial-hero__work-images a {position:relative;display:block;overflow:hidden;background:#fff}
body.homepage-light-preview .editorial-hero__work-images a img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .25s ease}
body.homepage-light-preview .editorial-hero__work-images a:hover img {transform:scale(1.04)}
body.homepage-light-preview .editorial-hero__work-images a strong {position:absolute;bottom:0;left:0;right:0;padding:22px 14px 11px;background:linear-gradient(transparent,#101718cf);color:#fff;font:700 15px var(--sans)}
body.homepage-light-preview .editorial-hero__work figcaption {padding:12px 1px 0;color:#b9c9c7;font:500 12px var(--sans)}
body.homepage-light-preview .hp-hero {padding-top:53px}
body.homepage-light-preview .hp-topline {margin-bottom:18px}
body.homepage-light-preview #hp-title {font-size:clamp(45px,4.2vw,66px)}
body.homepage-light-preview .hp-guide {margin-top:11px}
body.homepage-light-preview .hp-eyebrow {margin-top:17px}
body.homepage-light-preview .hp-module-head {margin-top:25px}
@media(min-width:1180px){
  body.homepage-light-preview .hp-guide {grid-row:2}
  body.homepage-light-preview .hp-eyebrow {grid-row:3;margin-top:20px}
  body.homepage-light-preview #hp-title {grid-row:4}
  body.homepage-light-preview .hp-intro {grid-row:5}
  body.homepage-light-preview .hp-command {grid-row:3/6;margin-top:24px}
  body.homepage-light-preview .hp-module-head {margin-top:30px}
}
@media(max-width:760px){
  body.homepage-light-preview .editorial-hero {padding:39px 0 44px}
  body.homepage-light-preview .editorial-hero__grid {grid-template-columns:1fr;gap:34px}
  body.homepage-light-preview .editorial-hero__eyebrow {font-size:10px;margin-bottom:16px}
  #hero-preview .editorial-hero h1 {font-size:clamp(42px,10vw,56px);margin-bottom:18px;letter-spacing:-2px}
  body.homepage-light-preview .editorial-hero__lead {font-size:16px;margin-bottom:23px}
  body.homepage-light-preview .editorial-hero__actions {align-items:flex-start;gap:14px}
  body.homepage-light-preview .editorial-hero__primary {width:100%;justify-content:center}
  body.homepage-light-preview .editorial-hero__secondary {margin:auto}
  body.homepage-light-preview .editorial-hero__platforms {text-align:center;font-size:9px;margin-top:23px}
  body.homepage-light-preview .editorial-hero__person {max-width:500px;aspect-ratio:1.36}
  body.homepage-light-preview .editorial-hero__person img {object-position:center 5%}
  body.homepage-light-preview .editorial-hero__work {padding:11px 11px 9px}
  body.homepage-light-preview .editorial-hero__work-head {font-size:8px}
  body.homepage-light-preview .editorial-hero__work-images {gap:8px;height:270px}
  body.homepage-light-preview .editorial-hero__work-images a strong {font-size:12px;padding:18px 8px 8px}
  body.homepage-light-preview .hp-hero {padding-top:25px}
  body.homepage-light-preview .top .mobile-nav-toggle {display:flex;order:3;flex-basis:100%;justify-content:space-between;align-items:center;padding:8px 0 4px;border:0;border-top:1px solid #304044;background:transparent;color:#e9eee8;font:600 10px var(--mono);letter-spacing:1px}
  body.homepage-light-preview .top .mobile-nav-toggle span {color:#1594ce;font-size:16px}
  body.homepage-light-preview .top .navlinks {display:none;order:4;flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 0 10px;border-top:1px solid #304044}
  body.homepage-light-preview .top .mobile-nav-toggle[aria-expanded=true]+.navlinks {display:grid}
  body.homepage-light-preview .top .navlinks>a,
  body.homepage-light-preview .top .navlinks>a.magento-nav {display:flex;align-items:center;min-width:0;padding:10px 5px;border:0;border-bottom:1px solid #304044;color:#d7e7e8;font:500 11px var(--sans)}
  body.homepage-light-preview .hp-guide {gap:5px;margin-top:14px;padding-bottom:14px;font-size:8px;line-height:1.35}
  body.homepage-light-preview .hp-guide li {gap:5px;white-space:normal}
  body.homepage-light-preview .hp-guide li:not(:last-child):after {display:none}
  body.homepage-light-preview .hp-guide b {width:21px;height:21px;font-size:8px}
  body.homepage-light-preview .maintenance-band {padding:36px 0}
  body.homepage-light-preview .hp-command {margin:20px auto 0;padding:0 0 0 14px}
  body.homepage-light-preview .hp-command-title {margin-top:17px;font-size:31px}
  body.homepage-light-preview .hp-command-intro {font-size:12px;margin-bottom:14px}
  body.homepage-light-preview .hp-module {min-height:124px;padding:13px 10px}
  body.homepage-light-preview .hp-module strong {font-size:clamp(18px,5vw,26px)}
  body.homepage-light-preview .hp-proof-band .hero-clients__logos {gap:8px}
  body.homepage-light-preview .maintenance-band__inner {padding:28px 0 8px}
}