.elementor-26284 .elementor-element.elementor-element-0d7c0c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;overflow:visible;}.elementor-26284 .elementor-element.elementor-element-16afc3d0 .kd-heading{text-align:start;}.elementor-26284 .elementor-element.elementor-element-16afc3d0 .kd-heading__desc{max-width:935px;}.elementor-26284 .elementor-element.elementor-element-16afc3d0 .kd-heading__title .kd-heading-highlight{color:var( --e-global-color-secondary );}.elementor-26284 .elementor-element.elementor-element-a3bb490{--display:flex;--padding-top:0em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;overflow:visible;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-26284 .elementor-element.elementor-element-16afc3d0 .kd-heading{text-align:start;}}/* Start custom CSS for html, class: .elementor-element-091d408 */#crp-cpp-root{
  --paper:#FFFFFF; --surface:#F4F6F8; --ink:#17243A; --ink-soft:#5B6677;
  --pine:#17243A; --pine-tint:#E9EEF4;
  --amber:#C58A2C; --amber-tint:#FBF3E4;
  --clay:#C8102E; --clay-tint:#FBEAEC;
  --rule:#D9DEE5; --white:#fff;
  --display:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
  --body:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  all:initial; display:block; font-family:var(--body); font-size:17px;
  line-height:1.55; color:var(--ink); background:transparent;
  -webkit-font-smoothing:antialiased;
}
#crp-cpp-root *,#crp-cpp-root *::before,#crp-cpp-root *::after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}
#crp-cpp-root .wrap{max-width:1200px;margin:0 auto;padding:0 0 48px}


#crp-cpp-root .card{background:var(--white);border:1px solid var(--rule);border-radius:14px;
  padding:30px 28px;margin-bottom:24px}
#crp-cpp-root h2{font-family:var(--display);font-weight:600;font-size:23px;
  letter-spacing:-.01em;margin-bottom:6px}
#crp-cpp-root .sub{font-size:15px;color:var(--ink-soft);margin-bottom:22px}

#crp-cpp-root label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
#crp-cpp-root .hint{font-size:14px;color:var(--ink-soft);font-weight:400;margin-top:6px}
#crp-cpp-root input[type=text],#crp-cpp-root input[type=email],#crp-cpp-root input[type=number]{
  width:100%;padding:14px 15px;font-size:18px;font-family:var(--mono);
  border:1.5px solid var(--rule);border-radius:3px;background:var(--white);color:var(--ink)}
#crp-cpp-root input:focus-visible,#crp-cpp-root button:focus-visible,
#crp-cpp-root input[type=range]:focus-visible{outline:2.5px solid var(--pine);outline-offset:2px}

#crp-cpp-root .presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#crp-cpp-root .preset{font-size:14px;padding:9px 13px;border:1.5px solid var(--rule);
  background:var(--white);border-radius:3px;cursor:pointer;color:var(--ink-soft)}
#crp-cpp-root .preset:hover{border-color:var(--pine);color:var(--pine)}

/* --- signature: the age ruler --- */
#crp-cpp-root .ruler{margin-top:26px}
#crp-cpp-root .ruler-read{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}
#crp-cpp-root .ruler-age{font-family:var(--mono);font-size:40px;font-weight:500;
  letter-spacing:-.02em;line-height:1}
#crp-cpp-root .ruler-mo{font-family:var(--mono);font-size:16px;color:var(--ink-soft)}
#crp-cpp-root input[type=range]{-webkit-appearance:none;appearance:none;width:100%;
  height:44px;background:transparent;cursor:pointer;display:block}
#crp-cpp-root input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--surface);
  border-radius:3px;border:1px solid var(--rule)}
#crp-cpp-root input[type=range]::-moz-range-track{height:6px;background:var(--surface);
  border-radius:3px;border:1px solid var(--rule)}
#crp-cpp-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;
  border-radius:50%;background:var(--pine);border:3px solid var(--white);
  box-shadow:0 1px 5px rgba(0,0,0,.28);margin-top:-13px}
#crp-cpp-root input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;
  background:var(--pine);border:3px solid var(--white);box-shadow:0 1px 5px rgba(0,0,0,.28)}
#crp-cpp-root .ticks{display:flex;justify-content:space-between;font-family:var(--mono);
  font-size:12px;color:var(--ink-soft);padding:0 2px;margin-top:-4px}

/* --- headline result --- */
#crp-cpp-root .result{background:var(--pine);color:#EAF2ED;border-radius:14px;padding:30px 28px;margin-bottom:24px}
#crp-cpp-root .result .lab{font-family:var(--mono);font-size:12px;letter-spacing:.13em;
  text-transform:uppercase;opacity:.72;margin-bottom:10px}
#crp-cpp-root .result .fig{font-family:var(--mono);font-size:clamp(38px,8.5vw,56px);
  font-weight:500;letter-spacing:-.03em;line-height:1;color:#fff}
#crp-cpp-root .result .per{font-size:16px;opacity:.8;margin-top:8px}
#crp-cpp-root .delta{display:inline-block;font-family:var(--mono);font-size:14px;padding:5px 11px;
  border-radius:3px;margin-top:16px;background:rgba(255,255,255,.14)}

/* --- comparison table --- */
#crp-cpp-root table{width:100%;border-collapse:collapse;font-size:16px}
#crp-cpp-root th{font-size:12px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-soft);text-align:right;padding:0 0 10px;font-weight:500;border-bottom:1.5px solid var(--rule)}
#crp-cpp-root th:first-child{text-align:left}
#crp-cpp-root td{padding:13px 0;border-bottom:1px solid var(--rule);text-align:right;font-family:var(--mono)}
#crp-cpp-root td:first-child{text-align:left;font-family:var(--body);font-weight:500}
#crp-cpp-root tr.on td{background:var(--pine-tint);font-weight:600}
#crp-cpp-root tr.on td:first-child{box-shadow:inset 3px 0 0 var(--pine);padding-left:9px}

/* --- crossover chart --- */
#crp-cpp-root .chart{width:100%;height:auto;display:block;margin:6px 0 4px}
#crp-cpp-root .legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;
  font-family:var(--mono);color:var(--ink-soft);margin-top:10px}
#crp-cpp-root .legend i{display:inline-block;width:14px;height:3px;vertical-align:middle;margin-right:6px}

#crp-cpp-root .callout{background:var(--amber-tint);border-left:3px solid var(--amber);
  padding:16px 18px;border-radius:0 3px 3px 0;font-size:16px;margin-top:20px}
#crp-cpp-root .callout b{font-weight:600}

/* --- gate --- */
#crp-cpp-root .gate{background:var(--surface);border:1px solid var(--rule);
  border-radius:14px;padding:30px 28px;margin-bottom:24px}
#crp-cpp-root .gate ul{list-style:none;margin:16px 0 22px}
#crp-cpp-root .gate li{font-size:16px;padding-left:24px;position:relative;margin-bottom:9px}
#crp-cpp-root .gate li::before{content:"";position:absolute;left:2px;top:9px;width:9px;height:9px;
  border:1.5px solid var(--pine);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg)}
#crp-cpp-root button.go{width:100%;padding:17px;font-size:17px;font-weight:600;color:#fff;
  background:var(--pine);border:none;border-radius:8px;cursor:pointer;margin-top:16px}
#crp-cpp-root button.go:hover{background:#223654}
#crp-cpp-root button.go:disabled{opacity:.55;cursor:default}
#crp-cpp-root .casl-wrap{display:flex;align-items:flex-start;gap:10px;margin-top:18px}
#crp-cpp-root .casl-wrap input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:var(--pine)}
#crp-cpp-root .casl-wrap label{font-size:14px;font-weight:400;line-height:1.45;margin:0;color:var(--ink)}
#crp-cpp-root .consent{font-size:13px;color:var(--ink-soft);margin-top:10px;line-height:1.5}
#crp-cpp-root .err{color:var(--clay);font-size:14px;margin-top:9px;display:none}
#crp-cpp-root .thanks{text-align:center;padding:14px 0}
#crp-cpp-root .thanks h2{margin-bottom:10px}

#crp-cpp-root .disclosure{font-size:13px;line-height:1.6;color:var(--ink-soft);
  border-top:1px solid var(--rule);padding-top:20px;margin-top:12px}
#crp-cpp-root .disclosure p{margin-bottom:9px}
#crp-cpp-root .disclosure strong{color:var(--ink);font-weight:600}

@media (max-width:720px){
  #crp-cpp-root{font-size:16px}
  #crp-cpp-root .wrap{padding:0 0 36px}
  #crp-cpp-root .card,#crp-cpp-root .gate,#crp-cpp-root .result{padding:22px 18px}
  #crp-cpp-root table{font-size:14px}
  #crp-cpp-root th,#crp-cpp-root td{font-size:13px}
  #crp-cpp-root .ruler-age{font-size:36px}
}
@media (max-width:520px){
  #crp-cpp-root .card{overflow-x:auto}
  #crp-cpp-root table{min-width:520px}
  #crp-cpp-root .legend{gap:10px}
}
@media (prefers-reduced-motion:reduce){#crp-cpp-root *{transition:none!important;animation:none!important}}/* End custom CSS */